/*
    Maquetació basada en
    Theme URL: https://bootstrapmade.com/company-free-html-bootstrap-template/
    
	Blau clar : 42,117,179 #2A75B3
	Blau mig : 34,90,133 #225A85 
	Blau fosc : 13,42,51 #0D2A33
	Blau 'negre' : 4,29,35 #041D23

	Gris 'blanc' : #F5F5F5
	Gris clar : #E5E5E5
	Gris mig : #D5D5D5
	Gris 'fosc' : #CCC

		
	font-family: 'Montserrat', sans-serif; //
*/

/* - reset - */

html{ height:100%;padding:0;border:0;margin:0;}
body{ height:100%;padding:0;border:0;margin:0; }
a,a:visited,a:link,input[type="submit"]{ text-decoration:none;padding:0;border:0;margin:0;outline:0;} a:focus, a img{ padding:0;border:0;margin:0;outline:0;}
h1,h2,h3,h4,h5,h6,div,blockquote,p,span,ul,li,hr,form,fieldset,menu,section,article,hr,form,fieldset,img{ padding:0;border:none;margin:0; }
ul, li{ list-style-position:inside;list-style-type:none;list-style: none; }
/* Habilitar els ul i li*/
.abilitar {
    list-style-position: inside !important;
    list-style-type: square;
}

input,select,textarea { border:none; }
input:hover,select:hover,textarea:hover{ border:none; }
input[type="submit"]{ padding:0; border:none; margin:0; text-decoration:none; }
input[type="submit"]:hover{ text-decoration:underline; cursor:pointer; cursor:hand;   }

/* - etiquetes html - */

body {
	font-family: 'Montserrat', sans-serif;
	font-size:14px;
	font-weight: 200;
	letter-spacing: 1.25px;	
	color:#041D23;
	overflow-x:hidden;
}

input,select,textarea {
	font-family: 'Montserrat', sans-serif;
}

h1{
	font-size:36px;
	margin-bottom:18px;
}

h2 {
	font-size:24px;
	margin-bottom:15px;
	font-weight: 600;
}

h3{
	font-size:20px;
	margin-bottom:16px;	
}

h4 {
	font-size:18px;
	margin-bottom:9px;	
}

h5 {
	font-size:16px;
	margin-bottom:6px;		
}

h6 {
	font-size:14px;
	margin-bottom:10px;	
		
}

blockquote{
    padding: 10px 20px;
    margin: 20px auto;
    border-left: 5px solid #2A75B3;
}

p{
	font-size:15px;
	line-height:22px;
	margin-bottom:22px;
}

ul{
	font-size:15px;	
    list-style: disc;
    margin: 22px 0;
    /* padding-left: 40px; */
}

strong{
	font-weight:400;
}

label{
	font-weight:300;
}

a, a:focus{
	color:#2A75B3;
}

a:hover{
	color:#2A75B3;	
	text-decoration:underline;
}

button{
	background-color:#2A75B3;
	color:#FFF;
	border:none;
}

input{
    display: block;
    width: 100%;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 14px;
}

/* - classes - */

.sangria{
	margin-left: 40px;
	margin-bottom: 42px;
}

div.pp_default .pp_description{
	display: none !important;
}
	
.compensa_container_padding{
	padding-left: 0;
    padding-right: 0;
}


#form_condicions{
	width: auto;
    float: left;
    margin-right: 10px;	
}

input,select,textarea {
	color: #0D2A33;
}

.navbar{
	margin-bottom:0;	
}

.mt-0{
	margin-top:0;
}

.mt-20{
	margin-top:40px;
}

.mt-40{
	margin-top:40px;
}

.mt-60{
	margin-top:60px;
}

.mt-80{
	margin-top:80px;
}

.mb-0{
	margin-bottom:0;
}

.mb-20{
	margin-bottom:20px;
}

.mb-40{
	margin-bottom:40px;
}

.mb-60{
	margin-bottom:60px;
}

.mb-80{
	margin-bottom:80px;
}

.pl-0{
	padding-left:0;
}

.pt-80{
	padding-top:80px;
}

.pb-80{
	padding-bottom:80px;
}

.bg-blau-clar{
	background-color: #2A75B3;
}

.bg-blau-mig{
	background-color: #225A85;
}

.bg-blau-fosc{
	background-color: #0D2A33;
}

