/* @override
	
	https://tlghk.communikt.eu/wp-content/themes/tlgcommerce/style.css
	https://www.tlgcommerce.com.hk/wp-content/themes/tlgcommerce/style.css
	
	*/

	
/*
 Theme Name:   Web TLGCommerce
 Theme URI:    https://communikt.com
 Description:  GeneratePress child theme
 Author:       Albert Calzada
 Author URI:   https://communikt.com
 Template:     generatepress
 Version:      1
*/


* {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	/*line-height: 1.3em;*/

}


@font-face {
    font-family: 'Courier New';
    src: url('courier-new.eot');
    src: url('courier-new.eot?#iefix') format('embedded-opentype'),
         url('courier-new.woff') format('woff'),
         url('courier-new.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'League Spartan';
    src: url('leaguespartan-bold.eot');
    src: url('leaguespartan-bold.eot?#iefix') format('embedded-opentype'),
         url('leaguespartan-bold.woff2') format('woff2'),
         url('leaguespartan-bold.woff') format('woff'),
         url('leaguespartan-bold.ttf') format('truetype'),
         url('leaguespartan-bold.svg#league_spartanbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

h1, h2, h3 {
	font-family: "League Spartan",Arial,Helvetica,serif !important;
}

.nospartan h2, .nospartan h3, .nospartan h1 {
	font-family: inherit !important;
}

.spartan, .spartan span, .spartan p, .spartan div {
	font-family: "League Spartan",Arial,Helvetica,serif !important;
}

div.slick-track {

        transition: transform 2000ms linear !important;
		
}

.text-style-33 {
    font-size: 45px;
    line-height: 52px;
    color: #333;
}
.text-style-23 {
	font-weight: 600	;
    font-size: 16px;
    line-height: 18px;
    color: #4D4D4D;
}
.text-style-34 {
    font-size: 24px;
    line-height: 30px;
    color: #333;
}

.text-style-35 {
    font-size: 20px;
    line-height: 28px;
    color: #333;
}
.text-style-36 {
    font-size: 70px;
    line-height: 100px;
    color: #333;
    text-shadow: 3px 1px 2px rgba(0,0,0,.33);
}
.text-style-3,.text-style-3 h2  {
    font-size: 46px;
    line-height: 50px;
    color: #4D4D4D;
    font-weight: 500;
    margin-bottom: 30px;
}
    

.text-style-40 {
    font-size: 30px;
    line-height: 36px;
    color: #333;
}

.text-style-4 {
    font-size: 22px;
    line-height: 28px;

    color: #4D4D4D;
}
.text-style-7 {
    font-size: 16px;
    line-height: 22px;
    color: #4D4D4D;
}
.text-style-28 {
    font-size: 20px;
    line-height: 20px;
}
.text-style-24 h1 {
	font-size: 6.5vw !important;
	line-height: 6vw;
    letter-spacing: -.5px;
    	padding: 0 15px;
}

strong, b {
	font-weight: 600 ;
}
.lletracolorblanc, .lletracolorblanc h2 {
	color: #ffffff;
}
small {
    display: block;
    font-size: 40%;
	line-height: 1em;
}
.text-style-9 h1{
    font-size: 5.2vw !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    padding: 0 15px;
	line-height: 1.3em !important;
	text-align: center;
}

.text-style-9 span {
    display: block;
    font-size: 2.5vw !important; 
    letter-spacing: 1px;
}
h1 span.text-style-22 {
    font-size: 30px;
    font-size: 2.6vw !important;
    line-height: 1.3em;
}

div.column50_soloptima {
	position: relative;
}

div.home-sprite-fletx {
position: absolute;
	top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: 1;
	/*right: -13px;*/
	right: 0;
}

.pretitle {
    padding-bottom: 30px;
    padding-left: 40px;
    padding-right: 40px;
    border-bottom: 1px solid #999;
    display: table;
    margin: 0 auto 50px !important;
    line-height: 1;
}




/* requadres amb img home */

div.reqadre_amb_imatge  {
	margin-top: -80px;
}
 
div.column_altfix.ambbotofixbottom div.elementor-widget-wrap {
	position: relative;
	height: 100%;
	min-height: 280px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	
}


div.column_altfix.ambbotofixbottom  .boto_masinfo_req {
	position: absolute;
	bottom: 0;
	width: 100%;
}



div.column_altfix.ambbotofixbottom  {
	margin-bottom: 60px;

}
div.column_altfix.ambbotofixbottom:hover div.boto_masinfo_req  {
	opacity: 0;-webkit-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
div.column_altfix.ambbotofixbottom div.boto_masinfo_req  {
	opacity: 1;-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}

div.column_altfix.ambbotofixbottom  {

    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;

}

div.column_altfix.ambbotofixbottom:hover  {
    border-color: #60a9d4;
    transform: scale(1.08);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;

}

div.enhoverampliar:hover  {

    transform: scale(1.08);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
div.enhoverampliar {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}


div.column_altfix.ambbotofixbottom:hover div.elementor-widget-wrap a, div.column_altfix.ambbotofixbottom:hover div.elementor-widget-wrap p {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
	color: #fff;
}


div.column_altfix.ambbotofixbottom .boto_masinfo_req a {
	color: white;
}

.img_ico_petit_sensemarge {
	margin-bottom: 5px !important;
}
div.text_inportfoli {
	position: absolute;
		top: 55%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	z-index: 1;
		/*right: -13px;*/
		width: 100%;
	text-align: center;
	text-transform: uppercase;
}
p.client-logo.vertical-align  {
    font-size: 2.5vw;
    color: #fff;
    bottom: initial;
    text-transform: uppercase;
    line-height: 3.5vw;
    text-align: center;
    width: auto;
    max-width: 100%;
}
p.client-logo.vertical-align span {
		font-family: "League Spartan",Arial,Helvetica,serif !important;
		    color: #fff;
		    bottom: initial;
		    text-transform: uppercase;
		    line-height: 3.5vw;
		    text-align: center;
		    width: auto;
		    max-width: 100%;
		
}
div.columnaampliardeTExt:hover p.client-logo.vertical-align {
	transform: scale(1.10)!important;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
div.columnaampliardeTExt p.client-logo.vertical-align {
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}

div.logo_portfoli {
position: absolute;
	top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
z-index: 1;
	/*right: -13px;*/
	width: 100%;
}

.columna_portfoli_graella {
	position: relative;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}

div.imatge_fons_quadriculaportfoli.elementor-widget.elementor-widget-image {
	margin-bottom: 0;
}
.columna_portfoli_graella div.logo_portfoli img {

	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
	
}


.columna_portfoli_graella:hover div.logo_portfoli img {
	  -webkit-transform: scale(1.2);
	  -moz-transform:    scale(1.2);
	  -ms-transform:     scale(1.2);
	  -o-transform:      scale(1.2);
	  transform:         scale(1.2);
	-webkit-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;

}

.columna_portfoli_graella:hover:after {
	content: "";
	-webkit-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
	width: 90%;
	height: 90%;
	position: absolute;
	top: 0;
	background-color: #000;
	opacity: 0.68;
	/*padding: 20px;*/
	margin: 5%;
}

div.columna_portfoli_graella.PortofliTopHespc:after {
		content: "";
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	width: 91%;
	height: 91%;
	position: absolute;
	top: 0;
	/*background-color: #000;*/
	opacity: 0.68;
	padding: 0;
	margin: 5%;
	left: 0;
}

.columna_portfoli_graella.graella3columnsportfoli:hover:after  {
	content: "";
	-webkit-transition: background .5s ease-in-out;
	transition: background .5s ease-in-out;
	width: 90%;
	height: 87%;
	position: absolute;
	top: 0;
	background-color: #000;
	opacity: 0.68;
	/*padding: 20px;*/
	margin: 5%;
}

.columna_portfoli_graella.graella3columnsportfoli:after {
	content: "";
	
-webkit-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
width: 90%;
height: 87%;
position: absolute;
top: 0;
/*background-color: #000;*/
opacity: 0.68;
/*padding: 20px;*/
margin: 5%;
}
.portfolio #row-1 .client:hover .large1columnContent .large1columnLogo {
    background: rgba(255,255,255,0);
    border: none;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 0;
    max-width: 60%;
    left: 50%;
}

.large1columnLogo {
    position: absolute;
    top: 73%;
    left: 50px;
    right: 50px;
    padding: 20px;
    background: rgba(255,255,255,.15);
    border: 1px solid #fff;
    height: 21%;
    -webkit-transition: top .3s ease;
    transition: top .3s ease;
}

.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
}

.portfolio .client:focus .hvr-underline-from-center:before, .portfolio .client:hover .hvr-underline-from-center:before {
    left: 0;
    right: 0;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.hvr-underline-from-center:before {
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #fff;
    height: 1px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}.emarketing .deg:before, .hvr-underline-from-center:before, .spinner:before {
    content: "";
}





.columna_portfoli_graella:after {
	content: "";
	
-webkit-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
width: 90%;
height: 90%;
position: absolute;
top: 0;
/*background-color: #000;*/
opacity: 0.68;
/*padding: 20px;*/
margin: 5%;
}

.columna_portfoli_graella:hover {
	
-webkit-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
}

.columna_portfoli_graella {
	
-webkit-transition: background .5s ease-in-out;
transition: background .5s ease-in-out;
}

.seccio_darrerafooter p {
	margin-bottom: 15px;
}


div#gform_wrapper_3.gf_browser_safari.gform_wrapper.gform_validation_error.formcontacto_trilogi_wrapper.pagContacte_wrapper {
	position: relative;
	margin-bottom: 100px;
}

.element_llista_footer span.elementor-image-box-title   {
	font-size: 16px;
	font-weight: 500 !important;

}



.element_llista_footer p.elementor-image-box-description  {
	font-size: 13px;
	font-weight: 300 !important;
	color: #b3b3b3 !important;
}


.footer-social {
    margin-top: 60px;
}

.social-icon-container {
    float: left;
    margin-right: 10.5%;
}.social-icon-container a {
    font-size: 39px;
    color: #999 !important;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.social-icon-container a:hover {
    color: #BFCC00 !important;
    border-bottom: none !important;
}

div.columnfooter a {
	color: #fff;
}
div.columnfooter a:hover {
    border-bottom: 1px solid rgba(255,255,255,1);

}


.zf-frmTitle {
    font-size: 38px;
    text-align: center;
    margin-bottom: 0;
    color: #000;
}

/*

li#field_1_9.gfield.field_sublabel_hidden_label.field_description_below.hidden_label.gfield_visibility_visible {
	position: absolute;
	left: 0;
	top: 0;
	width: 64%;
}

li#field_1_5.gfield.segona_fila.primeracolumna.campcia.gf_left_third.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible {
	position: relative;
	left: 0;
	top: 23%;
	width: 25%;
}

li#field_1_7.gfield.segona_fila.segonacolumna.campemail.gf_middle_third.gfield_contains_required.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible {
	position: absolute;
	top: 23%;
	left: 33%;
	width: 25%;
}
li#field_1_4.gfield.tercera_fila.camptextcomentari.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible {
	position: relative;
	margin-bottom: 100px;
	bottom: -90px;
}*/

li#field_1_5.gfield.segona_fila.primeracolumna.campcia.gf_left_third.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible {
	margin-top: 0;
}
li#field_1_2.gfield.segona_fila.segonacolumna.campemail.camptelf.gf_right_third.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible {
	margin-bottom: 0;
	margin-top: 11px;
	padding-right: 0;
}li#field_1_4.gfield.tercera_fila.camptextcomentari.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible {
	padding-right: 0;
	margin-top: 11px;
}
li#field_1_7.gfield.segona_fila.segonacolumna.campemail.gf_middle_third.gfield_contains_required.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible {
	margin-top: 0;
}

