/* Copyright (c) DELTA X MULTIMEDIA -  Tutti i diritti sono riservati. */
/* CSS Document */
/* Main */


/* padding_tb = top / bottom padding */

@charset "utf-8";

@import 'reset.css';
@import 'fonts.css';
@import 'font-awesome.css';
@import 'complianceCookie.css';

/* Reset ------------------------------------------------------------- */

* { margin: 0; padding: 0; box-sizing: border-box;}

*:before,
*:after {
  box-sizing: inherit;
}


html { overflow-y: auto;}
body { background-color:#fff; margin: 0;font-family: "OpenSansRegular", Arial, helvetica, sans-serif;}


/*::-moz-selection {background: #999; color: #fff; text-shadow: none;}
::selection {background: #999; color: #fff; text-shadow: none;}*/

.clearfix {
    clear: both;
}

ol, ul { list-style: none; list-style-image: none; margin: 0; padding: 0;}
ul li { margin: 0; padding: 0; margin: 0 0 0px;}


a { outline: none; border:none;
	-webkit-transition: color 0.2s ease-in;
	-moz-transition: color 0.2s ease-in;
   	-o-transition: color 0.2s ease-in;
   	-ms-transition: color 0.2s ease-in;
   	transition: color 0.2s ease-in;}
	
a:hover, a:active {outline: none;}

a, a:active, a:focus {
   outline: none;
}

img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;display: block; box-sizing:content-box;}


/* Preload */
.img_preload {
	opacity: 1;
	transition: opacity 0.3s;
}

img[data-src] {
	opacity: 0;
}

.img-bio
{
	float:left;
	margin-right:16px;
	padding-bottom:5px;
}


/*immagine normale*/
.img_desc 
{
	
 	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	border:1px solid #666;
	margin:0 auto;
	margin-bottom:20px;
}

/*risolve il bug del resizing usando flexbox in chrome*/
.ChromeFlexbox
{
	border:none !important;
	outline: 1px solid #666 !important;
    outline-offset: -1px !important;	
}


