@font-face {
	font-family: 'Lato';
	src: url('../fonts/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato Light';
	src: url('../fonts/Lato-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html {
    font-family: 'Lato';
}
body {
    margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

a {
    background-color: transparent;
}
a:active, a:hover {
    outline: 0 none;
}
b, strong {
    font-weight: bold;
}
h1, h5, .title {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: lighter;}
h3, h4 {font-family:'Lato Light';}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
img {
    border: 0 none;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="submit"] {
    cursor: pointer;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
input {
    line-height: normal;
}
fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	display: none;
}
textarea {
    overflow: auto;
}
* {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
html {
    font-size: 100%;
}
body {
    background-color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
	color: #323232;
}
@media (min-width: 1200px) {
body {
    font-size: 14px;
	
}
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    color: #323232;
    text-decoration: none;
}

a:focus {
    outline-offset: -2px;
}
a, a:visited {
    color: #323232;
}
a {
    transition: color 0.2s ease 0s;
}
form span {
	color: #ff0000;
}
figure {
    margin: 0;
}
img {
    vertical-align: middle;
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
[role="button"] {
    cursor: pointer;
}
.thumbnail.green h4 {
    color: #323232;
    font-size: 18px;
}
h1 {
    font-size: 1.13333em;
}
h2 {    font-size: 0.85714em;}

@media (min-width: 1200px) {
h3 {
    font-size: 30px;
}
}
p {
    margin: 0 0 6px;
    line-height: 1.5;
}
ul, ol {
    margin-bottom: 12px;
    margin-top: 0;
	padding: 0;
}
ul ul, ul ol, ol ul, ol ol {
    margin-bottom: 0;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 4px;
    padding-right: 4px;
	width: 100%;}

@media (min-width: 1200px) {
.container { width: 1200px;}
}

@media (min-width: 1600px) {
.container {
    width: 1440px;
}
}
.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 4px;
    padding-right: 4px;
}
.content {
	background-color: #f8f8f8;
	padding-bottom: 40px;
}
.row {
    margin-left: -4px;
    margin-right: -4px;
}
.row::before, .row::after {
    content: " ";
    display: table;
}
.row::after {
    clear: both;
}
[class*="col-"]{
    min-height: 1px;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    float: left;
}
.col-xs-12 {
    width: 100%;
}

@media (min-width: 768px) {
.col-sm-1 {
    width: 8.33333%;
}
.col-sm-2 {
    width: 16.6667%;
}
.col-sm-3 {
    width: 25%;
}
.col-sm-4 {
    width: 33.3333%;
}
.col-sm-5 {
    width: 41.6667%;
}
.col-sm-6 {
    width: 50%;
}
.col-sm-7 {
    width: 58.3333%;
}
.col-sm-8 {
    width: 66.6667%;
}
.col-sm-9 {
    width: 75%;
}
.col-sm-10 {
    width: 83.3333%;
}
.col-sm-11 {
    width: 91.6667%;
}
.col-sm-12 {
    width: 100%;
}
}
.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 10px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #f6f6f7;
	background-image: none;
	border: 1px solid #cfcfcf;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
   color: #999;
   opacity: 1;
}
.form-control:-ms-input-placeholder {
   color: #999;
}
.form-control::-webkit-input-placeholder {
   color: #999;
}
.form-control::-ms-expand {
   background-color: transparent;
   border: 0;
}
.form-group {
	margin-bottom: 15px;
}
.form-group h4 {
	margin-top: 30px;}
.btn {
    -moz-appearance: none;
    -moz-user-select: none;
    background-color: #506D85;
    border-radius: 23px;
    border: 2px solid transparent;
    white-space: nowrap;
    color: #fff;
	font-family: 'Lato', sans;
	text-transform: uppercase;
    font-size: 14px;
    line-height: 1em;
    margin-top: 20px;
    min-width: 150px;
    outline: medium none;
    padding: 12px 20px;
    text-align: center;
    vertical-align: middle;
    transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border-color 0.2s ease 0s;
}

.flex {max-width:100%;margin-top: 90px;}
.hero {
    background-color: #fff; 
	overflow: hidden;}

@media (min-width: 998px) {

}
.hero h2 {
    font-size: 1.40rem;
    line-height: 1.3;
	text-align: center;
	margin-top: 24px;
	font-weight: 700;
}
@media (min-width: 1200px) {
.hero h2 {
    
    line-height: 1.2;
}
}
.hero-caption{
	padding-top: 10px;
	text-align: center;
}

.navbar {
    background-color: #ffffff;
    border-bottom: 1px solid #f1f1f1;}
.navbar-brand  {
	margin: 10px 0 0 40px;
}
@media (min-width: 998px) {
.hero-caption{ /* padding-top: 90px; padding-left: 0px; width: 131%;*/}
.navbar {height:80px;}
.flex { margin-top: 10px !important;}
.hero h2 {
    font-size: 1.75rem;}
.thumbnail {min-height:335px;}
 .logo  {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../images/company-logo.png);
    background-origin: padding-box, padding-box;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
    height: 71px;
    width: 250px;
    display: block;
    text-indent: -9999px;}
	
	.center-aligned {
	display: flex;
align-items: center;
justify-content: space-around;
flex-direction: column;
position: relative;
min-height: 500px;}

.thumbnail {margin: 125px 0;}
}
/* animazione bottoni */

.scale-in-center  {
	text-align:center;}


.scale-in-center img {
	-webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
	max-width: 200px;
}

.btn.bottom-links {
	cursor: pointer;
	position: absolute;
    z-index: 10000;
    width: 55%;
	left: 22.5%;
	bottom:-20px;} 

.btn.bottom-links:hover + .scale-in-center img  {
-webkit-transform: translateY(-50px) scale(0.5);
    -moz-transform: translateY(-50px) scale(0.5);
    -ms-transform: translateY(-50px) scale(0.5);
    transform: translateY(-50px) scale(0.5);}

.btn.bottom-links a, .btn.bottom-links a:hover {color:#fff !important;}

.langs {
	text-align: right;
	margin-top: 5px;}
.langs li, .langs a {
    width: 20px;
    height: 20px;
    line-height: 15px;
    text-align: center;
    display: inline-block;}
.active {
    text-decoration: none;
    color: #D6001C;
}
.langs li {
    margin: 0 0.1em;}
.target {
	background-image: url(../images/target.jpg);
    background-position: center -240px;
    background-repeat: no-repeat;
	background-size: cover;}


.center-core img {max-width: 100%;}

.links {
    padding: 1.5em 0 3.5em;
    background-color: #e9ebed;}
.langs a {
    background-color: #D6001C;
    border: 1px solid #D6001C;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
	color:#fff;}
.thumbnail {
    padding: 25px;
    box-shadow: 0px 3px 8px 2px #000000;
    background: rgba(235,235,235,0.8);
    border-radius: 0.5rem;}

@media (min-width: 1600px) {
.thumbnail {
	padding: 40px;
}
}


footer {
	background-color: #506D85;
	color:#ffffff;
	padding: 20px 30px;}
footer a, footer a:visited {color:#fff;}
footer h5 {
	font-size: 18px;
	text-transform: uppercase;
	padding: 0;
	margin: 0;}
footer > .container {
    border-bottom: 1px solid #ffffff !important;
	padding-bottom: 20px;}
footer > .container:last-child {
    border-bottom: 0px !important;
	padding-top: 0px;
	padding-bottom:0;}

footer .col-sm-4.col-xs-12 {text-align: center;}  

@media (min-width: 768px){
.footer-copy p {
    text-align: right;
}
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after {
	display: table;
	content: " ";
}
.container:after, .container-fluid:after, .row:after, .navbar:after, .navbar-header:after {
	clear: both;
}
/* POPUP */
#layer1 {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 99%;
	height: 99%!important;
	height: 1200px;
	background-color: #333;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	border: 1px solid #000000;
	margin: 0px;
	z-index: 100;
	text-align: center;
}
#layer {
	display: block;
	position: absolute;
	top: 15%;
	right: 20%;
	left: 20%;
	padding: 20px 20px 20px 230px;
	z-index: 1000;
	border: 2px dotted #efefef;
	background: #fff url(../images/alert.png) no-repeat 25px center;
}
#layer h3 {
	color: #5F5F5F;
	font-size: 15px;
	font-weight: normal;
	line-height: 25px;
}
.bottone {
	border: 0px;
	background-color: #002c5f;
	color: #ffffff;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 20px;
	margin-top: 0px;
	margin-right: 0px;
	font-weight: bold;
	clear: both;
}

.blue_line {Border-top: 20px solid #e40001;}

.red {color: #e50102 !important;}

/* floating menu */

#floating-menu {
    bottom: 25%;
    z-index: 150;
	position: fixed;
	right: 0;}
#floating-menu ul {
    opacity: 0.1;
    border-radius: 5px 0 0 5px;
    padding: 0.5em;
    transition: all 0.6s ease 0s;
	background: #506D85;}
#floating-menu ul li {list-style-type: none;}
#floating-menu ul:hover {
    opacity: 0.9;
}
.social-list a {
    background: url(../images/social-spr.png) no-repeat 0 0;
    width: 31px;
    height: 31px;
    margin: 0 0 0 0.5em;
}
#floating-menu .social-list a {
    display: block;
    margin: 0 0 0.5em 0;
}
#floating-menu .social-list li:last-child a {
    margin: 0;
}
#floating-menu {display: none;}
a.twitter {
    background-position: 0 bottom;
}
a.linkedin {
    background-position: 0 -73px;
}
.social-footer {margin-top: 5px;}
.social-footer img { margin-left: 20px;}

.company-logo {display:none;}
.product-logo { display:block;}
.center-core .product-logo { display:none !important;}

@media (min-width: 998px) {
	
#floating-menu {display: block;}	

.navbar {
	position:fixed;
	left: 0;
    right: 0;
    transition: top 0.2s ease-out 0s;
    z-index: 100;	}
.company-logo {display:block;}
.product-logo { display:none;}
.center-core .product-logo {
	display:block !important;
	position: absolute;
    bottom: 80px;
    left: 0px;}	
.langs {
	text-align: right;
	margin-top: 30px;}
.langs li, .langs a {
    width: 30px;
    height: 30px;
    line-height: 25px;
    text-align: center;
    display: inline-block;}
.form-group h4 {
	margin-top: 10px;}
}
@media (max-height: 768px) {
	.target {background-position:  center -40px !important;}
	.center-core .product-logo {bottom: 40px !important;}
}

html[dir="rtl"] body, html[dir="rtl"] .btn {font-family: 'Tajawal', sans-serif;	font-weight: 400;font-size:18px;direction: rtl !important;}

html[dir="rtl"] input[placeholder] { font-size: 18px; }

html[dir="rtl"] .form-control {height:auto !important;}

html[dir="rtl"] .form-group h4 { margin-top: 0px;}

html[dir="rtl"] h5 {font-family: 'Tajawal', sans-serif;font-weight: 700;font-size:20px;}

html[dir="rtl"] h3 { font-size: 35px !important;}

html[dir="rtl"] .thumbnail { padding: 5px 25px; }

html[dir="rtl"] .langs, html[dir="rtl"] .left-align {direction:ltr !important; font-size:14px; font-family:'Lato';}

html[dir="rtl"] .red {font-weight: 700;}

html[dir="rtl"] footer {padding: 20px 30px 18px;}

@media (min-width: 992px) {
    .btn-idm {
        width:50%;
        text-align:center;
        position: absolute;
        top: 40%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
    }
    .supplier {
        top: 55%; 
    }
}