.bg-blau-negre{
	background-color: #041D23;
}

.bg-gris-blanc{
	background-color: #F5F5F5;	
}

.bg-gris-clar{
	background-color: #E5E5E5;	
}

.bg-gris-mig{
	background-color: #D5D5D5;	
}

.bg-gris-fosc{
	background-color: #CCC;	
}

.marca{
	font-weight:600;
}

.slick-next{
	right:inherit;
	z-index:-1;
}

.slick-prev{
	left:inherit;
	z-index:-1;
}

.slick-dots {
	bottom:-30px;	
}

.slick-dotted.slick-slider.slider-2{
	margin-bottom: 60px;
}

.slick-dots li, .slick-dots li button{
	width: 30px;
    height: 30px;
    margin:0;
}

.slick-dots li button:before{
	width: 30px;
    height: 30px;
    line-height: 30px;
    font-size:15px;
    color:#2A75B3;
}

.slick-dots li.slick-active button:before{
	color:#2A75B3;
}


ul.punts {
	padding-left:20px;
}

ul.punts li{
	margin-bottom: 5px;
}

ul.punts li::before {
	content: "\25CF"; /* 25CF, 2B24 */
	color: #2A75B3;
	display: inline-block;
	width: 1em;
	margin-left: -1em;	
}	

.form-control{
    padding:20px 15px;
    border-radius: 0px;
    border:none;
    height:inherit; /* necessari a Firefox per contrarrestar una height donada pel bootstrapp */
}

.header_titol{
	font-weight:600;
	border-bottom:1px solid #D5D5D5;
	padding-bottom: 8px;
}

label{
	float:left;	
	display: block;
	width:100%;
	margin-bottom:20px;
}

label.mig{
	width:49%;
}

label.mig + label.mig{
	margin-left:2%;
}

label.terc{
	width:32%;
}

label.terc + label.terc{
	margin-left:2%;
}

label.primer{
	margin-left:0 !important;
}

/* - recursos - */

.boto{
	padding: 12px 30px !important;
    color: #FFF !important;
    background-color: #2A75B3;
    border-radius: 22px;
    width: fit-content;
    display: block;
    min-width: 200px;
    text-align: center;
}
.boto:hover{
	text-decoration: underline;
}

.ombra{
	text-shadow:1px 1px 2px rgba(0,0,0,.8);
}

.separador{
	border: none;
    height: 0;
    background-color: transparent;
    margin: 0 auto;
    clear: both;
}

.sep-40{
    margin: 20px auto;
}

.sep-80{
    margin: 40px auto;
}

.sep-120{
    margin: 60px auto;
}

.sep-160{
    margin: 80px auto;
}


.salt_linia{
	display: inline-block;
	margin:0 !important;
	padding:0;
}

.transicio{
	transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	-webkit-transition: all 0.15s linear; 
}

.slider-2 img{
	width:100%;
	height:auto;
}


/* - header - */

.navbar-fixed-top{
	border:none;
}


.navbar-default .navbar-toggle .icon-bar{
	background-color:#FFF;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #FFF;
	border-color: #FFF;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{
	background-color: #2A75B3;
}


nav.navbar-default{
	-webkit-box-shadow: 0px 5px 20px 5px  rgba(220,220,225,0.95);
	-moz-box-shadow: 0px 5px 20px 5px rgba(220,220,225,0.95);
	box-shadow: 0px 5px 20px 5px rgba(0,0,0,.5);
	background-color: transparent;	
}

nav.navbar-default.cap-transparent{
	box-shadow: none;
	border-bottom: none;
}

nav.cap-transparent #cap{
	background-color: transparent;
	background-color: rgba(42,117,179,.25)
}

nav.cap-opac #cap {
	background-color: #2A75B3;
}

#cap-top{
	background-color: #225A85;
	color:#E5E5E5;
}

#cap-top [class^="col-"]{
	height:40px;
}

#cap-top ul{
	margin: 0;
	padding:0;
	display: inline-block;
}

#cap-top ul li{
	float:left;
}

#cap-top li span, #cap-top li .fa, #cap-top li a {
	font-size: 12px;
	line-height: 40px;
}

#cap-top li .fa{
	margin-right:4px;
}

#cap-top li span{
	margin-right:12px;
}