h1,h2,h3 {font-weight: 600; color:#666;}

h2
{
	font-size: 20px;
	color:inherit;	
}

strong {
	font-family: 'OpenSansRegular';
	font-weight: bold;
}


body {
	font-size: 14px;
	font-family: "OpenSansRegular", Arial, helvetica, sans-serif;
	color: #666;
	background-color: #fff;
	margin: 0;
	padding: 0;
	
	scrollbar-width: thin;          /* "auto" or "thin"  */
	/*scrollbar-color: blue orange;   /* scroll thumb & track */ 
}

.flex, .hl-flex {max-width: 100%;}	
.img_flex {display: block; }

.link_footer,.link_footer_credits {text-decoration:none; font-family: Arial, Verdana, Helvetica,Arial, sans-serif;-webkit-transition: color 0.2s ease;transition: color 0.2s ease;}
.link_footer:link, .link_footer:active, .link_footer:visited, {color:#ccc;}
.link_footer:hover {Color:#60a7ff;}

.link_footer_credits:link,.link_footer_credits:active,.link_footer_credits:visited {color:#999;}
.link_footer_credits:hover {color:#fff;}


.link, .link_breadcrumbs, .link_alert {font-size: 14px; text-decoration:none; -webkit-transition: color 0.2s ease;transition: color 0.2s ease;}
.link:link, .link_breadcrumbs:link {color:#0084d7;}
.link:active, .link_breadcrumbs:active {color:#0084d7;}
.link:visited, .link_breadcrumbs:visited {color:#0084d7;}
.link:hover, .link_breadcrumbs:hover {color:#e10068;}


.link_special_event_xmas{text-decoration:underline; -webkit-transition: color 0.2s ease;transition: color 0.2s ease;}
.link_special_event_xmas:link {color:#b80c0c;}
.link_special_event_xmas:active {color:#b80c0c;}
.link_special_event_xmas:visited {color:#b80c0c;}
.link_special_event_xmas:hover {color:#d7b978;}


.link_alert:link,.link_alert:active,.link_alert:visited  {color:#cc0000;}
.link_alert:hover {color:#00a651;}

.link_breadcrumbs {color:#b9a039;text-decoration:underline;}

.link_sitemap_item:link,.link_sitemap_item:active,.link_sitemap_item:visited {font-size: 13px; text-decoration:none; color:#7ca4c5; font-family: Arial, helvetica, sans-serif;}
.link_sitemap_item:hover {font-size: 13px; text-decoration:none; Color:#fff; font-family: Arial, helvetica, sans-serif;}

.link_top_info, .link_prefooter
{
	font-size: 12px; text-decoration:none; Color:#fff; font-family:"OpenSansRegular", Arial, Verdana, Helvetica, sans-serif;
}

.link_top_social {font-size: 14px; text-decoration:none; font-family: Arial, Verdana, Helvetica,Arial, sans-serif;-webkit-transition: color 0.2s ease;transition: color 0.2s ease;}

.link_prefooter
{
	font-size: 14px;	
}

.link_top_info:link,.link_prefooter:link,.link_top_social:link {color:#fff;}
.link_top_info:active,.link_prefooter:active, .link_top_social:active {color:#fff;}
.link_top_info:visited,.link_prefooter:visited, .link_top_social:visited {color:#fff;}
.link_top_info:hover,.link_prefooter:hover, .link_top_social:hover {text-decoration:none; color:#cae2ff;}

.text {font-family:"OpenSansRegular", Arial, Verdana, Helvetica, sans-serif;text-decoration:none;}

.xxxl{font-size:30px;}
.xxl{font-size:28px;}
.xl {font-size: 22px;}
.l {font-size: 18px;}
.xm {font-size: 16px;line-height:24px;}
.m {font-size: 15px; line-height:24px;}
.normal {font-size: 14px; line-height:22px;}
.s {font-size: 12px; line-height:20px;}
.xs {font-family:Arial;font-size: 12px;}
.xxs {font-family:Arial;font-size: 11px; line-height:20px;}


.uppercase
{
text-transform: uppercase;
}


#container
{ 
 width: 100%;
 overflow:hidden;
}

#wrapper-single-menu,#wrapper
{
	width: 90%;	
	max-width: 1120px;  /*1020*/
	margin: 0 auto;
	
	margin-right: auto;
  	margin-left: auto;
  	
	display: block;
}


#wrapper-single-menu
{
	width: 100%;	
	max-width: 800px;
}

.padding_t
{
	padding-top:40px;
}

.padding_tb
{
	padding-top:40px;
	padding-bottom:40px;
	overflow:hidden;	
}


.padding_b
{
	padding-bottom:40px;	
}


.padding_tb_wide{
	padding-top:60px;
	padding-bottom:60px;	
	overflow:hidden;
	}
	
.margin-t{
	margin-top:20px;
}

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

.margin-wide-t{
	margin-top:40px;
}

.margin-wide-b{
	margin-bottom:40px;
}


.top
{
	height: 42px;
	font-family:"OpenSansRegular", Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	line-height:42px;
	width:100%;
	background:#60a7ff;
}

#top_main_link
{
	display:inline-block;
}

#top_info_container
{
	float:right;	
}

#top_tel_box
{
	float:left;
    display:inline-block;
	/*margin-top:10px;
	padding-left:8px;
	margin-right:8px;
	vertical-align:middle;
	line-height:42px;*/
}

#top_social_box
{
	float:left;
	display:inline-block;
	margin-top:5px;
	padding-left:8px;
}

.al_center
{
	text-align:center;
}

.al_justify
{
	text-align:justify;
}

.row-container
{
	overflow: hidden;
	display:inline-flex;
	padding:10px 0px 10px 0px;
	border-bottom:1px dotted #666;
	width:100%;
}


.row
{
	padding-bottom:40px;	
}

.row:last-child
{
	padding-bottom:0px;
}

.cookie-row-icon
{
	float:left;

}

.cookie-row-desc
{
	display:block;
	width:100%;
}


.cookie-row-icon
{
	margin-right:20px;
}




#trow
{
    display: table;
    width: 100%;
    table-layout: fixed;   
}

#tcol
{
    display: table-cell;
	vertical-align: middle;
	/*color:#004880;*/
	box-sizing:content-box;
    /*background-color: red;*/
}



.item_row
{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #eee;
	overflow:hidden;	
}

.item_row:last-child
{
	margin-bottom:0px;
}


#box
{
	float:left;
	display:inline-block;
	line-height:normal;
}

#logo
{
	display:block;
	float:left;
	
	margin: 0 auto;

	width: 400px;

	max-width: 100%;
	text-indent: -9999px;
	
}



#logo_sticky
{
	display:block;
	float:left;

	width: 280px;

	max-width: 100%;
	text-indent: -9999px;
}

#logo_footer
{
	width: 90%;
}

.image-link
{
	webkit-transition:all 0.2s ease-in;  
    -moz-transition:all 0.2s ease-in;  
    -o-transition:all 0.2s ease-in;  
    transition:all 0.2s ease-in;	
}

.image-link:hover{ opacity: .85; }



.team-image-link
{
	opacity: 0;
	webkit-transition:all 0.2s ease-in;  
    -moz-transition:all 0.2s ease-in;  
    -o-transition:all 0.2s ease-in;  
    transition:all 0.2s ease-in;	
}

.team-image-link:hover
{
	opacity: 1;
	cursor:pointer;
}

/* Clear floats after the columns */
.team:after {
    content: "";
	display: table;
    clear: both;
}


/* Create four equal columns that floats next to each other */
.team_box {
    float: left;
    width: 25%;
	margin-top:20px;	
	background-size:contain;
	padding:10px;
	/*background-position:top;*/
	background-repeat:no-repeat;	
	box-sizing: border-box;
	background-origin: content-box;
}


.team_box img
{
    width:100%;
    vertical-align: middle;
    height:auto;
}


.team_box_info
{
	margin:0 auto;
	text-align:center;

	/*padding-right:8px;
	/*background-color:#eee;*/
}


.team_box_info_container
{

	margin-top:10px;
}



#team-image-crossfade
{
    
	height:100%;
    width:100%;
}

#team-image-crossfade img
{
    position:absolute;
	width:100%;
    /*left:0;*/
    opacity: 1;
    -webkit-transition: opacity ease-in-out 0.5s;
    -moz-transition: opacity ease-in-out 0.5s;
    -o-transition: opacity ease-in-out 0.5s;
    -ms-transition: opacity ease-in-out 0.5s;    
    transition: opacity ease-in-out 0.5s;
}
 
#team-image-crossfade img.img_over:hover
{
    opacity:0;
	cursor:pointer;
}


/*#menu
{
	display:inline-block;
	text-align: center;
}*/


.menu,.sticky_menu
{
	
	/*text-align: center;	*/
	/*position:relative;*/
    width: 100%;

	/*background-color: rgba(255, 255, 255, 1);*/
	background-color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	
	border-bottom:1px solid #ddd;
}


.sticky_menu
{
	/*position:absolute;*/
	position: fixed;
	z-index:999;
	display:none;
	/*visibility:hidden;*/
	background-color: rgba(255, 255, 255, 0.98);
	opacity: 1;
	top:0px;
	text-align: center;
	
	padding-top:10px;
	padding-bottom:10px;
}


#nav_menu, #nav_sticky_menu
{
	display:inline-block;
	float:right;
	margin-top:18px;
}

#nav_sticky_menu
{
	margin-top:5px;
}

#image-link
{
	webkit-transition:all 0.2s ease-in;  
    -moz-transition:all 0.2s ease-in;  
    -o-transition:all 0.2s ease-in;  
    transition:all 0.2s ease-in;	
}

#image-link:hover{ opacity: .60; }




.page_title
{
	font-family: "OpenSansSemiboldRegular", Arial, helvetica, sans-serif;
	padding:0px 0px 20px 0px;
	color:#60a7ff;
}


.breadcrumbs_page_title{
	font-family: "OpenSansSemiboldRegular", Arial, helvetica, sans-serif;
	padding:8px 0px 0px 0px;
	font-size:24px;
	color:#60a7ff;
}

.section_title
{
	font-family: "OpenSansSemiboldRegular", Arial, helvetica, sans-serif;
	padding:10px 10px 10px 0px;
	color:#ee8220;
}

.section_title:first-child
{
	padding-top:0px;
}

.title_border_bottom
{
	margin-bottom:20px;
	border-bottom:4px solid #eee;
}

.breadcrumbs
{
	background-color:#f2f2f2;	
	/*border-top:1px solid #ddd;*/
	border-bottom:1px solid #ddd;
	color:#999;	
	
	padding-top:14px;
	padding-bottom:14px;
}

.breadcrumb_title
{
	padding-top:10px;
	color:#0084d7;
}

#credits_wrapper
{
	margin:0 auto;
	text-align:center;
}

#home_short_desc
{
	font-size:13px;	
}



.service-box
{
    background: #fff;
    /*border: 4px solid #0070ba;	*/
    /*width: 8vw;
    height: 6vw;*/
	height:1.4em;
	
	margin: 0 auto;
	float: none;
    vertical-align: middle;
    line-height: 1.4em;	
	
    font-size: 4em; 
    /*font-size: 3.5vw;	*/
	
	color:#0070ba;
}

.vert_spaced_up_down
{
	margin-top:10px;
	margin-bottom:10px;
}


.three-col-grid
{

}

.grid-item {
  width: calc((100% - 30px * 2) / 3);
  margin-right: 30px;	  
  margin-top: 0px;
  float: left;
}

/* For a 3-column grid */
.grid-item:nth-child(3n+3)
{
  margin-right: 0;
  float: right;
}

.grid-item
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-pack: center;
	  -ms-flex-pack: center;
		  justify-content: center;
  -webkit-box-align: center;
	  -ms-flex-align: center;
		  align-items: center;
		  
			  

  /*text-align: center;*/
  /*background: rgba(255, 0, 0, 0.25);*/
}	

.grid-item-container
{
	
	height:240px;
	/*display:inline-block;*/
	/*height:250px;*/
	/*height:auto;*/
}


.four-col-grid-item {
  width: calc((100% - 30px * 3) / 4);
  margin-right: 30px;	  
  margin-top: 0px;
  float: left;
}



/* For a 4-column grid */
.four-col-grid-item:nth-child(4n+4)
{
  margin-right: 0;
  float: right;
}

/* Demo purposes */
.four-col-grid-item
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-pack: center;
	  -ms-flex-pack: center;
		  justify-content: center;
  -webkit-box-align: center;
	  -ms-flex-align: center;
		  align-items: center;
		  
			  

  /*text-align: center;*/
  background: rgba(255, 0, 0, 0.25);
}	

.four-col-grid-item-container
{
	
	height:240px;
	/*display:inline-block;*/
	/*height:250px;*/
	/*height:auto;*/
}

.footer_logo
{
	width:30%;
	float:left;
	margin-right:8%;
	/*background: rgba(255, 0, 0, 0.25);*/
}

.footer_sitemap_container
{
	width:40%;
	float:left;
	margin-right:6%;
		/*background: rgba(255, 0, 0, 0.25);*/
	
}

.footer_sitemap
{

	float:left;
	width:42%;

	margin-right:16%;

}

.footer_terms
{
	float:left;
	width:42%;
	margin-right:0px;
}

.footer_language
{
	width:16%;
	float:right;

	margin-right:0px;

	/*background: rgba(255, 0, 0, 0.25);*/
}

.footer_item_credit
{
	display:inline-block;
	text-align:center;
	background:url(../images/deltaxmultimedia_logo_web_credits.png) center center no-repeat no-repeat;
	height:50px;
	line-height:50px;
	padding-top:20px;
	padding-bottom:20px;
}

.footer_copyright_row
{
	float:left;	
}

.owner
{
	float:left;
	line-height:30px;
}

.developer
{
	float:right;
	line-height:30px;
	margin:0 auto;
}

.col_50
{
	float:left;
	width:48%;
	margin-right:4%;
}

.col_50:last-child
{
	margin-right:0px;
}

.col_30
{
	float:left;
	width:32%;
	margin-right:2%;
}

.col_30:last-child
{
	margin-right:0px;
}

.col_20
{
	float:left;
	width:22%;
	
	margin-right:4%;
}

.col_20:last-child
{
	margin-right:0px;
	
}

#img-map
{
	object-fit: cover;
	height: auto;
	width: 100%;
}


#map
{
	width:100%;
	height:500px;
	border-top:4px solid #ddd;
	border-bottom:4px solid #ddd;

	-webkit-transition: border-color 0.2s ease-in-out;
	transition: border-color 0.2s ease-in-out; 	
}

#map:hover
{
	border-top:4px solid #60a7ff;
	border-bottom:4px solid #60a7ff;
}


/*.gmap
{
	width:100%;
}*/

#content_wrapper
{
	padding:20px 0px 20px 0px;	
	color:#666;
	overflow: hidden;
}


#right_side,#right_side1
{
	width:calc(50% - 80px);
	float:left;
    /*margin-left:40px;*/
	padding-left:40px;
	border-left:1px solid #eee;
	box-sizing:border-box;	
	
	
}

#left_side
{
	width:50%;
	float:left;
	margin-right:40px;
	/*padding-right:40px;*/
	/*border-right:1px solid #eee;*/
	box-sizing:border-box;

}



.contact_item {
	display: table;
	padding:0px 0px 12px 0px;
	font-size:13px;
	color:#666;
	
}
.contact_item_icon {
	display: table-cell;
	padding-right:10px;
	vertical-align: top;
	text-align:center;
	width:18px;
}
.#contact_item_text {
	display: table-cell;

}

.contact_item:last-child
{
	padding:0px;
}


.hl-container             { display: -webkit-flex; display: -ms-flexbox; display: flex; }
.hl-container .column     { flex: 1; background: none; margin-right: 30px;position:relative;}

.hl-container .column:last-child {margin-right: 0px;}


.hl-title
{
	/*padding-top:10px;
	padding-bottom:10px;*/
	color:#5b6b80;
	text-align:center;

}


.highlights
{

	padding-top:40px;
	padding-bottom:40px;
	background-color:#f4f4f4;
	color: #fff;	
	/*text-align:center;*/
}


.hl-img
{
	margin-top:20px;
	padding-bottom:20px;
	width:100%;
}


.hl-row
{
	margin-top:10px;
	padding-bottom:8px;
}

.hl_desc
{
	
	margin-bottom:40px;
	padding-bottom:40px;
	/*min-height:100px;*/
	color:#666;
}



.footer
{
	padding-top:40px;
	padding-bottom:40px;
	background-color:#344355; /*#3d4147;*/
	color: #fff;
	
}


.footer_content
{
	/*border-right: 1px solid #fff;
	box-sizing:border-box;
	background-color:#666;*/
}

.footer_item
{
	/*margin-right:20px;	
	margin-bottom:20px;
	line-height:30px;*/
	color:#cccccc;
	border-bottom:1px solid #4f5e6f; /*#57697e;*/
	/*padding-bottom:10px;*/
	padding-top:10px;
	height:42px;
	vertical-align:middle;	
}

.footer_item:first-child
{
	padding-top:0px;
}

.footer_item_cookie
{
	display:inline-block;
	float:right;
	background:url(../images/deltaxmultimedia_logo_web_credits.png) 108px 0px no-repeat no-repeat;
	height:30px;
	line-height:30px;
}

.footer_copyright
{
	padding-top:30px;
	padding-bottom:30px;
	color:#999;
	background-color:#181f28;/*#1b1e22;*/
}



/*.sitemap
{
	padding-top:40px;
	padding-bottom:40px;
	background-color:#0084d7;
	color: #fff;	
	text-align:center;
}*/


#sitemap_box
{
	float:left;
	width:calc((100% - 30px * 2) / 3);
	margin:0 auto;
	margin-right:30px;
	/*text-align:center;*/
	display: block;
	height:auto;
}

#sitemap_box:last-child
{
	margin-right: 0px;	
}

#sitemap_box_content
{
}

.sitemap_box_title
{
	color:#fff;	
	/*padding-bottom:10px;*/
	height:90px !important;
	
	/*vertical-align:top !important;*/
	
}


#start_hidden
{
	visibility:hidden;	
	display:none;
}

.mir,.mil,.mic
{
	border:none;
}




.grow:hover
{
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	cursor:pointer;
	
}

.rounded
{
	  -moz-border-radius:3px;
	  -o-border-radius:3px;
	  -webkit-border-radius:3px;
	  border-radius:3px;	
}

.circle
{
	  -moz-border-radius:100%;
	  -o-border-radius:100%;
	  -webkit-border-radius:100%;
	  border-radius:100%;	
}


.underline
{
	border-bottom:1px solid;
}



.transition
{
	-o-transition: all .5s ease;
	-ms-transition:	all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	transition:	all .5s ease;	
}

.multicolor {
  animation: colorchange 50s; /* animation-name followed by duration in seconds*/
	 /* you could also use milliseconds (ms) or something like 2.5s */
  -webkit-animation: colorchange 50s; /* Chrome and Safari */
}

@keyframes colorchange
{
  0%   {background: red;}
  25%  {background: yellow;}
  50%  {background: blue;}
  75%  {background: green;}
  100% {background: red;}
}

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
{
  0%   {background: red;}
  25%  {background: yellow;}
  50%  {background: blue;}
  75%  {background: green;}
  100% {background: red;}
}