input#input_1_2.large {
	margin-top: 0;
}

input#input_1_1.large {
	margin-top: 0;
}

form#gform_1.formcontacto_trilogi ul#gform_fields_1 {
	width: 70%;
	padding-left: 1%;
}

textarea#input_2_6.textarea.small {
	background-color: #ffffff;
}

input#input_2_5.medium {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 20px;
}

div.gform_body  input, div.form_contact_home textarea {
	background-color: rgba(255, 255, 255, 0);
}
div.gform_body  textarea {
	border: 1px solid #4d4d4d;
}


div.gform_body  input {
	border-style: none;
	border-bottom: 1px solid #4d4d4d;

}

li#field_1_5.gfield.segona_fila.primeracolumna.campcia.gf_left_half.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible, li#field_1_7.gfield.segona_fila.segonacolumna.campemail.gf_right_half.gfield_contains_required.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible  {
	margin-top: 30px;
}


textarea#input_1_4.textarea.medium {
	height: 130px;
	margin-top: 23px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #818181;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #818181;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #818181;
}
:-moz-placeholder { /* Firefox 18- */
  color: #818181;
}

div.gform_confirmation_message {
	text-align: center;
	font-size: 38px;
	padding-top: 90px;
	padding-bottom: 90px;
}

form#gform_3.formcontacto_trilogi.pagContacte .lletramoltpetitaform {
margin-top: 30px;
font-size: 12px;
font-weight: 300 !important;
    font-family: "Open Sans", Sans-serif !important;
	margin-bottom: 20px;
}
.gform_wrapper div.validation_error{color: #de0000 !important;font-size:1em;font-weight:600 !important;margin-bottom:25px;border-top: 0 solid #de0000 !important;border-bottom: 0 solid #de0000 !important;padding:16px 0;clear:both;width:100%;text-align:center}

form#gform_3.formcontacto_trilogi.pagContacte div.validation_error {
	padding-top: 90px;
}

li#field_1_10.gfield.lletramoltpetitaform b {
	color: #4d4d4d;
		font-weight: 700;
}
li#field_1_10.gfield.lletramoltpetitaform > p {
	margin-bottom: 10px;
}
li.gfield.gfield_error input {
	border-top-style: none !important;
	border-right-style: none !important;
	border-left-style: none !important;
	border-bottom: 1px solid #de0000 !important;
}
li.gfield.gfield_error  {
	border: none !important;
	background-color: rgba(255, 255, 255, 0) !important;
	margin-top: 0 !important;
}

div.gfield_description.validation_message {
	color: #de0000 !important;
	border: none !important;
}

li.gfield.gfield_error.senseasterisc label {
	color: #de0000 !important;
}

div.validation_error {
	color: #000;
}

li#field_1_10.gfield.lletramoltpetitaform p {
color: #787878;
} 
li#field_1_10.gfield.lletramoltpetitaform {
	font-size: 12px;
	margin-top: 20px;
}


.elh1_de_contacte span {
	display: block;
}
.elh1_de_contacte h1 {
	font-size: 32px;
}

form#gform_3.formcontacto_trilogi.pagContacte textarea#input_3_4.textarea.medium {
	height: 100px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #fff;
}


input#gform_submit_button_1.gform_button.button:hover, input#gform_submit_button_2.gform_button.button:hover, input#gform_submit_button_3.gform_button.button:hover {
	color: #000000;
	transform: scale(1.02);
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}




li#field_1_10.gfield.lletramoltpetitaform {
	top: 60%;
}

form#gform_1.formcontacto_trilogi {
	margin-bottom: 60px;
	margin-top: 10px;
}

li#field_1_8{
	top: 36%;
	padding-right: 0;
	position: absolute;
	right: 1%;
	width: 27%;
	margin-top: 0;
}

