@charset "UTF-8";
/* CSS Document */
*{ padding:0px; margin:0px; }
header { width:100%; padding:0px 0px 0px 0px; z-index:999; }
.contenidor { width:100%px;margin:0 auto; }


.logo { width:40%; float:left; }
.logo img { width:100%; max-width:180px; }
div, img, header, nav{ transition:all .3s; }
header, nav{ transition:all .3s; }

/*.alma_opacity1{opacity:1;}
.alma_opacity0{opacity:0;}
.alma_top0{top:0;}
.alma_top_less{top:-400px;}*/

.alma_show{opacity:1;top:0;position:relative;width:100%;transition:opacity .3s ease-in-out;z-index:9999;}
.alma_hide{opacity:1;top:-400px;position:absolute;width:100%;transition:all .1s ease-in-out;z-index:9;}


/* COMPLEMENTARIS */

.relative { position:relative;}
.absolute { position:absolute;}
.left { float:left; }
.right { float:right; }
.clear {clear:both; }
.white { background-color:#FFFFFF; }
.table{display:table;}
.table-cell{display:table-cell;}
.vertical-align{vertical-align:middle;}


/* MARGES I PADDINGS */

.alma_marges_7 { margin:4px; }
.alma_marges_14 { margin:8px; }
.alma_marges_menu { margin:0px 70px 0px 70px; }
.alma_padding_menu { width:100%; height:310px; }


/* CONTENIDORS */

.alma_contenidor_principal { width:100%; }
.alma_contenidor_menu { width:100%; background-color:none; position:fixed; }
.alma_contenidor_menu_1 { width:100%; height:310px; }
.alma_contenidor_logo { }
.alma_contenidor_logo img { height:150px; padding:80px 0px 80px 0px; }
.alma_contenidor_pro_1 { width:33.33%; float:left; }
.alma_contenidor_pro_2 { width:66.66%; float:left; }
.alma_contenidor_pro_1b { margin:4px; height:450px; background-color:#CCCCCC; }
.alma_contenidor_inherit { width:100%; height:inherit; /*background-color:rgba(56,45,36,0.3);*/ }
.alma_contenidor_inherit_1 { width:100%; height:inherit; background-color:rgba(255,255,255,0.7); }
.alma_contenidor_inherit:hover { background-color:rgba(56,45,36,0.5); cursor:pointer; }
.alma_contenidor_inherit_1:hover { background-color:rgba(255,255,255,0.8); cursor:pointer; }
.alma_contenidor_pro_2b { margin:4px; height:450px; background-color:#CCCCCC; }
.alma_contenidor_pro_text { width:100%; height:inherit; display:table; }
.alma_contenidor_pro_textb { display:table-cell; vertical-align:middle; text-align:center; }
.alma_contenidor_contacte { width:33.33%; float:left; }
.alma_contenidor_contacte_b { margin:4px; }
.alma_contenidor_contacte_b1 { height:400px; background-color:#CCCCCC; }
.alma_contenidor_contacte_b2 { height:300px; background-color:#FFFFFF; }
.alma_contenidor_contacte_text { width:100%; height:inherit; text-align:center; }
.alma_contenidor_social { width:100%; }
.alma_contenidor_social_text { text-align:center; padding:20px; }
.alma_contenidor_serveis { width:33.33%; float:left; }
.alma_contenidor_serveis_b { margin:4px; background-color:#000000; }
.alma_contenidor_serveis_b1 { background-color:#000000; min-height:calc(100vh - 111px);}
.alma_contenidor_serveis_text { max-width:100%; padding:70px 50px 70px 50px; text-align:center; background-color:#000000; }
.alma_contenidor_serveis_b2 { min-height:200px; }
.alma_contenidor_clients { width:60%; text-align:center; margin:0 auto; }
.alma_contenidor_about_1 { width:100%; min-height:calc(100vh - 111px); background-color:#CCCCCC; }
.alma_contenidor_about_text { background-color:#000000; }
.alma_contenidor_fitxa { width:100%; min-height:calc(100vh - 16px); background-color:#CCCCCC; }
.alma_contenidor_fitxa1 { width:100%; text-align:center; }
.alma_contenidor_fitxa1 img { height:70vh; padding-top:15vh; }
.alma_contenidor_fitxa_text { width:50%; /*padding:400px 20px 70px 20px;*/ text-align:center; margin:0 auto; }
.alma_contenidor_inherit_white { width:100%; min-height:calc(100vh - 16px); background-color:rgba(255,255,255,0.7); }
.alma_contenidor_inherit_black { width:100%; min-height:calc(100vh - 16px); background-color:rgba(0,0,0,0.7); }

.alma_contenidor_fotografs { width:25%; float:left; }
.foto20{width:20%;}
.foto25{width:25%;}
.foto33{width:33.33%;}
.foto50{width:50%;}
.foto100{width:100%;}
.alma_contenidor_fotografs_b { margin:12px; }
.alma_contenidor_fotografs_b1 { height:400px; background-color:#CCCCCC; }
.alma_contenidor_fotografs_b2 { background-color:#FFFFFF; }
.alma_contenidor_fotografs_text { width:100%; height:inherit; text-align:left; }

.alma_contenidor_cgi { width:50%; float:left; }
.alma_contenidor_cgi_b { margin:12px; }
.alma_contenidor_cgi_b1 { height:400px; background-color:#CCCCCC; }
.alma_contenidor_cgi_b2 { height:300px; background-color:#FFFFFF; }
.alma_contenidor_cgi_text { width:100%; height:inherit; text-align:left; }


/* ESTILS */

.alma_text_pro { font-family:'Roboto',sans-serif; }
.alma_text_pro h1 { font-weight:700; font-size:23px; line-height:23px; letter-spacing:2px; padding:0px 20px 10px 20px; color:#FFFFFF; }
.alma_text_pro h2 { font-weight:400; font-size:15px; line-height:15px; padding:0px 20px 0px 20px; color:#FFFFFF;letter-spacing: 0.5px; }
.alma_text_contacte { font-family:'Roboto',sans-serif; }
.alma_text_contacte h1 { font-weight:700; font-size:16px; line-height:22px; padding:40px 20px 0px 20px; color:rgba(56,45,36,0.9); }
.alma_text_contacte h2 { font-weight:400; font-size:16px; line-height:22px; padding:0px 20px 0px 20px; color:rgba(56,45,36,0.9); }
.alma_text_contacte p { font-weight:400; font-size:26px; line-height:32px; padding:20px 0px 0px 0px; color:rgba(56,45,36,0.9); }
.alma_text_contacte a { margin:0px 10px 0px 10px; }
.alma_text_contacte2 p { font-weight:400; font-size:16px; line-height:22px; padding:0px 20px 0px 20px; color:rgba(56,45,36,0.9); }
.alma_text_contacte2 strong { font-weight:700;}

.alma_text_fotografs { font-family:'Roboto',sans-serif; }
.alma_text_fotografs h1 { font-weight:700; font-size:16px; line-height:22px; padding:16px 0px 0px 0px; color:rgba(56,45,36,0.9); }
.alma_text_fotografs2 p { font-weight:400; font-size:16px; line-height:22px; padding:12px 0px 0px 00px; color:rgba(56,45,36,0.9); }
.alma_text_fotografs a {  }

.alma_text_cgi { font-family:'Roboto',sans-serif; }
.alma_text_cgi h1 { font-weight:700; font-size:16px; line-height:22px; padding:16px 0px 0px 0px; color:rgba(56,45,36,0.9); }
.alma_text_cgi2 p { font-weight:400; font-size:16px; line-height:22px; padding:12px 0px 0px 00px; color:rgba(56,45,36,0.9); }
.alma_text_cgi a {  }


.alma_text_serveis { font-family:'Roboto',sans-serif; }
.alma_text_serveis h1 { font-weight:700; font-size:38px; line-height:44px; letter-spacing:2px; padding:0px 20px 20px 20px; color:#FFFFFF; }
.alma_text_serveis h2 { font-weight:300; font-size:16px; line-height:20px; padding:0px 20px 0px 20px; color:#FFFFFF; }
.alma_text_clients { font-family:'Roboto',sans-serif; }
.alma_text_clients h1 { font-weight:400; font-size:28px; line-height:38px; letter-spacing:2px; padding:250px 50px 20px 50px; color:#000000; }
.alma_text_about { font-family:'Roboto',sans-serif; }
.alma_text_about h1 { font-weight:400; font-size:48px; line-height:58px; letter-spacing:2px; padding:40px 40px 20px 40px; color:#FFFFFF; }
.alma_text_about h2 { font-weight:400; font-size:28px; line-height:38px; letter-spacing:2px; color:#FFFFFF; }
.alma_text_about h3 { font-weight:500; font-size:48px; line-height:58px; letter-spacing:1px; color:#FFFFFF; }
.alma_text_fitxa { font-family:'Roboto',sans-serif; }
.alma_text_fitxa h1 { font-weight:700; font-size:42px; line-height:52px; padding:0px 20px 0px 20px; color:rgba(56,45,36,0.9); }
.alma_text_fitxa p { font-weight:400; font-size:16px; line-height:22px; padding:0px 15% 0px 15%; color:rgba(56,45,36,0.9); }
.alma_text_fitxa strong { font-weight:700;}
.alma_text_more_black span { font-weight:400; font-size:14px; line-height:20px; color:rgba(56,45,36,0.9); }
.alma_text_more_white span { font-weight:400; font-size:14px; line-height:20px; color:rgba(255,255,255,1); }

.alma_text_fitxa_negatiu h1 {color:rgba(255,255,255,0.9); }
.alma_text_fitxa_negatiu p {color:rgba(255,255,255,0.9); }
.alma_text_fitxa_negatiu strong {color:rgba(255,255,255,0.9); }

.alma_contenidor_inherit h1 { color:transparent; }
.alma_contenidor_inherit:hover h1 { color:#FFFFFF; }

/* FITXA */
.seguent_img{background-size:auto 75%;}
.we_strong{font-size:30px;}

/* RESPONSIVE */

@media(max-width:1800px){
.alma_contenidor_pro_1b { height:350px; }
.alma_contenidor_pro_2b { height:350px; }
.alma_contenidor_serveis_b1 { }
}

@media(max-width:1350px){
.alma_contenidor_pro_1b { height:300px; }
.alma_contenidor_pro_2b { height:300px; }
.alma_contenidor_serveis_b { }
.alma_contenidor_serveis_text { padding:50px 30px 50px 30px; }
.alma_text_serveis h1 { font-size:38px; line-height:48px; }
.alma_text_serveis h2 { font-size:21px; line-height:26px; }
.alma_text_clients h1 { padding:150px 50px 20px 50px; }
}

@media(max-width:1100px){
.alma_contenidor_about_1 {min-height:calc(100vh - 86px); }
}

@media(max-width:1050px){
.alma_contenidor_menu_1 { height:240px; }
.alma_contenidor_pro_1b { height:250px; }
.alma_contenidor_pro_2b { height:250px; }
.alma_text_pro h1 { font-size:24px; line-height:26px; }
.alma_text_pro h2 { font-size:16px; line-height:18px; }
.alma_contenidor_logo img { height:120px; padding:67px 0px 60px 0px; }
.alma_text_about h1 { font-size:42px; line-height:52px; padding:60px 50px 60px 50px; }
.alma_text_about h3 { font-size:42px; line-height:52px;}
.alma_contenidor_serveis_b1 { }
.alma_contenidor_serveis_text { padding:35px 20px 35px 20px; }
.alma_text_serveis h1 { font-size:21px; line-height:28px; padding:0px 15px 15px 15px; }
.alma_text_serveis h2 { font-size:16px; line-height:20px; padding:0px 15px 0px 15px; }
.alma_text_clients h1 { padding:130px 50px 20px 50px; }
.we_strong{font-size:27px;}
}

@media(max-width:930px){
.seguent_img{background-size:85% auto;}
}

@media(max-width:900px){
.alma_text_pro h1 { font-size:21px; line-height:23px; }
.alma_text_pro h2 { font-size:15px; line-height:17px; }
}

@media(max-width:800px){
.alma_contenidor_menu_1 { height:180px; }
.alma_contenidor_pro_1b { height:350px; }
.alma_contenidor_pro_2b { height:350px; }
.alma_contenidor_pro_1 { width:50%; }
.alma_contenidor_pro_2 { width:50%; }
.alma_text_pro h1 { font-size:24px; line-height:26px; }
.alma_text_pro h2 { font-size:16px; line-height:18px; }
.alma_contenidor_logo img { height:100px; padding:47px 0px 40px 0px; }
.alma_text_about h1 { font-size:36px; line-height:42px; padding:50px 40px 50px 40px; }
.alma_text_about h3 { font-size:36px; line-height:46px}
.alma_contenidor_clients { width:75%; }
.alma_text_clients h1 { font-size:24px; line-height:34px; padding:200px 50px 20px 50px; }
.alma_contenidor_serveis { width:100%; }
.alma_contenidor_serveis_b { margin:4px;}
.alma_contenidor_serveis_b1 { }
.alma_contenidor_serveis_b2 {  }
.alma_contenidor_serveis_text { max-width:100%; padding:60px 30px 60px 30px; }
.alma_text_serveis h1 { font-size:38px; line-height:48px; }
.alma_text_serveis h2 { font-size:21px; line-height:26px; }
.alma_contenidor_clients { width:75%; }
.alma_text_clients h1 { padding:110px 50px 20px 50px; }
.alma_contenidor_fitxa_text { /*width:80%; padding:300px 20px 60px 20px;*/ }
.alma_text_fitxa h1 { font-size:36px; line-height:46px; }
.alma_text_fitxa h2 { font-size:16px; line-height:22px; padding:30px 20px 0px 20px; }
.alma_text_fitxa p { font-size:16px; line-height:22px; }

.alma_contenidor_contacte { width:100%; float:none; }
.alma_contenidor_contacte_b1 { height:200px; }
.alma_contenidor_contacte_b2 { height:auto; }
.we_strong{font-size:25px;}

.alma_contenidor_fotografs, .foto20, .foto25, .foto33, .foto50, .foto100 { width:100%; float:none; }
.alma_contenidor_fotografs_b1 { height:200px; }
.alma_contenidor_fotografs_b2 { height:auto; }

.alma_contenidor_cgi { width:100%; float:none; }
.alma_contenidor_cgi_b1 { height:200px; }
.alma_contenidor_cgi_b2 { height:auto; }
}

@media(max-width:750px){
.seguent_img{background-size:85% auto;}
}

@media(max-width:570px){
.alma_contenidor_menu_1 { height:130px; }
.alma_contenidor_pro_1b { height:200px; }
.alma_contenidor_pro_2b { height:200px; }
.alma_text_pro h1 { font-size:21px; line-height:23px; }
.alma_text_pro h2 { font-size:15px; line-height:17px; }
.alma_contenidor_logo img { height:70px; padding:37px 0px 30px 0px; }
.alma_text_about h1 { font-size:24px; line-height:32px; padding:40px 30px 40px 30px; }
.alma_text_about h3 { font-size:24px; line-height:34px;}
.alma_contenidor_clients { width:85%; }
.alma_text_clients h1 { font-size:18px; line-height:26px; padding:90px 30px 20px 30px; }
.alma_contenidor_fitxa_text { /*width:90%; padding:200px 20px 50px 20px;*/ }
.alma_text_fitxa h1 { font-size:28px; line-height:36px; padding:0px 20px 0px 20px; }
.alma_text_fitxa h2 { font-size:16px; line-height:22px; padding:25px 20px 0px 20px; }
.alma_text_fitxa p { font-size:16px; line-height:22px; }

.seguent_img{background-size:85% auto;}
.we_strong{font-size:23px;}
}

@media(max-width:400px){
.alma_contenidor_menu_1 { height:90px; }
.alma_contenidor_pro_1b { height:250px; }
.alma_contenidor_pro_2b { height:250px; }
.alma_contenidor_pro_1 { width:100%; }
.alma_contenidor_pro_2 { width:100%; }
.alma_text_pro h1 { font-size:24px; line-height:26px; }
.alma_text_pro h2 { font-size:16px; line-height:18px; }
.alma_contenidor_logo img { height:50px; padding:27px 0px 20px 0px; }
.alma_text_about h1 { font-size:21px; line-height:28px; padding:30px 20px 30px 20px; }
.alma_text_about h3 { font-size:21px; line-height:31px;}
.alma_contenidor_clients { width:100%; }
.alma_text_clients h1 { font-size:16px; line-height:22px; padding:80px 20px 20px 20px; }
.alma_contenidor_fitxa_text { /*width:90%; padding:150px 20px 50px 20px;*/ }
.alma_text_fitxa h1 { font-size:24px; line-height:32px; padding:0px 20px 0px 20px; }
.alma_text_fitxa h2 { font-size:14px; line-height:20px; padding:15px 20px 0px 20px; }
.alma_text_fitxa p { font-size:14px; line-height:20px; }
}