@charset "utf-8";

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 12, 2019 */



@font-face {
    font-family: 'arialregular';
    src: url('fonts/arial-webfont.eot');
    src: url('fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arial-webfont.woff') format('woff'),
         url('fonts/arial-webfont.ttf') format('truetype'),
         url('fonts/arial-webfont.svg#arialregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'arialbold';
    src: url('fonts/arialbd-webfont.eot');
    src: url('fonts/arialbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arialbd-webfont.woff') format('woff'),
         url('fonts/arialbd-webfont.ttf') format('truetype'),
         url('fonts/arialbd-webfont.svg#arialbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubunturegular';
    src: url('fonts/ubuntu-regular-webfont.eot');
    src: url('fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-regular-webfont.woff') format('woff'),
         url('fonts/ubuntu-regular-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { padding:0px; margin:0px; background:#fff; font-size:16px; color:#000; line-height:20px; font-family: 'ubunturegular'; counter-reset: section;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; -webkit-tap-highlight-color: transparent; }
a { color: #fff; text-decoration: none;  }
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #192432; outline:none; }
/*a:hover { color: #979796; }*/
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row{ width:90%; margin:auto; padding:0px;}


/* #Media Queries
================================================== */

/* Smaller than standard 1024 (devices and browsers) */
/* @media screen and (min-width:768px) and (max-width:1023px) { */ 

img {max-width:100%; }
.row{ width:750px; }

/* } */

/* Smaller than standard 768 (devices and browsers) */
/* @media screen and (max-width:767px) { */

.login-bg{background:url(../images/fons01.jpg) no-repeat; background-size:cover; height: 100vh; width: 100vw;}
.center-txt{text-align:center;}
.hme{float:left; width:100%; padding-top:60px;}
.p-btm{padding-bottom:60px;}
.hme h1{font-size:38px; line-height:38px;  font-family: 'ubunturegular'; color:#fff;}
.hme img{float:none; width:auto; margin:155px auto 0;}
.hme p{font-size:14px; line-height:18px;  font-family: 'ubunturegular'; color:#fff; margin-top:10px;}
.alert-bg{background:url(../images/fons02.jpg) no-repeat; background-size:cover;}
.alert{float:left; width:100%; padding:20px 3%;}
.alert .h-logo{float:left;}
.alert .close-btn{float:right; margin-right:2%;}
.aviso-pad{float:left; width:100%; text-align:center; padding:0 5%; margin-top:120px; padding-bottom:80px;}
.aviso-pad h1{ font-family: 'arialbold'; font-size:16px; line-height:16px; color:#f08b09; margin-top:10px; text-transform:uppercase;}
.aviso-pad p{ font-family: 'arialbold';  font-size:16px; line-height:20px; color:#f08b09;  margin:47px 0 44px 0;}
.aviso-pad button{border: 1px solid #f08b09; background:#fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-family: 'arialbold';  font-size:14px; color:#f08b09; text-transform:uppercase; padding:6px 18px; cursor:pointer; }
.aviso-pad button:hover, .aviso-pad button:focus{background:#f08b09; color:#fff;}
.lselect-bg{background:url(../images/fons03.jpg) no-repeat; background-size:cover;}
.aviso-pad.l-select, .aviso-pad.login{margin-top:75px;}
.aviso-pad.l-select h1{margin-bottom:53px;}
.aviso-pad.l-select button{display:block; float:none; margin:0 auto 27px; background:none; border:1px solid #fff; color:#fff; width:155px; padding:10px 0; text-transform:uppercase; font-size:16px;}
.aviso-pad.l-select button:hover, .aviso-pad.l-select button:focus{background:#f08b09; color:#fff;}
.aviso-pad.login .log-form{float:left; width:100%; margin-top:50px;}
.aviso-pad.login .log-form input[type="text"], .aviso-pad.login .log-form input[type="password"]{background:none; border:1px solid #fff; padding:12px 15px 12px 20px;  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; display:block; float:none; margin:0 auto 20px; width:270px; color:#fff; font-size:14px;}
.aviso-pad.login p{ font-family: 'arialregular'; font-size:16px; line-height:16px; color:#fff; margin:0 0 8px 0;}
.aviso-pad.login p a{font-family: 'arialregular'; font-size:16px; line-height:16px; color:#f08b09; margin:0; text-decoration:underline;}
.reg-pad{float:left; width:100%; margin-top:50px;}
.aviso-pad.login button{margin-top:22px; padding: 6px 24px;}
.aviso-pad.login h1{margin-top:15px;}
.aviso-pad.login h2{font-family: 'arialbold'; font-size: 14px; line-height: 16px; color: #f08b09; margin: 25px 0 0px 0; padding:0 10%;}
header{float:left; width:100%; padding:15px 22px; background:#fff; position:relative; min-height:68px;}
header .h-logo{position:absolute; left:22px; top:16px;}
header h1{text-align:center; color:#373737;font-family: 'arialbold'; font-size: 16px; line-height: 16px;  float:left; width:100%; padding-top:10px;}
header h1.org{color:#f08b09;}
.content-area{float:left; width:100%; padding-bottom:43px;}
.content-area ul li{float:left; width:100%; position:relative; border-bottom:1px solid #fff;}
.content-area ul li img{float:left; width:100%;}
.content-area ul li .pro-cnt{position:absolute; width:100%; height:100%; top:0; left:0;  display: flex;display: -webkit-flex; -webkit-align-items: center;align-items: center;-webkit-justify-content: center; justify-content: center;}
.content-area ul li .pro-cnt h2{font-family: 'arialbold'; font-size: 15px; line-height: 16px; color: #fff; text-transform:uppercase;text-align: center;}
/*.content-area ul li .pro-cnt.child-category h2{font-size: 30px; line-height: 35px; width: 85%; text-align: right;}*/
.content-area ul li .pro-cnt h2 p {color: #fff; font-size: 12px}
.content-area ul li .pro-cnt.child-category h2 p {font-size: 12px;}
footer{position:fixed; bottom:0; left:0; background:#373737; padding:10px 15px; float:left; width:100%; z-index:99999999;}
footer ul li{float:left; text-align:center; width:20%;}
footer ul li a{background:url(../images/icons/footer01.svg) no-repeat center center; width:16px; height:18px; display:inline-block;}
footer ul li.pro a{background:url(../images/icons/footer02.svg) no-repeat center center; width:31px; height:18px;}
footer ul li.help a{background:url(../images/icons/footer03.svg) no-repeat center center; width:19px; height:19px;}
footer ul li.mail a{background:url(../images/icons/footer04.svg) no-repeat center center; width:19px; height:15px;}
footer ul li.acc a{background:url(../images/icons/footer05.svg) no-repeat center center; width:18px; height:18px;}
footer ul li.home a.active{background:url(../images/footer01-marked.png) no-repeat center center;}
footer ul li.pro a.active{background:url(../images/icons/footer02-marked.svg) no-repeat center center; }
footer ul li.help a.active{background:url(../images/icons/footer03-marked.svg) no-repeat center center;}
footer ul li.mail a.active{background:url(../images/icons/footer04-marked.svg) no-repeat center center; }
footer ul li.acc a.active{background:url(../images/icons/footer05-marked.svg) no-repeat center center; }
header .h-logo.back{top:23px;}
.content-area.pro-list ul li .pro-cnt h2{font-size:18px; line-height:18px; text-shadow: 1px 1px 4px #292626;}
.pro-detail{float:left; width:100%; padding-bottom:43px;}
.pro-detail .pro-header-img img {width: 100%}
.pdeta-links{float:left; width:100%; padding:0 34px;}
.pdeta-links ul li{float:left; width:100%; border-bottom:1px solid #dfddde; font-family: 'arialbold'; font-size: 15px; line-height: 16px; color:#555555; vertical-align:middle;}
.pdeta-links ul li a{float:left; width:100%; padding:25px 0 25px 23%;}
.pdeta-links ul li:last-child{border-bottom:none;}
.pdeta-links ul li label{float:right; background:#f08b09; color:#fff; text-transform:uppercase; font-family: 'arialbold'; padding:4px 10px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; font-size:12px;}
.pdeta-links ul li.online{background:url(../images/icons/shoop.svg) no-repeat left 4px center;}
.pdeta-links ul li.not{background:url(../images/icons/aviso-1.svg) no-repeat left 0 center;}
.pdeta-links ul li.ficha{background:url(../images/icons/ficha.svg) no-repeat left 8px center;}
.pdeta-links ul li span{float:right; width:22px; height:22px; background:url(../images/icons/download.svg) no-repeat; cursor:pointer;}
.pdeta-links ul li.dsh{background:url(../images/icons/datasheet.svg) no-repeat left 0 center;}
.pdeta-links ul li.tar{background:url(../images/icons/tarifa.svg) no-repeat left 8px center;}
.pdeta-links ul li.promo{background:url(../images/icons/promocio.svg) no-repeat left 6px center; background-size: 24px}
.pdeta-links ul li.manu{background:url(../images/icons/manual.svg) no-repeat left 10px center;}
.pdeta-links ul li.gal{background:url(../images/icons/galeria.svg) no-repeat left 8px center;}
.pdeta-links ul li.laca{background:url(../images/icons/lacado.svg) no-repeat left 0 center;background-size: 36px}
.pdeta-links ul li.laca-no-standard{background:url(../images/icons/lacado-no.svg) no-repeat left 6px center; background-size: 28px}
.pdeta-links ul li.pub{background:url(../images/menu-publi.png) no-repeat left 8px center;}	
.pdeta-links ul li.mon{background:url(../images/menu-montaje.png) no-repeat left 8px center;}	
.pdeta-links ul li.vid{background:url(../images/icons/videos.svg) no-repeat left 8px center;}	
.pdeta-links ul li.pdf{background:url(../images/icons/pdf.svg) no-repeat left 8px center;}	
.pdeta-links ul li.htm{background:url(../images/icons/html.svg) no-repeat left 8px center;}
.pdeta-links ul li.form{background:url(../images/icons/form.svg) no-repeat left 0 center;}
#gallery-pad{float:left; width:100%;}
#gallery-pad .owl-item img{width:100%;}
#gallery-pad .owl-dots{margin-top:10px; margin-bottom:13px;}
.pdeta-links ul li.laca.t-br{border-top:1px solid #dfddde;}
img.iner-logo{position:absolute; right:25px; top:16px;}
header.brd{border-bottom:1px solid  #f3eded;}
.p-tit{float:left; width:100%; background:#fff; text-align:center; padding:18px 0;}
.p-tit h1{font-family: 'arialbold'; font-size: 14px; line-height: 16px; color: #5a5a5a; text-transform:uppercase;}
.gal-pad{float:left; width:100%; background:#fff; padding:0 32px; padding-bottom:55px;}
.gal-pad ul li{float:left; width:31.333%; margin-right:3%; margin-bottom:3%;}
.gal-pad ul li:nth-child(3n){margin-right:0;}
.gal-pad ul li img{float:left; width:100%;}
#gallery{float:left; width:100%; margin-bottom:42px;}
.shr {    float: left;    width: 33.33%;    text-align: left;}
.h-tit {    float: left;    width: 33.33%;}
.grid {    float: left;    width: 33.33%;    text-align: right;}
.p-tit.gal{padding:18px 30px;}
.p-tit.b-brd{border-bottom:1px solid #f3eded;}
.laca-pad{float:left; width:100%; padding:25px 13% 42px 13%;}
.laca-pad ul li{float:left; width:31.333%; margin-right:3%; margin-bottom:6%; text-align:center; }
.laca-pad ul li .lacocnt p{ font-family: 'arialregular'; font-size:12px; line-height:15px;}
.laca-pad ul li .lacocnt p span{display:block; color:#949494;}
.laca-pad ul li .lacocnt{float:left; width:100%; min-height:25px;}
.laca-pad ul li:nth-child(3n){margin-right:0; }
.video-pad ul li{float:left; width:100%; margin-bottom:15px;}
.video-pad{float:left; width:100%; padding:22px 10px 42px 24px;}
.video-pad ul li .y-video{float:left; width:50%; padding-right:5px;}
.video-pad ul li .y-cnt{float:left; width:50%; padding-left:1%;}
.video-pad ul li .y-cnt h2{font-family: 'arialbold'; font-size: 12px; line-height: 16px; color: #5a5a5a; text-transform: uppercase; margin-bottom:4px;}
.video-pad ul li .y-cnt p{font-family: 'arialregular'; font-size:11px; line-height:13px; color:#999999;}
.video-pad .v-but{float:left; width:100%; text-align:center; padding-bottom:42px; margin-top:18px;}
.video-pad a.view-more{background:#f08b09 url(../images/youtube.png) no-repeat right 25px center; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color:#fff;font-family: 'arialbold'; font-size: 14px; line-height: 16px;   padding:15px 70px 15px 23px; float:none; margin:0 auto; text-align:center;}
.video-pad a.view-more:hover, .video-pad a.view-more:focus{background:#999 url(../images/youtube.png) no-repeat right 25px center;}
.laca-pad.download ul li .lacocnt p{font-family: 'arialbold'; font-size: 14px; line-height: 16px; color: #5a5a5a; text-transform: uppercase;}
.laca-pad.download ul li .lacocnt span{font-family: 'arialregular'; font-size:11px; line-height:13px; color:#999999;}
.laca-pad.download{padding:25px 6% 42px 6%;}
.laca-pad.download ul li{margin-bottom:35px;}
.laca-pad.download ul li a:hover, .laca-pad.download ul li a:focus{opacity:0.7;}
.text-pad{float:left; width:100%; padding:25px 25px 52px 25px;}
.text-pad h1{font-family: 'arialbold'; font-size: 15px; line-height: 16px; color: #444444; text-transform: uppercase; margin-bottom:18px;}
.text-pad p{font-family: 'arialregular'; font-size:13px; line-height:17px; color:#999999;}
.text-pad h2{font-family: 'arialbold'; font-size: 14px; line-height: 16px; color: #7f7f7f;  margin:35px 0 15px 0;}
.text-pad img{margin-top:18px;}
.text-pad.help.alerts h3 {text-align: center; color: #ee8b09; margin-bottom:15px}
.text-pad.help ul li{float:left; width:100%; margin-bottom:15px; border:1px solid #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0.5px 0.5px 0.4px 0.1px rgba(237, 233, 233);
-moz-box-shadow: 0.5px 0.5px 0.4px 0.1px rgba(237, 233, 233);
box-shadow: 0.5px 0.5px 0.4px 0.1px rgba(237, 233, 233);}
.text-pad.help ul li a{padding:15px 18px; float:left; width:100%; font-family: 'arialbold'; font-size: 14px; line-height: 17px; color: #7f7f7f;  background:#fff url(../images/arrow-right.png) no-repeat right 18px center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius:5px;  }
.text-pad.help ul li.select a{background-image: url(../images/arrow-down.png)}
.text-pad.help ul li:hover a, .text-pad.help ul li a:focus{background:#f08b09 url(../images/arrow-right-wht.png) no-repeat right 18px center; color:#fff;}
.user-img {text-align: center}
.datasheet{float:left; width:100%;  padding-bottom:42px;}
.datasheet .main-data-pad{float:left; width:100%; position:relative; padding-bottom:42px;}
.datasheet .pro-img{float:left; width:100%;}
.datasheet .pro-img img{float:left; width:100%;}
.datasheet .pro-pointers{float:left; width:100%;}
.datasheet .pro-pointers ul li{position:absolute; top:0; left:0; }
.datasheet .pro-pointers ul li a{font-family: 'arialbold'; font-size: 16px; line-height: 16px; color: #7f7f7f; color:#ee8b09; border:2px solid #ee8b09;  -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius:25px; width:28px; height:28px; display:inline-block; text-align:center; padding-top:5px;}
.datasheet .pro-pointers ul.gry-points li a{color:#5c5c5c; border-color:#5c5c5c;}
.datasheet .pro-pointers ul.org-points li:first-child{top:16%; left:44%;}
.datasheet .pro-pointers ul.org-points li:nth-child(2){top:19.56%; left:80.5%;}
.datasheet .pro-pointers ul.org-points li:nth-child(3){top:41%; left:6.5%;}
.datasheet .pro-pointers ul.org-points li:nth-child(4){top:24%; left:87%;}
.datasheet .pro-pointers ul.org-points li:nth-child(5){top:74%; left:27%;}
.datasheet .pro-pointers ul.org-points li:nth-child(6){top:78%; left:15%;}
.datasheet .pro-pointers ul.gry-points li:first-child{top:47%; left:55%;}
.datasheet .pro-pointers ul.gry-points li:nth-child(2){top:2%; left:90%;}
.datasheet .pro-pointers ul.gry-points li:nth-child(3){top:17%; left:92%;}
.datasheet .pro-pointers ul.gry-points li:nth-child(4){top:68%; left:9%;}
.datasheet .pro-pointers ul.gry-points li:nth-child(5){top:66%; left:27%;}
#pro-pad{float:left; width:100%; padding:0 37px; padding-bottom:30px;}
#pro-pad ul li{float:left; width:auto;}
#pro-pad ul li:first-child{width:18%;}
#pro-pad ul li.im{width:21%; margin-right:4%;}
#pro-pad ul li.im img{float:left; width:100%;}
#pro-pad ul li:last-child{width:57%;}
#pro-pad ul li.or a{font-family: 'arialbold'; font-size: 16px; line-height: 16px;  color:#ee8b09; border:2px solid #ee8b09; background:#fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius:25px; width:28px; height:28px; display:inline-block; text-align:center; padding-top:5px;}
#pro-pad ul li.or.gr a{ border:2px solid #5c5c5c; background:#fff; color:#5c5c5c;}
#pro-pad ul li.or{padding-top:15px; text-align:center;}
#pro-pad ul li.im img{ border:1px solid #e6e4e5;}
#pro-pad ul li.dt h2{font-family: 'arialbold'; font-size: 14px; line-height: 15px;  color:#5a5a5a; margin-bottom:7px;}
#pro-pad ul li.dt p{font-family: 'arialregular'; font-size:12px; line-height:15px; color:#7f7f7f;}
#pro-pad ul li.dt a{font-family: 'arialregular'; font-size:12px; line-height:13px; color:#f08b09; text-decoration:underline;}
#pro-pad .item{display:none;}
#pro-pad .item.active{display:block;}
.datasheet .pro-pointers ul.org-points li.act a{ background:#ee8b09; color:#fff;}
#pro-pad .active ul li.or a{ background:#ee8b09; color:#fff;}
.toggle-button{display:none;}
.arrow-up{float:left; width:100%; text-align:center; position:relative; margin-top:-50px;}
.toggle-button.show{display:block;}
.popup { float:left; display:none; background:#fff; width:100%; max-width:720px; padding:0px; padding-bottom:42px;}
#popup .fancybox-opened{top: 0 !important;    left: 0 !important; width:100%!important; height:100%!important; background:#fff;}
#popup .fancybox-inner{width:100%!important; height:100%!important; overflow:hidden!important;}
#popup .fancybox-overlay{background:none;}
.smk_accordion ul li{float:left; width:auto;}
.smk_accordion ul li:first-child{width:15%;}
.smk_accordion ul li.im{width:25%;}
.smk_accordion .acc_content ul li.im{width:20%;}
.smk_accordion ul li:last-child{width:60%;}
.smk_accordion ul li.or a{font-family: 'arialbold'; font-size: 16px; line-height: 16px;  color:#ee8b09; border:2px solid #ee8b09; background:#fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius:25px; width:28px; height:28px; display:inline-block; text-align:center; padding-top:5px;}
.smk_accordion ul li.or.gr a{ border:2px solid #5c5c5c; background:#fff; color:#5c5c5c;}
.smk_accordion ul li.or{padding-top:15px;}
.smk_accordion ul li.im img{ border:1px solid #e6e4e5;}
.smk_accordion ul li.dt h2{font-family: 'arialbold'; font-size: 14px; line-height: 15px;  color:#5a5a5a; margin-bottom:7px; margin-top:0;}
.smk_accordion ul li.dt p{font-family: 'arialregular'; font-size:12.5px; line-height:15px; color:#7f7f7f; margin-bottom:5px;}
.smk_accordion ul li.dt a{font-family: 'arialregular'; font-size:12.5px; line-height:13px; color:#f08b09; text-decoration:underline;}
.accoridion-diable{float:left; width:100%; padding:10px 18px; border-bottom: 1px solid #f3eded;}
.pop-title{float:left; width:100%; text-align:center; padding:15px 0; border-bottom: 1px solid #f3eded;}
.pop-title h1{font-family: 'arialbold';font-size: 14px;line-height: 16px;color: #5a5a5a;text-transform: uppercase;}
.smk_accordion.acc_with_icon .accordion_in .acc_content{padding:0;}
.smk_accordion.acc_with_icon .accordion_in .acc_content ul{float:left; width:100%; border-bottom:1px solid #f3eded; padding:13px 0% 10px 21%;}
.smk_accordion ul li.dt a.preci{text-decoration:none; col}
.smk_accordion ul li.dt a.preci span{color: #7f7f7f;}
.text-video{position:relative; float:left; width:100%; min-height:160px;}
.text-video .play{position:absolute; left:0; right:0; top:45%; bottom:0; margin:0 auto; width:auto;}
.text-pad.h-inn ul li{float:left; width:100%; padding-left:40px; font-family: 'arialregular'; font-size:13px; line-height:16px; color:#999999; float:left; margin-bottom:24px; position:relative;  }
.text-pad.h-inn ul {float:left; width:100%; margin-top:26px;}
.text-pad.h-inn ul li::before{counter-increment: section;                 /* Increment the value of section counter by 1 */  content: counter(section)".";                  /* Display the value of section counter */ position:absolute; left:10px; top:5px; font-family: 'arialbold'; font-size: 15px; line-height: 16px; color: #f08b09;}
.text-pad.h-inn h1{text-transform:capitalize;}
.contact{float:left; width:100%; padding:28px 25px 10px 50px; border-bottom:1px solid #f3eded;} 
.contact ul li{float:left; width:100%; padding-left:33px; margin-bottom:15px; font-size:13px;}
.contact ul li.c_title{color: #f08b09;text-transform: uppercase; padding-left: 0}
.contact ul li.addre{background:url(../images/contactar-ubicacio.png) no-repeat left center;}
.contact ul li.phone{background:url(../images/contactar-telf.png) no-repeat left center;}
.contact ul li.mail{background:url(../images/contactar-email.png) no-repeat left center;}
.contact ul li a:hover{color:#f08b09;}
.contact-form{float:left; width:100%; padding:35px 48px;}
.contact-form h2{text-align: left; color:#f08b09; font-family: 'arialbold'; font-size: 16px; line-height: 16px; margin-bottom:20px;} 
.contact-form ul li input[type="text"]{ border:1px solid #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0.5px 0.5px 0.4px 0.1px rgba(237, 233, 233); -moz-box-shadow: 0.5px 0.5px 0.4px 0.1px rgba(237, 233, 233); box-shadow: 0.5px 0.5px 0.4px 0.1px rgba(237, 233, 233); float:left; width:100%; padding:8px 20px; color:#999;}
.contact-form ul li textarea{border:1px solid #e8e8e8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0.5px 0.5px 0.4px 0.1px rgba(237, 233, 233); -moz-box-shadow: 0.5px 0.5px 0.4px 0.1px rgba(237, 233, 233); box-shadow: 0.5px 0.5px 0.4px 0.1px rgba(237, 233, 233); float:left; width:100%; padding:10px 20px; color:#999; min-height:125px; font-family: 'arialregular'; font-size:13px}
.contact-form ul li{float:left; width:100%; margin-bottom:8px;  }
.contact-form input[type="submit"]{margin:0 auto; float:none; text-align:center; width:auto; background:#f08b09; color:#fff; border:0; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color:#fff;font-family: 'arialbold'; font-size: 14px; line-height: 16px;   padding:8px 33px; cursor:pointer; text-transform:uppercase;}
.contact-form input[type="submit"]:hover, .contact-form input[type="submit"]:focus{background:#999;}
.contact-form .sub{text-align:center; float:left; width:100%; padding-bottom:30px; padding-top:20px;}
    .video-pad ul li .y-video .player{
        display: inline-block;
        position: relative;
        width: 100%;
    }
    .video-pad ul li .y-video .player img.preview{display: block; width:100%;}
    .video-pad ul li .y-video .player .center-img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .video-pad ul li .y-video .player .center-img img {
        position: relative;
        width: 40px;
        float: left;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.legal-bar, .container {
    float: left;
    width: 100%;
    padding: 35px 48px;
    margin-bottom: 42px;
}

.legal-bar a {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

@-webkit-keyframes zoomIn { 0% {
-webkit-transform:scale3d(.3, .3, .3);
opacity:0;
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn { 0% {
-webkit-transform:scale3d(.3, .3, .3);
opacity:0;
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn { -webkit-animation-name:zoomIn; animation-name:zoomIn ; -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; animation-duration:1s; animation-fill-mode:both}
.hme img{-webkit-animation-name:zoomIn;  -webkit-animation-duration:1s; -webkit-animation-fill-mode:both; animation-duration:1s; animation-fill-mode:both}
.p-tit h1.gry{color:#808080;}
.contact-form ul li input::-webkit-input-placeholder  { /* Chrome/Opera/Safari */  color: #d8d8d8; opacity:1;}
.contact-form ul li input::-moz-placeholder { /* Firefox 19+ */  color: #e9e9e9;opacity:1;}
.contact-form ul li input:-ms-input-placeholder { /* IE 10+ */  color: #e9e9e9;opacity:1;}
.contact-form ul li input:-moz-placeholder { /* Firefox 18- */  color: #e9e9e9;opacity:1;}
.contact-form ul li input:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #fff; opacity:1;}
.contact-form ul li input:focus::-moz-placeholder { /* Firefox 19+ */  color: #fff;opacity:1;}
.contact-form ul li input:focus:-ms-input-placeholder { /* IE 10+ */  color: #fff;opacity:1;}
.contact-form ul li input:focus:-moz-placeholder { /* Firefox 18- */  color: #fff;opacity:1;}
.contact-form ul li -webkit-input-placeholder{ /* Chrome/Opera/Safari */  color: #d8d8d8; opacity:1;}
.contact-form ul li ::-moz-placeholder { /* Firefox 19+ */  color: #e9e9e9;opacity:1;}
.contact-form ul li ::-ms-input-placeholder { /* IE 10+ */  color: #e9e9e9;opacity:1;}
.contact-form ul li ::-moz-placeholder { /* Firefox 18- */  color: #e9e9e9;opacity:1;}
.contact-form ul li textarea:focus:-moz-placeholder, .contact-form ul li textarea:focus:-ms-input-placeholder, .contact-form ul li textarea:focus:-moz-placeholder{  color: #fff;opacity:1;}
/* } */

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {



}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {


}
@media screen and (max-width:360px) {
.laca-pad{float:left; width:100%; padding:25px 3% 42px 3%;}
.hme img{margin:100px auto 0;}
.aviso-pad{margin-top:80px;}
.aviso-pad.l-select{margin-top:40px;}
.aviso-pad.login {    margin-top: 15px;}
.reg-pad{margin-top:25px;}
.aviso-pad.login .log-form{margin-top:30px;}
.aviso-pad.login button{margin-top:15px;}
.text-pad.help ul li a{font-size:13px; background:#fff url(../images/icons/arrow-right.svg) no-repeat right 12px center; padding-right:25px;}
.text-pad.help ul li a:hover{background:#f08b09 url(../images/arrow-right-wht.png) no-repeat right 12px center;}
.smk_accordion .accordion_in .acc_head .acc_icon_expand{right:20px;}
.pdeta-links{padding:0 25px;}
#popup .fancybox-close{right:20px;}
}

/* iPhone X*/
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
	footer {padding-bottom: 40px;}
	.pdeta-links{padding-bottom: 20px;}
}

/* iPhone XR */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) {
	footer {padding-bottom: 40px;}
	.pdeta-links{padding-bottom: 20px;}
}

/* iPhone XS MAX*/
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) {
		footer {padding-bottom: 40px;}
		.pdeta-links{padding-bottom: 20px;}
}