li#field_1_9 {
	top: 47%;
	padding-right: 0;
	margin-bottom: -5px;
}



form#gform_1.formcontacto_trilogi div.gform_footer.top_label {
	position: absolute;
	right: 1%;
	width: 30%;
	margin-top: 0;
	bottom: -9px;
}

input#choice_1_9_1 {
	margin-top: -2px;	
}

input#choice_1_8_1 {
	margin-top: -3px;
}

input#gform_submit_button_1.gform_button.button {
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
	border: none;
	text-transform: uppercase;
	color: #666;
	background: #becd00;
	font-size: 21px;
	height: 50px;
	line-height: 50px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	/*z-index: 1;*/
	padding: 0;
	margin-top: 0;
	position: absolute;
	right: 0;
	bottom: 33%;
	width: 87%;
}
input#gform_submit_button_2.gform_button.button, input#gform_submit_button_3.gform_button.button {
-webkit-transition: all 350ms ease;
transition: all 350ms ease;
	border: none;
	text-transform: uppercase;
	width: 150px;
	color: #666;
	background: #becd00;
	font-size: 21px;
	height: 50px;
	line-height: 50px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	/*z-index: 1;*/
	padding: 0;
	margin-top: 0;
	bottom: 33%;
}


section.seccio_del_header.elementor-section.elementor-top-section {
	/*position: fixed;*/
	/*top: 0;*/
	/*width: 100%;*/
	background: rgba(255,255,255,.6) !important;
	height: 70px;
	/*z-index: 1003;*/
	/*left: 0;*/
	/*max-width: 2560px;*/
-webkit-transition: all .5s ease;
transition: all .5s ease;
}


/*section.seccio_del_header.headerdelcontacte .logotlgtopheader img {
	margin-bottom: -14px;
}*/

section.seccio_del_header.elementor-section.elementor-top-section div.elementor-container.elementor-column-gap-no {
	/*padding-top: 10px;*/
-webkit-transition: all .5s ease;
transition: all .5s ease;
}

li.gfield.gfield_error  {
	margin-top: 22px !important;
}

div.gfield_description.validation_message {
	padding-top: 5px !important;
}

section.seccio_del_header.elementor-section.elementor-top-section.elementor-sticky--active ul.jet-menu.jet-menu--animation-type-move-down.jet-responsive-menu {
	height: 70px;
	margin-top: -5px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}



section.seccio_del_header.elementor-section.elementor-top-section.elementor-sticky--effects {
	    background: rgba(255,255,255,.9);
	    top: -14px;
	    box-shadow: 0 3px 5px 0 rgba(0,0,0,.25);	
	    -webkit-transition: all .5s ease;
	    transition: all .5s ease;
	height: 62px;
	
}


section.seccio_del_header.elementor-section.elementor-top-section {
	    background: inherit;
	    top: 0px;
	    box-shadow: none;	
	    -webkit-transition: all .5s ease-in-out;
	    transition: all .5s ease-in-out;

}

.gfield.lletramoltpetitaform p{
	font-size: 11px;
	margin-top: 20px;
	margin-bottom: 20px;
}

section.seccio_del_header.elementor-section.elementor-top-section.elementor-sticky--effects div.logotlgtopheader img {
	
	    max-width: 292px !important;
	    height: auto;
-webkit-transition: all .5s ease;
transition: all .5s ease;
	padding-top: 5px;
}
section.seccio_del_header.elementor-section.elementor-top-section  div.logotlgtopheader img {
	
	    max-width: 312px !important;
	    height: auto;
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
div.mjet_personal {
	/*margin-top: 10px;*/
-webkit-transition: all .5s ease;
transition: all .5s ease;
	/*padding-top: 10px;*/
}

section.seccio_del_header.elementor-section.elementor-top-section.elementor-sticky--active div.mjet_personal {
	margin-top: 5px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

div.logotlgtopheader img {
	position: relative;
	top: 10px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
section.seccio_del_header.elementor-section.elementor-top-section.elementor-sticky--effects div.logotlgtopheader img {
	max-width: 250px !important;
		top: 8px;
		-webkit-transition: all .5s ease;
		transition: all .5s ease;
}

div.jet-sub-mega-menu div.elementor-image-box-wrapper div.elementor-image-box-content span.elementor-image-box-title a:hover {
	text-decoration: underline;
}

section.seccio_del_header.elementor-section.elementor-top-section.elementor-sticky--effects ul.jet-menu.jet-menu--animation-type-move-down.jet-responsive-menu {
	height: 63px;
	margin-top: -6px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}


.goal span {
    width: 100%;
    left: 0;
    padding: 0 15px;
    color: #4D4D4D;
}



div.colmun_imgfons_texto {
	position: relative;
}

div.colmun_imgfons_texto div.vertical-align {
	position: absolute;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	width: 100%;
}

.secciofonscolo_mesfletxa {
	overflow: hidden;
}


.module-divide-arrow {
    position: absolute;
    border-style: solid;
    border-width: 275px 0 275px 60px;
    border-color: transparent transparent transparent #f2f2f2;
    left: 0;
	top: 0;
}
.noliststyle ul {
	margin-left: 20px;
}
.noliststyle li {
	list-style: none !important;
}
div.pestanyes_psoftware h2 {
	font-size: 46px;
	font-weight: 600 !important;
	line-height: 50px;
		font-family: inherit !important;
	margin-bottom: 10px;
}

div.pestanyes_psoftware p.text-style-4 {
	font-weight: 300;
	color: #4D4D4D !important;
}

div.pestanyes_psoftware .elementor-tab-content {
	padding: 30px 50px 50px;
}
div.pestanyes_psoftware .elementor-tab-desktop-title {
	padding: 30px 50px 10px;
}

span.text-style11 {
	margin-top: 6%;
	line-height: 150px;
	    font-size: 120px;
	display: block;
}

div.couriernew {
	font-family: "Courier New", Courier, mono !important;
}

div.jet-menu-inner a.top-level-link  {
	font: 15px "League Spartan",Arial,Helvetica,serif !important;
	padding: 20px 15px 10px;
}


li.jet-menu-item:last-of-type  {
	margin-right: 0px;
}
i.jet-dropdown-arrow.fa.fa-angle-down {
	color: #4d4d4d;
	font-weight: bold;
	margin-top: -3px;
	margin-left: 7px;
}
li#jet-menu-item-181.menu_diioma-secl > a:hover {
	background-color: #4d4d4d;
	color: #ffffff;
}
li#jet-menu-item-181.menu_diioma-secl > a {
	padding-top: 20px;
	padding-bottom: 0;
	background-color: rgba(255,255,255,.5);
	font-size: 12px !important;
	font-style: inherit !important;
	color: #666;
	line-height: 20px !important;
		font-family: inherit !important;
	position: relative;
}
li#jet-menu-item-181.menu_diioma-secl {
	/*position: relative;*/
}
li#jet-menu-item-181.menu_diioma-secl > a:after {
	
content: "";
    overflow: hidden;
	width: 100%;
    height: 21px;
    background-repeat: no-repeat;
    background-image: url(https://www.tlgcommerce.com.hk/wp-content/uploads/mapamundi-1.png);
    margin: 14px 0;
    background-position: center top;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	position: absolute;
	left: 0;
	top: 0;
}



div.submenu_idiomes_xulo ul {
	margin-left: 0;
}

section.elementor-element.elementor-element-4b12bff.subemnu_jeti.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
	width: 270px;
	right: 0;
	position: absolute;
}

div.submenu_idiomes_xulo li.title-list-group {
font-weight: 600;
	margin-top: 10px;
	list-style: none !important;
	color: #fff;
}


div.submenu_idiomes_xulo ul li a:hover {
	text-decoration: underline;
}
div.submenu_idiomes_xulo ul li a {
display: block;
    padding: 3px 20px 3px 0;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    font-weight: 300;
    font-size: 14;
    color: #fff;
    white-space: nowrap;
    }

