html {
  position: relative;
  min-height: 100%;
}
body{font-family: 'Oswald', sans-serif;background-color:#fff;color:#000;min-height:100%;max-width:94%;margin:0 auto;background:url('../images/back.png') #ccc; }
h1,h2,h3,h4{text-align:center;font-family: 'Orbitron', sans-serif;}
a {color:#000;font-weight:bold;}
a:hover{color:#1F40AD;text-decoration:none;}


header,nav,#wrap,.navbar{background-color:#fff;}
nav{min-height:80px;}


#wrap {
  min-height: 100%;
  height: auto;
 background:#fff;
}



div.headline{width:100%;margin-top:15px;}
div.headline > img {margin: 0 auto; }

/*generic image to float on left*/
img.leftwpad{margin:5px;border:2px solid #1F40AD;border-radius:3px;float:left !important;}
img.centerimage{display:inline-block;margin:0 auto;border:2px solid #1F40AD;border-radius:3px;transition:all .5s ease-in-out;}
img.centerimage:hover{opacity:.8;}
.centercolumn{text-align:center !important;}

.funnyrowcol{background-color:#4569D9;border:1px solid #444}


.navbar{border:none;}
.nav a{text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.5px !important;
  color: #000 !important;
}
/*animate top navbar when is changing*/
.navbar-default{transition: all 0.3s ease-in-out;padding:20px;float:left;z-index:99;}

button.navbar-toggle{background-color:#fcfcfc;}

.nav > li {transition: all .5s ease-in-out;border-radius:0px;border:5px solid transparent;padding:0px !important;margin:0 !important}
.nav > li:hover{border-top:3px solid #1F40AD;opacity: 0.8;height:auto;}
.nav>li>a{padding:5px !important;margin:5 !important}
.dropdown-menu,.dropdown-menu >li > a {}
.nav{}


#boxmainpage{border-bottom:3px solid #012D9C;background: url('../images/back_mid.jpg') #234BBD;min-height:200px;clear:both;}
#boxmainpage img{margin: 0 auto;opacity: 0.7;border-radius:15px;transition: all 1s ease-in-out;}
#boxmainpage img:hover{opacity: 1;border-radius:15px;transition: all 0.75s ease-in-out;}
#boxmainpage > .row-fluid {padding-top: 70px}



#boxtoppage{border-bottom:3px solid #603E46;border-bottom:3px solid #603E46;background-color:#1F40AD;}
#boxtoppage img:hover{opacity: 0.9;border-radius:5px;transition: all 1s ease-in-out;}
#boxtoppage img{margin: 0 auto;opacity: 1;border-radius:1px;transition: all 1s ease-in-out;}
#boxmainpage > .row-fluid {padding-top: 70px}


.browseProductImage {
  max-height: 90px;
  width: auto;
  margin:auto;
  max-width: 100%;
}
.product-media-container {width:100%;margin:5px 1px 5px 1px; text-align:center; border:3px solid #1F40AD;opacity: 0.5;transition: all 1s ease-in-out;}
.product-media-container > a {width:100%;}
.product-media-container:hover{opacity: 1;border-radius:1px;transition: all 1s ease-in-out;}

.product-media-container h2{font-size:22px;}

#footer {
  height:100%;
  width:100%;
  background: url('../images/back_foot.jpg') #234BBD;
  color:#fff;
  text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
  padding:10px 0 10px 0;
  border-top:3px double #CCCCCC;
  border-bottom:3px double #CCCCCC;
  margin-top:50px;
  padding:40px 0 30px 0;
  font-size:15px;
  text-align:left;
}

#footer-right-image{
     position:absolute;
     bottom:0;
     right:5px;
}
#footer-right-image  {z-index:-1;}

#footer>.container{z-index:5;}
#footer a{font-weight:bold;transition: all .4s ease-in-out;}
#footer a:hover{color:#fcfcfc;}


article {margin: 10px 50px 10px 50px;min-height:300px;}


.hrstyle{ width:80%;border-top:1px solid #CCCCCC;}

.slider-wrapper { z-index:120;
	max-width: 100%; 
	margin: 100px auto;
	margin:0;
}
#slider{border-bottom:2px solid #1F40AD;}


#logo {
	margin:10px;float:right;
	  transition: all 0.3s ease-in-out;
}
#underlogo{float:right;margin:5px;clear:right;}
#langdiv{margin:7px 4px;float:right;}

.socialbtn{clear:none;float:left;padding:1px;}
.socialbtn img,#langdiv img{max-width:24px;transition: all .5s ease-in-out;}
.socialbtn img:hover, #langdiv img:hover{opacity:.7;}

.seo-link {
    text-shadow: none!important;
    font-size:10px!important;
}

@media(max-width:767px){
	#logo{float:none; margin:0 auto;padding:0;}
	#logo img{margin:0 auto;}
	#logo{position:relative;margin:0 auto;text-align:center;top:0;left:0;margin:10px;}
	.navbar-default{padding:0;}
	.socialbtn img, #langdiv img{max-width:100%;}
	.btn-mail{display:block !important;float:right;margin:8px 4px 8px 0;background-color:#1F40AD;border-color:#ccc;transition: all .6s ease-in-out;}
}

.btn-mail{display:none;}
.btn-mail:hover{background:#00228D;}


/*fix images on the same line for fancybox*/
.fancybox-inline {display: inline-block;max-width:100%;}

/*contact form*/
#feedbackform{border:3px solid #fff;border-radius: 8px;padding:5px;width:100%}
div.forminput{float:none;clear:right;}
#messaggio {width:650px;height:200px;max-width:96%;border:1px solid #ccc;padding:5px;}
div.infoprivacy{height:130px;max-width:100%;overflow:scroll;border:1px solid #ccc}
div.sendformbtns{text-align:right;padding-bottom:10px;}

/*google map*/
#OCgoogleMap{width:100%;height:380px;margin-bottom:25px;border-top:3px double #CCCCCC;border-bottom:3px double #CCCCCC;border-radius:0;}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 30px;
  left: 10px;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border:2px solid #fcfcfc;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(35, 75, 189, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  /*visibility: hidden;
  opacity: 0;*/
  opacity: 0;
  -webkit-transition: opacity .5s 0s, visibility 0s .3s;
  -moz-transition: opacity .5s 0s, visibility 0s .3s;
  transition: opacity .5s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
opacity: 1;
border:2px solid #fcfcfc;
  -webkit-transition: opacity .5s 0s, visibility 0s 0s;
  -moz-transition: opacity .5s 0s, visibility 0s 0s;
  transition: opacity .5s 0s, visibility 0s 0s;
}


/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#1F40AD; /* change if the mask should be a color other than white */
	z-index:109; /* makes sure it stays on top */
}

#status {
	width:100px;
	height:100px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally on the screen */
	top:50%; /* centers the loading animation vertically on the screen */
	background-image:url(../images/pre.svg); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;

}


/*fixing navbar on tab/mobile*/
@media (max-width: 48em) {
.navbar-default{transition: all 0.3s ease-in-out;padding-left:0 !important;float:none;}

.navbar-collapse{}
.nav > li {text-align:center;}
#wrap{  background: #fff;}
#boxmainpage img{width:100%;opacity: 1;}

}