.idiomes li{
	margin-left:6px;
}

.idiomes a{
    display: block;
    font-weight:300;
    color:#FFF;
}

.idiomes li:hover a, .idiomes li.actiu a{
	text-decoration: none;
	color:#2A75B3;
}

.idiomes_mobil{
	display:none;
	list-style: none;	
	overflow:auto;
	float:right;
	margin-bottom:10px;
}

.idiomes_mobil li{
	float:left;
}

.idiomes_mobil li + li{
	border-left:1px solid #FFF;
}

.idiomes_mobil a{
	padding:10px 20px;
    display: block;
    font-size:16px;
    color:#FFF;    
}

.idiomes_mobil li:hover a, .idiomes_mobil li.actiu a{
	color:#0D2A33;
	text-decoration: none;
}
	
#cap{
	position:relative;
	letter-spacing:normal;
}

#cap h2{
	margin-bottom:0;
}

#cap h2 a{
	display:block;
}

#cap h2 a img{
	height:70px;
	margin:15px 0;
	position: relative;
	top:0;
	left:0;
}

/*
nav.cap-transparent #negatiu,
nav.cap-opac #positiu{
	display:block;
}

nav.cap-transparent #positiu,
nav.cap-opac #negatiu{
	display: none;
}
*/

nav.cap-transparent #positiu,
nav.cap-opac #positiu{
	display:none;
}

nav.cap-transparent #negatiu,
nav.cap-opac #negatiu{
	display:block;
}

#cap .navbar-nav {
	float:right;
	margin:0;
	overflow:visible;
}

#cap .navbar-nav > li{
	padding:0 20px;
}

#cap .navbar-nav > li > a, #cap .navbar-nav > li > span{
	padding:15px 0;
	height:100px;
	line-height:75px;
	font-size:14px;
	font-weight:300;
	color:#FFF;
	display:block;
}

nav.cap-transparent #cap .navbar-nav > li > a, nav.cap-transparent #cap .navbar-nav > li > span{
	color:#FFF;	
}

#cap .navbar-nav > li.actiu > span, #cap .navbar-nav > li.actiu > a, #cap .navbar-nav > li:hover > a{
	border-bottom:3px solid #FFF;
	color: #FFF;
}

#cap .navbar-nav > li.actiu > span, #cap .navbar-nav > li.actiu > a{

}

ul.submenu{
	padding:0;
	margin:0;
	visibility: hidden;
	opacity: 0;
	z-index:-99;
	overflow:auto;
	position: fixed;
	background-color:#D5D5D5;
}

ul.submenu li{
	display: block;
	background-color:#0D2A33;	
	border-bottom:1px solid #FFF;
}

ul.submenu li a{
    padding:10px 30px 10px 15px;
    display: block;
    font-size: 14px;
    text-align:left;
    color:#FFF;
}

.navbar-nav > li:hover ul.submenu{
	visibility: visible;
	opacity: 1;
	z-index:1;
}

form.acces_clients{
	margin:0 auto;
	max-width: 400px;
}

/* - breadcrumb - */

#breadcrumb {
	padding:40px 0 30px 0;
	margin:140px auto 0 auto;
}

#breadcrumb h1{
	text-align: center;
	font-weight:800;
	margin-bottom:18px;
}

.breadcrumb {
	text-align:center;
	background-color:transparent;
	font-weight:600;
	margin:0 auto;
}

.breadcrumb>li+li:before{
	content: " / ";
	color:#999;	
}

.breadcrumb li a{
	color:#999;
}

#cap-top ul.dades li a {
	color: #E5E5E5;
}
/* - footer - */

footer{
	padding:30px 0;
	background-color:#0D2A33;
	color:#FFF;
}

footer p, footer a{
	font-size:12px;
}

footer h4{
	font-size:14px;
	margin-bottom:15px;
	color:#FFF;
}

footer h3{
	font-size:12px;
	margin-bottom:8px;
	text-transform: uppercase;
}

.footer_certificats a{
	display: block;
}

.footer_certificats img{
	display:block;
	height:auto;
	width:90%;
	max-width:198px;
	border-bottom:1px solid rgba(255,255,255,.3);
}

.footer_certificats a:hover{

	text-decoration:none;
}

.footer_certificats a:hover p{
	color: rgba(255,255,255,1);

}