.flags-china, .flags-en-gb, .flags-en-us, .flags-es-es, .flags-globe , .flags-hongkong, .flags-singapore {
    display: inline-block;
    background: url(./img/flag-sprite-1.png) no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}
.flags-china, .flags-en-gb, .flags-en-us, .flags-es-es, .flags-globe , .flags-hongkong, .flags-singapore {
    width: 32px;
    height: 32px;
}
.flags-en-us {
    background-position: 0 -32px;
}
div.submenu_idiomes_xulo ul li a div {
    margin-right: 5px;
    vertical-align: middle ;
	margin-top: 4px;
}

.flags-hongkong {
    background-position: -10px -58px;
}
.flags-china {
    background-position: -58px -10px;
}
.flags-singapore {
    background-position: -32px -64px;
}
.flags-en-gb {
    background-position: -32px 0;
}
.flags-es-es {
        background-position: -107px -10px;
}
.flags-globe {
background-position: -10px -10px;
width: 28px;
height: 28px;
margin-right: 5px;
    
}

.jet-sub-mega-menu {
	max-width: 750px !important;
}
div.one-third.capsabloc.first {
	width: 47%;
	float: left;
	margin-right: 3%;
	margin-left: 0;
	clear: both;
}
div.one-third.capsabloc div.imatgepost img {
	height: 100%;
	
}

div.one-third.capsabloc div.imatgepost {
	width: 46%;
	background-repeat: no-repeat;
	background-color: #f6f4f4;
	float: left;
	min-height: 100px;
	background-position: center;
	display: inline-block;
	background-size: cover;
		min-height: 310px;
}

 div.loexcerpt p {
 	margin-top: 20px;
 }

div.envoltall_sgonacolumn div.titolpost a:hover {
	
	text-decoration: underline;
}
div.envoltall_sgonacolumn div.titolpost a {
	font-size: 19px;
	line-height: 23px;
	font-weight: 600;
	color: #4D4D4D;
}

div.envoltall_sgonacolumn {
	float: right;
	width: 46%;
	background-color: #f2f3f5;
	padding: 4%;
	box-sizing: content-box;
		min-height: 263px;
}

div.one-third.capsabloc {
	float: left;
	width: 48%;

	margin-left: 2%;
	margin-bottom: 3%;
}

div.filalogos_home  img {
	max-height: 60px !important;
}

div.listiconospremapa:hover h3 {
 	color: #fff !important;
 	cursor: pointer;
}

address {
font-weight: 700;
	font-style: normal;
}
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}
.column_dondestamos .loc, .contact .loc, .contact-response .loc {
    display: inline-block;
    background: 0 0;
    font-size: 15px;
	font-weight: 700 !important;
    color: #666;
    margin-bottom: 25px;
    -webkit-transition: all .15s ease;
    transition: all .15s ease;
    box-sizing: border-box;

}
.about-us .loc p, .contact .loc p, .contact-response .loc p {
    height: 24px;
    line-height: 24px;
    position: relative;
    padding-left: 36px;
    margin-bottom: 12px;
    cursor: pointer;
}
.column_dondestamos .loc p.telephone span, .contact .loc p.telephone span, .contact-response .loc p.telephone span {
    background-position: 0 0;
}
.column_dondestamos .loc p span, .contact .loc p span, .contact-response .loc p span {
    /*position: absolute;*/

}

p.map span {
	/*overflow: hidden;*/
	top: 5px;
	left: 0;
	width: 24px;
	height: 24px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(https://www.tlgcommerce.com.hk/wp-content/uploads/map.png);
	background-size: 24px 48px;
	position: relative;
	margin-right: 6px;
	display: inline-block;
}
p.url span {
	/*overflow: hidden;*/
	top: 5px;
	left: 0;
	width: 24px;
	height: 24px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(https://www.tlgcommerce.com.hk/wp-content/uploads/PC-2.png);
	background-size: 24px 48px;
	position: relative;
	margin-right: 6px;
	display: inline-block;
}
.column_dondestamos p.url:hover, .column_dondestamos p.map:hover, .column_dondestamos .loc p.telephone:hover  {
	cursor: pointer;
}
.column_dondestamos p.url:hover span, .column_dondestamos p.map:hover span, .column_dondestamos .loc p.telephone:hover span {
    background-position: 0 -24px;
}
p.telephone span {
	/*overflow: hidden;*/
	top: 5px;
	left: 0;
	width: 24px;
	height: 24px;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 24px 48px;
	background-image: url(https://www.tlgcommerce.com.hk/wp-content/uploads/mobile-1.png);
	position: relative;
	margin-right: 3px;
	display: inline-block;
}

.column_dondestamos .loc a:hover, .column_dondestamos .loc p:hover, .contact .loc a:hover, .contact .loc p:hover, .contact .loc.current h3, .contact-response .loc a:hover, .contact-response .loc p:hover, .contact-response .loc.current h3 {
    color: #becd00;
}

.column_dondestamos .loc a, .contact .loc a, .contact-response .loc a {
    color: #666;
}
canvas {
  display: block;
  margin: auto;
  /*position :absolute;*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast
	width: 1px;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;

}
.column_dondestamos .loc:hover h3 {
	    color: #fff;
}


.column_dondestamos .loc h3, .contact .loc h3, .contact-response .loc h3 {
    color: #fff;
    font-size: 50px;
    font-family: league_spartan,sans-serif;
    
    margin-bottom: 13px;
}

#map-wrapper  {
    height: 400px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.about-us #map-wrapper, .contact #map-wrapper, .contact-response #map-wrapper {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

div.logo_portfoli_especialTopPortfoli {
	position: absolute;
	
    padding: 5%;
	    background: rgba(255,255,255,.15);
	    border: 1px solid #fff;
-webkit-transition: top .3s ease;
    transition: top .3s ease;
	margin-right: 40px;
	margin-left: 40px;
	margin-bottom: 80px;
	width: 89%;
	display: inline-block;
	vertical-align: middle;

	box-shadow: 0 0 1px transparent;
	overflow: hidden;
	top: -150px;
	left: 0;

}


div.columna_portfoli_graella.PortofliTopHespc {
	position: relative;
}
div.columna_portfoli_graella.PortofliTopHespc:hover div.logo_portfoli_especialTopPortfoli {
	background: rgba(255,255,255,0);
	border: none;
-webkit-transition: top .3s ease;
    transition: top .3s ease;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding: 0 0 50px;
	/*max-width: 60%;*/
	left: 46%;
	top: -380px;
	position: absolute;
}

div.logo_portfoli_especialTopPortfoli:before {
	position: absolute;
	    content: "";
	right: 50%;

	    z-index: 199999999;
	bottom: 0;
	    background: #fff;
	    height: 1px;
	 -webkit-transition-property: left,right;
	 transition-property: left,right;
	 -webkit-transition-duration: .3s;
	 transition-duration: .3s;
	 -webkit-transition-timing-function: ease-out;
	 transition-timing-function: ease-out;
	left: 50%;

}



div.columna_portfoli_graella.PortofliTopHespc:hover div.logo_portfoli_especialTopPortfoli:before {
left: 20%;
right: 20%;
-webkit-transition-delay: .3s;
transition-delay: .3s;

}

section.degradatpersota:before {
    display: block;
    position: absolute;
    background-image: url(./img/deg.png);
    content: "";
    height: 34px;
	z-index: 3;
	background-repeat: repeat-x;
	bottom: 0;
	left: 0;
	width: 100%;
}
.wp-caption .wp-caption-text {
    display: none;
}
video.wp-video-shortcode {
	width: 100% !important;
}
div.wp-video {
	width: 100% !important;
	height: 400px !important;
}
#video-536-2_html5 {
	height: 400px !important;
	width: 100% !important;
}


div#mep_0 {
	height: 400px !important;
}


.div-container-dispo1 h1 {
	font-size: 85px;
}
.div-container-dispo1 {
    margin-left: 160px;
	margin-right: 10px;
	position: absolute;
    top: 30% !important; 
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
	content: "";
    display: table;
	font-family: "League Spartan",Arial,Helvetica,serif !important;
	float: left;
	clear: both;
	margin-top: 0;
}
.div-dispo1-p {
        background-image: url(./img/deg2.png);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background-repeat: repeat-y;
    margin-bottom: 20px;
    padding: 20px 40px 0;
    font-family: league_spartan;
    
    background-size: 100% auto;
	text-align: left;
	height: 380px;
	margin-top: 0;
}
	.div-dispo1-p p {
	font-size: 85px !important;    margin-bottom: 0;
	line-height: 1.45em;
	font-family: "League Spartan",Arial,Helvetica,serif !important;
	
	}
.dispo-p1 {
    color: #266780;
}
.dispo-p2 {
    color: #00393D;
}

 .div-dispo2-divs .dispo-img {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background-repeat: no-repeat;
  float: left;
  text-align: center;
  padding: 25px 28px 25px 10px;
  margin-right: 20px;
 }
.div-dispo2-div-design {
    background-image: url(./img/caixa_design.png);
}
 .div-dispo2-div-development {
    background-image: url(./img/caixa_development.png);
}
 .div-dispo2-div-data {
    background-image: url(./img/caixa_data.png);
}

.div-dispo2-div-uptime {
    background-image: url(./img/caixa_uptime.png);
}

.div-dispo2-div-upgrades {
    background-image: url(./img/caixa_upgrades.png);
}

.div-dispo2-div-247 {
    background-image: url(./img/caixa_247.png);
}

.dispo3-divs-p {
    position: absolute;
    top: 80%;
    transform: translateY(-80%);
    -webkit-transform: translateY(-80%);
    text-align: center;
    width: 100%;
	font-family: "League Spartan",Arial,Helvetica,serif !important;
}
 .dispo3-div-title {
     font-size: 70px;
     color: #00393D;
	 margin-bottom: 0;
 }
   
 .dispo3-div-subtitle {
    font-size: 35px;
    color: #236680;
	margin-bottom: 0;
 }
.dispo-img {
    width: 220px;
}
.div-dispo2-divs .dispo-img img {
    display: block;
    margin: 0 auto !important;
}
.div-dispo2-divs .dispo-img .dispo1-div-cont, div.n2-notow div p.dispo1-div-cont{
	font-family: "Open Sans", Sans-serif;
    font-size: 18px !important;
    color: #fff;
	margin-bottom: 0;
}

div.n2-ss-layer.n2-ow div.n2-notow div img {
	width: 75px;
	margin-top: 30px;
	margin-bottom: 10px;
}
.div-dispo2-divs .dispo-img .dispo1-div-title,  div.n2-notow div p.dispo1-div-title {
    font-size: 20px;font-family: "League Spartan",Arial,Helvetica,serif !important;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
	
}



#ampladadelsubmenu, .ampladadelsubmenu  {
	width: 150px !important;
}

