/* Developed entirely by staycreative.es */


/* reset ui kit */
.uk-link:hover, a:hover{text-decoration: none;}

/* Generals */
html, body{font-family: 'Comfortaa', cursive;font-weight: 400;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;}
p{font-family: 'Source Sans Pro', sans-serif; color: #000000;text-align: left;font-weight: 300; line-height: 1.5; font-size: 1rem; }
h1, h2, h3, h4, h5, h6{font-family: 'Comfortaa', cursive;font-weight: 700;font-style: normal; color: #ff003c; text-transform: uppercase;}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{font-family: 'Comfortaa', cursive; font-weight: 300;font-style: normal; color: #2a2c37; font-size: 80%; display: block;}
ul {padding-left: 0px;}
li {text-decoration:none; list-style-type: none;}
a {cursor: pointer;}
:focus {outline: none;}
.uk-subnav {display: block;}

/* Buttons */
.uk-button{border-radius: 0 !important;font-family: 'Comfortaa', cursive;font-weight: 400; border:0;line-height: 1.5;text-transform: uppercase !important;font-size: 1rem;-webkit-appearance: none !important;border-radius: 0;-webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; padding: 0; text-transform: lowercase; padding: 1rem 2rem;  }
.uk-button-default{ background-color: #ff003c; color: white; border: 1px solid transparent; }
.uk-button-default:hover{color: #ff003c; border: 1px solid #ff003c; }
.uk-button-primary{color: #232323; background-color: white; border: 1px solid white;}
.uk-button-primary:hover{color: white;  background-color: transparent; border: 1px solid white;}
.uk-button-secondary {color: white; background-color: transparent; margin: 0 calc(50% - 90px); width: 180px; border-bottom: 1px solid transparent;}
.uk-button-secondary:hover {border-bottom: 1px solid white; background-color: transparent;}

/* uk notification */
.uk-notification-message{background-color: white;border: 1px solid #eee;}

    /* danger */
    .uk-notification-message.uk-notification-message-danger{background-color: #f0506e;color: white;}
    .uk-notification-message.uk-notification-message-danger .uk-close{color: white;}
    .uk-notification-message.uk-notification-message-primary {background-color: #42d1b5; color: white;}
    .uk-notification-message.uk-notification-message-primary .uk-close{color: white;}

/* breadcrumbs */
.uk-breadcrumb li a, .uk-breadcrumb li span{font-size: 0.7rem;text-transform: uppercase;}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {margin: -1px 10px 0;vertical-align: middle;}

    /* form */
    .form {margin-bottom: 10vh;}
    .form input[type=text],.form input[type=email],.form input[type=number],.form select,.form textarea{margin-top: 0px !important; padding: 10px 20px;border:0;border-bottom: 2px solid #efefef; box-shadow: none;border-radius: 0;height: auto;margin-bottom: 0;color: #2c2a29; font-family: 'Source Sans Pro', sans-serif; text-transform: lowercase;}
    .form input[type=text]:focus,.form input[type=email]:focus,.form input[type=number]:focus,.form select:focus,.form textarea:focus{border-bottom: 2px solid #ff003c;}

    .form select{padding-right: 30px;font-size: 0.8rem;height: 60px !important;}
    .form textarea{margin-bottom: 10px;padding: 10px 20px;}
    .form input::-webkit-input-placeholder, .form input:-moz-placeholder, .form input::-moz-placeholder, .form input:-ms-input-placeholder, .form textarea::-webkit-input-placeholder, .form textarea:-moz-placeholder, .form textarea::-moz-placeholder, .form textarea:-ms-input-placeholder {color: #2c2a29;font-size: 0.8rem;}
    .form small{color: #2c2a29;float: left;margin-bottom: 10px;}
    .form .uk-checkbox:focus, .form .uk-radio:focus {border-color: #929084;}
    .form .uk-checkbox:checked, .form .uk-checkbox:checked:focus {background-color: #929084;}
    .form .uk-radio-label{font-size: 0.8rem;cursor: pointer;}
    .form .uk-radio:checked, .form .uk-radio:checked:focus {background-color: #580158;}
    .form .g-recaptcha{float: left;}
    .form .uk-button{border-radius: 0;margin: 10px;float: right;}
    .uk-input:focus, .uk-select:focus, .uk-textarea:focus {background-color: transparent;}


/* Datepicker */
.ui-widget {background: #929084;border: none;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
.ui-datepicker {padding: 0;}
.ui-datepicker-header {border: none;background: transparent;font-weight: normal;font-size: 11px;text-transform: lowercase;color: white;font-weight: 700;}
.ui-datepicker-header .ui-state-hover {background: transparent;border-color: transparent;cursor: pointer;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
.ui-datepicker .ui-datepicker-title {margin-top: 1.5em;margin-bottom: 1em;}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {top: 1.7em;border:none;}
.ui-datepicker .ui-datepicker-prev-hover {left: 2px;}
.ui-datepicker .ui-datepicker-next-hover {right: 2px;}
.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {background-image: url(../img/ui-icons_ffffff_256x240.png);background-position: -32px -32px;margin-top: 0;top: 0;font-weight: normal;}
.ui-datepicker .ui-datepicker-prev span {background-position: -96px -32px;}
.ui-datepicker .ui-datepicker-prev-hover span {background-position: -96px -48px;}
.ui-datepicker .ui-datepicker-next-hover span {background-position: -32px -48px;}
.ui-datepicker table {margin: 0;}
.ui-datepicker th {padding: 1em 0;color: #eee;font-size: 8px;font-weight: normal;text-transform: lowercase;border: none;border-top: 1px solid #eee;}
.ui-datepicker td {border: none;padding: 0;}
td .ui-state-default {background: transparent !important;border: none;text-align: center;padding: 1em 0;margin: 0;font-weight: normal;color: #efefef !important;font-size: 12px;border:0 !important;text-align: center !important;}
td .ui-state-active,td .ui-state-hover {background: #2c2a29;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;}

/* Hacks */
.clear{clear: both;}
.overlay{background: rgba(51,51,51,0.7); position: absolute;top: 0;left:0;width: 100%;height: 100%; z-index: 1;}

.overlay-hover{background: rgba(51,51,51,0); position: absolute;top: 0;left:0;width: 100%;height: 100%; z-index: 1; -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out; cursor: pointer; }
.overlay-hover:hover{background: rgba(51,51,51,1); position: absolute;top: 0;left:0;width: 100%;height: 100%; z-index: 1;}
.overlay-light{background: rgba(51,51,51,0.4);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.overlay-dark{background-color: rgba(0,0,0,0.5);position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 1;}
.section{padding: 10vh;}
.section-plus{padding: 15vh;}
.section-text{padding: 5vh;}
.section-intro {padding: 5vh 10vh 10vh 20vh;}
.no-padding{padding: 0 !important;}
.scrolloff{pointer-events: none;}
.mt-50{margin-top: 50px !important;}
.gradient-white{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: transparent;background: -webkit-linear-gradient(left, rgba(255,255,255,0.8) , transparent); background: -o-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: -moz-linear-gradient(right, rgba(255,255,255,0.8) , transparent);background: linear-gradient(to right, rgba(255,255,255,0.8) , transparent);z-index:-1;}
.visible-flex{display: flex !important;}
.left {float: left !important;}
.right {float: right !important;}
.center {text-align: center; margin: 0 auto;}
.mb-5 {margin-bottom: 5vh;}
.m-left:after {left:65px !important;}
.turquesa {color: #42D1B7 !important; }
.bg-white {background-color: white;}
.no-b {border:0 !important; padding: 0 !important;}
.m-t-20 {margin-top: 70px !important;}
.block {display: block !important;}
.w-200 {max-width: 220px !important;}
.upper {text-transform: uppercase !important;}



/* Icons */
.icon{background-image: url('../img/assets-sprite.svg');display: inline-block; background-size: 1000px 500px;-webkit-transition: ease-in-out,  .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.icon.facebook{width: 15px;height: 15px;background-position: -65px -0px }
.icon.facebook:hover {opacity: 0.7;}
.icon.facebook-con{width: 32px;height: 32px;background-position: -80px 0px }
.icon.facebook-con:hover{opacity: 0.7;}
.icon.ase{width: 85px;height: 85px;background-position: 0px -100px; margin-left: calc(50% - 42px);}
.icon.sol{width: 85px;height: 85px;background-position: -85px -100px; margin-left: calc(50% - 42px); }
.icon.qua{width: 85px;height: 85px;background-position: -170px -100px; margin-left: calc(50% - 42px); }
.icon.mas{width: 17px;height: 17px;background-position: 0px -80px;position: relative; z-index: 4; margin-left: calc(50% - 8px);}
.icon.mas-w{width: 17px;height: 17px;background-position: -16px -80px;position: relative; z-index: 4; margin-left: calc(50% - 8px);}

.icon.cam {width: 60px;height: 60px;background-position: 0px -415px; display: inline-block; margin-left: calc(50% - 30px);}
.icon.fri {width: 60px;height: 60px;background-position: -60px -415px;  display: inline-block;margin-left: calc(50% - 30px);}
.icon.bom {width: 60px;height: 60px;background-position: -120px -415px; display: inline-block;margin-left: calc(50% - 30px);}
.icon.cla {width: 60px;height: 60px;background-position: -180px -415px; display: inline-block;margin-left: calc(50% - 30px);}
.icon.sel {width: 60px;height: 60px;background-position: -240px -415px; display: inline-block;margin-left: calc(50% - 30px);}

.icon.iluminacio{width: 170px;height: 230px;background-position: 0px -185px; position: absolute; z-index: -1; margin-left: 2vh; margin-top: 2vh;}
.icon.electricitat{width: 205px;height: 185px;background-position: -665px 0px; position: absolute; z-index: -1; margin-left: 2vh; margin-top: 2vh;}
.icon.climatitzacio{width: 170px;height: 230px;background-position: 0px -185px; position: absolute; z-index: -1; margin-left: 2vh; margin-top: 2vh;}
.icon.fontaneria{width: 200px;height: 210px; background-position: -630px -185px; position: absolute; z-index: -1; margin-left: 2vh; margin-top: 2vh;}
.icon.telecomunicacions{width: 255px;height: 190px;background-position: -405px 0px; position: absolute; z-index: -1; margin-left: 2vh; margin-top: 2vh;}
.icon.seguretat{width: 240px;height: 230px;background-position: -170px -185px; position: absolute; z-index: -1; margin-left: 2vh; margin-top: 2vh;}
.icon.sistemes{width: 170px;height: 230px;background-position: -810px -685px; position: absolute; z-index: -1; margin-left: 2vh; margin-top: 2vh;}
.icon.smarthome{width: 220px; height: 230px; background-position: -410px -185px;position: absolute; z-index: -1; margin-left: 2vh; margin-top: 2vh;}

.icon.close{width: 50px; height: 50px; background-position: -255px -135px;position: relative; z-index: 2; right: 50px; top:150px; position: absolute;z-index: 2;}



/* Cookies */
#cookieMessageWrapper{width: 100%;background: rgba(255,0,60,0.9);position: fixed;left: 0;bottom: 0;text-align: center;padding: 0;z-index: 997;}
#cookieMessage{width: 90%;padding: 3px 0 3px 0;margin: 0 auto;position: relative;}
#cookieMessage p{font-size: 12px;line-height: 16px;margin-bottom: 5px;color: white;text-align: center;}
#cookieMessage a{font-size: 12px;color: white;}
#cookieMessage:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#cookieClose{display: inline-block;padding: 5px 10px;text-decoration: none;background: #333333;margin-top: 6px;cursor: pointer;color: white !important;}

/* Main */
.preloader{position: fixed;z-index: 999;width: 100vw;height:100vh; opacity: 1;top: 0;left: 0; background-color: #232323;}
.preloader img{position: absolute;top: calc(50vh - 100px);left: calc(50vw - 100px);width: 200px;height: auto;}
.header{position: relative;background-repeat: no-repeat;background-position: center;background-size: cover; width:100%; min-height: 50vh; }

.header h1 {color: white; z-index: 2; position: relative; text-align: left; margin: 0vh auto; padding-top: 20vh; font-weight: 700; margin-left: 10vh; max-width: 60%; text-transform: uppercase;}
.header h1 span {color: white; font-weight: 300; font-size: 70%; display: block; text-transform: initial;}
.page .header{min-height:50vh;}
.header h2{color: white; text-align: right; padding-bottom: 20vh; padding-right: 20vh; z-index: 1;}
.header h2 span{font-size: 60%;font-weight: 400;display: block;}
.is-stuck .header-logo{margin:10px;width: 300px;height: 32px;}
.page .header h1{margin: 10vh 5vh;}
.page .header .header-logo{background-image: url('../img/logo-white.svg');margin: 20px 0 0 20px;width: 100px;height: 100px;}

.menu-bg{height: 90px;background-color: #2a2c37;margin-top: -90px;}
.page-intro h1{text-align: left;color: #2a2c37;font-weight: 700;margin-bottom: 0;}
.page-intro h1:after{display: none;}
.page-intro h1 span{display: block;font-size: 60%;}
.page-intro p{text-align: left;margin: 20px 0;}


    /* menu */
    .uk-navbar-container.uk-navbar{height: 90px;z-index:4;background-color: white !important; width: 100vw; margin: 0 auto;}
    .uk-navbar-container.uk-navbar .uk-navbar-left{opacity: 1;}
    ul .uk-navbar-nav {width: 200px;}
    .uk-navbar-left {width: 280px;}
    /*.uk-navbar-nav .uk-active {}*/
    .uk-navbar-nav#main-menu {margin-right: 50px;}
    .uk-navbar-nav>li>a{height: 75px;font-weight: 400;text-transform: uppercase;color: #000000; padding: 0px 0px 0px 40px; font-size: 1rem;font-family: 'Source Sans Pro', sans-serif;margin-top: 4px;}
    .uk-navbar-nav>li.uk-active>a{color: #ff003c !important;}
    .uk-navbar-nav>li>a:active{color: #ff003c !important;}
    .uk-navbar-nav>li>a:hover{color: #ff003c;}
    .uk-navbar-dropdown {background-color: #333333; margin-top: -30px !important;}
    .uk-navbar-dropdown-nav>li>a{ color: white;text-transform: uppercase;height: auto;font-family: 'Source Sans Pro', sans-serif; }
    .uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-nav>li>a.uk-open{color: #ff003c;}
    .uk-navbar-toggle {color: white !important; }
    .uk-navbar.uk-active .uk-navbar-toggle {color: #ff003c !important;z-index: 5; }
    .has-dropdown{position: relative;  }
    .has-dropdown:after{content: ""; display: inline-block; width: 10px; height: 6px; background-image: url(../img/assets-sprite.svg); background-position: -35px -2px; position: absolute; top: 40px; right: -15px; background-size: 1000px 500px;}
    .uk-navbar.uk-active .has-dropdown:after{background-position: -35px -2px;}
    .bm-simbol {position: relative; width: 120px; height: 90px; background-color: #333333; z-index: 2;background-image: url('../img/logo-header-c.svg');background-size: contain;background-repeat: no-repeat;background-position:center; }
    .bm-waves {position: relative; left: 20px;}
    .bm-waves a{padding: 0 !important;font-size: 0 !important;}
    .bm-waves a:hover,.bm-waves a:focus, .bm-waves a:visited{font-size: 0;}
    .bm-waves span{width: 160px;height: 70px;background-image: url('../img/logo-header.svg');background-size: contain;background-repeat: no-repeat;background-position: left center; margin-bottom: -10px; left: 60px;}
    
    #book-now-button{background-color: #513d35;color: white;display: none;}
    #book-now-button a{color: white;font-size: 1.2rem;padding: 2rem 4rem;}
    .uk-navbar-container.uk-active{background-color: #f8f8f8 !important;width: 100vw !important; height: 90px; border-bottom: 20px solid #333333;}
    /*.uk-navbar-container.uk-active .uk-navbar-right {margin-right: 2vw;}
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a{color: #000000 !important;font-family: 'Source Sans Pro', sans-serif; }*/
    .uk-navbar-container.uk-active .uk-navbar-nav>li>.uk-active>a {color: #ff003c !important;font-family: 'Source Sans Pro', sans-serif; }
    .uk-navbar-container.uk-active .uk-navbar-nav>li>a:hover{color: #ff003c !important;}
    .uk-navbar-container.uk-navbar.uk-active .uk-navbar-left{opacity: 1;z-index: 5;}
    .uk-navbar-left {}
    .menu-frame {width: calc(100% - 50px) !important; background-color: #333333; height: 20px;position: relative; z-index: 3;}
    .header-frame {width: 50%; background-color: #ff003c; height: 80px;position: relative; z-index: 3; float: right; margin-left: 50%; }
    .uk-navbar-container.uk-active .bm-waves span{width: 160px;height: 70px;background-image: url('../img/logo-header.svg');background-size: contain;background-repeat: no-repeat;background-position: center; }
    .uk-form-div{position: relative;padding: 0 !important;}
    .uk-notification-message{font-size: 1rem;}
    .uk-notification{width: 400px;}
    .uk-notification-top-center{margin-left: -200px;}

    li.bg-red {background-color: #ff003c;margin-left: -25px !important;margin-right: -25px;}
    li.bg-red a {padding-left: 25px;}
    li.bg-red a:hover {color:#333333;}

    .quadrats li.h-border {border-bottom: 1px solid #f1f1f1; border-right: 2px solid #f1f1f1;min-height:100px; min-width: 100px; position: absolute;}
    .quadrats li.h-border:nth-child(1) {left: 0; top: 0; }
    .quadrats li.h-border:nth-child(2) {left: 0; top: 100px; }
    .quadrats li.h-border:nth-child(3) {left: 100px; top: 0; }
    .quadrats li.h-border:nth-child(4) {left: 100px; top: 100px; }


/* INDEX */
.home .header { background-position: center;height: 60vh;}
.home .elements { position: relative; min-height: 188px;}
.home .quadrats {position: absolute; background-color: white; min-height: 30vh;}
.home .b-right {height: 100%; position: absolute; width: 10vh; border-right: 2px solid #f1f1f1; z-index: -1;}
.home .b-top {height: 100px; position: absolute; width: 100%; border-top: 2px solid #f1f1f1;margin-top: 10vh;}
.home .quadrats li.h-border {border-bottom: 1px solid #f1f1f1; border-right: 2px solid #f1f1f1;min-height:10vh; min-width: 10vh; position: absolute;}
.home .quadrats li.h-border:nth-child(1) {left: 0; top: 0; }
.home .quadrats li.h-border:nth-child(2) {left: 0; top: 10vh; }
.home .quadrats li.h-border:nth-child(3) {left: 10vh; top: 0; }
.home .quadrats li.h-border:nth-child(4) {left: 10vh; top: 10vh; }
.home .intro { position: relative;}
.home .intro .text h2 {margin-left: -30px;}
.home .intro .text h2 span {margin-left: 30px;}
.home .h-solucions {background-color: #f1f1f1;}
.home .h-solucions h4, .home .h-solucions p {text-align: center;}
.home .h-serveis {position: relative; margin-top: 10vh; margin-bottom: 10vh;    width: calc(100% - 2px);}
.home .h-serveis .b-right { height: 20vh; border-bottom: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1; margin-top: -10vh;  z-index: -1;}
.home .h-serveis .b-left {height: 100%; border-bottom: 2px solid #f1f1f1; border-left: 2px solid #f1f1f1; margin-top: -10vh; margin-bottom: 10vh;width: calc(100% - 10vh); z-index: -1; position: absolute; left: 10vh;padding-bottom: 10vh;}
.home .h-serveis .intro {background-color: #ff003c;}
.home .h-serveis .intro h3, .home .h-serveis .intro p {color: white;}
.home .f-serveis {background-color: #f1f1f1; margin-top: -15vh; margin-bottom: 10vh; }
.home .f-serveis .f-s-ind {position: relative;}
.home .f-serveis .feed-ind {position: relative;-webkit-transition: ease-in-out, .60s ease-in-out;transition: ease-in-out, .60s ease-in-out; cursor: pointer;}
.home .f-serveis .feed-ind .img {background-image: url('../img/bg-home-02.jpg');background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; padding: 20px;}
.home .f-serveis .feed-ind .img.il {background-image: url('../img/thumb-iluminacio.jpg');background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; padding: 20px;}
.home .f-serveis .feed-ind .img.el {background-image: url('../img/thumb-electricidad.jpg');background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; padding: 20px;}
.home .f-serveis .feed-ind .img.cl {background-image: url('../img/thumb-clima.jpg');background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; padding: 20px;}
.home .f-serveis .feed-ind .img.fo  {background-image: url('../img/thumb-fontaneria.jpg');background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; padding: 20px;}
.home .f-serveis .feed-ind .img.te {background-image: url('../img/thumb-telecomunicaciones.jpg');background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; padding: 20px;}
.home .f-serveis .feed-ind .img.si {background-image: url('../img/thumb-sistemas.jpg');background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; padding: 20px;}
.home .f-serveis .feed-ind .img.se {background-image: url('../img/thumb-seguridad.jpg');background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; padding: 20px;}
.home .f-serveis .feed-ind .img.sm {background-image: url('../img/thumb-smart.jpg');background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 30vh; padding: 20px;}
.home .f-serveis .feed-ind {position: relative;min-height: 30vh;}
.home .f-serveis .feed-ind:hover {background-color: white;}
.home .f-serveis .feed-ind .overlay-ser {position: absolute;}
.home .f-serveis .feed-ind .overlay-ser:hover {background-color: white; position: absolute;}
.home .f-serveis .feed-ind .overlay-ser{background: rgba(51,51,51,0.7); position: absolute;top: 0;left:0;width: 100%;height: 100%; z-index: 1;-webkit-transition: ease-in-out, .60s ease-in-out;transition: ease-in-out, .60s ease-in-out; cursor: pointer;}

/* NORMAL */
.home .f-serveis .feed-ind .overlay-ser .text-normal {opacity: 1; text-transform: uppercase; color: white; text-align: center;  z-index: 4;margin-top: 16vh;}
.home .f-serveis .feed-ind .overlay-ser .text-hover {opacity: 0; padding-left: 10px; padding-right: 10px;}

/* HOVER */
.home .f-serveis .feed-ind .overlay-ser:hover .text-normal {opacity: 0;}
.home .f-serveis .feed-ind .overlay-ser:hover .text-hover {opacity: 1;}
.home .f-serveis .feed-ind .overlay-ser:hover .text-hover h5 {text-align: center; margin-top: -23px; margin-bottom: 0px; font-weight: 400;}
.home .f-serveis .feed-ind .overlay-ser:hover .text-hover p {text-align: center; margin-top: 0;}

/*
.home .f-serveis .feed-ind.overlay-ser:hover .text-hover {opacity: 1; position: relative; z-index: 4; text-align: center; margin-top: -47px;}
.home .f-serveis .feed-ind .overlay-ser:hover .text-hover p {text-align: center; margin-top: 0;}
.home .f-serveis .feed-ind .overlay-ser:hover .text-hover h5 {margin-bottom: 0; font-weight: 400;}
*/
    /* Carousel */
    .home .owl-carousel .owl-stage-outer {height: 60vh; width:100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
    .home .hs-slide {min-height: 60vh;background-size: cover;background-position: center;position: relative;}
    .home .owl-dots {width: 100%; margin: 0 auto; text-align: center; height: 22px; position: relative; z-index: 1; margin-top: -35px;}
    .home .owl-dot {width: 10px; height: 10px; border: 2px solid white; border-radius: 10px; display: inline-block; margin-right: 5px;}
    .home .owl-dot.active {background-color: white;}




.home .smart {min-height: 40vh; position: relative; }
.home .smart .img {position: relative; background-image: url('../img/bg-home-02.jpg'); background-position: center bottom; background-size: cover; background-repeat: no-repeat;min-height: 45vh; height: auto;}
.home .smart .text {text-align: right; position: relative; z-index: 2;}
.home .smart .text h3 {color: white; text-align:left; position: relative; z-index: 2;}
.home .smart .text h3 span {color: white; margin-top: 10px;}
.home .smart .text p {color: white !important; text-align:left; margin-bottom: 50px;}
.home .f-projectes {width: calc(100% - 10vh); float: right; }
.home .projectes .bg-white {padding-left: 30px; margin-left: -30px;}
.home .projectes {position: relative;}
.home .projectes .b-top {position: absolute; width: 90%; z-index: -1; height: 100%; border-top: 2px solid #f1f1f1; top: 1vh; border-right: 2px solid #f1f1f1;}
.home .projectes .f-projectes {position: relative; min-height: 60vh;}
.home .projectes .f-projectes .feed-ind {position: relative;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.home .projectes .f-projectes .feed-ind:hover {box-shadow: -20px 20px #ff003c; -webkit-box-shadow: -20px 20px #ff003c; -moz-box-shadow: -20px 20px #ff003c; }

.home .projectes .f-projectes .feed-ind .img { background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 40vh; position: relative; z-index: 2;}


.home .proveedors {position: relative;}

.home .img-proveedors-1 {position: relative; background-image: url('../img/logos/proveedor-1.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat;min-height: 20vh; height: auto; max-width: 200px; margin: 30px auto;}
.home .img-proveedors-2 {position: relative; background-image: url('../img/logos/proveedor-2.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat;min-height: 20vh; height: auto; max-width: 200px; margin: 30px auto;}
.home .img-proveedors-3 {position: relative; background-image: url('../img/logos/proveedor-3.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat;min-height: 20vh; height: auto; max-width: 200px; margin: 30px auto;}
.home .img-proveedors-4 {position: relative; background-image: url('../img/logos/proveedor-4.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat;min-height: 20vh; height: auto; max-width: 200px; margin: 30px auto;}
.home .img-proveedors-5 {position: relative; background-image: url('../img/logos/proveedor-5.png'); background-position: center; background-size: contain; background-repeat: no-repeat;min-height: 20vh; height: auto; max-width: 200px; margin: 30px auto;}
.home .img-proveedors-6 {position: relative; background-image: url('../img/logos/proveedor-6.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat;min-height: 20vh; height: auto; max-width: 200px; margin: 30px auto;}
.home .img-proveedors-7 {position: relative; background-image: url('../img/logos/proveedor-7.png'); background-position: center; background-size: contain; background-repeat: no-repeat;min-height: 20vh; height: auto; max-width: 200px; margin: 30px auto;}
.home .img-proveedors-8 {position: relative; background-image: url('../img/logos/proveedor-8.png'); background-position: center; background-size: contain; background-repeat: no-repeat;min-height: 20vh; height: auto; max-width: 200px; margin: 30px auto;}

.home .proveedors h3 {margin-top: 10vh;}


.home .img-prova-1 {position: relative; background-image: url('../img/logo-1.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat;min-height: 20vh; height: auto; max-width: 200px; margin: 0 auto;}

.home .img-prova-2 {position: relative; background-image: url('../img/logo-2.jpg'); background-position: center; background-size: contain; background-repeat: no-repeat;min-height: 20vh; height: auto; max-width: 200px; margin: 0 auto;}
.home .uk-card-default {box-shadow: none;}

/* NOSALTRES */
.nosaltres .header {background-image: url('../img/bg-nosotros-01.jpg'); background-position: center top;}
.nosaltres .header h1 {padding-top: 8vh;max-width: 80%;}
.nosaltres .intro { position: relative;}
.nosaltres .elements { position: relative; min-height: 200px;}
.nosaltres .quadrats {position: absolute; background-color: white; min-height: 30vh;}
.nosaltres .b-right {height: 100%; position: absolute; width: 100px; border-right: 2px solid #f1f1f1; z-index: -1;}
.nosaltres .b-top {height: 100px; position: absolute; width: 100%; border-top: 2px solid #f1f1f1; margin-top: -100px;}
.nosaltres .quadrats li.h-border {border-bottom: 1px solid #f1f1f1; border-right: 2px solid #f1f1f1;min-height:100px; min-width: 100px; position: absolute;}
.nosaltres .quadrats li.h-border:nth-child(1) {left: 0; top: 0; }
.nosaltres .quadrats li.h-border:nth-child(2) {left: 0; top: 100px; }
.nosaltres .quadrats li.h-border:nth-child(3) {left: 100px; top: 0; }
.nosaltres .quadrats li.h-border:nth-child(4) {left: 100px; top: 100px; }
.nosaltres .personal .img-1 {background-image: url('../img/andreu.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat;height: auto; min-height: 30vh;}
.nosaltres .personal .img-2 {background-image: url('../img/toni.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat;height: auto; min-height: 30vh;}
.nosaltres .personal p {margin-top: 0; padding-left: 20px;}
.nosaltres .personal h4 {margin-bottom: 0px; padding-left: 20px;}

/* SERVEIS */
.serveis h2 {color: #333333; padding-right: 30px;}
.serveis .intro { position: relative;}
.serveis .elements { position: relative; min-height: 200px;}
.serveis .quadrats {position: absolute; background-color: white; min-height: 30vh;}
.serveis .b-right {height: 100%; position: absolute; width: 100px; border-right: 2px solid #f1f1f1; z-index: -1;}
.serveis .b-top {height: 100px; position: absolute; width: 100%; border-top: 2px solid #f1f1f1; margin-top: -100px;}
.serveis .quadrats li.h-border {border-bottom: 1px solid #f1f1f1; border-right: 2px solid #f1f1f1;min-height:100px; min-width: 100px; position: absolute;}
.serveis .quadrats li.h-border:nth-child(1) {left: 0; top: 0; }
.serveis .quadrats li.h-border:nth-child(2) {left: 0; top: 100px; }
.serveis .quadrats li.h-border:nth-child(3) {left: 100px; top: 0; }
.serveis .quadrats li.h-border:nth-child(4) {left: 100px; top: 100px; }


.serveis .container-feed .img {background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 50vh; padding: 20px;-webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;}
.serveis .container-feed .img:hover {box-shadow: -20px 20px #ff003c; -webkit-box-shadow: -20px 20px #ff003c; -moz-box-shadow: -20px 20px #ff003c; }


    /* ILUMINACIO */
    .iluminacio .header {background-image: url('../img/bg-iluminacio.jpg'); background-position: center; min-height: 50vh; position: relative; background-size: cover;}
    .electricitat .header {background-image: url('../img/bg-electricidad.jpg'); background-position: center; min-height: 50vh; position: relative; background-size: cover;}
    .climatitzacio .header {background-image: url('../img/bg-clima.jpg'); background-position: center; min-height: 50vh; position: relative; background-size: cover;}
    .fontaneria .header {background-image: url('../img/bg-fontaneria.jpg'); background-position: center; min-height: 50vh; position: relative; background-size: cover;}
    .telecomunicacions .header {background-image: url('../img/bg-telecomunicaciones.jpg'); background-position: center; min-height: 50vh; position: relative; background-size: cover;}
    .seguretat .header {background-image: url('../img/bg-seguridad.jpg'); background-position: center; min-height: 50vh; position: relative; background-size: cover;}
    .sistemes .header {background-image: url('../img/bg-sistemas.jpg'); background-position: center; min-height: 50vh; position: relative; background-size: cover;}
    .smarthome .header {background-image: url('../img/bg-smart.jpg'); background-position: center; min-height: 50vh; position: relative; background-size: cover;}
    .smarthome .intro {margin-top: 15vh; }

    .smarthome .uk-card.uk-card-default {box-shadow: none;}
    .smarthome .icons h5 {text-align: center;}
    .smarthome h2 {text-align: center;}
    .smarthome h3 {text-align: center; color: #333333; margin-top: 0;} 
    .smarthome p {text-align: center; color: #333333;} 


    /* Carousel */
    .smarthome .owl-carousel .owl-stage-outer {min-height: 60vh; width:100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
    .smarthome .hs-slide {min-height: 60vh;background-size: cover;background-position: center;}
    .smarthome .owl-dots {width: 100%; margin: 0 auto; text-align: center; height: 22px; position: relative; z-index: 1; margin-top: -35px;}
    .smarthome .owl-dot {width: 10px; height: 10px; border: 2px solid white; border-radius: 10px; display: inline-block; margin-right: 5px;}
    .smarthome .owl-dot.active {background-color: white;}
    .smarthome .text-galeria {padding-top: 10vh;position: absolute; z-index: 2; text-align: center; margin: 0 auto; max-width: 600px; margin-left: calc(50% - 300px);}
    .smarthome .text-galeria h3 {text-align: center; color: white; font-size: 2.2rem;}
    .smarthome .text-galeria p {text-align: center; color: white; width: 60%; margin: 0 auto;}
    .smarthome .con-slider {position: relative; margin-top: 10px;}


/* SERVEI */
.servei .uk-card-default {box-shadow: none;}
.servei .intro {margin-top: 15vh;}
.servei .intro h2 {text-align: center;}
.servei .intro h3 {text-align: center; margin-top: 0;}
.servei .intro p {text-align: center;}
.servei .extra-ind {font-size: 0.8rem; text-align: center;}
.servei .extra-ind img {width: 60%; display: block; margin: 0 auto 10px;}
.servei .owl-carousel .owl-prev {content: ""; display: inline-block; width: 16px; height: 31px; background-image: url(../img/assets-sprite.svg); background-position: -0px -30px; position: absolute; bottom: 50px; right: 90px; background-size: 1000px 500px; color: transparent;}
.servei .owl-carousel .owl-next {content: ""; display: inline-block; width: 16px; height: 31px; background-image: url(../img/assets-sprite.svg); background-position: -22px -30px; position: absolute; bottom: 50px; right: 50px; background-size: 1000px 500px; color: transparent;}



/* PROJECTES */
.projectes .header {background-image: url('../img/bg-projectes-01.jpg'); background-position: center; min-height: 50vh; position: relative;}
.projectes h2 {color: #333333; padding-right: 30px;}
.projectes .intro { position: relative;}
.projectes .elements { position: relative; min-height: 20vh;}
.projectes .quadrats {position: absolute; background-color: white; min-height: 30vh;}
.projectes .b-right {height:100%; position: absolute; width: 10vh; border-right: 2px solid #f1f1f1; z-index: -1;}
.projectes .b-top {height: 10vh; position: absolute; width: 100%; border-top: 2px solid #f1f1f1; margin-top: 10vh;}
.projectes .quadrats li.h-border {border-bottom: 1px solid #f1f1f1; border-right: 2px solid #f1f1f1;min-height:10vh; min-width: 10vh; position: absolute;}
.projectes .quadrats li.h-border:nth-child(1) {left: 0; top: 0; }
.projectes .quadrats li.h-border:nth-child(2) {left: 0; top: 10vh; }
.projectes .quadrats li.h-border:nth-child(3) {left: 10vh; top: 0; }
.projectes .quadrats li.h-border:nth-child(4) {left: 10vh; top: 10vh; }
.projectes .loop-projectes ul li a {text-transform: uppercase; padding-top: 15px;}
.projectes .loop-projectes ul li a:hover {color: #ff003c;}
.projectes .text {text-align: right; float: right; max-width: 480px; display: block; margin-top: -100px; text-transform: uppercase;}
.projectes .img-ind {background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 280px; position: relative; }

.projectes .img-ind .text-hover {opacity: 0;}
.projectes .img-ind:hover .text-hover {opacity: 1;}
.projectes .img-ind:hover .text-hover h3 {text-align: center; padding-left:10px; padding-right:10px; margin-top: 80px; margin-bottom: 0;}
.projectes .img-ind:hover .text-hover p {text-align: center; padding-left:10px; padding-right:10px; color:white; margin-top: 0; margin-bottom: 0;}




/* PROJECTE */
.projecte .uk-card-default {box-shadow: none;}
.projecte .intro {margin-top: 15vh;}
.projecte .intro h2 {text-align: center;}
.projecte .intro h3 {text-align: center; margin-top: 0;}
.projecte .intro p {text-align: center;}
.projecte .extra-ind {font-size: 0.8rem; text-align: center;}
.projecte .extra-ind img {width: 60%; display: block; margin: 0 auto 10px; max-width: 80px;}
.projecte .owl-carousel .owl-stage-outer {height: 70vh;}
.projecte .owl-carousel .owl-prev {content: ""; display: inline-block; width: 16px; height: 31px; background-image: url(../img/assets-sprite.svg); background-position: -0px -30px; position: absolute; bottom: 50px; right: 90px; background-size: 1000px 500px; color: transparent;}
.projecte .owl-carousel .owl-next {content: ""; display: inline-block; width: 16px; height: 31px; background-image: url(../img/assets-sprite.svg); background-position: -22px -30px; position: absolute; bottom: 50px; right: 50px; background-size: 1000px 500px; color: transparent;}
.projecte .no-js .owl-carousel, .projecte .owl-carousel.owl-loaded {display: block;}
.projecte .owl-dots { width: 100%; margin: 0 auto; text-align: center; height: 22px; position: relative; z-index: 1; margin-top: -35px;}
.projecte .owl-carousel .owl-stage-outer {position: relative; overflow: hidden;}
.projecte .owl-carousel .owl-dot {height: 30px; width: 30px; position: relative; z-index: 10; display: inline-block; border: 1px solid white;}
.projecte .owl-dot.active 
.projecte .owl-carousel .owl-dot.active {background-color: white;}
.projecte .text-galeria {padding-top: 10vh;position: absolute; z-index: 2; text-align: center; margin: 0 auto; width: 100%;}
.projecte .text-galeria h3 {text-align: center; color: white; font-size: 2.2rem;}
.projecte .text-galeria p {text-align: center; color: white;}

.projecte-ind .text-galeria {margin-top: 5vh; text-align: right; position: relative;}
.projecte-ind .text-galeria h3 {text-align: right; margin-top: 0;}
.projecte-ind .text-galeria p {text-align: right; text-transform: initial;}
.project-ind .owl-stage {min-height: 400px !important;}
.project-ind .owl-carousel .owl-item {min-height: 400px !important !important; height: 400px !important;}
.projecte-ind .owl-carousel .owl-stage-outer {margin-bottom: 10vh;min-height: 600px; height: 100%;}
.projecte-ind .owl-carousel .owl-prev {content: ""; display: inline-block; width: 22px; height: 45px; background-image: url(../img/assets-sprite.svg); background-position: -160px 0px; position: absolute; bottom: 250px; left: 30px; background-size: 1000px 500px; color: transparent;}
.projecte-ind .owl-carousel .owl-next {content: ""; display: inline-block; width: 22px; height: 45px; background-image: url(../img/assets-sprite.svg); background-position: -185px 0px; position: absolute; bottom: 250px; right: 30px; background-size: 1000px 500px; color: transparent;}
.projecte-ind .property-item {position: relative;}
.projecte-ind .arrows {position: relative;}
.projecte-ind .arrow-prev {content: ""; display: inline-block; width: 22px; height: 45px; background-image: url(../img/assets-sprite.svg); background-position: -160px 0px; position: absolute; top: 40px; left: 40px; background-size: 1000px 500px; color: transparent; cursor: pointer;}
.projecte-ind .arrow-next{content: ""; display: inline-block; width: 22px; height: 45px; background-image: url(../img/assets-sprite.svg); background-position: -181px 0px; position: absolute; top: 40px; left: 80px; background-size: 1000px 500px; color: transparent; cursor: pointer;}
.project-ind .gallery {min-height: 50vh;}
.property-item{display: none;background-position: center;background-size: cover;background-repeat: no-repeat;height: 60vh;}
.property-item:nth-child(1){display: block;}


    /* FEED PROJECTES */
    .container-feed {position: relative; min-height: 70vh; height: 100%;margin-top: 20vh;}
    .feed-projectes {background-color: #f1f1f1; min-height: 30vh; position: relative; margin-bottom: 40vh; padding-top: 10vh;}
    .feed-projectes .text {left: 10vh; background-color: #ff003c; min-height: 30vh; height: 100%; max-width: 300px; width: 100%; position: relative;margin-top: -20vh;}
    .feed-projectes .text h3, .feed-projectes .text p {color: white;}
    .feed-projectes .feed {width: calc(100% - 20vh); left: 20vh; position: absolute; height: 40vh; top: 15vh; z-index: 1;}
    .feed-projectes .feed .img-ind {background-image: url('../img/bg-servicios-01.jpg'); background-position: center; min-height: 50vh; position: relative; background-size: cover;}




/* -- CONTACTA --  */
.contacta .header {background-image: url('../img/bg-contacta-01.jpg'); background-position: center;}
.contacta .intro { position: relative;}
.contacta .elements { position: relative; min-height: 200px;}
.contacta .quadrats {position: absolute; background-color: white; min-height: 30vh;}
.contacta .b-right {height: 100%; position: absolute; width: 100px; border-right: 2px solid #f1f1f1; z-index: -1;}
.contacta .b-top {height: 100px; position: absolute; width: 100%; border-top: 2px solid #f1f1f1;margin-top: -100px;}
.contacta .formulario {background-color: white;    margin-top: 3px;}
.contacta .formulario .right {background-color: #333333;margin-top: -25vh; padding-top: 20vh; padding-bottom: 30vh; margin-bottom: -10vh; margin-left: 40px; width: calc(33% - 40px);margin-top: -218px;}
.contacta .formulario .left .text {background-color: #2c2a29; position: relative; right: 3vh; top: -2vh; margin-bottom: -5vh;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding: 5vh;}
.contacta .formulario .right .text {margin-top: 40px; color: white; font-family: 'Source Sans Pro', sans-serif; width: 90%;}
.contacta .formulario .right .text h4 {color: white; width: 90%;margin-top: 20px;}
.contacta .formulario .right .text h4 span {color: white;}
.contacta .formulario .right .text li a {color: white;}
.contacta .formulario .right .text li a:hover {color: #ff003c;}
.contacta .formulario .right .text p {color: white;}
.contacta .formulario .left .text p {color: white;}
.contacta .formulario .left .text a {color: white;}
.contacta .formulario .left .text a:hover {opacity: 0.8; cursor: pointer;}
.contacta .formulario .left .text .social li {display: inline;}
.contacta .formulario .left .text .social li:hover {opacity: 0.8;}


        
    /* NOTIFICACIONES */
        .uk-notification-message{font-size: 1rem;}
        .uk-notification{width: 400px; }
        .uk-notification-top-center{margin-left: -200px;}

        /* mapa */
        #map {width: 100% !important;}
        #map-container{ -webkit-transition: ease-in-out, .35s ease-in-out;transition: ease-in-out, .35s ease-in-out;position: relative;width: 100%;height: 450px;display: block;}
        #map-container.obert{max-height: 2000px;margin-top: 100px;}
        #map-container iframe{width: 100%;border:0;margin-bottom: -6px;}


  /* cookies i aviso legal */
  .cookies .header{background-image: url('../img/bg-cookies.jpg');background-position: center 20%;}
  .cookies .uk-link, a {color: #2a2c37;}
  .cookies .uk-link, a:hover {color: #333;}
  .legal .header{background-image: url('../img/bg-legal.jpg');background-position: center 20%;}

  /* footer */
  footer{background-color: #232323;padding-bottom: 2vh !important; font-family: 'Source Sans Pro', sans-serif;}
  footer h3 {color: white;}
  footer h6{color: #fff;margin-bottom: 10px;display: block;font-size: 1rem;}
  footer h6 a:hover{text-decoration: none;color: #4d4d4d;}
  .footer-ul.w-200 li a, .footer-ul.w-200 li {text-align: right !important;}
  .footer-logo {display: inline-block;width: 270px;}
  .footer-logo img{width: 100%; margin-bottom: 40px;}
  .list-links li{margin-top: 10px;}
  .social {margin-top: 10px; }
  .contacta .social {margin-bottom: 30px; }
  .footer-social{text-align: center;}
  .footer-social li{display: inline-block;}
  .footer-social li a{display: block;height: 35px;}
  .footer-social li a:hover{opacity: 0.7;}
  .footer-menu {max-width: 200px;float: right; position: absolute;right: 8vh;}
  .footer-menu li a, .footer-menu li{text-align: left !important; text-decoration: none; color: white;font-size: 1rem;padding: 0;line-height: 1.6;list-style-type: none;}
  .footer-menu li a:hover{color: #ff003c;}
  .footer-ul {display: block; float: left; margin-right:50px;margin-top: 0;}
  .footer-ul li a, .footer-ul li{text-align: left !important; text-decoration: none; color: white;font-size: 1rem;padding: 0;line-height: 1.6;list-style-type: none;}
  .footer-ul li a:hover{color: #ff003c;}
  .footer-submenu{float: right;}
  .footer-submenu li{display: inline-block;margin: 0 !important;}
  .footer-submenu li:after{content: "·";color: white;display: inline-block;margin: 0 5px 0 10px;}
  .footer-submenu li:last-child:after{display: none;}
  .footer-submenu li a{color: white;font-size: 0.8rem;padding: 0;}
  .copyright{float: left;font-size: 0.8rem;color: white !important;margin-top: 5px; text-align: left !important;}
  .autor{float: right; text-align: right;margin-top: 10px !important;}
  .autor p{float: right; text-align: right; color: #7b7b7b !important;font-size: 0.7rem; margin-top: 10px !important; ;} 
  .autor a{color: #7b7b7b;font-weight: 700;margin-top: 10px !important; ;}


/* Media queries */
@media only screen and (min-width: 1600px){

}

@media only screen and (min-width: 1200px){

}

@media only screen and (max-width: 1599px){ /* x-large */

}

@media only screen and (max-width: 1199px){ /* large */
  .section-text {padding: 10vh;}
  .section-plus {padding: 10vh;}

    /* capllonch */
    .nosaltres .header h1 {padding-top: 30vh;}
    .nosaltres .b-right {display: none;}



}

@media (max-width: 1024px){ /* ipad */
    /* Carousel */
    .smarthome .owl-carousel .owl-stage-outer {min-height: 100%;}
    footer.section {padding: 5vh !important;}
    .section-text {padding: 5vh;}
    .container-feed {min-height: 0;}
    .feed-projectes {margin-bottom: 0;}
    .feed-projectes .feed {height: 100%;position: relative; margin-top: -20vh; margin-bottom: 20vh; left: 5vh; width: calc(100% - 10vh);}
    .feed-projectes .text {
        left: 10vh; background-color: #ff003c; min-height: 0vh; height: 100%; max-width: 300px; width: 100%; position: relative; margin-top: -20vh;}
    .container-feed {margin-top: 15vh;}
    .serveis .container-feed .img {min-height: 40vh;}

}


@media (max-width: 959px){ /* medium */
    .section {padding:5vh;}
    .section-plus {padding: 10vh;}
    .nosaltres .header h1 {padding-top: 30vh;}
    .menu-header .menu a{font-size: 0.9rem;}
    .is-stuck .header-logo{width: 230px;}
    .uk-navbar-nav>li>a{padding: 0 15px;}
    .uk-navbar-container{height: auto;background-color: white;}
    .uk-navbar-right{width: 100%;display: block; height: auto; padding-right: 2vh;background-color: white;}
    .uk-navbar-left{display: inline-block;background-color: white;}
    .uk-navbar-nav#main-menu{display: none; position: absolute; top: 0; left: 0; padding: 10px 0vw 0 0vw; width: 100%; background-color: #f8f8f8; z-index: 3;padding-left: 10px; margin-top: 90px;}
    .uk-navbar-nav.visible-flex{display: block !important;overflow-y: auto;height: calc(100vh - 80px);}
    .uk-navbar-nav li{width: 120px;}
    .uk-navbar-nav li a{display: block;height: auto;padding: 10px 12px;}
    .uk-navbar-toggle{width: 80px;height: 75px;float: right;z-index: 4;position: relative;color: #2c2a29 !important;}
    .uk-navbar-toggle:focus, .uk-navbar-toggle:hover{color: #eee;}
    .uk-navbar-toggle-icon{margin-right: 10px;}
    .header-search{margin-top: 0 !important;width: 100%;}
    .bm-waves span{display: none;}
    .uk-navbar.uk-active .uk-navbar-toggle{color: #2c2a29   !important;}
    .uk-navbar-container .uk-navbar-nav>li a, .uk-navbar-container.uk-active .uk-navbar-nav>li a{color: #2c2a29; text-transform: uppercase; font-size: 1rem;font-family: 'Source Sans Pro', sans-serif; }
    .uk-navbar-container .uk-navbar-nav>li a:hover, .uk-navbar-container.uk-active .uk-navbar-nav>li a:hover{color: #ff003c;}
    .has-dropdown:after {content: ""; display: inline-block; width: 7px; height: 4px; background-image: url(../img/assets-sprite.svg); background-position: -36px -5px; position: absolute; top: 18px; left: 100px; background-size: 1000px 500px;}
    .menu-frame {width: calc(100% - 2vh) !important;}
    .uk-nav .uk-navbar-dropdown-nav li a {padding: 5px 0px 5px 20px !important; width: 200px;}
    .uk-navbar-container.uk-navbar {height: 71px;}
    .uk-navbar-container.uk-navbar.uk-active {height: 91px;}
    .home .img-prova-1:first-child {margin-top: 5vh !important;}
    .home .uk-card-default {margin-top: 5vh !important;position: relative; z-index: -1;}

    /*.home .projectes .f-projectes .feed-ind {margin-bottom: 5vh;}*/
    .home .f-projectes {width: 100%; float: none; }
    .uk-navbar-left { width: 120px;}
    .projectes .text {max-width: 360px;}




 

   /* capllonch */

   .section-intro {padding: 10vh;}
   .serveis .elements {position: absolute; z-index: -1;}
   .serveis .icon.iluminacio, .serveis .icon.electricitat, .serveis .icon.climatitzacio, .serveis .icon.fontaneria, .serveis .icon.seguretat, .serveis .icon.sistemes, .serveis .icon.smarthome { margin-left: 1vh; margin-top: 1vh;}
   .footer-ul {float: left !important;}
   .header h1 {margin-left: 5vh; font-size: 2.2rem;}
   .uk-subnav>* {display: inline-block;}
   .uk-subnav {margin-left: 10px;}
   .p-filtres {margin-bottom: 30px !important;}
   .footer-menu {position: relative; right: 0;}
   .per-ind {margin-bottom: 30px;}
   .projectes .b-right {display: none;}
   .container-feed {margin-top: 15vh;}
   .feed-projectes {margin-bottom: 0;}
   .feed-projectes .text {min-height: 0;}
   .b-right {display: none;}
   .home .smart .text {max-width: 600px; width: 100%;}
   .home .projectes .b-top {top:-4vh; height: 30vh;}
   .home .f-serveis {margin-top: 0;}
   .home .projectes .bg-white {max-width: 500px;}
   .contacta .formulario .right {background-color: #333333;  margin-top: 5vh;  padding-top: 0; padding-bottom: 0;  margin-bottom: 0; margin-left: 40px; width: 100%; }
   .smarthome .con-slider {margin-top: 20px;}
   .footer-submenu {float: left;}
   .owl-carousel .owl-item img {min-height: 50vh; height: 100%;}
   .smarthome .text-galeria {margin-left: 0;}

   .projecte-ind .arrow-prev {bottom: 30px;}
   .projecte-ind .arrow-next {bottom: 30px; left: 80px;}
   .projecte-ind .text-galeria {margin-top: 15vh;}
   .icon.close {right: 30px; top: 150px;}

 
}
@media (max-width: 767px){ /* medium-small */

    /* capllonch */
    .icon.iluminacio, .icon.electricitat,.icon.climatitzacio, .icon.fontaneria, .icon.telecomunicacions, .icon.seguretat, .icon.sistemes, .icon.smarthome{display: none;}
  
}

@media only screen and (max-width: 639px){ /* small */
    .section{padding: 10%;}
    .section-text{padding: 10%;}
    .section-intro {padding: 10%;}
    .section-plus {padding: 5vh;}
 

        /* capllonch */
        .home .elements, .nosaltres .elements, .serveis .elements, .projectes .elements {min-height: 10vh;}
        .quadrats, .b-top, .b-right {display: none;}
        .home .f-serveis {margin-top: 0;}
        .smarthome .text-galeria h3 {font-size: 1.6rem;}
        .projectes .text { max-width: 100%; margin-top: 0; }
        .home .intro .text h2, .home .intro .text h2 span {margin-left: 0;font-size: 1.6rem;}
        .header h1 {margin-left: 3vh; font-size: 1.8rem; max-width: 90%; padding-top: 15vh; }
        .home .smart .img {min-height: 60vh;}
        .smarthome .uk-card.uk-card-default {margin-left: 0; padding-left: 0;}
        .owl-carousel .owl-item img {min-height: 60vh; height: 100%;}

        .projecte-ind .arrow-prev {bottom: 20px; left: 20px;}
        .projecte-ind .arrow-next {bottom: 20px; left: 60px;}
        .icon.close {right: 20px; top: 130px;}
        
        .feed-projectes .text {
            left: 0vh; 
            background-color: #ff003c;
            min-height: 30vh;
            max-width: auto; 
            width: auto;
            position: relative;
            margin-top: -20vh;
        }

      
    
}
@media (max-width: 459px){ /* x-small */

    
    /* capllonch */
    .footer-logo {display: inline-block; width: 200px;}
    .home .smart .img {min-height: 62vh;}
    .header h1 {font-size: 1.4rem; max-width: 80%;}
    .home .intro .text h2, .home .intro .text h2 span {font-size: 1.4rem;}
    .owl-carousel .owl-item img {min-height: 70vh; height: 100%;}
    .icon.close {right: 10px; top: 150px;}

}