#divLoader{background-color:#fff;position:absolute;top:100px;left:0;width:100%;height:100%;z-index:999999;text-align:center;}
#divLoader img{margin:auto;margin-top:22%;}
.section{padding-top:0px;}
.section-footer{padding-top:0px;}

.my-inner-container{margin-top:0px;padding:0px auto;font-size:1em;}
.my-inner-container.colored{background-color: aqua;}
.my-inner-container .titol{font-size:1.8em;line-height:125%;}
.my-inner-container .peu-foto{font-size:0.8em;line-height:110%;}
.my-inner-container-st{}
.my-inner-container-st .titol{font-size:1.5em;line-height:125%;}
#img-st{margin-top:-300px;}

#taula-materiales{padding:0px 5em 0px 8.65em;color:black;}

/* PARALLAX */
.fp-bg {position:relative;background-repeat:no-repeat;background-size:fit;background-position:center center;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}
/*#myContainer {margin-top:100px !important;}*/
#section-intro .fp-bg {background-image:url(../images/Fons-CADCAM.png);background-position: 0 -70px;background-size:100%;}
#section-intro-1 .fp-bg {background-image:url(../images/Group54.png);background-size:50%;background-position:center right;}
#section-intro-2 .fp-bg {background-image:url(../images/Group54.png);background-size:50%;background-position:center right;}
#section-intro-3 .fp-bg {background-image:url(../images/Fons-CADCAM-1.png);background-size:100%;background-position:center;}
#section-caracteristicas .fp-bg {background-image:url(../images/Group54.png);background-size:50%;background-position:center left;}
#section-materiales .fp-bg {background-image:url(../images/Fons-Formulari.png);background-size:110% 100%;background-position:0 0;}
#section-catalogo .fp-bg {background-image:url(../images/Fons-CADCAM-3.png);background-size:100%;background-position:0 100%;}
#section-contacto .fp-bg {background-image:url(../images/Fons-Formulari.png);background-size:cover;/*background-attachment:fixed;*/}