div.n2-ss-layer.n2-ow.info_bloc_color_flotant {
	position: absolute;
	left: 9%;
}
.text-style-16 p {
    color: #B3B3B3 !important;
	font-weight: 400 !important;
	font-style: normal;
}
.text-style-16, .text-style-17 {
    font-size: 46px;
    line-height: 50px;
	
}
.text-style-17 {
    
    color: #BFCC00;
}


.fletxa_dreta_verda  {
	position: absolute !important;
	top: 23%;
	left: -44px;
}

.fons_blanc_mobil {
	background: -moz-linear-gradient(left,rgba(255,255,255,.85) 0,rgba(255,255,255,.85) 60%,rgba(255,255,255,.3) 100%);
	background: -webkit-linear-gradient(left,rgba(255,255,255,.85) 0,rgba(255,255,255,.85) 60%,rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right,rgba(255,255,255,.85) 0,rgba(255,255,255,.8) 75%,rgba(255,255,255,0) 100%);
	margin: 30px;
}

.ecommerce-in-china h1 {
	font-size: 4vw !important;
}

.form_pag_team form label {
	display: none;
}
.form_pag_team form input, .form_pag_team form textarea {
	background-color: #ffffff;
	padding-left: 0;
}
.form_pag_team form textarea {
    width: 72%;
    border: 1px solid #4d4d4d;
    font-size: 16px;
    font-family: open_sanslight,sans-serif;
}.form_pag_team form button {
    position: absolute;
    bottom: 0;
    left: 75%;
    border: none;
    text-transform: uppercase;
    width: 150px;
    float: left;
    color: #666;
    background: #becd00;
    font-size: 21px;
	height: 50px;
    
    margin-top: 56px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
}
.form_pag_team form input[type=text] {
    height: 45px;
    display: block;
    line-height: 45px;
    width: 72%;
    margin-bottom: 15px;
    font-family: open_sanslight,sans-serif;
border: none;
border-bottom: 1px solid #4d4d4d;
font-size: 15px;
height: 40px;
line-height: 40px;
}
.form_pag_team form input#file-1.inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.form_pag_team form input#file-1.inputfile+label{
    max-width: 72%;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
    color: #4d4d4d;
    margin-bottom: 15px;
    border-bottom: 1px solid #4d4d4d;
}
.content_html_slide_tlghk {
	top: 40% !important;
	position: absolute !important;
}


div.contactweb-contact-container .zf-subContWrap.zf-leftAlign {
    width: 100%;
    float: left;
}
div.contactweb-contact-container .zf-contWrap {
    width: 310px;
    float: left;
	max-width: 100%;
	margin-top: 50px;
}
div.contactweb-contact-container #list-inline-2 li {
    width: 100%;
    margin-right: 20px;
	margin-bottom: 20px;
}
div.contactweb-contact-container .zf-name input[type=text] {
    width: 100%;
    margin-right: 40px;
	margin-bottom: 20px;
}
div.contactweb-contact-container .zf-leftAlign ul {
    margin-bottom: 0px;
}

div.contactweb-contact-container .zf-subContWrap.zf-rightAlign {
    width: 100%;
    float: none;
}
div.contactweb-contact-container .zf-tempFrmWrapper  textarea {
    width: 100%;       
    margin-right: 0;
}
div.contactweb-contact-container .zf-tempFrmWrapper label.zf-labelDecisionBox {
    display: inline-block;
    width: 90%;
    margin-right: 0px;
}
div.contactweb-contact-container .zf-submitContainer {
    float: none;
    width: 150px;
}
div.contactweb-contact-container .zf-errorMessage {
    bottom: -3px;
	position: relative;
	margin-bottom: 0;
}
div.contactweb-contact-container button.zf-submitColor {
    border: none;
	width: 150px;
    float: left;
    color: #666;
    background: #becd00;
    font-size: 21px;
    /*font-family: open_sanslight;*/
    height: 50px;
	margin-top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
	text-transform: uppercase;
}

div.contactweb-contact-container #list-inline-2 li input, div.contactweb-contact-container #list-inline-1 li input {
    
	background-color: rgba(255, 255, 255, 0);
	
}
div.zf-tempContDiv span input, div.zf-tempContDiv span textarea {
	background-color: #fff;;
	padding-left: 0;
}

/* formulari - peu - zoho */

.zf-contWrap {
    width: calc(100% - 150px);
    float: left;
}

.zf-subContWrap.zf-leftAlign {
    width: 62%;
    float: left;
}

