body {background-color:#fff;
background-image: linear-gradient(#f2f2f2,#3f5a8f,#3f5a8f);
font-size:10pt;
padding-top:10px;
padding-bottom:0px;
font-family: 'Roboto', sans-serif;
}

h1 {color:#2c2c4c;font-size:20pt;font-family:'Roboto',sans-serif}
h2 {color:#333;font-size:20pt;font-family:'Roboto',sans-serif;}
h3 {color:#333;font-size:18pt;font-family:'Roboto',sans-serif}
hr {border-bottom:1px dotted #efefef;}
.wideform {border-bottom:1px dashed #efefef;padding:0px 0px; display:block;float:left;width:100%;}
.narrowform {display:block; float:left; max-width:380px;padding:0px 0px; display:block;float:left;width:100%;}
.search-field{
    display: block;
    min-height: 45px;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    background-color: #f8f8f8;
    border: 1px solid #f00;
    color: #7b7b7b;
    padding-right:39%;
}

.dropdown-menu{
	border-radius:0px 0px 10px 0px;
	border-left:2px solid #00c;
	transition: box-shadow .3s ease;
	background-color:#fff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.5);
}
.bg-light {background-color:#2980b9;}
/* .bg-bluelight_old {background-color:#00355e;box-shadow:inset 0px 10px 10px rgba(0,0,0,0.5);border-bottom:2px solid #fc0;} */

.navbar-light .navbar-nav .nav-link {color:#224;font-size:12pt;font-weight:300;}
.navbar-nav .show>.nav-link {color:#fc0;}
.navbar-light .navbar-nav .show>.nav-link:hover{color:#fc0;}
.navbar-light .navbar-nav .nav-link:hover {color:#f60;font-size:12pt;}

#maincontent {background-color:#fff;}
#compare{float:right;padding:2px;font-size:12pt;margin:2px;
color:#f60;text-align:center;text-shadow:0px 0px 0px #000; border-right:1px solid #999;padding-right:10px;}
#myaccount{float:right;padding:2px;font-size:12pt;margin:2px;
color:#06b;text-align:center;text-shadow:0px 0px 0px #000; border-left:1px solid #999;padding-left:10px;}

#favourite {float:right;padding:2px;font-size:12pt;margin:2px;color:#093;text-align:center;}

.leftmenudiv{background-color:#fff; border:1px solid #ccc;border-left:1px solid #ff0000;display:block;float:left;width:100%; padding:10px;}

.navbar-toggler-icon, .navbar-toggler-icon:visited{color:#fff;}
.navbar-light .navbar-toggler {border:0px solid #fff; color:#fff; background-color:#007bff;padding:8px;}


.nrcart{
	font-size:7pt;
	font-weight:700;
	border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 1px;
    background: #0a0;
    border: 2px solid #0a0;
    color: #fff;
    text-align: center;
    position: relative;
    display:block;float:right;
    top:-15px;
    right:0px;
    margin:0px;
    box-shadow:2px 2px 5px rgba(0,0,0,0.6);
    }    

.titpage{display:block;float:left;width:100%;background-color:#fff;padding:3px 10px;}
.titpage h1{font-size:18pt;font-weight:300;color:#f00;text-align:right;}
.crumbs{font-size:9pt;color:#222; text-align:right;}
.crumbs a{text-decoration:none; border-bottom:1px dashed #228;color:#222}
.crumbs a:hover{text-decoration:none; border-bottom:1px dashed #228;color:#c00;}
 
#col-filtre {
	margin-top:10px;
	min-height:500px; 
	padding:15px;
	font-size:10pt;
	background-color:#fff;
	
	}
h4{font-size:10pt; color:#c00; border-bottom:1px solid #fee;}
.filterlabel{padding:2px 15px;font-size:8pt;font-weight:700;}
.btnbar{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);}
.btnbar a:hover{color:#0b3;text-shadow:2px 5px 5px rgba(0,0,0,0.3);transition: color 0.2s ease;}

label{font-size:8pt;display:block;float:left;width:100%;margin-bottom:0px;margin-top:10px;}
input[type='text'],[type='password']{display:block;float:left;width:100%;border:1px solid #777;border-radius:2px;padding:4px 10px;font-size:14pt;color:#222;background-color:#fafafa}
textarea{display:block;float:left;width:100%;border:1px solid #777;border-radius:2px;padding:4px 10px;font-size:14pt;color:#222;background-color:#fafafa;height:100px;}
input[type='submit']{display:block;float:left;width:100%;border:1px solid #333;border-radius:2px;padding:4px 10px;font-size:14pt;background-color:#06b; color:#fff;margin-top:5px;transition:box-shadow .9s ease}
input[type='text']:hover,[type='password']:hover{border:1px solid #06e;box-shadow:0px 0px 10px rgba(0,0,100,.1);background-color:#fff;} 
textarea:hover{border:1px solid #06e;box-shadow:0px 0px 10px rgba(0,0,100,.1);background-color:#fff;}
input[type='submit']:hover{display:block;float:left;width:100%;border:1px solid #33f;border-radius:2px;padding:4px 10px;font-size:14pt;background-color:#07c; color:#fff;box-shadow:0px 0px 10px;margin-top:5px;transition:box-shadow .9s ease}

#footer {color:#222;background-color:#d8ebf8;border-top:4px solid #fe0002;min-height:200px;font-size:8pt; line-height:250%;padding-top:20px;}
#footer h3{font-size:12pt; color:#222;}
#footer a,a:visited {color:#222;text-decoration:none;}
#footer a:hover {color:#222;text-decoration:none;}

#logomondo{max-height: 40px;display: block;border: none;margin:0 auto}
.noborder{border:none;}

.navbar{font-size:8pt;font-weight:bold;padding:2px 5px;}
.navbar a, .navbar a:link, .navbar a:visited {color:#fff;}
.bgnav{
/* background-image: linear-gradient(to right, #f00 , #3f5a8f, #fff, #fff); */ 
background-color:#3f5a8f;
border-bottom:1px solid #eee; color:#fff; border-bottom:2px solid #f00; }

.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #2980b9;
}
.dropdown-item {
    color: #000;
    text-decoration: none;
    background-color: #fff;
}

.imgdetailcontainer{display:block;float:left;width:100%;padding:3px; background-color:#fff; overflow:hidden;}
.imgdetailprod {display:block;float:left;width:100%;}

.productbox{border:1px solid #cfcfcf; background-color:#fff;padding:8px; display:block; float:left;width:100%;box-shadow:0px 0px 2px rgba(0,0,0,.2);margin:10px 0px; font-size:9pt;text-align:right;}
.productbox:hover{box-shadow:0px 0px 3px rgba(0,0,0,.4); border:1px solid #fe0002; background-color:#fff;}
.productbox h2{font-size: 12pt;}
.productbox h3{font-size: 11pt;}
.productbox b{font-size:12pt; color: #fe0002;font-weight:600;}
.imgsmallbox {margin:10px; max-width:140px;display:block;float:left;}

.imgsmallbox2 {margin:0px; max-width:100%;display:block;float:left;}

.carusel-caption{font-size:40pt;font-family:'Quicksand', sans-serif;}

.productbox-wow{border:2px solid #c00; background-color:#fff;padding:8px; display:block; float:left;width:100%;box-shadow:0px 0px 2px rgba(0,0,0,.2);margin:10px 0px; font-size:9pt;text-align:right; border-radius:5px;}
.productbox-wow:hover{box-shadow:0px 0px 3px rgba(0,0,0,.4); border:2px solid #fe0002; background-color:#fff;}

.detaliishop input[type='text']{font-size:14pt;width:26pt;text-align:center;border:1px solid #333;border-radius:3px;}

.tc-nd--table td{border-right:2px solid #eee;padding:4px 30px; border-bottom:1px dashed #ccc; margin:4px}

.btn-mondo-buy {background-image: linear-gradient(#fe0002, #c00, #fe0002, #ee0000);border: 1px solid #c00; width:100%;padding:2px;font-size:12pt;}
.btn-mondo-buy:hover {background-image: linear-gradient(#fe0002, #c00, #fe0002, #ee0000);border: 1px solid #c00;}
.bg-blue {background-image: linear-gradient(to top,#164e93,#3580a4);}

.button, .button:visited {display:block;float:left;width:100%;border:1px solid #333;border-radius:2px;padding:4px 10px;font-size:14pt;background-color:#06b; color:#fff;margin-top:5px;transition:box-shadow .9s ease}
.button:hover {display:block;float:left;width:100%;border:1px solid #33f;border-radius:2px;padding:4px 10px;font-size:14pt;background-color:#07c; color:#fff;box-shadow:0px 0px 10px;margin-top:5px;transition:box-shadow .4s ease}
.buttonsmall, .buttonsmall:hover{font-size:10pt;width:initial;margin:2px;}

.buttoncart:link, .buttoncart:visited {padding:7px 2px;background-image: linear-gradient(#fe0002, #c00, #fe0002, #ee0000);width:50%; border-radius:3px;border:none;margin:0px 0px;} 
.buttoncart:hover {padding:7px 2px;background-image: linear-gradient(#fe0002, #ee0000, #fe0002, #c00);width:50%; border-radius:3px;border:none;margin:0px;} 

.buttonfav, .buttonfav:visited {display:block; float: left; padding:5px 3px; color: #444;background-color:#fefefe;font-size:11pt;width:30%;border:1px solid #ccc;border-radius:3px;text-align:center;margin-right:10px;}

.imgdetailthumb {display:block;float:left;margin:5px;padding:10px;background-color:#fff;text-align:center;font-weight:bold;color:#222;font-size:10pt;max-width:30%;border-radius:5px;}

.lmenu{width:100%;margin:2px 0px;}

.btn-mondo-fav {background-image: linear-gradient(#efefef, #ccc, #efefef, #dfdfdf);border: 1px solid #999; width:100%;padding:2px;font-size:12pt;color:#111;}

.imglgbox {margin:10px; max-width:100%;display:block;float:left;}


/* --- start menu ----- */
 @import url('https://fonts.googleapis.com/css?family=Quicksand');
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

/*
1.1 Header Area
***************************************************/
/*Bootstrap Reset*/

.header_bottom { background-color: #fea; }
.header_area .header_bottom .mainmenu a , .navbar-default .navbar-nav > li > a {
    color: #222;
    font-size: 9pt; font-weight:700;
    text-transform: capitalize;
    padding: 16px 15px;
    font-family: 'Quicksand', sans-serif;
    border:1ps solid transparent;
}
.header_area .mainmenu .active a,
.header_area .mainmenu .active a:focus,
.header_area .mainmenu .active a:hover,
.header_area .mainmenu li a:hover,
.header_area .mainmenu li a:focus ,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
    color: #000;
    background: #fb1;
    background-image: linear-gradient(#fecf12, #fedb12, #ffb91c, #feef22);
    border: 1px solid #fb0;
    outline: 0;
}
/* -------------------- FLIP CARD START -------------- */
.flip-card {
  background-color: transparent;
  margin-top:10px;
  /*display:block;float:left;*/
  width:240px;
  height:240px;
  max-height:380px;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
  background-color: #2980b9;
  color: white;
  padding:20px;
  transform: rotateY(180deg);
}

.titprodusback{color:#fff; font-weight:300; font-size:16pt;}
/* -------------------- FLIP CARD END -------------- */

/*-----/ Main Menu-----*/
.navbar-big {
  overflow: hidden;
  background-color: #efefef;
  color:#333;
  border: 1px solid #aaa;
  border-radius:3px;
  padding:5px 0px;
  margin:10px 10px;
  box-shadow:10px 0px 10px rgba(0,0,0,.2);
}

.navbar-big a {
  float: left;
  font-size: 10pt;
  color: #333;
  font-weight:bold;
  text-align: center;
  padding: 4px 8px;
  text-decoration: none;
}

.dropdown-big {
  float: left;
  overflow: hidden;
}

.dropdown-big .dropbtn {
  font-size: 10pt;  
  border: none;
  outline: none;
  color: #000;
  padding: 4px 8px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.navbar-big a:hover, .dropdown:hover .dropbtn {
  color: #c00;
}

.dropdown-content-big {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 90%;
  left: 0;margin:0 auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content-big .header {
  padding: 6px;
  color: #33c;
}

.dropdown-big:hover .dropdown-content-big {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  background-color: #efefef;
  /* height: 250px; */
}

.column a {
  float: none;
  color: black;
  padding: 6pt;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  background-color: #ddd;
}



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

.navbar-big h2{font-size:14pt;}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
}

/* ---- end menu ---- */

.carousel-caption{font-size:40pt;font-family:'Quicksand',Arial,Sans-Serif;color:rgba(255,255,255,.7);}



@keyframes shadowPulse {
    0% {
        box-shadow: 0px 0px 10px 0px hsla(0, 0%, 0%, 1);
    }

    100% {
        box-shadow: 0px 0px 5px 0px hsla(0, 0%, 0%, 0);
    }
}

.shadow-pulse {
    animation-name: shadowPulse;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}





/* -------------- logicindustry -------------*/
 .logicindustry, .logicindustry:visited, .logicindustry:active {font-size:8pt; padding:3px 10px;border:1px solid #fff;color:#fff;width:100%;display:block;float:left;text-align:center;text-decoration:none;margin:5px 0px;transition:background-color .4s ease;}
 .logicindustry:hover{color:#c00 !important;border:1px solid #000;transition:background-color .4s ease;background-color:#fff;text-decoration:none;}