.footer_certificats p{
	max-width:200px;
	margin:10px auto 0 auto;
	color: rgba(255,255,255,.3);
}

.footer_menu ul{
	margin:0;
	padding-left:0;
	list-style: none;
	list-style-position: inside;
}

.footer_menu ul li a{
	display:block;
	padding:3px 0;
}

.footer_menu ul li a::before{
	content: "> ";
}

.footer_menu a, .footer_menu a:focus{
	color:#FFF;
}

.footer_menu a:hover{
	color:#FFF;	
	text-decoration:underline;
}

.footer_certificats,
.footer_menu,
.footer_acces_clients{
	margin-bottom:30px;
}

.footer_acces_clients input[type="submit"]{
    min-width: -webkit-fill-available;
}

#peu-dades{
	padding:20px 0;
	border-top: 1px solid #666;
	background-color: #041D23;
	color: #FFF;
	text-align: center;
	display:none;
}

#peu-dades [class^="col-"]{
	height:auto;
}

#peu-dades ul{
	margin: 0;
	padding:0;
	display: inline-block;
}

#peu-dades ul li{
	float:none;
}

#peu-dades li span, #cap-top li .fa {
	font-size: 12px;
	line-height: 40px;
}

#peu-dades li .fa{
	margin-right:4px;
	color:#2A75B3;	
}

#peu-dades li span{
	margin-right:12px;
}

#credits p, #credits a{
	font-size:12px;
}

#credits{
	padding:6px 0;
	border-top: 1px solid #666;	
	background:#041D23;
	color:#FFF;
	font-size:12px;
}

#credits p{
	margin:0;
}

.links_legals{
	float:right;
	overflow:auto;
	margin:0;
	padding:0;
}

.links_legals li{
	float:left;
	margin-right:10px;
}

#totop{
	position:fixed;
	bottom:15px;
	right:20px;
	width:32px;
	height:32px;
	background-color:#D5D5D5;
}

#totop:hover{
	color:#FFF;
}

#totop i{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 32px;
    font-size:28px;    
}

/* --- CONTENIDOR / APARTATS --- */

.contenidor{
	margin:0 auto 40px auto;
	/* min-height: calc( 100vh - 640px); */
}

/* - inici - */

#apt_inici{
	margin:0 auto;
	padding-left:0;
	padding-right: 0;
}

#diapos{
	background-color:#E5E5E5;
	margin-top:40px;
	margin-bottom:0;
}

.diapo{
	position:relative;
	height:750px;
}

.diapo_bg{
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}

.diapo_bg .diapo_filtre{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;

	background-color: rgba(255,255,255,0);
 
}

.diapo .textos{
	width: 1170px;
	max-width: 90%;
	margin:0 auto;
	padding-top:250px;
	position:relative;
}

.textos h2{
    font-size: 50px;
    color: #FFF;
    font-weight: 100;
}

.textos h2 span{
	display: block;
    font-weight: 600;
    font-size:75px;
}

.textos p{
    width: 60%;
    margin-top: 25px;
    font-size: 14px;
    color: #FFF;
}

.botonera_slide{
    position: absolute;
    bottom: 20px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.botonera_slide li{
    position: relative;
    display: inline-block;
    width: 32px;
	height: 32px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.botonera_slide li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 32px;
	height: 32px;
    padding: 4px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.botonera_slide li button:hover,
.botonera_slide li button:focus{
    outline: none;
}

.botonera_slide li button:hover:before,
.botonera_slide li button:focus:before{
    opacity: 1;
}

.botonera_slide li button:before{
    font-family: 'slick';
    font-size: 30px;
    line-height: 36px;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
	height: 40px;
    content: '•';
    text-align: center;
    opacity: .5;
    color: #2A75B3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.botonera_slide li.slick-active button:before{
    opacity: 1;
    color: #2A75B3;
}

.row.icones{
	display: flex;	
}
	
.icona{
	padding-right: 0;
	padding-left: 0;
	text-align:center;
}

.icona > a div{
	display: block;
	padding:20px 10px 15px 10px;
    max-width: 400px;
    margin: 0 auto;
}

.icona svg{
	width: 40px;
    height: 40px;
    margin: 0 auto 20px auto;
	fill:#225A85;
}

.icona.ico03 svg, .icona.ico04 svg{
	fill:#FFF;
}

.icona h4{
	font-size:16px;
}

.icona p{
	font-size:14px;
}

.ico01 a, .ico02 a{
	color:#041D23;
}

.ico03 a, .ico04 a{
	color:#FFF;
}

.row.empresa .col-drt{
	padding-left:0;
}

.row.empresa h2{
	margin-bottom:35px;
}

.row.empresa .boto{
	margin-top:25px;
}


#tsm-logistics {
	position: relative;
}

.halfBackgroundRight {
	position: absolute;
	top:0;
	left: 0;
	bottom: 0;
	right: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

#tsm-logistics .col-esq, #tsm-logistics .col-drt  {
	padding-top: 80px;
	padding-bottom: 80px;	
}

.cercle{
	max-width:250px;
	margin: 0 auto;	
}

.cercle p{
	text-align: center;
	margin-bottom:0;
}

#localitzacio{
	position: relative;
}