.zf-leftAlign ul {
    margin-bottom: 25px;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.zf-name {
    width: 100%;
}
.item-description>p, .zf-tempFrmWrapper label {
    display: none;
}
.zf-tempContDiv, button.zf-submitColor {
    position: relative;
}

.zf-name input[type=text] {
    width: calc(50% - 50px);
    margin-right: 40px;
}

input[type=text] {
    border: none;
    border-bottom: 1px solid #4d4d4d;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
}

.zf-errorMessage {
    font-size: 12px;
    color: red;
    bottom: -37px;
    position: absolute;
}
#list-inline-2 li {
    width: calc(33.333% - 35px);
    margin-right: 20px;
}
.small, small {
    font-size: 85%;
}
#list-inline-2 li input {
    width: 100%;
	background-color: #fff;
	padding-left: 0;
}

.zf-subContWrap.zf-rightAlign {
    width: 38%;
    float: left;
}

.zf-rightAlign li {
    width: 100%;
}

.multiLineContainer {
    margin-bottom: 20px;
}
.zf-tempFrmWrapper  textarea {
    border: 1px solid #4d4d4d;
    font-size: 15px;
    width: calc(100% - 60px);
    min-height: 105px;
    text-indent: 6px;
    margin-right: 60px;
}


.zf-tempFrmWrapper label.zf-labelDecisionBox {
    display: inline-block;
    /*font-family: open_sanslight,sans-serif;*/
    width: calc(100% - 80px);
    vertical-align: top;
    margin-right: 60px;
	font-weight: 300;
	font-style: normal;
	font-size: 13px;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}


.zf-submitContainer {
    float: right;
    width: 150px;
}
button.zf-submitColor:hover {
	background-color: #21657e;
}
button.zf-submitColor {
    border: none;
	width: 150px;
    float: left;
    color: #fff;
    background: #becd00;
    font-size: 21px;
    /*font-family: open_sanslight;*/
    height: 50px;
	margin-top: 56px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
	text-transform: uppercase;
}
button.zf-submitColor {
    position: relative;
}
#list-inline-2 li.lastInput {
    margin-right: 0;
}
div.acordeon_submenumobile ul li {
	list-style: none;
}
div.acordeon_submenumobile .elementor-tab-title {
	font: 20px "League Spartan",Arial,Helvetica,serif !important;
	color: #ffffff !important;
	border-bottom-style: none;
}

.titmenumobilehamb span {
	font: 20px "League Spartan",Arial,Helvetica,serif !important;
	color: #ffffff !important;
	padding-left: 14px !important;
	padding-bottom: 10px !important;
	display: block !important;
}
div#elementor-popup-modal-2666.dialog-widget.dialog-lightbox-widget.dialog-type-buttons.dialog-type-lightbox.elementor-popup-modal div.dialog-widget-content.dialog-lightbox-widget-content.animated div.dialog-message.dialog-lightbox-message div.elementor.elementor-2666.elementor-location-popup div.elementor-inner div.elementor-section-wrap section.elementor-element.elementor-element-5691c7a.subemnu_jeti.elementor-section-boxed.elementor-section-height-default.elementor-section.elementor-top-section div.elementor-container.elementor-column-gap-default div.elementor-row div.elementor-element.elementor-element-d6098f4.elementor-column.elementor-col-100.elementor-top-column div.elementor-column-wrap.elementor-element-populated div.elementor-widget-wrap div.elementor-element.elementor-element-2fcbbc1.spartan.titmenumobilehamb.elementor-widget.elementor-widget-heading div.elementor-widget-container span.elementor-heading-title.elementor-size-default {
	padding-bottom: 0 !important;
}
div.acordeon_submenumobile .elementor-tab-content.elementor-clearfix.elementor-active {
	/*padding-top: 0;*/
	border-bottom-style: none;
	margin-bottom: 20px;
}



.slide_home2_pc  button.slick-prev.slick-arrow {
		top: 633px;
	left: 67%;
	position: relative;
}


.slide_home2_pc  button.slick-next.slick-arrow {
top: 633px;
right: 28%;
}

.elhoververd:hover span {
	color: #c4d600 !important;
}
.fontmax100 h2 {
      font-size: 250px; 
    font-size: 14.1vw;
}
@media screen and (min-width: 1900px) {
  .fontmax100 h2 {
      font-size: 273px;
  }
}

@media screen and (max-width: 600px) {
  .fontmax100 h2 {
  	font-size: 13.8vw;
  }
}

.fontmax100x2 h2 {
     font-size: 250px; 
    font-size: 15.3vw;
}
@media screen and (min-width: 1900px) {
  .fontmax100x2 h2 {
      font-size: 296px;
  }
}
@media screen and (max-width: 600px) {
  .fontmax100x2 h2 {
  	font-size: 14.8vw;
  }
}

.fontmax100x3 h2 {
     font-size: 250px; 
    font-size: 13.3vw;
}
@media screen and (min-width: 1900px) {
  .fontmax100x3 h2 {
      font-size: 257px;
  }
}
@media screen and (max-width: 600px) {
  .fontmax100x3 h2 {
  	font-size: 12.7vw;
  }
}

@media (max-width: 1060px) {
	

 .zf-subContWrap.zf-leftAlign, .zf-subContWrap.zf-rightAlign {
    width: 100%;
}

}


@media (max-width: 767px) {
	
	 
	 button.zf-submitColor {
	    min-width: 150px;
	    width: 100%;
	    margin: 20px auto 0;
	    display: table;
	    float: none;
	}
	 .zf-submitContainer, .zf-templateWrapper .zf-contWrap {
	    width: 100%!important;
	    clear: both;
	}
	.zf-contWrap {
	    width: 100%;
	    float: left;
	}
	.zf-tempFrmWrapper  textarea {
	    border: 1px solid #4d4d4d;
	    font-size: 15px;
	    width: 99%;
	    min-height: 105px;
	    text-indent: 6px;
	    margin-right: 0;
	}
	#list-inline-2 li {
	    width: 30%;
	    margin-right: 15px;
	}
	#list-inline-2 li.lastInput {
	    margin-right: 0;
	}
	.zf-name input[type=text] {
	    width: 47%;
	    margin-right: 26px;
	}
	 .zf-name input.lastInput[type=text] {
	    margin-right: 0 !important;
	}
	.zf-tempFrmWrapper label.zf-labelDecisionBox {
	    display: inline-block;
	    /*font-family: open_sanslight,sans-serif;*/
	    width: 95%;
	    vertical-align: top;
	    margin-right: -5px;
		font-weight: 300;
		font-style: normal;
		margin-left: 5px;
	}
}


@media (max-width: 500px) {
	.zf-subContWrap.zf-leftAlign input, .zf-subContWrap.zf-leftAlign li,  .zf-subContWrap.zf-rightAlign input {
	    width: 100%!important;
	    max-width: 400px;
	    display: table;
	    margin: 0 auto 15px !important;
	    clear: both;
	}
	input#DecisionBox {
		width: auto!important;
		display: inline-block;
		float: left;
	}
	.zf-leftAlign ul {
	    margin-bottom: 5px;
	}
	.zf-rAlign ul {
	    margin-bottom: 5px;
	}
	.zf-tempFrmWrapper textarea {
	    width: 100%;
	    max-width: 400px;
	    display: table;
	    margin: 0 auto;
	}
}


@media (min-width: 1900px) {


.columna_del_menu  {
	/*max-width: 1200px;*/
}

.jet-desktop-menu-active .jet-sub-mega-menu {
    width: 100%;
    display: block;
    position: absolute;
    top: 100%;
     left: inherit !important; 
    box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    z-index: 999;
	right: 0 !important;
}


.slide_home2_pc  button.slick-prev.slick-arrow {
		top: 633px;
	left: 67%;
	position: relative;
}


.slide_home2_pc  button.slick-next.slick-arrow {
top: 632px;
right: 29.5%;
}


}

