/*-----------------------------------------------------------------------------------*/
/*	STILE GENERALE
/*-----------------------------------------------------------------------------------*/

::selection {background: #000; color:#fff;}
::-moz-selection {background: #000; color:#fff;}

footer ::selection {background: #fff; color:#000;}
footer ::-moz-selection {background: #fff; color:#000;}

header ::selection {background: #fff; color:#000;}
header ::-moz-selection {background: #fff; color:#000;}

body {
	overflow-x:hidden;
	position:relative;
	margin: 0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size: 13px;
	line-height: 20px;
	color: #505050;
	background-color:#fff;
}

#page {overflow-x:hidden; position:relative; z-index:5;}

section {background-color:#fff;}

.container {padding-left:0; padding-right:0;}

a, input, select, textarea {
	vertical-align:top;
	outline:none !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

select:-moz-focusring {
    color: transparent;
	outline:none !important;
    text-shadow: 0 0 0 #000 !important;
	border:0 !important;
}

textarea {resize: none;}

img {
	outline:0;
	vertical-align:top;
	border:0;
	max-width:100.1%;
	height:auto;
}

a {color:#999; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
a:hover, a:focus {text-decoration:none; color:#001845;}

.margbot0 {margin-bottom:0;}
.margbot5 {margin-bottom:5px !important;}
.margbot10 {margin-bottom:10px;}
.margbot20 {margin-bottom:20px;}
.margbot25 {margin-bottom:25px;}
.margbot30 {margin-bottom:30px !important;}
.margbot40 {margin-bottom:40px;}
.margbot50 {margin-bottom:50px;}
.margbot60 {margin-bottom:60px;}
.margbot70 {margin-bottom:70px;}
.margbot80 {margin-bottom:80px;}

.pad0 {padding:0 !important;}
.padbot0 {padding-bottom:0 !important;}
.padbot10 {padding-bottom:10px !important;}
.padbot20 {padding-bottom:20px !important;}
.padbot30 {padding-bottom:30px !important;}
.padbot40 {padding-bottom:40px !important;}
.padbot50 {padding-bottom:50px !important;}
.padbot60 {padding-bottom:60px !important;}
.padbot70 {padding-bottom:70px !important;}
.padbot80 {padding-bottom:80px !important;}
.padtop0 {padding-top:0 !important;}

/*-----------------------------------------------------------------------------------*/
/*	CARATTERI
/*-----------------------------------------------------------------------------------*/

p {margin:0 0 20px;}

h1, h2, h3, h4, h5, h6 {
	margin-top:0;
	font-family: 'Roboto', sans-serif;
	text-transform:none;
	font-weight:300;
    color:#000c22;
}
h1 {margin:0 0 26px; line-height:46px; font-size:46px;}
h2 {margin:0 0 26px; line-height:40px; font-size:40px;}
h2 b {font-weight:500;}
h3 {margin:0 0 21px; line-height:25px; font-size:22px;}
h3 b {font-weight:900;}
h4 {margin:0 0 10px; line-height:25px; font-size:20px;}
h4 b {font-weight:500;}
h5 {margin:0 0 10px; line-height:20px; font-size:15px;}
h6 {margin:0 0 15px; line-height:20px; font-size:12px;}

.center {text-align:center;}
.right {text-align:right;}

/*-----------------------------------------------------------------------------------*/
/*	LOGO
/*-----------------------------------------------------------------------------------*/
.logo {float:left;}
.logo a {line-height:80px;font-size:26px;}
.logo a span {padding-right:18px;}
.logo a span.title {font-family: 'Frutiger','Segoe UI',arial;font-weight:900;}


header .logo a span {display:inline-block}
header .logo a span.title {color:#000c22;}
footer .logo a span {display:inline;} 
footer .logo a span.title {color:#fff;}


/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
header {
	position:relative;
	height:80px;
	background-color:#fff;
}

/* __________ Menu __________ */
.menu_block {
	position:absolute;
	z-index:9999;
	left:0;
	top:0;
	right:0;
	height:80px;
	width:100%;
	background-color:#fff;
	box-shadow:0 2px 3px rgba(0,0,0,0.1);
}

.navmenu ul li {
	position:relative;
	display:inline-block;
}
.navmenu ul li a {
	display:block;
	margin:0 0 0 -3px;
	padding:30px 20px;
	text-transform:uppercase;
	font-weight:600;
	line-height:20px;
	font-size:13px;
	color:#000c22;
	transition: all 0.3s ease-in-out; 
	-webkit-transition: all 0.3s ease-in-out;
}

.navmenu li:hover a, .navmenu li.active a {color:#001845;}

/* Sub menu */
.sub-menu ul {
	display: none;
	position: absolute;
	z-index: 9990;
	width: 180px;
	left: 50%;
	top: 100%;
	padding: 0;
	margin: 0 0 0 -90px;
}
.sub-menu.last ul {right:0; left:auto;}
.sub-menu ul:before {
	content:'';
	position:absolute;
	left:50%;
	top:-6px;
	margin-left:-5px;
	width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 6px solid #1c1c1c;
}

.sub-menu ul li  {
	margin:0;
	padding:0;
	width:100%;
	border-top: 0;
}
.sub-menu ul li a {
	position:relative;
	margin:0;
	padding: 15px 5px 14px 21px;
	font-weight:400;
	text-align:left;
	font-size:12px;
	color:#999 !important;
	background:#000c22;
	border-bottom:1px solid #282828;
}
.sub-menu ul li:last-child a {border-bottom:0;}

.sub-menu ul li.active a, .sub-menu ul li a:hover {color:#fff !important; background:#001845;}

.flag {width:26px;opacity:.7;}
.navmenu li a:hover .flag, .navmenu li a.active .flag {opacity:1;}

/*-----------------------------------------------------------------------------------*/
/*	HOME
/*-----------------------------------------------------------------------------------*/
#home {position:relative;}

/*-----------------------------------------------------------------------------------*/
/*	SEZIONI
/*-----------------------------------------------------------------------------------*/
#about {padding:100px 0 75px;}
#certifications {
	padding:100px 0 75px;
	background:#eee;
	background-size:cover;
	background-attachment:fixed !important;
}
.she {
    margin: 30px;
    float:right;
}
#contacts {padding:100px 0 75px;}
#ghost {
	position: relative;
	z-index:0;
	padding:0;
	background:transparent;
}
#loginsect {padding:100px 0 75px;}

/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/

footer {
	overflow:hidden;
	position:fixed;
	z-index:1;
	bottom:0;
	left:50%;
	opacity:0;
	width:100%;
	padding:60px 0 10px;
	color:#999;
	background-color:#000c22;
	transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}


/*-----------------------------------------------------------------------------------*/
/*	COOKIE
/*-----------------------------------------------------------------------------------*/
#cookieAlert ::selection {background: #fff; color:#000;}
#cookieAlert ::-moz-selection {background: #fff; color:#000;}
	
#cookieAlert, #cookieAlert > .containerck {
    z-index:999;
    margin: 0 auto;
    clear: both;
    background-color: #000c22;
}
#cookieAlert {

    border-bottom: 1px solid #ddd;
	font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 0.25em;
}
#cookieAlert > .containerck {
    padding: 1%;
    /*max-width: 980px;*/
    position: relative;
    padding-right: 50px;
}
#cookieAlert > .containerck > .infoalert {
    padding: 0 50px 0 0;
	color: #ccc;
}
#cookieAlert > .containerck > .infoalert a {
	color: #ccc;
    text-decoration: underline;
    
}
#cookieAlert > .containerck > .infoalert a:hover {
	color: #aaa;
}

#cookieAlert .btnclose {
    z-index:9999;
    cursor: pointer;
    padding: 0.5em 2em;
    font-size: 10px;
    font-family: Verdana;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 6px;
    position: absolute;
    right: 20px;
    top: 23px;
}
#cookieAlert .btnclose:hover {
    background: #ccc;
    color: white;
}





/*-----------------------------------------------------------------------------------*/
/*	RESPONSIVE STYLES
/*-----------------------------------------------------------------------------------*/

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#certifications, .top_slider .slide1, .top_slider .slide2, .top_slider .slide3 {background-attachment:scroll !important; background-position:0 0;}
	.top_slider .slide1, .top_slider .slide2, .top_slider .slide3 {background-size:cover !important;}

}


@media (min-width: 992px) and (max-width: 1199px) {
	#certifications {background-attachment:scroll !important; background-size:100% auto !important; -webkit-background-size:100% auto !important;}
	
	h2 {font-size:35px; line-height:35px;}

/* __________ Menu __________ */
	.navmenu ul li a {padding-left:15px; padding-right:15px;}

}

@media (min-width: 768px) and (max-width: 991px) {
	.logo a {font-size:22px;}

/* __________ Menu __________ */
	.navmenu ul li a {padding-left:10px; padding-right:10px; font-size:11px;}
    .sub-menu ul li a {font-size:10px;}
/* __________ Index __________ */
	.img_wrapper {width:100px !important;}

/* __________ Footer __________ */
	footer {position:static; left:auto; bottom:auto; transform:none; -webkit-transform:none;}
	
	.respond_clear {clear:both; height:0; font-size:0;}

}

@media (max-width: 767px) {
	.container {padding-left:15px; padding-right:15px; margin:0 10px 0;}
	h2 {font-size:30px; line-height:32px;}
	.logo a {font-size:22px;}
	
/* __________ Menu __________ */
	a.menu_toggler {float:right; margin: 24px 0 0 0 ; width:32px; height:32px; line-height:32px; }
	a.menu_toggler:hover {background-color:#ddd;}
	

a.menu_up {
    z-index: 1;
    position:fixed;
    bottom: 100px;
    right:10px;
    cursor:pointer;
}
a.menu_up:hover {background-color:#ddd;}    
    
	.navmenu {position:absolute; left:0; right:0; top:80px; background-color:#fff;}
	.navmenu ul {padding:10px 0;}
	.navmenu ul li {display:block; text-align:left;}
	.navmenu ul li a {padding:4px 20px;}
	
	.sub-menu ul {display:block; position:static; width:100%; box-shadow:none; padding:0; margin:0;}
	.sub-menu ul:before {display:none !important;}
	.navmenu li.sub-menu:hover, .navmenu li.sub-menu.active_page {background:none;}
	.sub-menu ul li a {background:none; border:0; padding-left:30px;}
	.sub-menu ul li a:hover, .sub-menu ul li.active a {background:none !important; color:#333 !Important;}
	.sub-menu ul li a:before {content:'-'; position:absolute; z-index:10; left:17px; top:4px; color:#666;}

/* __________ Index __________ */
	.client_img {width:140px; display:inline-block;}

/* __________ Footer __________ */
	footer {position:static; left:auto; bottom:auto; transform:none; -webkit-transform:none;}
	
	.respond_clear {clear:both; height:0; font-size:0;}
    
}

@media (max-width: 479px) {
.logo a {font-size:20px;}
/* __________ Index __________ */
	h2 {font-size:26px; line-height:26px;}

/* __________ Bootstrap Style __________ */
	.col-ss-1, .col-ss-2, .col-ss-3, .col-ss-4, .col-ss-5, .col-ss-6, .col-ss-7, .col-ss-8, .col-ss-9, .col-ss-10, .col-ss-11 {float: left;}
	.col-ss-12 {width: 100%;}
	.col-ss-11 {width: 91.66666666666666%;}
	.col-ss-10 {width: 83.33333333333334%;}
	.col-ss-9 {width: 75%;}
	.col-ss-8 {width: 66.66666666666666%;}
	.col-ss-7 {width: 58.333333333333336%;}
	.col-ss-6 {width: 50%;}
	.col-ss-5 {width: 41.66666666666667%;}
	.col-ss-4 {width: 33.33333333333333%;}
	.col-ss-3 {width: 25%;}
	.col-ss-2 {width: 16.666666666666664%;}
	.col-ss-1 {width: 8.333333333333332%;}

}