#localitzacio .dades{
	color:#FFF;
}

#localitzacio .col-esq{
	padding-top: 80px;
	padding-bottom: 80px;
}

#localitzacio .col-drt{
	padding-left:0;
	padding-right:0;	
}

#mapa-google{
	position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    width: 50%;
    height: 250px;
}

#link_acces_clients{
	display:none;
	float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;	
}

.mapTitle{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
}

.mapLink{
	color:#2A75B3;
}

.mapLink:hover{
	color:#2A75B3;
	text-decoration:underline;
}

    
/* - blog - */

#apt_noticies a, #apt_noticia a{
	color: #2A75B3;
}

.noticia{
	margin-bottom: 40px;
}

.noticia .miniatura{
	display: block;
	margin-bottom: 20px;
}

.more-link{
	display:none;
	font-weight: 400;
	letter-spacing: 12px;
}



.bibliografia{
	padding:20px 20px 0 20px;
	border: 1px solid #E5E5E5;
}

.bibliografia *{
	font-size:13px;
	line-height: 19px;
}

.documents_noticia ul{
	overflow:auto;
}

.documents_noticia li{
    display: block;
    float: left;
    margin-bottom:10px;
    min-width: 33%;
}

.documents_noticia a{
    display: block;
    overflow:auto;
    /*min-width: 150px;*/
    padding: 4px 10px;    
    border: 1px solid #CCC;
    margin-right: 12px; 
}


.documents_noticia a:hover{
	background-color:#F5F5F5;
	text-decoration:none;
}

.documents_noticia a .doc_ext{
    display:inline-block;
    width: 48px;
    line-height: 60px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #E5E5E5;
    margin-bottom: 8px;
}

.documents_noticia a:hover .doc_ext{
    color:#FFF;
}

.documents_noticia a .doc_nom{
    margin-top: 8px;
    font-size: 13px;
    display:inline-block;
    color: #555;
}

/* àrea de clients */

#apt_area_clients input[type="submit"]{
	margin:0 auto;
}

/* - contacte - */

.ariadna_contacte{
	display:none;
}

#apt_contacte{
	position: relative;
	margin-top: 140px;
	margin-bottom: 0;	
}

#apt_contacte h1{
	font-size:36px;
    font-weight: 800;	
	margin-top:40px;
	margin-bottom:40px;
}

#apt_contacte p{
	font-size: 13px;
}

#apt_contacte .col-esq{
    height: 990px;
}

#google-map{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 990px;
}

.form{
	margin-top:50px;
}

/* - error 404 - */

#apt_404{
	min-height:500px;
}