@media (max-width: 1700px) {

.estil32 h1{
	font-size: 80px !important;
}


.module-divide-arrow {
    border-width: 335px 0 335px 60px;

}


}

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

.text-style-16, .text-style-17 {
    font-size: 36px;
    line-height: 39px;
}
}

@media (max-width: 1480px) {

.estil32 h1{
	font-size: 70px !important;
	
}

.module-divide-arrow {
    border-width: 385px 0 395px 60px;

}
.column_dondestamos .loc h3 {
    color: #fff;
    font-size: 34px;
    font-family: league_spartan,sans-serif;
    
    margin-bottom: 13px;
}

}
@media (max-width: 1250px) {

.estil32 h1{
	font-size: 70px !important;
}

.module-divide-arrow {
    border-width: 285px 0 295px 60px;

}


}

@media (max-width: 1150px) {
section.seccio_alttotal {
	height: 600px ;
}
.div-dispo1-p {

	height: inherit;
	padding-bottom: 1px;
}


div.n2-ss-layers-container.n2-ow div.n2-ss-layer.n2-ow {
		width: 85% !important;
		height: auto !important;
}
.estil32 h1{
	font-size: 60px !important;
}

/* requadres amb img home */

div.reqadre_amb_imatge  {
	/*margin-top: 0px;*/
}

div.column_altfix.ambbotofixbottom  {
	margin-bottom: 60px;
}

div.column_altfix.ambbotofixbottom div.elementor-widget-wrap {
	position: relative;
	height: 100%;
	min-height: 250px;
}


div.column_fons_redona.elementor-column.elementor-col-20.elementor-top-column {
	min-height: 250px;
	margin-bottom: 20px;
}

.module-divide-arrow {
    border-width: 455px 0 455px 60px;

}
li#field_1_10.gfield.lletramoltpetitaform, li#field_1_8, li#field_1_9 {
	position: relative;
	right: 0; 
	width: 100%;
}
form#gform_1.formcontacto_trilogi div.gform_footer.top_label {
	position: relative;
	width: 99%;
	margin-top: 0;
	padding-left: 10px;
	right: -10px;
}

input#gform_submit_button_1.gform_button.button {
	position: relative;
	width: 250px;
}

form#gform_1.formcontacto_trilogi ul#gform_fields_1 {
	width: 100%;
	padding-left: 1%;
}
ul.jet-menu.jet-menu--animation-type-move-down.jet-responsive-menu {
	height: auto !important;
	margin-top: inherit !important;
}
section.elementor-element.elementor-element-4b12bff.subemnu_jeti.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
	width: auto !important;
	right: 0;
	position: inherit !important;
}
button.jet-mobile-menu-toggle-button {
	background-color: rgb(255, 255, 255) !important;
}
div.columna_portfoli_graella.PortofliTopHespc:hover div.logo_portfoli_especialTopPortfoli {
	top: -300px;

}
section.fonsenblanc:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,.75);
	z-index: 1;
}
li#jet-menu-item-19.jet-menu-hover {
	height: 756px;
}

li#jet-menu-item-20.jet-menu-hover {
	height: 305px;
}

#ampladadelsubmenu, .ampladadelsubmenu  {
	width: auto !important;
}

div.jet-menu-container.jet-mobile-menu.jet-mobile-menu-active-state div.jet-menu-inner  {
	background-color: #4d4d4d !important;
}

div.jet-menu-container.jet-mobile-menu.jet-mobile-menu-active-state div.jet-menu-inner a {
	color: #ffffff;
}
div.jet-menu-container.jet-mobile-menu.jet-mobile-menu-active-state div.jet-menu-inner a.top-level-link, i.jet-dropdown-arrow.fa.fa-angle-down  {
	color: #fff !important;
}

div.jet-menu-container.jet-mobile-menu.jet-mobile-menu-active-state div.jet-menu-inner a.top-level-link {
    /*border-bottom: 1px solid #666;*/
	padding: 20px 20px 15px;
}
div.jet-menu-container.jet-mobile-menu.jet-mobile-menu-active-state div.jet-menu-inner li.jet-menu-item {
    border-bottom: 1px solid #666;
	/*padding: 20px 20px 15px;*/
}

div.jet-menu-container i.jet-dropdown-arrow.fa.fa-angle-down {
	position: absolute;
	right: 30px;
	clear: both;
}

li#jet-menu-item-181.menu_diioma-secl > a:hover {
	background-color: none !important;
	color: #ffffff;
}
li#jet-menu-item-181.menu_diioma-secl > a {
	padding-top: 20px;
		padding-bottom: 13px;
	background-color: rgba(223, 206, 206, 0) !important;
	font-size: 15px !important;
	color: #fff !important;
	line-height: 20px !important;
		font-family: "League Spartan",Arial,Helvetica,serif !important;
	position: relative;
}
li#jet-menu-item-181.menu_diioma-secl {
	/*position: relative;*/
}
li#jet-menu-item-181.menu_diioma-secl > a:after {
	display: none;

}



.no_ipad {
	display: none !important;
}
.n2-ss-layers-container.n2-ow {
	width: 490px !important;
	max-width: 90% !important;
}

.content_html_slide_tlghk {
	/*top: 22% !important;
	position: absolute !important;
	left: 10px !important;*/
}
.div-container-dispo1 {
    margin-left: 0;
		margin-top: 0;
	margin-right: 0;
		position: absolute;
    top: 20% !important; 
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
	content: "";
    display: table;
	font-family: "League Spartan",Arial,Helvetica,serif !important;
	float: left;
	clear: both;
	width: 100% !important;
}
.dispo-img  {
	width: 136px;    margin-right: 0 !important;
}

.div-dispo2-divs .dispo-img {
 -webkit-transition: all .5s ease;
 transition: all .5s ease;
 background-repeat: no-repeat;
 float: left;
 text-align: center;
 padding: 26px 20px 40px 11px;
 margin-right: 10px;
	background-size: 140px;
}


.dispo-img img {
    width: 45px !important;
    height: 45px !important;
}
.div-dispo2-divs .dispo-img .dispo1-div-title {
    font-size: 10px;
	margin-top: 0;
}
.div-dispo2-divs .dispo-img .dispo1-div-cont {
    font-size: 9px !important;
}
.div-dispo1-p p {
	font-size: 26px !important;
	margin-bottom: 5px;
	line-height: 26px;
}
.div-dispo1-p {
    font-size: 15px !important;
	padding: 20px 10px 1px 14px !important;
}

/*.n2-ss-control-bullet-horizontal {
	top: 100px !important;
	bottom: inherit !important;
}*/


.dispo3-divs-p {
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	position: absolute;
	top: 290px;
	width: 100%;
}

 .dispo3-div-title {
     font-size: 30px;
     color: #00393D;
	 margin-bottom: 0;
 }
   
 .dispo3-div-subtitle {
    font-size: 15px;
    color: #236680;
	margin-bottom: 0;
 }


.n2-ss-layer.n2-ow.text_3r_slide_tlghk {
	
	left: 0 !important;
}


}

    
@media (max-width: 960px) {


div.element_llista_footer .elementor-widget-image-box .elementor-image-box-wrapper {
     text-align: left !important; 
}

span.text-style11 {
	margin-top: 7%;
	line-height: 86px;
	    font-size: 70px;
}


div.one-third.capsabloc, div.one-third.capsabloc.first {
	width: 94%;
	margin-left: 2%;
	margin-right: 0;
}
section.seccio_del_header.elementor-section.elementor-top-section {
	/*position: fixed;*/
	/*top: 0;*/
	/*width: 100%;*/
	background: rgba(255,255,255,.6) !important;
	height: 56px;
	/*z-index: 1003;*/
	/*left: 0;*/
	/*max-width: 2560px;*/
-webkit-transition: all .5s ease;
transition: all .5s ease;
}
.fons_blanc_mobil {
	background-color: rgba(255, 255, 255, 0.9) !important;
}
.text-style-16, .text-style-17 {
    font-size: 29px;
    line-height: 33px;
}

}
/* llista_q_analitzem text-style-23 */