.clickable{cursor:pointer;}
.tachado{text-decoration:line-through; color:#c00;}
.ombra{box-shadow: 0px 0px 10px #000;}
.rodo{
	-moz-border-radius:6px; 
	-webkit-border-radius:6px;
	border-radius: 6px;  
}
.degradat{
	background:-webkit-linear-gradient(top,#fff,#ddd) ;
	background:-moz-linear-gradient(top,#fff,#ddd) ;
	background:-ms-linear-gradient(top,#fff,#ddd) ;
	background:-o-linear-gradient(top,#fff,#ddd) ;
	background:linear-gradient(top,#fff,#ddd) ;
}

/*----------------- estils d'impresió -------------------------*/
.printable { display: none; }
@media print {
	.non-printable { display: none; }
    .printable { display: block; }
}
/*----------------/ estils d'impresió -------------------------*/

/*----------------------------------- FONTS -----------------------*/
.font-titol{font-family:TexGyreAdventor, "Century Gothic", Futura;}
.font-titol-bold{font-family:TexGyreAdventorBold, "Century Gothic", Futura;font-weight:bold !important;}
.font-body-light{font-family: 'Roboto', sans-serif; font-weight: 300;}
.font-body{font-family: 'Roboto', sans-serif; font-weight: 400;}
.font-body-bold{font-family: 'Roboto', sans-serif; font-weight: 700;}
.font-cond-light{font-family: 'Roboto Condensed', sans-serif; font-weight: 300;}
.font-cond-normal{font-family: 'Roboto Condensed', sans-serif; font-weight: 400;}
.font-cond-bold{font-family: 'Roboto Condensed', sans-serif; font-weight: 700;}

.fs07{font-size:0.7em !important;}
.fs075{font-size:0.75em !important;}
.fs08{font-size:0.8em !important;}
.fs09{font-size:0.9em !important;}
.fs10{font-size:1em !important;}
.fs11{font-size:1.1em !important;}
.fs12{font-size:1.2em !important;}
.fs13{font-size:1.3em !important;}
.fs14{font-size:1.4em !important;}
.fs15{font-size:1.5em !important;}
.fs16{font-size:1.6em !important;}
.fs17{font-size:1.7em !important;}
.fs18{font-size:1.8em !important;}
.fs19{font-size:1.9em !important;}
.fs20{font-size:2em !important;}
.fs25{font-size:2.5em !important;}

.lh100{line-height:100% !important;}
.lh110{line-height:110% !important;}
.lh120{line-height:120% !important;}
.lh130{line-height:130% !important;}
.lh140{line-height:140% !important;}
.lh150{line-height:150% !important;}

/*----- header: navbar bootstrap --------------*/
#navbarTop{background-color:#000;height:100px;}
/*.navbar-brand img{max-height:80px;margin:0 13px;}*/
/* items del menu */
#navbarTop .navbar-nav .nav-link {
    padding-right: 0rem;
    padding-left: 0rem;
    color: #fff;
	font-weight:400 !important;
	font-size:12px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
}
#navbarTop .navbar-nav .nav-item .nav-link:hover {color: #2BB8C9;text-decoration:none;}
#navbarTop .navbar-nav .nav-item.active .nav-link{color: #2BB8C9; font-weight:700}
/* toggler */
.navbar-toggler{border:0 !important;}
#my-navbar-toggler{
    position:relative; top:30%; left:0;
	margin-left:0;
    height:100%;
    width:20%;
    border-right:1px dotted #aaa;
    text-align:center;
}

/*----------------------------------- PERSONALITZACIÓ BOOTSTRAP -----------------------**/
.form-control{margin-bottom:0.5em;}

.btn:hover {cursor:pointer;color:inherit;}
/*.btn-danger {color:#fff !important;}*/
.btn-custom {
    color: #fff;
    background-color: #2BB8C9;
    border-color: #2BB8C9;
	font-weight: 400;
	font-size: 0.75em;
	font-family: 'Roboto', sans-serif;
    padding:1em 2em;
}
.btn-custom-2 {
    color: #707070;
    background-color: #fff;
    border-color: #2BB8C9;
	font-weight: 400;
	font-size: 0.75em;
	font-family: 'Roboto', sans-serif;
    padding:1em 2em;
}

.btn-custom-3 {
    color: #707070;
    background-color: #fff;
    border-color: #fff;
	font-weight: 400;
	font-size: 0.75em;
	font-family: 'Roboto', sans-serif;
    padding:1.5em 2.5em;
}

.btn-custom-4 {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
	font-weight: 400;
	font-size: 0.75em;
	font-family: 'Roboto', sans-serif;
    padding:1.5em 2.5em;
}

.btn-custom-5 {
    color: #2BB8C9;
    background-color: #fff;
    border-color: #2BB8C9;
	font-weight: 400;
	font-size: 0.75em;
	font-family: 'Roboto', sans-serif;
    padding:1em 2em;
}

.btn-custom:hover, .btn-custom-2:hover, .btn-custom-3:hover, .btn-custom-4:hover, .btn-custom-5:hover {
    color: #fff;
    background-color: #eee;
    border-color: #2BB8C9;
}
.btn-custom:not([disabled]):not(.disabled).active, .btn-custom:not([disabled]):not(.disabled):active, .show>.btn-custom.dropdown-toggle {
    color: #000;
    background-color: #fff;
    border-color: #444;
    box-shadow: 0 0 0 0.2rem rgba(0,0,0,.5);
}

.card-columns {column-count: 4;}
.card-columns-ferias {column-count: 6;}
.card-deck-articles {line-height:100%;}
.card-deck-articles .card-title{font-family:'Roboto Slab', sans-serif;font-weight: 700;color:#28a745;font-size:1.1em;}
.card-deck-articles .card-text{font-family:'Roboto Condensed', sans-serif;font-weight: 300;color:#666;font-size:0.9em;}

/*--------------------------------------------------------------------------------------------------------------------------------------------*/

/*----- fixar backgrounds al ample original de la imatge: 1920px ---------------------------*/
@media screen and (max-device-width:1920px),screen and (max-width:1920px){
    #section-intro .fp-bg {background-image:url(../images/Fons-CADCAM.png);background-position: center top;background-size: auto;}
    #section-materiales .fp-bg {background-image:url(../images/Fons-Formulari.png);background-position: center top;background-size: auto;}
    #section-contacto .fp-bg {background-image:url(../images/Fons-Formulari.png);background-position: center top;background-size: auto;}
}

/*----- portatil vinx ---------------------------*/
@media screen and (max-device-width:1366px),screen and (max-width:1366px){
}

/*----- portatil 1200 / 1280 ---------------------------*/
@media screen and (max-device-width:1199px),screen and (max-width:1199px){
}

/*----- lg -> ipad horizontal + ipad pro vertical ---------------------------*/
@media screen and (max-device-width:1024px),screen and (max-width:1024px){
    #taula-materiales{padding:0px 5em 0px 7.5em;}
    #section-intro .fp-bg {background-position: 0 0px;}
    #section-intro-3 .fp-bg {background-size:100% 50%;background-position:0% 70%;}
    #section-catalogo .fp-bg {background-size:100% 50%;background-position:0% 100%;}
}

/*----- sm ---------------------------*/
@media screen and (max-device-width:991px),screen and (max-width:991px){
    body {font-size:0.8em;line-height:140%;}
    .container-nav{max-width:100% !important;}
    #navbarTop .navbar-nav .nav-link {
        padding: 1rem 0 1rem 1.5rem;
        font-size:16px;
    }
    #navbarTop .navbar-nav .nav-item:last-child{margin-bottom: 2rem;}
    #taula-materiales{padding:0px 5.5em 0px 6.5em;}
}

/*----- ipad vert vertical ---------------------------*/
@media screen and (max-device-width:768px),screen and (max-width:768px){
    #section-intro .fp-bg {background-position: 0 -220px;}
}

/*----- iphone 6+ horizontal ---------------------------*/
@media screen and (max-device-width:736px),screen and (max-width:736px){
    #taula-materiales{padding:0px 4em 0px 5.2em;}
}

/*----- iphone 6/7/8  horizontal ---------------------------*/
@media screen and (max-device-width:667px),screen and (max-width:667px){
}

/*----- iphone 5 horizontal ---------------------------*/
@media screen and (max-device-width:568px),screen and (max-width:568px){
}

/*----- iphone 6/7/8 vertical ---------------------------*/
@media screen and (max-device-width:480px),screen and (max-width:480px){
    #divLoader{top:100px;}
    .text-white-on-mobile{color:#fff !important;}
    #navbarTop{height:100px;}
    .section{padding-top:100px;}
    .my-inner-container{margin:20px auto;}
    
    #img-st{margin-top:0px;display:none;}
    
    #section-intro .fp-bg {background-position: 0 0;}
    #section-intro-3 .fp-bg {background-size:100% 100%;background-position:0% 70%;}
    #section-materiales .my-inner-container{margin-top:0px; padding-top:40px;}
    #section-materiales .fp-bg {background-size:fit;background-position:0 0;}
    #taula-materiales{background-color: white;padding:1em;}
    #section-catalogo .fp-bg {background-position:0 110%;}
}

/*----- iphone 5 vertical ---------------------------*/
@media screen and (max-device-width:320px),screen and (max-width:320px){
    #section-materiales .fp-bg {background-size:110% 200%;background-position:0 0;}
}

/*---------------- bootstrap z-indexs --------------------------
$zindex-dropdown:          1000 !default;
$zindex-sticky:            1020 !default;
$zindex-fixed:             1030 !default;
$zindex-modal-backdrop:    1040 !default;
$zindex-modal:             1050 !default;
$zindex-popover:           1060 !default;
$zindex-tooltip:           1070 !default;
---------------------------------------------------------------*/