@media screen and (max-width: 1200px){
		
	/* header  */

	#link_acces_clients{
		display:block;
	}

	#cap-top .col-idiomes{
		display:none;
	}
	
	.idiomes_mobil{
		display:block;
	}

	#cap h2{
		margin-left:15px;
	}
	
	#cap h2 a img{
	    height: 34px;
	    margin: 8px 0;
	}
	
	#cap .navbar-nav {
		float:none;
		margin:0 0 10px 0;
		overflow:auto;
		height:auto;	
	}
	
	#cap .navbar-nav > li > a, #cap .navbar-nav > li > span{
		height:inherit;
		line-height:normal;
		border-bottom:1px solid #D5D5D5;
	}
	
	#cap .navbar-nav > li.actiu > a, #cap .navbar-nav > li:hover > a{
		border-bottom:1px solid #0D2A33;
	}
	
	ul.submenu{
		display:block;
	    visibility: visible;
	    opacity: 1;    
	    position: inherit;
	    z-index:999;
	}
	
    #cap .navbar-header {
        float: none;
    }
    
    #cap .navbar-left, #cap .navbar-right {
        float: none !important;
    }
    
    #cap .navbar-toggle {
        display: block;
    }
    
    #cap .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    
    #cap .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    
    #cap .navbar-collapse.collapse {
        display: none!important;
    }
    
    #cap .navbar-nav>li {
        float: none;
    }
    
    #cap .collapse.in{
        display:block !important;
    }
	
	/* contacte */
	
	#apt_contacte{
		margin-top: 90px;
	}
	
	/* breadcrumb */
	
	#breadcrumb {
		margin-top: 90px;
	}
	
	/* inici */
	
	.diapo{
		height:650px;
	}
	
	.diapo .textos{
		padding-top: 175px;
	}	

}

@media (min-width: 1200px) and (orientation: landscape) {
	.contenidor{
		min-height: calc( 100vh - 640px);
	}
}

@media (min-width: 990px) and (max-width: 1199px) and (orientation: landscape) {
	.contenidor{
		min-height: calc( 100vh - 590px);
	}
}

@media screen and (max-width: 991px){
	
	#cap-top{
		display:none;
	}
	
	#breadcrumb {
	    margin-top: 50px;
	}
		
	/* footer */
	
	footer p, footer a{
		font-size:13px;
	}
		
	#peu-dades{
		display:block;
	}

	#peu-dades p, #peu-dades a{
		font-size:13px;
	}
		
	#peu-dades [class^="col-"]{
		height:auto;
	}
	
	#peu-dades li span, #peu-dades li .fa {
		line-height: inherit;
	}
	
	#peu-dades li span{
		font-size:13px;
	}
	
	#credits p, #credits a{
		font-size:13px;
	}
	
	#credits p{
		text-align: center;
	}
	
	.links_legals{
	    float: none;
	    overflow: auto;
	    margin: 22px auto;
	    padding: 0;
	}
	
	.links_legals li{
	    float: none;
	    margin-right: 0;
	    text-align: center;
	    padding: 6px;
	}	
	
	/* inici */
	
	#diapos{
		margin-top:50px;
	}
	
	.botonera_slide{
		display:none !important;
	}
	
	.diapo{
		height:550px;
	}
	
	.diapo .textos{
		padding-top: 125px;
	}
	
	.textos p{
		width:90%;
	}	
	
	.row.empresa{
		padding-top:60px;
		padding-bottom:60px;
	}
	
	.row.empresa .col-esq{
		margin-bottom:50px;
	}
	
	.halfBackgroundRight {
		position: inherit;
		background-repeat: no-repeat;
		background-size: cover;
		width: calc(100% + 30px);
	    min-height: 400px;
	    margin-left: -15px;
	    margin-right: -15px;		
	}	
	
	#tsm-logistics .col-esq{
		background:none;
	}	

	#localitzacio{
		position: inherit;
		padding-left: 0;
		padding-right: 0;
	}
	
	#localitzacio .col-esq{
		text-align: center;
	}	
	
	#mapa-google{
		position: initial;
	    overflow: hidden;
	    top: initial;
	    right: initial;
	    width: 100%;
	    height: calc(100vh - 120px);
	    display:block;
	    clear:both;
	}
	
	#destacat h2{
	    margin-top: 60px;
	    text-align: center;
	    font-size: 45px;
	}	
	#destacat p{
		width:40%;	
	}	
	
	/* contacte */


	.ariadna_contacte{
		display:block;
	}
	
	#apt_contacte h1{
		display:none;
	}
	
	#apt_contacte{
		margin-top: 50px;
		padding-left: 0;
		padding-right: 0;		
	}

	#apt_contacte .col-esq{
	    height: auto;
	}	

	#google-map{	
		position: initial;
	    overflow: hidden;
	    top: initial;
	    right: initial;
	    width: 100%;
	    height: calc(100vh - 120px);
	    display: block;
	    clear: both;	
	}
	
	/* blog */
	
	.entradeta{
		padding-bottom: 40px;
		border-bottom:1px solid #CCC;
		/* margin-bottom: 20px; */
	}
	
	.documents_noticia li{
	    min-width: 50%;
	}

}	