@media (max-width: 768px) {


div.one-third.capsabloc div.imatgepost {
	width: 100%;
	background-repeat: no-repeat;
	background-color: #f6f4f4;
	float: none;
	min-height: 100px;
	background-position: center;
	display: block;
	background-size: cover;
		min-height: 310px;
	clear: both;
}
div.envoltall_sgonacolumn {
	float: none;
	width: 92%;
	max-width: 100%;
	background-color: #f2f3f5;
	padding: 4%;
	box-sizing: content-box;
		min-height: 163px;
	clear: both;
}
.module-divide-arrow {
    border-width: 0px 0 0px 0px;

}


div.colmnaflotant_slidehome.nocolumnamobil {
visibility: hidden;
}


div.column_fons_redona.elementor-column.elementor-col-20.elementor-top-column {
	min-height: 150px;
	margin-bottom: 15px;
}

div.elementor-counter-title {
	font-size: 10px !important;
}

span.elementor-counter-number-suffix , span.elementor-counter-number-prefix , span.elementor-counter-number {
	margin-bottom: 2px !important;
}




li#field_1_5.gfield.segona_fila.primeracolumna.campcia.gf_left_third.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible {
position: relative;
top: inherit;
left: inherit;}

li#field_1_7.gfield.segona_fila.segonacolumna.campemail.gf_middle_third.gfield_contains_required.field_sublabel_below.field_description_below.hidden_label.gfield_visibility_visible {
	position: relative;
	top: inherit;
	left: inherit;
}


.text-style-3 span  {
    font-size: 36px;
    line-height: 50px;
    margin-bottom: 30px;
}


.text-style-9 h1{
    font-size: 10.2vw !important;
    line-height: 6vw;
    text-shadow: 1px 1px 1px rgba(0,0,0,.8);
    padding: 0 15px;
}

.text-style-9 span {
    display: block;
    font-size: 4.5vw !important; 
    letter-spacing: 1px;
}


li#field_1_10.gfield.lletramoltpetitaform {
	width: 100%;
}

.estil32 h1{
	font-size: 42px !important;
	padding-top: 40px !important;
}
/*ul.jet-menu.jet-menu--animation-type-move-down.jet-responsive-menu {
	height: auto !important;
	margin-top: 0px;
}*/

section.elementor-element.elementor-element-4b12bff.subemnu_jeti.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default.elementor-section.elementor-top-section {
	width: inherit;
	right: 0;
	position: relative;
}


div.jet-menu-container.jet-mobile-menu.jet-mobile-menu-active-state figure.elementor-image-box-img {
	float: left !important;
		height: 56px;
}
h1 span.text-style-22 {
    font-size: 30px;
    font-size: 6.6vw !important;
    line-height: 1.3em;
}
input#gform_submit_button_1.gform_button.button {
	position: relative;
	width: 100%;
}

div.llista_q_analitzem figure.elementor-image-box-img {
	margin-left: 0;
	display: inline-block;
	text-align: left;
	float: left;
}

div.llista_q_analitzem  p.elementor-image-box-title {
	text-align: center;
	float: left;
}

div.llista_q_analitzem  p.elementor-image-box-description {
		text-align: center;
}

form#gform_1.formcontacto_trilogi div.gform_footer.top_label {
	position: relative;
	width: 100%;
	margin-top: 0;
	padding-left: 3px;
		padding-right: 0;
}

div.colmun_imgfons_texto div.vertical-align {
	position: absolute;
	    top: 44%;
	    -webkit-transform: translateY(-50%);
	    transform: translateY(-50%);
	width: 100%;
	line-height: 1.1em;
}

.text-style-24 h1 {
	font-size: 10.5vw !important;
	line-height: 6vw;
    letter-spacing: -.5px;
    	padding: 0 15px;
}
div.pestanyes_psoftware .elementor-tab-content {
	padding: 30px 0 50px;
}
div.pestanyes_psoftware h2 {
font-size: 34px !important;
font-weight: 600 !important;
font-style: inherit !important;
margin-bottom: 10px;
line-height: 1.2em;
}

div.pestanyes_psoftware p.text-style-4 {
	font-weight: 300;
	color: #4D4D4D !important;
	font-size: 19px;
	line-height: 1.3em;
}

.tabs_tancades_mobile .elementor-tab-title span.elementor-toggle-icon.elementor-toggle-icon-right i.elementor-toggle-icon-closed.fa.fa-plus-circle {
position: relative;
top: 14px;
}
.tabs_tancades_mobile .elementor-tab-title.elementor-active span.elementor-toggle-icon  {
position: relative;
top: 14px;	
}


.ico_text_mobil_esq  figure.elementor-image-box-img, .ico_text_mobil_esq p {
	text-align: left;
}

.ico_text_mobil_esq div.elementor-image-box-content {
	text-align: left;
	
}
.ico_text_mobil_esq div.elementor-image-box-wrapper figure.elementor-image-box-img {
	float: left;
	margin-right: 10px !important;
}
.ico_text_mobil_esq.senseicona figure.elementor-image-box-img  {
	display: none !important;
}

p.client-logo.vertical-align  {
	color: #fff;
    bottom: initial;
    text-transform: uppercase;
	text-align: center;
    width: auto;
    max-width: 100%;
	line-height: 32px;
	font-size: 26px;
}
span.text-style11 {
	margin-top: 1%;
	line-height: 50px;
	    font-size: 34px !important;
	margin-bottom: 2%;
}


}



@media (max-width: 668px) {
span.text-style11 {
	margin-top: 1%;
	line-height: 50px;
	   
	margin-bottom: 2%;
}

.n2-ss-layers-container.n2-ow {
max-width: 100% !important;
min-width: 100% !important;
}

.content_html_slide_tlghk {
	/*top: 22% !important;
	position: absolute !important;
	left: 10px !important;*/
}
.div-container-dispo1 {
    margin-left: auto;
		margin-top: 0;
	margin-right: auto;
	position: absolute;
    top: 20% !important; 
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
	content: "";
    display: table;
	font-family: "League Spartan",Arial,Helvetica,serif !important;
	float: left;
	clear: both;
	width: 100% !important;
	left: 20px;
}
.dispo-img  {
	width: 113px;    margin-right: 0 !important;
}

.div-dispo2-divs .dispo-img {
 -webkit-transition: all .5s ease;
 transition: all .5s ease;
 background-repeat: no-repeat;
 float: left;
 text-align: center;
 padding: 16px 12px 44px 5px !important;
 margin-right: 5px !;
	background-size: 115px;
}


.dispo-img img {
    width: 32px !important;
    height: 32px !important;
}
.div-dispo2-divs .dispo-img .dispo1-div-title {
    font-size: 10px;
	margin-top: 12px;
}
.div-dispo2-divs .dispo-img .dispo1-div-cont {
    font-size: 9px !important;
}
.div-dispo1-p p {
	font-size: 20px !important;
	margin-bottom: 5px;
	line-height: 19px;
}
.div-dispo1-p {
    font-size: 14px !important;
	padding: 20px 10px 1px 13px !important;
	max-width: 70%;
	min-width: 270px;
}

div.n2-ss-layers-container.n2-ow div.n2-ss-layer.n2-ow {
		width: 97% !important;
		height: auto !important;
}

.dispo3-divs-p {
	transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	position: absolute;
}

 .dispo3-div-title {
     font-size: 20px;
     color: #00393D;
	 margin-bottom: 0;
 }
   
 .dispo3-div-subtitle {
    font-size: 11px;
    color: #236680;
	margin-bottom: 0;
 }


}