/* * {border-color: red;border-width: 2p;border-style: solid;} */

:root{

	--gr-h-padding-amount: 30px;
	--gr-h-opposite-padding-ratio: 1;
	--gr-h-opposite-padding-only-ratio: 0;

	--gr-v-padding-ratio: 1.666;

	--gr-icons-ratio: 0.8;

	--gr-carousel-button-width: calc(50px * var(--gr-icons-ratio));

	--gr-card-border-radius: 20px;
	--gr-card-content-padding: 25px;

	--gr-scrollbar-width: 12px;

	--gr-vcard-top-height: 250px;
	--gr-vcard-logo-size: 100px;
	--gr-vcard-button-size-multiplier: 3;
	--gr-vcard-button-radius: 13%;
	--gr-vcard-icon-size: 2em;
}

h1, h2 {
	margin:0;
}

body::-webkit-scrollbar {width: var(--gr-scrollbar-width);}
body::-webkit-scrollbar-track {background: white;}
body::-webkit-scrollbar-thumb {background-color: #0B2B40;border:calc(var(--gr-scrollbar-width) / 4) solid white;border-radius: 20px;}
body {scrollbar-width: thin;scrollbar-color: #0B2B40 transparent;}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type=number] {-moz-appearance: textfield;}

.row {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.row > * {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
.card {--bs-card-border-width: 0; --bs-card-bg: transparent}
.carousel-control-next, .carousel-control-prev {
	opacity: 1;
	transition: all 0.4s ease-in-out;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
	opacity: 1;
}


.gr_h_padding {
	padding-left:  var(--gr-h-padding-amount);
	padding-right: var(--gr-h-padding-amount);
}
.gr_h_padding_left{
	padding-left: var(--gr-h-padding-amount);
	padding-right: calc(var(--gr-h-padding-amount) * var(--gr-h-opposite-padding-ratio));
}
.gr_h_padding_right{
	padding-right: var(--gr-h-padding-amount);
	padding-left: calc(var(--gr-h-padding-amount) * var(--gr-h-opposite-padding-ratio));
}
.gr_h_padding_left_only{
	padding-left: var(--gr-h-padding-amount);
	padding-right: calc(var(--gr-h-padding-amount) * var(--gr-h-opposite-padding-only-ratio));
	align-items: center;
	text-align: center;
	display: flex;
}
.gr_h_padding_right_only{
	padding-right: var(--gr-h-padding-amount);
	padding-left: calc(var(--gr-h-padding-amount) * var(--gr-h-opposite-padding-only-ratio));
	align-items: center;
	text-align: center;
	display: flex;
}
.gr_h_padding_carousel_left {
	padding-left:  var(--gr-h-padding-amount);
	padding-right: calc(var(--gr-carousel-button-width) / 2);
}
.gr_h_padding_carousel_right {
	padding-right: var(--gr-h-padding-amount);
	padding-left: calc(var(--gr-carousel-button-width) / 2);
}
.gr_padding_carousel_row {
	padding: 5% var(--gr-carousel-button-width);
}
.gr_h_padding_toolex {
	padding-left: calc(var(--gr-h-padding-amount) * 0.4);
	padding-right: calc(var(--gr-h-padding-amount) * 0.4);
}

.gr_v_padding_1 {
	padding-top: calc(12% * var(--gr-v-padding-ratio)); 
	padding-bottom: calc(13% * var(--gr-v-padding-ratio));
}
.gr_v_padding_2 {
	padding-top: calc(7.2% * var(--gr-v-padding-ratio)); 
	padding-bottom: calc(8.3% * var(--gr-v-padding-ratio));
}
.gr_v_padding_3 {
	padding-top: calc(6.6% * var(--gr-v-padding-ratio)); 
	padding-bottom: calc(8.8% * var(--gr-v-padding-ratio));
}
.gr_v_padding_case {
	padding-top: calc(5% * var(--gr-v-padding-ratio)); 
	padding-bottom: calc(5% * var(--gr-v-padding-ratio));
}
.gr_v_padding_toolex {
	padding-top: calc(8.8% * var(--gr-v-padding-ratio)); 
	padding-bottom: calc(3.1% * var(--gr-v-padding-ratio));
}
.gr_v_padding_toolex_2 {
	padding-top: calc(1.2% * var(--gr-v-padding-ratio)); 
	padding-bottom: calc(2% * var(--gr-v-padding-ratio));
}

/*

  		BASIC

*/

body {
	background-color: #000000;
	color: #000000;
	font-family: "DM Sans";
	font-size: 14px;
	margin: 0;
    padding: 0;
	overflow-x: hidden;
}

.gr_main{
	width: 100%;
	background-color: #FFFFFF;
}

/*

		ELEMENTS

*/
input{
	width: 100%;
	border:none;
	background-color: transparent;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
input:focus {
	border:none;
}
textarea{
	width: 100%;
	border:none;
	background-color: transparent;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	resize: none;
}

.gr_select{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 10px 30px;
	gap: 10px;
	background: #68E49A;
	border-radius: 10px;
	border:none;
	margin-left: auto;
	margin-right: auto;
	transition: all 0.4s ease-in-out;
	cursor: pointer;
}
.gr_label {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 10px 30px;
	gap: 10px;
	background: #68E49A;
	border-radius: 135px;
	border: none;
	margin-left: auto;
	margin-right: auto;
}
.gr_select_inner{
	border-radius: 10px;
	border: 2px solid #68E49A;
}
.gr_select_option {
	cursor: pointer;
}
.gr_select_option:hover {
	font-weight: bolder;
}

.gr_button{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 10px 30px;
	gap: 10px;
	background: #68E49A;
	border-radius: 135px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	transition: all 0.4s ease-in-out;
}

.gr_faq{
	padding: 1em 30px;
	gap: 10px;
	border-radius: 15px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width:100%;
	transition: all 0.5s ease-in-out;
	cursor: pointer;
}
.gr_faq_q {
	height: 8em;
}
.gr_faq_answer{
	transition: all 0.8s ease-in-out;
	opacity: 0;
}

.gr_slider {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, white, #68E49A);
	outline: none;
}
.gr_slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%; 
	border: none;
	background: #0B2B40;
	cursor: pointer;
	-webkit-transition: .2s; /* 0.2 seconds transition on hover */
}
.gr_slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: none;
	background: #0B2B40;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

.gr_slider::-webkit-slider-thumb:hover {
	transform: scale(1.4);
}
.gr_slider::-moz-range-thumb:hover {
	transform: scale(1.4);
}
.gr_slider::-webkit-slider-thumb:active {
	transform: scale(1.4);
}
.gr_slider::-moz-range-thumb:active {
	transform: scale(1.4);
}

.gr_img {
	height: 40vh;
	width:100%;
	visibility: hidden;
}

.gr_map{
	position:relative;
	text-align:right;
	height:auto;
	width:auto;
	border-radius: 20px;
}
.gr_map_canvas {
	overflow:hidden;
	background:none!important;
	height:376px;
	width:100%;
	border-radius: 20px;
}
.gr_form_card{
	width: 100%;
	height: auto;
	border: 5px solid #68E49A;
	border-radius: 20px;
	margin-left: auto;
	margin-right: auto;
}

.gr_lines {
	transition: all 0.5s ease-in;
}

.gr_logo_big {
	width: calc(282px * var(--gr-icons-ratio));
	display: block;
	margin: auto;
	margin-bottom: 1rem;
}
.gr_logo {
	width: calc(282px * var(--gr-icons-ratio));
}
.gr_client_logo {
	max-height: 100px;
	max-width: 200px;
	transition: all 0.5s ease-in-out;
}
.gr_client_logo_ferrero {
	max-height: 100px;
	max-width: 230px;
	transition: all 0.5s ease-in-out;
}
.gr_client_logo:hover {
	transform: scale(1.1); /* da rivedere */
}
.gr_client_logo_ferrero:hover {
	transform: scale(1.1); /* da rivedere */
}
.gr_client_bg {
	min-height: 210px;
	min-width: 240px;
	height: 100%; 
	width: 100%; 
	margin:auto; 
	background-color: #ffffffC0; 
	border-radius: 10px; 
	align-content: center; 
	display:flex;
	transition: all 0.5s ease-in-out;
}
.gr_client_col {
	flex: 1 0 100%;
	display:flex; 
	align-items:center; 
	margin: 10px;
}

.gr_hamburger {
	width:  calc(31px * var(--gr-icons-ratio));
	height: calc(31px * var(--gr-icons-ratio));
}

.gr_icon {
	width: calc(300px * var(--gr-icons-ratio));
	display: flex;
	margin-left: auto;
	margin-right: auto;
}

.gr_carousel_button {
	width: var(--gr-carousel-button-width);
}

.gr_gray {
	background-color: gray !important;
}

.gr_card_img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	border-radius: inherit;
}
.gr_card_top {border-radius: var(--gr-card-border-radius) var(--gr-card-border-radius) 0 0;}
.gr_card_bottom {border-radius: 0 0 var(--gr-card-border-radius) var(--gr-card-border-radius);}
.gr_card {
	width: 216px;
	height: 340px;
	border-radius: var(--gr-card-border-radius);
	margin: 0 auto;
	transition: all .4s ease-in-out;
}
.gr_card > * > * > .gr_button:hover{transform: none;}
.gr_card_content {
	width: 100%;
	height: 100%;
	padding: var(--gr-card-content-padding);
	border-radius: inherit;
}
.gr_card_content_sm {
	height: 100%;
	margin-bottom: 5%;
}
.gr_card_content_lg {
	height: 0;
	overflow: scroll;
	overflow-x: hidden;
}
.gr_card_1 {
	--gr-card-1-sm-part-height: 40%;
	--gr-card-1-lg-part-height: calc(100% - var(--gr-card-1-sm-part-height));
}
.gr_card_1_part_sm {
	width:100%;
	height: var(--gr-card-1-sm-part-height);
	padding: var(--gr-card-content-padding);
}
.gr_card_1_part_lg {
	width:100%;
	height: var(--gr-card-1-lg-part-height);
	padding: var(--gr-card-content-padding);
}
.gr_card_1_content {
	height: calc(90% - var(--gr-card-content-padding));
	margin-bottom: 5%;
	overflow: scroll;
	overflow-x: hidden;
}
.gr_card_1_content_sm {
	height: calc(35% - var(--gr-card-content-padding));
	margin-bottom: 5%;
}
.gr_card_1_content_lg {
	height: calc(80% - var(--gr-card-content-padding));
	overflow: scroll;
	overflow-x: hidden;
}
/* .gr_card_1_content_sm_2 {
	height: calc(28% - var(--gr-card-content-padding));
	margin-bottom: 5%;
}
.gr_card_1_content_lg_2 {
	height: calc(66% - var(--gr-card-content-padding));
	overflow: scroll;
	overflow-x: hidden;
	margin-bottom: 5%;
} */
.gr_card_1_content_sm_2 {
	height: calc(55% - var(--gr-card-content-padding));
	margin-bottom: 5%;
}
.gr_card_1_content_lg_2 {
	height: calc(45% - var(--gr-card-content-padding));
	overflow: scroll;
	overflow-x: hidden;
	margin-bottom: 5%;
}
.gr_card_2 {
	--gr-card-2-sm-part-height: 45%;
}
.gr_card_2_part_sm {
	width:100%;
	height: var(--gr-card-2-sm-part-height);
	padding: var(--gr-card-content-padding);
}
.gr_card_2_part_lg {
	width:100%;
	height: calc(100% - var(--gr-card-2-sm-part-height));
	padding: var(--gr-card-content-padding);
}
.gr_card_2_content {
	height: 75%;
	overflow: scroll;
	overflow-x: hidden;
}

.gr_card_3 {
	--gr-card-1-lg-part-height: 50%;
	--gr-card-1-sm-part-height: 50%;
}
.gr_card_3_content_sm {
	height: calc(35% - var(--gr-card-content-padding));
	margin-bottom: 5%;
}
.gr_card_3_content_lg {
	height: calc(95% - var(--gr-card-content-padding));
	overflow: scroll;
	overflow-x: hidden;
}
.gr_card_team {
	width: 216px;
	height: 281px;
	border-radius: var(--gr-card-border-radius);
	margin: 0 auto;
	transition: none !important;
	transform: none !important;
}
.gr_card_4 {
	--gr-card-1-lg-part-height: 35%;
	--gr-card-1-sm-part-height: 65%;
}

.gr_toolex_container {
	border-radius: 20px;
}

.gr_vcard_top {
	height: var(--gr-vcard-top-height);
	border-bottom: 5px solid #68E49A;
}

.gr_vcard_logo {
	width: var(--gr-vcard-logo-size); 
	height:var(--gr-vcard-logo-size); 
	top: calc(var(--gr-vcard-top-height) - var(--gr-vcard-logo-size)/2);
	position:absolute; 
	overflow:clip; 
	border-top: 5px solid #68E49A; 
	border-radius: 100%; 
	left:0; 
	right:0; 
	margin: auto auto;
}

.gr_vcard_button {
	font-size: var(--gr-vcard-icon-size);
	width: calc(14px * var(--gr-vcard-button-size-multiplier));
	height: calc(14px * var(--gr-vcard-button-size-multiplier));
	border-radius: var(--gr-vcard-button-radius);
	margin: auto auto;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.gr_vcard_icon_font {
	font-size: var(--gr-vcard-icon-size);
}

.gr_vcard_icon_font_sm {
	font-size: calc(var(--gr-vcard-icon-size) * 0.75);
}

.gr_vcard_box_info {
	width:100%; 
	border-bottom:1px solid white;
	margin-bottom:calc(5px * var(--gr-vcard-button-size-multiplier));
}

.gr_vcard_box {
	border-radius: calc(14px * var(--gr-vcard-button-size-multiplier) * 26 / 100);
	padding: calc(5px * var(--gr-vcard-button-size-multiplier));
}

.gr_vcard_inner_button {
	border-radius: calc(14px * var(--gr-vcard-button-size-multiplier) * 26 / 100);
	padding: calc(5px * var(--gr-vcard-button-size-multiplier) / 2);
	margin-right: 0;
	margin-left: auto;
	width:fit-content
}

/*

		BACKGROUNDS

*/

.gr_background_home_1 {
	background: url('../images/backgrounds/header_home_g.jpg'), linear-gradient(180deg, rgba(11, 43, 64, 0.55) 15.62%, rgba(11, 43, 64, 0) 37.5%);
	background-color: rgba(11, 43, 64, 0.7);
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_home_2 {
	background: url('../images/backgrounds/home_bg_1_g.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_home_3 {
	background: url('../images/backgrounds/header_client_g.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_company_1 {
	background: url('../images/backgrounds/header_company_g.jpg'), 
	linear-gradient(180deg, rgba(11, 43, 64, 0.55) 15.62%, rgba(11, 43, 64, 0) 37.5%), rgba(11, 43, 64, 0.7);
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_company_2 {
	background: url('../images/backgrounds/company_bg_1_g.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_company_3 {
	background: url('../images/backgrounds/company_bg_2_g.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_clients {
	background: url('../images/backgrounds/clients_bg_g.jpg'),
	linear-gradient(180deg, rgba(11, 43, 64, 0.55) 15.62%, rgba(11, 43, 64, 0) 37.5%), rgba(11, 43, 64, 0.7);
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_tool_1 {
	background: url('../images/backgrounds/header_tool_g.jpg'),
	linear-gradient(180deg, rgba(11, 43, 64, 0.55) 15.62%, rgba(11, 43, 64, 0) 37.5%), rgba(11, 43, 64, 0.7);
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_tool_2 {
	background: url('../images/backgrounds/tool_bg_1_g.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_tool_3 {
	background: url('../images/backgrounds/tool_bg_2_g.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_tool_4 {
	background: url('../images/backgrounds/tool_bg_3_g.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_tool_5 {
	background: url('../images/backgrounds/tool_bg_4_g.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_customers_1 {
	background: url('../images/backgrounds/header_client_g.jpg'),
	linear-gradient(180deg, rgba(11, 43, 64, 0.55) 15.62%, rgba(11, 43, 64, 0) 37.5%), rgba(11, 43, 64, 0.7);
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_case_study {
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_vcard {
	background: url('../images/backgrounds/vcard_bg.jpg');
	background-repeat: no-repeat;
	background-size:cover;
	background-blend-mode: multiply;
}

.gr_background_vcard_logo {
	background: url('../images/gr_icon.png'), white;
	background-repeat: no-repeat;
	background-size:cover;	
	z-index: 1;
}

.ecogentra_background {
	background: url('../images/backgrounds/ecogentra_bg.jpg'), white;
	background-repeat: no-repeat;
	background-size:cover;	
	z-index: 1;
}

.gartner_background {
	background: url('../images/backgrounds/Gartner_logo.png'), white;
	background-position: center; 
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 1;
}

.drewry_background {
	background: url('../images/backgrounds/drewry.png'), #0B2B40;
	background-position: center; 
	background-repeat: no-repeat;
	background-size: contain;
}

/*	

		COLORS

	Dark blue:		#0B2B40
	Pale green:		#4AAD88
	Bright green:	#68E49A
	Dark green:		#2B7772

*/

.gr_dark_blue{
	background: #0B2B40 !important;
	color:#FFFFFF !important;
}

.gr_pale_green{
	background: #4AAD88 !important;
	color:#FFFFFF !important;
}

.gr_bright_green{
	background: #68E49A !important;
	color:#0B2B40 !important;
}
.gr_bright_green::-webkit-scrollbar {width: 6px;}
.gr_bright_green::-webkit-scrollbar-track {background: transparent;}
.gr_bright_green::-webkit-scrollbar-thumb {background-color: #0B2B40;border-radius: 20px;}

.gr_dark_green{
	background: #2B7772 !important;
	color:#FFFFFF !important;
}

.gr_white{
	background: #FFFFFF !important;
	color:#0B2B40 !important;
}

.ecogentra_orange{
	background: #FF8800 !important;
	color:#FFFFFF !important;
}
.ecogentra_orange_text{
	color: #FF8800 !important;
	background: #FFFFFF !important;
}
.ecogentra_green{
	background: #FFFFFF !important;
	color:#72B892 !important;
}
.ecogentra_dark_green{
	background: #FFFFFF !important;
	color:#395c48 !important;
}

/* .gr_scrollbar { overflow: scroll; overflow-x: hidden;} */
.gr_scrollbar::-webkit-scrollbar {width: 3px;}
.gr_scrollbar::-webkit-scrollbar-track {background: transparent;}
.gr_scrollbar::-webkit-scrollbar-thumb {background-color: #0B2B40;border-radius: 20px;}

.gr_transparent {
	background: transparent !important;
	color:#FFFFFF !important;
}

.gr_btn_disabled {
	color: #AAA;
	background: #444;
}
.gr_btn_disabled:hover {
	color: #AAA;
	background: #444;
	text-decoration: none;
}

.gr_form_err {
	color: red;
}


/*	

		FONTS

*/

.gr_h1   { font-weight: 700; font-size: 35px; line-height: 42px; }
.gr_h2   { font-weight: 700; font-size: 30px; line-height: 36px; }
.gr_h3   { font-weight: 700; font-size: 30px; line-height: 36px; }

.gr_s2	 { font-weight: 500; font-size: 23px; line-height: 36px; }
.gr_s1   { font-weight: 400; font-size: 19px; line-height: 23px; }

.gr_t3   { font-weight: 400; font-size: 17px; line-height: 21px; }

.gr_smt  { font-weight: 200; font-size: 12px; line-height: 12px; }
.gr_t1 	 { font-weight: 400; font-size: 16px; line-height: 19px; }
.gr_t1_b { font-weight: 700; font-size: 16px; line-height: 19px; }
.gr_t2   { font-weight: 400; font-size: 14px; line-height: 140%; }
.gr_t4   { font-weight: 700; font-size: 30px; line-height: 120%; }

.gr_l1 		  { font-weight: 400; font-size: 19px; line-height: 120%;  }
.gr_l1:active { font-weight: 700; font-size: 19px; line-height: 120%;  text-shadow: 1px 0px 0px inherit; }
.gr_l1:hover  { font-weight: 400; font-size: 19px; line-height: 120%;  text-shadow: 1px 0px 0px inherit; }

/*	

		NAVBAR - MENU	

*/

.navbar-toggler-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(217,217,217,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-toggler:focus{
	/* border: 2px solid #68E49A; */
	--bs-navbar-toggler-focus-width: 0rem;
}

.gr_navbar-nav > li {
	margin-left:20px;
	transition: none;
}
.gr_navbar-nav > li:hover {
	scale: 1;
}

 
.gr_navbar-nav > li > a{
	padding:8px;
	
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 140%;

	color: #FFFFFF;
	border: 2px solid transparent;
	border-radius: 135px;
	/* transition: all .2s ease-in-out; */
	transition: none;
}

.gr_navbar-nav > li > a:hover{
	text-shadow: 1px 0px 0px #FFFFFF;
	color:#FFFFFF;
}

#menu_login {
	color: #FFFFFF;
	border: 2px solid #68E49A;
	border-radius: 135px;
	padding: 0px 5px;
}

#header {
	width: 100%;
	position: absolute;
	z-index: 100;
}

.active > a, .active > a:hover, .active > a:focus{
	color:#FFFFFF!important;
	text-shadow: 1px 0px 0px #FFFFFF;
}

.gr_navbar-nav > #menu_home{
	display: none;
}

/*	

		BOX LANG		

*/

#box_lang {
	position:absolute;
	top:0;
	right:0;
	margin:18px 30px;
	color: #ffffff;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 140%;
}

#box_lang a{
	color: #ffffff;
	text-decoration:none;
}

.lang_sel{
	color:#FFFFFF!important;
	font-weight: 700;
	font-size: 19px;
}



/*

		OTHER

*/



@media (min-width: 360px) {

	.gr_h_padding_carousel {
		padding-left:  var(--gr-h-padding-amount);
		padding-right: var(--gr-h-padding-amount);
	}

}



@media (min-width: 475px) {

	:root {
		--gr-h-padding-amount: 50px;
		--gr-v-padding-ratio: 1.333;

		--gr-icons-ratio: 0.9;

		--gr-vcard-top-height: 350px;
		--gr-vcard-button-size-multiplier: 4;
		--gr-vcard-icon-size: 2.5em;
	}

	.gr_img {
		height: 50vh;
	}

	.gr_logo_big {
		width: calc(350px * var(--gr-icons-ratio));
		display: block;
		margin: auto;
		margin-bottom: 1rem;
	}

	.gr_h1   { font-weight: 700; font-size: 75px; line-height: 88px; }
	.gr_h2   { font-weight: 700; font-size: 50px; line-height: 68px; }
	.gr_h3   { font-weight: 400; font-size: 50px; line-height: 68px; }

	.gr_s2	 { font-weight: 500; font-size: 38px; line-height: 50px; }
	.gr_s1   { font-weight: 400; font-size: 30px; line-height: 30px; }

	.gr_t3   { font-weight: 400; font-size: 25px; line-height: 25px; }

	.gr_t1 	 { font-weight: 400; font-size: 19px; line-height: 120%; }
	.gr_t1_b { font-weight: 700; font-size: 19px; line-height: 120%; }
	.gr_t2   { font-weight: 400; font-size: 16px; line-height: 140%; }
	.gr_t4   { font-weight: 700; font-size: 30px; line-height: 120%; }

	.gr_l1 		  { font-weight: 400; font-size: 19px; line-height: 120%;  }
	.gr_l1:active { font-weight: 700; font-size: 19px; line-height: 120%;  text-shadow: 1px 0px 0px inherit; }
	.gr_l1:hover  { font-weight: 400; font-size: 19px; line-height: 120%;  text-shadow: 1px 0px 0px inherit; }

	.gr_faq_q {
		height: 7em;
	}

	.gr_button {
		margin-left: 0;
		margin-right: 0;
		text-decoration: none;
	}

	.gr_select {
		margin-left: 0;
		margin-right: 0;
		text-decoration: none;
	}

	.gr_button:hover, .gr_card:hover, .gr_card_team:hover {
		transform: scale(1.2);
	} 

	.gr_client_col {
		flex: 1 0 50%;
	}
	.gr_client_logo {
		max-height: 50px;
		max-width: 150px;
	}
	.gr_client_logo_ferrero {
		max-height: 50px;
		max-width: 220px;
	}
	.gr_client_bg {
		min-height: 110px;
		min-width: 180px;
	}

}



/* qua scatta il mobile */



@media (min-width: 768px) {

	:root {
		--gr-h-padding-amount: 30px;
		--gr-h-opposite-padding-ratio: calc(89 / 131);
		--gr-v-padding-ratio: 1;

		--gr-icons-ratio: 1;

		--gr-vcard-logo-size: 150px;
		--gr-vcard-top-height: 400px;
	}

	.gr_logo_big {
		width: calc(290px * var(--gr-icons-ratio));
		display: block;
		margin: auto;
		margin-bottom: 1rem;
	}

	.gr_h1   { font-weight: 700; font-size: 85px; line-height: 88px; }
	.gr_h2   { font-weight: 700; font-size: 65px; line-height: 68px; }
	.gr_h3   { font-weight: 400; font-size: 65px; line-height: 68px; }

	.gr_s2	 { font-weight: 500; font-size: 38px; line-height: 50px; }
	.gr_s1   { font-weight: 400; font-size: 30px; line-height: 30px; }

	.gr_t3   { font-weight: 400; font-size: 25px; line-height: 25px; }

	.gr_t1 	 { font-weight: 400; font-size: 19px; line-height: 120%; }
	.gr_t1_b { font-weight: 700; font-size: 19px; line-height: 120%; }
	.gr_t2   { font-weight: 400; font-size: 16px; line-height: 140%; }
	.gr_t4   { font-weight: 700; font-size: 30px; line-height: 120%; }

	.gr_l1 		  { font-weight: 400; font-size: 19px; line-height: 120%;  }
	.gr_l1:active { font-weight: 700; font-size: 19px; line-height: 120%;  text-shadow: 1px 0px 0px inherit; }
	.gr_l1:hover  { font-weight: 400; font-size: 19px; line-height: 120%;  text-shadow: 1px 0px 0px inherit; }


	/* .gr_button {
		margin-left: 0;
		margin-right: 0;
	} */

	.gr_icon {
		margin-left: 0;
		margin-right: 0;
	}

	.gr_client_col {
		flex: 1 0 25%;
	}

	.gr_card_1 {
		--gr-card-1-sm-part-height: 30%;
	}

	.gr_card_content_sm {
		height: calc(40% - var(--gr-card-content-padding));
		margin-bottom: 5%;
	}
	.gr_card_content_lg {
		height: calc(70% - var(--gr-card-content-padding));
		overflow: scroll;
		overflow-x: hidden;
	}

	.gr_card {
		height: 452px;
		width:  354px;
	}
	.gr_card_team {
		width: 274px;
		height: 373px;
	}
	.gr_card_1 {
		--gr-card-1-sm-part-height: 35%;
	}

	.gr_faq_q {
		height: 4em;
	}

	.gr_card_1_content_sm_2 {
		height: calc(28% - var(--gr-card-content-padding));
		margin-bottom: 5%;
	}
	.gr_card_1_content_lg_2 {
		height: calc(66% - var(--gr-card-content-padding));
		overflow: scroll;
		overflow-x: hidden;
		margin-bottom: 5%;
	}

}



/* qua scatta il menu / lg */



@media (min-width: 992px) {

	:root {
		--gr-h-padding-amount: 40px;
	}

	.gr_faq_q {
		height: 3em;
	}

	.gr_navbar-nav > li {
		transition: all .2s ease-in-out;
	}
	.gr_navbar-nav > li:hover {
		scale: 1.2;
	}
	
	 
	.gr_navbar-nav > li > a{
		transition: all .2s ease-in-out;
	}

}



@media (min-width: 1200px) {

	:root {
		--gr-h-padding-amount: 80px;
	}

	.gr_logo_big {
		width: calc(400px * var(--gr-icons-ratio));
		display: block;
		margin: auto;
		margin-bottom: 1rem;
	}

	.gr_client_logo {
		max-height: 75px;
		max-width: 175px;
	}
	.gr_client_logo {
		max-height: 100px;
		max-width: 175px;
	}
	.gr_client_bg {
		min-height: 140px;
		min-width: 210px;
	}

}



@media (min-width: 1536px) {

	:root {
		--gr-h-padding-amount: 120px;
	}

}



@media (min-width: 1700px) {

	:root {
		--gr-h-padding-amount: calc((100vw - 1600px) / 2);
	}

	.gr_h_padding_toolex {
		padding-left: 2%;
		padding-right: 2%;
	}

	.gr_h_padding_left{
		padding-right: 81.5px;
	}
	.gr_h_padding_right{
		padding-left: 81.5px;
	}

	.gr_v_padding_1 {
		padding-top: 204px; 
		padding-bottom: 221px;
	}
	.gr_v_padding_2 {
		padding-top: 122px; 
		padding-bottom: 141px;
	}
	.gr_v_padding_3 {
		padding-top: 120px; 
		padding-bottom: 120px;
	}
	.gr_v_padding_toolex {
		padding-top: 140px; 
		padding-bottom: 50px;
	}
	.gr_v_padding_toolex_2 {
		padding-top: 20px; 
		padding-bottom: 32px;
	}

	.gr_client_logo {
		max-height: 100px;
		max-width: 200px;
	}
	.gr_client_logo {
		max-height: 130px;
		max-width: 200px;
	}
	.gr_client_bg {
		min-height: 170px;
		min-width: 240px;
	}

}



@media (max-width: 990px) {

	.gr_header_title{
		font-size: 2rem;
	}
	
	.offcanvas {
		background-color:#68E49A;
		color: #0B2B40;
	}
	
	.offcanvas-title{
		font-style: normal;
		font-weight: 700;
		font-size: 19px;
		line-height: 120%;
	}
	
	.gr_navbar-nav > li > a{
		color: #0B2B40;
		text-align: left;
	}
	.gr_navbar-nav > li {
		border-bottom: 2px solid #FFFFFF;
		margin: 0 20px;
		padding-left: 0 !important;
	}
	
	.gr_navbar-nav .active{
		color:#FFFFFF!important;
		background-color:#0B2B40;
		border: 2px solid #0B2B40!important;
		border-radius: 135px!important;
		margin: -2px 0 0 0;
		padding-left: 20px!important;
		z-index: 2;
	}
	
	.active > a, .active > a:hover, .active > a:focus{
		color: #FFFFFF!important;
		border: 2px solid #0B2B40!important;
	}
	
	.gr_navbar-nav > #menu_home{
		display: block;
	}
	
	#box_lang {
		position:absolute;
		top:90%;
		right: unset;
		margin:18px 30px;
		color: #0B2B40;
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 140%;
	}

	#box_lang a{
		color: #0B2B40!important;
		text-decoration:none;
	}

	.lang_sel{
		font-weight:bold;
		color: #0B2B40!important;
	}
	
}