@media screen and (max-width: 767px){
	.row.icones{
		display: inherit;
	}
}
	
@media screen and (max-width: 768px){

	#breadcrumb h1{
	    font-size:32px;
	}
		
	#breadcrumb {
	    padding: 20px 0 15px 0;
	}

	/* footer */
		
	footer h4{
	    text-align: center;
	    font-size: 16px;
	    border-bottom: 1px solid #333;
	    padding-bottom: 4px;
	}
	
	.footer_certificats a{
		text-align: center;
	    display: block;
	    margin: 0 auto 30px auto;
	    width: fit-content;	
	}
	
	.footer_certificats img{
	    margin: 0 auto;
	}
	
	.footer_menu ul{
	    text-align: center;
	}
	
	.footer_menu ul li a{
		padding:6px 0;
	}
	
	.footer_menu ul li a::before{
		content: "";
	}	
	
	.credits{
		padding:24px 0;
	}
	.credits p{
		text-align:left;
	}
	
	#totop{
		bottom:10px;
		right:10px;
	}
	
	/* - portfolio - */
	
	.portfolio-filter {
		margin-top:0;
	}
	.portfolio-filter > li {
		display: block;
	 
	}
	.portfolio-filter > li + li{
		margin-left:0;
	}
	
	/* prettyphoto */
	
	.pp_pic_holder{
		overflow:hidden;
		left: 10px !important;
		width: calc(100% - 20px) !important;
		border: 7px solid #FFF;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #FFF;
		-moz-box-shadow:    0px 0px 2px 4px rgba(0,0,0,.5);
		-webkit-box-shadow: 0px 0px 2px 4px rgba(0,0,0,.5);
		box-shadow:         0px 0px 2px 4px rgba(0,0,0,.5);		
	}
	.pp_middle{
		visibility: hidden;
	}
	.pp_expand{
		top:5px !important;
		right:5px !important;
		display:none !important;
	}
	.pp_close{
		top:15px !important;
	}
	.pp_top{
		display:none;
	}
	.pp_left{
		padding-left:0 !important;
		background-color:transparent !important; 
	}
	.pp_right{
		padding-right:0 !important;
		background-color:transparent !important;
	}
	.pp_content {
		width: 100%!important;
		height: auto !important;
	}
	.pp_fade {
		width: 100% !important;
		height: 100% !important;
	}
	.pp_hoverContainer{
		width: 100% !important;
		height: 100% !important; 
	}
	#pp_full_res img {
		width: 100% !important;
		height: auto !important;
	}
	.pp_bottom{
		display:none;
	}
	.pp_details {
		width: 100% !important;
		padding-left: 3%;
		padding-right: 4%;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #FFF;
		margin-top: -2px!important;
	}
	div.pp_default .pp_description{
		font-size:12px;
	}
	
	/* inici */
	
	.diapo{
		height:350px;
	}
	
	.diapo .textos{
		padding-top: 65px;
	}
	
	.textos h2 span{
		font-size:55px;
	}
			
	.textos p{
		display:none;
	}
	
	.textos h2{
	    font-size: 40px;
	}
	
	.textos h2 span{
	    font-size:65px;
	}
	
	.textos p{
	    width: 70%;
	    font-size: 14px;
	    color: #FFF;
	}
	
	.botonera_slide{
		display:none !important;
	}
	
	.row.empresa .col-drt{
		padding-left:15px;
	}	
	
	.documents_noticia li{
	    min-width: 100%;
	    float: none;
	}

	/*
	#mapa-google{
		height:inherit;
		min-height: 50vh;
	    max-height: calc(100vh - 40px);
	}
	*/

}

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

	
	/* formularis */
	
	label.mig, label.terc{
		float:none;
		width:100%;
		margin-left:0 !important;
	}

	/* footer */
	
	#peu-dades .salt_linia{
		display:block;
		overflow:auto;
		visibility: hidden;
		height:1px;
	}
	
	/* inici */
	
	.diapo{
		height:350px;
	}
	
	.diapo .textos{
		padding-top: 100px;
	}
	
	.textos h2 span{
		font-size:45px;
	}
			
	.textos p{
		display:none;
	}	
	
}