body {font-family: 'Overpass', Helvetica, sans-serif;}
html {scroll-behavior: smooth;}
figure {margin: 0px;}
.btn {font-family: 'Overpass', sans-serif; vertical-align: middle; font-weight: 600; text-transform: uppercase; font-size: 13px; border-radius: 0px; padding: 0.7rem 1.5rem; padding-top: 0.75rem; align-items: flex-start; display: inline-flex; line-height: normal; }
/*
.btn .svg-icon {
    flex-shrink: 0;
    line-height: 0;
    margin-right: 0.5rem; margin-left: -2px; vertical-align: text-top; 
}
*/
.btn span {padding-top: 2px;}
.btn svg {margin-right: 5px;}
.btn-black {background-color: #000; color:#fff; border:1px solid #000;}
.btn-black:hover, .btn-black:focus {color:#fff; } 
.btn-white {background-color: #fff; color:#000; border:1px solid #000;}
.btn-white svg path:nth-child(2) {fill: #000; color: #000;}
.btn-line {border:1px solid #0E67B0; color: #0E67B0;}
.btn-line svg path:nth-child(2), .btn-line svg g path {fill: #0E67B0; color: #0E67B0;}
.btn-line:hover {border:1px solid #0E67B0; background-color: #0E67B0; color: #fff;}
.btn-line:hover svg path:nth-child(2), .btn-line:hover svg g path {fill: #fff; color: #fff;}
a:hover {text-decoration: none;}

.swiper-container  {overflow: hidden; position: relative;}
.swiper-container img {width: 100%;}
.swiper-button-prev,.swiper-button-next  {width:30px; height: 30px;}
.swiper-button-prev:after {content: url(../img/arrow-left-black-bgwhite.svg) !important; transform: scale(0.9);}
.swiper-button-next:after {content: url(../img/arrow-right-black-bgwhite.svg) !important; transform: scale(0.9);}

.sapcer {clear: both;}
.mobile {display: none;}
.cerrar {display: none !important;}
img {pointer-events: none;}

.menu-btn {display: none;}

.scrolled-down{transform:translateY(-100%) !important; transition: all 0.3s ease-in-out ;}
.scrolled-up{transform:translateY(0); transition: all 0.3s ease-in-out;}

/* Header */
.main-header {background-color: #fff; color: #000; font-family: 'Overpass', sans-serif; font-size: 13px; font-weight: normal;}
.main-header .container {display: flex; justify-content:space-between;}
.main-header ul {margin: 0px; padding: 0px; list-style-type: none; display: flex;}

.main-header .col-first ul li {border-right: 1px solid #E5E5E5; padding-top: 10px; padding-bottom: 9px; display: flex; align-items: normal; padding-right: 12px; margin-right: 12px;}
.main-header .col-first ul li:last-child  {border: 0px;}
.main-header .col-first svg {margin-right: 5px;}
.main-header .col-first svg path:nth-child(2) {fill: #000; color: #000;}
.main-header strong {font-weight: 600;}

.main-header .col-second {display: flex; align-items:center;}
.country a {padding: 10px 15px;display: block;}
.country a.active {background-color: rgba(255, 255, 255, .22);}
.country a img {height: 23px; width: auto;}
.main-header .social {margin-right: 15px;}
.main-header .social  a {display: block; padding: 9px 10px;}
.main-header .social svg path {fill: #000; color: #000;}

.navbar{position: fixed; width: 100%; background: #0E67B0;padding-top: 0;padding-bottom: 0; padding: 0px; box-shadow: none; font-family: 'Overpass', sans-serif; font-weight: 600; display: inherit;}
.navbar::before {content: ''; position: absolute; height: 100%; width: 60%; z-index: -1;
    background: rgb(0,60,114);
    background: linear-gradient(90deg, rgba(0,60,114,0.5) 0%, rgba(0,60,114,0) 100%);
}
.navbar-light .navbar-brand {color: #0E67B0;}
.navbar-light .navbar-brand img {height: 56px; width: auto;}
.navbar-light .navbar-nav .nav-link {color: #fff;}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {color: #174B9A;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff;}
.navbar-light .navbar-nav .nav-link{padding-top: 40px; padding-bottom: 35px; transition: 0.3s; padding-left: 24px; padding-right: 24px; font-size: 14px; text-transform: uppercase;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{background: #174B9A;transition: 0.3s;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;text-decoration: none;background-color: #174B9A !important;}
.sm-menu{border-radius: 0px; border: 0px; top: 98%; box-shadow: rgba(173, 173, 173, 0.2) 1px 3px 4px 0px;}
.dropdown-item {color: #3c3c3c; font-size: 13px; font-weight: 500; text-transform: uppercase; padding-left: 0px; padding-right: 0px;}
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover {color: #0E67B0;text-decoration: none; background-color: transparent !important;}
.navbar-toggler{outline: none !important;}
.navbar-tog{color: #1ebdc2;}
.megamenu-li {position: static;}
.megamenu {position: absolute;width: 100%;left: 0;right: 0;padding: 15px; padding-top: 30px; }
.megamenu .cont-img-menu {text-align: center;}
.megamenu img {width: 100%; text-align: center; }
.megamenu h6 { font-size: 14px; font-weight: 600; text-transform: uppercase; padding-bottom: 5px; color: #0E67B0; margin-top: 15px; margin-bottom: 10px;}
.megamenu svg {display: none;}
.megamenu i{width: 20px;}

/*.megamenu .row {width: 100%;}*/

.megamenu .cont-links span {display: block; border-top: 1px solid #DEDEDE; padding-top: 10px; margin-top: 5px; margin-bottom: 10px; color: #3c3c3c; font-size: 13px; font-weight: 500; text-transform: uppercase; }
.megamenu .cont-links .links {display: flex;}
.megamenu .cont-links a {color:#000; padding: 15px; padding-left: 0px; border-bottom: 1px solid #DEDEDE; width: 100%; display: block; text-transform: uppercase; background: url(../img/arrow-right-black.svg); background-position: 95% center; background-size: 18px; background-repeat: no-repeat;}
.megamenu .cont-links .links a {border-bottom: 0px; font-weight: 400; background-position: 90% center; line-height: 18px; font-size: 13px; padding-top: 0px; padding-bottom: 0px;}
.megamenu .cont-links .links a:hover {color: #0E67B0;text-decoration: none; }
.megamenu .cont-links .links a:first-child {border-right: 1px solid #DEDEDE;}
.megamenu .cont-links .links a:last-child {padding-left: 10px;}

/* Home */
.swiper-fullhome {background-color: #707070; color: #000; margin-top: 0px; margin-bottom: 0px;}
.swiper-fullhome .swiper-slide {
    background: rgb(240,243,246);
    background: linear-gradient(90deg, rgba(240,243,246,1) 0%, rgba(255,255,255,1) 100%);}
.swiper-fullhome .swiper-slide a {display: flex; color: #000; text-decoration: none; align-items:center;}
.swiper-fullhome img {width: 60%;}
.swiper-fullhome .text {padding: 0px 50px; padding-left: 70px;}
.swiper-fullhome h2 {color: #0E67B0; text-transform: uppercase; font-size: 21px; line-height: 25px; margin-bottom: 15px; font-family: 'Montserrat', sans-serif; font-weight: 700;}
.swiper-fullhome p {font-size: 15px; font-weight: normal;}

.swiper-slide.img-full a {display: block;}
.swiper-slide.img-full a img {width: 100%;}

.lineproductos {position: relative; padding: 45px 0px; padding-top: 40px;}
.lineproductos h2 {text-align: center; text-transform: uppercase; margin-bottom: 25px; color:#0E67B0;font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 16px; }
.lineproductos::before {background-color: #F8F8F8; width: 100%; height: 50%; position: absolute; top: 0px; content: " ";}
.lineproductos a {display: block; border:1px solid #E5E5E5; position: relative;}
.lineproductos a:hover {text-decoration: none;}
.lineproductos a::before {width: 100%; height: 5px; position: absolute; bottom: 0px; content: " ";
background: rgb(26,89,183);
background: linear-gradient(90deg, rgba(26,89,183,1) 0%, rgba(26,89,183,0.25) 100%);}
.lineproductos h3 {color:#000; padding: 15px; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 600;  width: 100%; display: block; text-transform: uppercase; background: url(../img/arrow-right-black.svg); background-position: 93% center; background-size: 18px; background-repeat: no-repeat;}
.lineproductos .info {min-height: 75px;}

.content-bannershome {padding-top: 45px; padding-bottom: 75px; border-top: 1px solid #E5E5E5; background-image: url(../img/bg-categorias.svg); background-position: center center; background-repeat: repeat-x;}
.content-bannershome h2 {font-family: 'Overpass', sans-serif; text-transform: uppercase; text-align: center; font-size: 15px; font-weight: 600; margin-bottom: 35px;} 
.bannerhome {color: #fff;font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 15px; margin-bottom: 30px; }
.bannerhome figure {background-color: #0E67B0;}
.bannerhome img {width: 100%; transition: 0.3s;}
/*.bannerhome:hover img {opacity: .7; transition: 0.3s;}*/
.bannerhome .info { min-height: 82px; margin-top: -1px; z-index: 1; position: relative; padding: 22px 25px; background-color: #0E67B0;display: flex; align-items: center; justify-content: space-between; }
.bannerhome .info::before {content: ''; position: absolute; height: 100%; top: 0px; right: 0px; width: 80px; z-index: 0; transition: 0.3s;
    background: rgb(0,60,114);
    background: linear-gradient(90deg, rgba(0,60,114,0.5) 0%, rgba(0,60,114,0) 100%);
}
.bannerhome:hover .info::before {width: 120px; transition: 0.3s;}
.bannerhome h3 {text-transform: uppercase; font-weight: 600; font-size: 16px; color: #fff; margin: 0px;}
.bannerhome .ico {z-index: 1;}

.destacado-home {display: flex; background-color: #F8F8F8; align-items: center; columns: 2;}
.destacado-home img {width: 50%;}
.destacado-home .text {padding-left: 80px;}
.destacado-home h2 {color: #0E67B0; text-transform: uppercase; font-size: 21px; line-height: 25px; margin-bottom: 10px; font-family: 'Montserrat', sans-serif; font-weight: 700;}
.destacado-home p {font-size: 15px; font-weight: normal; margin-bottom: 25px;}

/* Category */
.head-category {background-color: #fff; border-bottom: 1px solid #E5E5E5; padding-top: 30px; padding-bottom: 30px; margin-bottom: 45px;}
.head-category h1 {margin-bottom: 0px; font-family: 'Overpass', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase;}

.content-products {position: relative;}


.content-products.category .col-sm-6 {margin-bottom: 30px; }

.item-cat {height: 100%; border:1px solid #DEDEDE; display: flex; background-color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 14px; }
.item-cat figure {margin: 0px; position: relative;}
.item-cat figure img {width: 100%;}
.item-cat figure .lock {position: absolute; width: 100%; height: 100%;}
.item-cat .info {width: 65%;}
.item-cat .info h2 {background-color: #0E67B0; color: #fff; margin: 0px; font-family: 'Montserrat', sans-serif; font-size: 14px; padding: 15px;}
.item-cat .info ul {list-style-type: none; padding: 0px; margin: 0px;}
.item-cat .info a {color:#000;  padding: 15px; border-bottom: 1px solid #DEDEDE; width: 100%; display: block; text-transform: uppercase; background: url(../img/arrow-right-black.svg); background-position: 95% center; background-size: 18px; background-repeat: no-repeat;}
.item-cat .info ul span {display: block; margin-left: 15px; margin-top: 15px; margin-bottom: 15px;}
.item-cat .info .links {display: flex;}
.item-cat .info .links a {border-bottom: 0px; font-weight: 400; background-position: 90% center; line-height: 19px; font-size: 14px; padding-top: 0px; padding-bottom: 0px;}
.item-cat .info .links a:first-child {border-right: 1px solid #DEDEDE;}

.item {text-decoration: none; display: block; background-color: #F4F4F4; margin-bottom: 30px;}
.item:hover {text-decoration: none;}
.item figure {position: relative; margin: 0px;}
.item figure .lock {position: absolute; width: 100%; height: 100%;}
.item img {width: 100%;}
.item .info .head {position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #fff;}
.item .info .head::before {content: ''; position: absolute; height: 100%; top: 0px; right: 0px; width: 90px; z-index: 0; transition: 0.3s;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 100%);
}
.item:hover .info .head::before {width: 120px; transition: 0.3s;}
.item .info .head .icon {z-index: 1; display: flex; flex-wrap: wrap; align-items: center; text-align: center; justify-content: center;}
.item .info .head .icon svg {margin-top: 7px;}
.item .info .head .icon svg path {fill: #0E67B0;}
.item .info .head .icon div {width: 100%; font-size: 11px; padding-top: 7px; color: #0E67B0; font-family: 'Overpass', sans-serif}
.item .info .head .name {margin-bottom: 0px; padding: 20px; width: 60%; font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700; text-transform: uppercase; color:#0E67B0;}
.item .info ul {list-style-type: none; padding: 0px; margin: 0px; padding: 20px; font-size: 13px; font-family: 'Open Sans', sans-serif; color:#000;}

/* Product */
.cont-bread {padding: 15px 0px; margin-bottom: 10px; }
.breadcrumb {background: transparent; padding: 0px; margin: 0px; font-size: 13px; font-family: 'Arial', sans-serif;}
.breadcrumb a {color: #000;}

.title-product { margin-top:20px; margin-bottom: 30px; color:#0E67B0; text-transform: uppercase; font-size: 24px; font-weight: 600; width: 85%; font-family: 'Montserrat', sans-serif;}
.buttons-product {margin-bottom: 30px;}
.buttons-product .btn {margin-right: 15px;}

.cont-fotos-product {position: relative;}
.cont-fotos-product img {width: 100%;}
.cont-fotos-product a {display: block; position: relative;}
.cont-fotos-product a .morephotos {transition: 0.3s; font-family: 'Overpass', sans-serif; font-size: 12px; text-align: center; padding: 10px 15px; color: #fff; position: absolute; right: 20px; bottom: 20px; background-color: rgba(0, 0, 0, 0.6); border-radius: 4px;}
.cont-fotos-product a .morephotos span {display: block; line-height: 16px;}
.cont-fotos-product a .morephotos svg {margin-bottom: 7px; margin-top: 3px;}
.cont-fotos-product a:hover .morephotos {transition: 0.3s; background-color: rgba(0, 0, 0, 1);}
a[data-fancybox] img {cursor: zoom-in;}

.cont-info-product {background-color: #F4F4F4; display: flex; align-content:space-between; flex-wrap:wrap;  }
.cont-info-product .title-product {font-weight: 700; line-height: 28px; margin-bottom: 20px; margin-top: 25px;}
.cont-info-product .info {padding-left: 40px !important; padding-top: 40px;  width: 90%;}
.cont-info-product .vermas {border-top: 1px solid #fff; color: #000; padding: 15px; padding-left: 40px; align-items: center; display: flex; justify-content: space-between; align-items: center; width: 100%;}
.cont-info-product .vermas h3 {margin: 0px; font-size: 15px; font-weight: 500; font-family: 'Overpass', sans-serif;}
.cont-info-product .cat {text-transform: uppercase; color: #000; font-family: 'Overpass', sans-serif; font-size: 14px; font-weight: 500;}
.cont-info-product ul {list-style-type: none; padding: 0px; margin: 0px; margin-bottom: 30px; font-size: 13px; font-family: 'Open Sans', sans-serif; color:#000;}

.product-description {padding-top: 50px; font-family: 'Open Sans', sans-serif; }
.product-description .informacion {padding-left: 40px; padding-top: 15px;}
.tit-info {font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; margin-top: 5px; }
.product-description .buttons-product {padding-top: 20px; text-align: center;}
.product-description .buttons-product .btn { margin-right: 15px; margin-left: 15px;}
.croquis {text-align: center;}
.croquis img {width: 100%; text-align: center; margin: auto;}


.table-product {font-size: 13px; margin-top: 30px; text-align: center; width: 100%;}
.table-product thead th {border: 0px;}
.table-product thead th, .table-product td  {vertical-align: middle;}
.table-product .thead-light th {background-color: #EFEFEF; border-bottom-width: 1px; border-top: 0px !important;}
.table-product h2 {margin: 0px; font-size: 12px; color:#000; font-weight: 700; font-family: 'Open Sans', sans-serif; text-transform: uppercase;}
.table-product span  {display: block; text-transform: none; font-weight: normal;}
.frase-tabla {font-size: 13px; padding-top: 5px; padding-bottom: 20px;}
.stock {font-size: 12px; font-weight: 400;}
.stock:first-letter {text-transform: uppercase;}
.description-product h2 { text-transform: uppercase; margin-top: 0px; font-size: .9em; font-weight: 600; font-family: 'Montserrat', sans-serif; margin-bottom: 10px;}
.description-product h3 {font-size: .9em; font-family: 'Montserrat', sans-serif;}
.description-product .link {color:#0E67B0;}
.description-product p {font-size: .9em;}

.head-category.page {padding-top: 35px; margin-bottom: 45px;}

/* About */
.template-about .swiper-container {margin-bottom: 20px;}
.template-about h2 {font-size: 19px; line-height: 30px; width: 90%; color:#0E67B0; font-family: 'Montserrat', sans-serif; font-weight: 600;}
.about img {width: 100%; margin-bottom: 30px;}

.swiper-about {margin-bottom: 50px !important;}
.swiper-about img {margin-bottom: 0px;}
.swiper-about .slide-captions {position: absolute; background-color: rgba(0, 0, 0, 0.3); color: #fff; bottom: 0px; left: 0px; width: 100%; padding: 5px 15px; padding-top: 6px; font-size: 13px;}

/* Servicios */
.servicios img {width: 100%; margin-bottom: 30px;}
.servicios h2 {text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 16px; margin-top: 25px; margin-bottom: 20px; color:#0E67B0; padding-top: 25px; border-top: 1px solid #E5E5E5;}
.servicios .container .row:first-child h2 {border-top: 0px; padding-top: 0px; margin-top: 0px;}
.servicios .info {padding-left: 35px;}
.servicios .line {background-color: #E5E5E5; height: 1px; margin-top: 30px; margin-bottom: 50px;}

/* Contacto */
.contacto .foot-data {margin-top: 25px; padding: 0px; font-family: 'Overpass', sans-serif; font-size: 14px;}
.contacto .foot-data li svg path:nth-child(2) { fill: #000; color: #000;}
.contacto .foot-data li svg {margin-top: 2px;}
.contacto form {padding-left: 35px;}
.contacto .form-control {border-radius: 0px; background-color: #fff; border:1px solid #E5E5E5; font-size: 13px; padding: 20px 15px; border-radius: 0px; color: #333030; }
.contacto .btn-primary {border: 0px; border-radius: 0px;  background-color: #000; color: #fff; border-radius: 0px; font-size: 13px; text-transform: uppercase; padding: 10px 20px;}


/* Footer */
.camaras-footer {padding: 50px 0px; border-top: 1px solid #E5E5E5;}
.camaras-footer .container {display: flex; justify-content: center; align-items: center; gap: 30px;}
.camaras-footer h5 {margin: 0px; font-size: 16px;}
.camaras-footer img {height: 35px;}

.services {border-top: 1px solid #E5E5E5; padding: 30px 0px; margin-top: 50px;}
.template-home .services {margin-top: 0px;}
.services .container {justify-content:center; display: flex; align-items:center;font-size: 16px;}
.services .container .info {display: flex; align-items:center; padding: 15px 0px; width: 30%; justify-content:center;}
.services .container .info:nth-child(2) {border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5;}
.services h6 {text-transform: uppercase; margin: 0px; margin-left: 20px; font-size: 13px; font-weight: 600; font-family: 'Montserrat', sans-serif; }
.services img {height: 32px !important; width: auto !important;}

footer {background-color: #002455; padding-bottom: 0px; padding-top: 70px; color:#fff; font-family: 'Overpass', sans-serif;}
footer ul {margin: 0px; padding: 0px; list-style-type: none;}
footer .container {padding-bottom: 45px;}
footer .footer-legal .container {padding-bottom: 0px;}
.foot-about {display: flex; justify-content: space-between; align-items: flex-start;}
.foot-about img {margin-bottom: 15px;}
.foot-about div {width: 70%; font-size: 14px; font-weight: 300;}
.foot-about div p {margin-bottom: 10px;}
.foot-about div a {text-transform: uppercase; font-size: 12px; color: #0E67B0; font-weight: 600;}
.foot-menu {border-left: 1px solid rgba(255, 255, 255, .15); border-right: 1px solid rgba(255, 255, 255, .15); padding-left: 30px;}
.foot-menu li {line-height: 28px;}
.foot-menu a {text-transform: uppercase; color:#fff; font-size: 15px;}
.foot-menu a:hover {color:#0E67B0; text-decoration: none;}
.cont-foot-data {position: relative;}
.cont-foot-data .social {position: absolute; top: 0px; right: 0px;}
.cont-foot-data .social li {display: inline;}
.cont-foot-data .social li a {margin-left: 8px;}
.cont-foot-data .social path {fill:#fff;}
.foot-data li {display: flex; align-items:flex-start; margin-bottom: 8px;}
.foot-data li svg {width: 16px; display: block; height: auto; margin-right: 8px; margin-top: 4px;}
.foot-data li svg path:nth-child(2) {fill: #fff; color: #fff;}
.foot-data li span {width: 90%;}

.whatsapp-float {z-index: 800; width: 64px; height: 64px; cursor: pointer !important; background-color: #26d367; border-radius: 50%; color: #fff; text-align: center; position: fixed; bottom: 20px; right: 15px;}
.whatsapp-float:hover {background-color: #14B450;}
.whatsapp-float svg {width: 33px; height: auto; margin-top: 15px;}

.copyfooter {font-size: 12px; font-weight: 300; padding-top: 20px;}
.footer-legal {padding-top: 0px;color: #9B9B9B;padding-bottom: 0px; margin-top: 25px; background-color: #fff;}

/* Zurbrand */
.cont-logo-zurbrand {text-align: right;}
.link-zurbrand {padding-top: 20px; padding-bottom: 20px; display: inline-block; -moz-transition: all 0.3s ease-out;  /*FF3.7+*/ -o-transition: all 0.3s ease-out;  /*Opera 10.5*/ -webkit-transition: all 0.3s ease-out;  /*Saf3.2+, Chrome*/ transition: all 0.3s ease-out;}
.link-zurbrand:hover {opacity: 0.8;}
.logo-zurbrand {height: 13px;}

@media (max-width: 992px) {

/* Header */
.main-header .container {max-width: 90% !important; width: 100%; padding: 0px;}
.navbar .container {max-width: 90% !important; width: 100%;}
.main-header .social {margin-right: 5px;}

.main-header .col-first ul li span {display: none;}
.cont-bread .container {max-width: 90% !important; width: 100%;}

.navbar-light .navbar-brand {padding: 15px 0px;}

/* Product 
.buttons-product .btn {width: 90%; margin-bottom: 15px;}
*/

.product-description {padding-top: 0px;}
.croquis {border:1px solid #F4F4F4; padding: 30px;}
.croquis img {width: 50%;}
.product-description .informacion {padding-left: 15px; padding-top: 35px;}

/* Footer */
.services .container {max-width: none !important; width: 100%;}
.services .container .info {width: 33%;}

footer .container {max-width: 90% !important; width: 100%;}

/* Pushy */

.menu-btn {display: inherit; border: 0px; background-color: transparent;padding: 8px 15px; text-transform: uppercase; font-size: 16px; color:#fff;}
.menu-btn svg {margin-right: 3px;}
.menu-btn span {padding-right: 3px;}

.pushy {background-color: #fff; padding: 0px;}
.pushy-active .site-overlay {background-color: rgba(28,28,28,0.9);}
.pushy-open {width: 85%;}
.logo-pushy {height: 44px; margin-left: 20px; margin-top: 30px; margin-bottom: 30px;}
.pushy ul:first-child {margin-top: 30px;}
.pushy .subitems {background: #0E67B0;}
.pushy > ul > .subitems > ul#accordion {background: #0E67B0;;} 
.pushy ul > .subitems > ul#accordion a {background: rgba(0, 0, 0, 0.2); color: #fff;}
.pushy ul > .subitems > ul#accordion > .subitems > ul#accordion {background: rgba(0, 0, 0, 0.2); color: #fff;}
.pushy a:hover {background: rgba(0, 0, 0, 0.2); color:#fff !important; text-decoration: none;}
.pushy a:hover .mobile-dropdown i {background: rgba(0, 0, 0, 0.2); color: #fff;}
.pushy #accordion a {color: #fff; font-size: 15px; line-height: 21px; text-transform: uppercase; padding: 15px 20px; font-family: 'Montserrat', sans-serif;}
.pushy #accordion a:hover {color: #be1d7b;}
.pushy #accordion a:focus, .pushy button:focus, .pushy-submenu:focus {box-shadow: none !important; outline: none;}
.pushy-submenu button {color: #000;font-size: 16px;}
.pushy-submenu button:hover {color: #be1d7b;}
.pushy-link, .pushy-submenu {border-bottom: 1px solid rgba(0,0,0,0.1);}
.pushy-submenu button {padding: 15px 20px;}
.pushy .close-pushy {color: #000 !important; text-align: right; font-size: 15px; line-height: 22px; margin-top: 12px; border: 0px; display: table; float: right; padding: 10px;}
.pushy .close-pushy svg {height: 17px; width: auto;}

.navbar.scrolled .line {background-color: #000; }

.pushy .cerrar-pushy {color: #000 !important; text-align: right; padding: 25px; padding-top: 35px; padding-right: 20px; border: 0px; display: table; float: right;}
/*.pushy ul li:first-child a {border: 0px !important; }*/
.link-pushy {font-family: 'Montserrat', sans-serif; font-size: 18px; text-transform: uppercase; color: #000 !important; background-color: #fff; font-weight: 600 !important; font-size: 15px; border:0px !important; border-top: 1px solid rgba(0,0,0,0.1) !important; text-align: left; }
.link-pushy.first {border-top: 0px !important;}

.mobile-subitems {position: relative; overflow: hidden;}
.mobile-subitems .mobile-dropdown {background: #0E67B0;}
.mobile-dropdown i {background: rgba(0, 0, 0, 0.2);color: #fff; padding: 18px 12px;}
.subitems > ul#accordion > .subitems > .mobile-dropdown.dropdown-selected > i {color: black;}
.mobile-subitems-container.dropdown-selected > .mobile-subitems > .mobile-dropdown > .fa-chevron-down:before { content: "\f077";}
.mobile-dropdown.dropdown-selected > i { background: #0E67B0; color:#fff;;}

.mobile-subitems-container.dropdown-selected a {background: #0E67B0; color: #fff !important;}

.pushy .subitems #accordion .mobile-dropdown i {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
}
.pushy a:hover .subitems #accordion .mobile-dropdown i {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
}

.btns-calls {padding-top: 25px;}
.btns-calls a {color: #000; border: 1px solid #000;margin: 15px; font-weight: 500;}
.btns-calls a:first-child svg path {fill: #000;}

}


@media screen and (max-width: 767px) {

.mobile {display: inherit;}
.display {display: none;}

/* Header */
.main-header .social {display: none;}
.main-header .col-first {width: 100%; display: block;}
.main-header .col-first ul {justify-content: space-between;}
.main-header .col-first ul li:first-child { border:0px; padding-right: 0px;}
.main-header .col-first ul li:nth-child(2) {border-right: 0px; padding-right: 0px; margin:0px; border-left: 1px solid #E5E5E5; padding-left: 15px;}
.main-header .col-first ul li:last-child {display: none;}


.navbar-light .navbar-brand img {height: 48px;}
.country a {padding: 8px 15px;}

/* Home */
.swiper-fullhome .swiper-slide a {flex-wrap: wrap;}
.swiper-fullhome img { width: 100%; order: 1;}
.swiper-fullhome .text {padding: 35px 25px;}
.swiper-fullhome h2 {width:90%;}
.slide-captions { width: 100%; order: 2;}

.bannerhome {margin-bottom: 30px;}
.bannerhome .info .text {flex-wrap: wrap;}
.bannerhome .info .text p {margin-bottom: 20px; width: 100%;}

.destacado-home {flex-wrap: wrap;}
.destacado-home img { width: 100%;}
.destacado-home .text { width: 100%;
    padding: 35px 25px;
}

/* Category */
.cont-bread .container {max-width: 100% !important;}
.head-category .categorias {flex-wrap: wrap}
.head-category.page { padding-top: 25px; padding-bottom: 15px; margin-bottom: 35px;}

/* */
.about .info {padding-left: 15px;}
.servicios .info {padding-left: 15px;}

/* Product */
.cont-bread {display: none;}
.template-product .container.first {padding: 0px;}
.cont-fotos-product a .morephotos {bottom: 10px; right: 10px;}
.cont-info-product {padding-left: 15px; }
.cont-info-product .info {padding: 25px !important;}
.cont-info-product .vermas {padding-left: 25px;}
.product-description { padding-top: 15px;}
.croquis img {width: 70%;}

.thumbs {display: none !important;}
.title-product {margin-top: 40px;}
.buttons-product {margin-bottom: 0px;}


.table-product .thead-light th {min-width: 100px;}
.table-product .thead-light th:nth-child(4) {min-width: 120px;}
.table-product .thead-light th:nth-child(5) {min-width: 160px;}

/* Contact */
.contacto form {padding-left: 0px; padding-top: 35px;}

/* Footer */

.camaras-footer .container {flex-wrap: wrap;}

.oficial {padding: 40px 0px;}
.oficial .container {flex-wrap: wrap;}
.oficial img {margin: auto; margin-bottom: 35px;}
.oficial .container .info {order: 2; width: 88%;}
.oficial .container .logo {order: 1;}

.services .container {align-items: baseline; padding: 0px;}
.services .container .info {flex-wrap: wrap; justify-content: center; text-align: center;padding: 10px 0px;}
.services h6 {font-size: 11px; margin: 0px;display: block; width: 100%;}
.services img {height: 30px !important; margin-bottom: 15px;}

footer {padding-top: 30px; padding-bottom: 0px;}
footer .container {max-width: 100% !important; padding-bottom: 0px;}
footer .col-sm-4 {padding-left: 20px; padding-right: 20px;}
.foot-about {padding-bottom: 15px; justify-content: flex-start; }
.foot-about svg {width: 50px; height: auto; margin-right: 30px;}
.foot-menu {display: none;}
.foot-about img {display: none;}
.cont-foot-data .foot-data {font-size: 15px; width: 82%;}
.cont-foot-data {border-top: 1px solid rgba(255,255,255,.15); padding-top: 30px; margin-top: 10px;}
.cont-foot-data .social {text-align: center; top: 28px; right: 15px;}
.cont-foot-data .social li a {margin-left: 10px; margin-right: 10px;}
.cont-foot-data .social svg {height: 20px; width: auto;}

.footer-legal {background-color: #002455; margin-top: 10px;}

/* Zurbrand */
.cont-logo-zurbrand {text-align: center; clear: both; background-color: #efefef; padding-left: 0px; padding: 0px; margin-top: 20px;}
.link-zurbrand {padding-top: 25px; padding-bottom: 25px; display: block; text-align: center;}
.logo-zurbrand {height: 15px;}

}