@CHARSET "UTF-8";

HTML,BODY{
	margin: 0;
	padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}
footer{
  font-size: 90%;
}
img {border: 0;}
.clr{ clear:both; }
.center{ text-align: center;}
.right{ text-align: right;}


/************** Typography styles **************/
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0; line-height: 1.2em;}
/* Override the bootstrap defaults */
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 21px; }
h4 { font-size: 15px; }
h5 { font-size: 12px; }
h6 {font-size: 10.2px; }
a { color: #aaaaaa; }
a:hover { text-decoration: none; }
legend { font-size: 18px; padding: 7px 0px;}
label { font-size: 12px; font-weight: normal;}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}


h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
.down-border{ display: block; width: 70px; height: 1px; margin:0 auto; margin-bottom: 30px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.a1{ background-color: #404142; }
.a2{ background-color: #666666; }
.a3{ background-color: #ffffff; }
h2.produtos { color: #ffffff;  }
h1.title{ letter-spacing: 2px; margin: 30px 0; text-align: center; color: #404142; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
a h1.title:hover{ color: #aaaaaa;}
h5.title{ margin: 10px 0; text-align: left; color: #666666; }
h2.title2{ margin: 0 0 30px 0; padding: 0; font-weight: normal; font-size: 36px; height: 145px; line-height: 145px; text-transform: uppercase; text-align: center;}


h1.title{
  letter-spacing: 2px;
  margin: 30px 0;
  text-align: center;
  color: #404142;
  text-transform: uppercase;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

h1.title:after {
    content: '';
    text-align: center;
    border-bottom: 1px solid #ed1c24;
    display: block;
    width: 80px;
    padding: 15px 0;
    margin:0 auto;
}


/****************************** Layout ****************************************/



#top-menu { position: fixed; height: 80px; top: 0;width: 100%;cursor: default;z-index: 999; background-color: #ffffff; box-shadow: 0px 0px 1px rgba(34, 34, 34, 0.18);}
.wrapper { width: 100%; width: 100%; margin:0; padding-top: 80px;}
.content{ width: 100%; min-height: 500px; height: auto !important; border: 0px solid #ccc; margin: 0; padding: 0;}
.topBanner{width: 100%; padding-bottom: 26.04%; height: 0px; margin: 0px 0px 0 0px;  display: block; background-size: 100% auto;}
footer, section, article{ display: block; width: 100%; margin: 0; padding: 0;}
.item-content{ max-width: 900px; height: auto !important; display: block; margin: 0 auto; padding-top:10px; padding-bottom:20px; border: 0px solid #ccc;}
.width_container{ width: 100%; height: auto !important; display: block; margin: 0 auto; padding-top:30px; padding-bottom:20px; border: 0px solid #ccc;}
.row{ max-width: 900px;}
.headerFlags {width: auto; height: 17px; position: absolute; bottom: 0; right: 15px;}
.headerFlags A { width: 100%; height: 100%; display: inline-block; z-index: 999; }
.flag { float: right; width: 18px; height: 14px; background-repeat: no-repeat; background-position: center; cursor: pointer;}
.flag:hover { background-color: #555; }
.flag.pt { background-image: url("../images/flags/pt.png");}
.flag.en {background-image: url("../images/flags/en.png");}
.flag.es {background-image: url("../images/flags/es.png");}
/*========================================
                Header
=========================================*/
header {
  position: absolute;
  height: 80px;
  top: 0px;
  width: 100%;
  cursor: default;
  z-index: 100;
}


/**************** FIM Header *********************/
nav h1{
  margin-top: 5px;
  margin-bottom:5px;
}
.navbar{
  border-radius:0;
}


/******************* Menu *********************/
#myNavbar {
  font-family: Roboto, sans-serif;
  font-weight: 100;
  font-size: 14px;
  padding-top: 10px;
}
.navbar-inverse {
  background: rgba(255, 255, 255, 1)!important;
  border-color: #cccccc;
}
.navbar-inverse .navbar-nav>li>a {
    color: #666666;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color: #ed1c24;
}

.navbar-inverse .navbar-toggle {
    border-color: #ffffff;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 13px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #cccccc;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
.container-fluid{
  padding-left: 5px;
  padding-right:0px;
}


/**************** FIM Menu *********************/

/**************** Banner *********************/
/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
    position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;
    background: url(../images/b05.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

.u-caption{
  font-size: 18px;
}


/**************** FIM Banner *********************/

/*================ Home =======================*/
.homeSlider{
  margin: 0px 0 20px 0;
  width: 100%;
  display: block;

}


#gallery {
    width: 100% !important;

}
#gallery a{
  width:100%;
}

.box-family div.boxin-family{ padding:0px; line-height:1.4;margin:2px 5px; background:#fff; }
div.boxin-family div.img{ height:auto; overflow: hidden; text-align:center;}
div.boxin-family, .boxin-family {line-height:1.3;}
/*.box-family { width:50%; padding-bottom: 37.5%; height:0px; overflow: hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); }*/
.box-family { width:100; height:auto; overflow: hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); }





div.title {
    background: url(../images/bg-title.png) repeat-x;
    color: #f5f5f5;
    text-transform: uppercase;
    position: relative;
    bottom: 55px;
    left: 0;
    height: 40px;
    width: 100%;
    overflow: hidden;
    z-index: 100;
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}
div.title h4{
  padding: 12px 5px;
  width: 90%;
  font-size: 16px;


}
div.title img{
    width:18px;
    height:19px;
    position:relative;
    float:right;
    bottom:30px;
    right:5px;
    z-index: 1000;
    display: none;


}



/*Imagens produtos home page*/
 ul.list-item {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.list-item li {
    position: relative;
    width: 25%;
    background-color: white;
    float: left;
    margin: 0 0px 2px 0;
    overflow: hidden;
    border: 2px solid whitesmoke;
    border-top: 2px solid whitesmoke;
    border-bottom: 2px solid whitesmoke;
}

.list-image {
    width: 100%;
    padding-bottom: 133.33%;
    position: relative;
    background: white;
}
.list-image img {
    position: absolute;
    width: 100%;
    padding: 0%;
    padding-bottom: 13.2%;
    background-color: white;
    /* -webkit-backface-visibility: hidden; */
    z-index: 1;
}
.list-item-content {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.885rem;
    position: relative;
    min-height: 80px;
    padding: 0% 5%;
    border-top: 1px solid whitesmoke;
    z-index: 2;
}
.list-item-content-box {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 4px 10px 5px 10px;
}
.list-item-content-box h5{
  text-transform: uppercase;
  color: #333;
  font-weight: 600;
  padding: 5px 0;
}
article.home-sobre-nos{
    padding-bottom: 24.635%;
    height: 0px;
    margin: 0px 0px 0 0px;
    background: url("../images/bg-sobre-nos.png") no-repeat center;
    background-size: cover;
    border:0px solid #ccc;

}
/*=======================================
        Página Apresentação
========================================*/
.missao{
    mini-height: 200px;
    height: auto;
    margin: 0px 0px 0 0px;
    background: url("../images/bg.jpg") repeat center;
    background-size: cover;
    border:0px solid #ccc;

}
article.visao {
    display: block;
    height: auto;
    min-height: 300px;
    padding: 20px;
    /*background: url("../images/bg-visao.jpg") right bottom no-repeat;
    background-size: cover;*/
    border: 0px solid #ccc;
}
article.qualidade{
    mini-height: 200px;
    height: auto;
    margin: 0px 0px 0 0px;
    /*background: url("../images/bg.jpg") repeat center;*/
    /*background-size: cover;*/
    border:0px solid #ccc;

}
/*================ Produtos =======================*/
article.products{
  margin-top:30px;
}
.price{
  font-size: 13px;
}


ul.list-product-item {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
.list-product-item li {
    position: relative;
    width: 25%;
    background-color: white;
    float: left;
    margin: 0 0px 2px 0;
    overflow: hidden;
    border-right: 1px solid whitesmoke;
    border-top: 1px solid whitesmoke;
    border-bottom: 1px solid whitesmoke;
}

.list-product-image {
    width: 100%;
    padding-bottom: 133.33%;
    position: relative;
    background: white;
}
.list-product-image img {
    position: absolute;
    width: 100%;
    padding: 8%;
    padding-bottom: 13.2%;
    background-color: white;
    /* -webkit-backface-visibility: hidden; */
    z-index: 1;
}
.list-product-item-content {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.885rem;
    position: relative;
    min-height: 80px;
    padding: 0% 5%;
    border-top: 1px solid whitesmoke;
    z-index: 2;
}
.list-product-item-content-box {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 4px 10px 5px 10px;
}
.list-product-item-content-box h5{
  text-transform: uppercase;
  color: #333;
  font-weight: 600;
  padding: 5px 0;
}

/**************** Noticias ***********************/
p.more{
  color: #404142;
  font-size: 14px;
  letter-spacing: 2px;
}
p.more a {
    font-weight: 700;
    color: #404142;
    font-size: 28px;
    padding-top: 20px;
}
.news * a {
    color: #404142;
    transition: 140ms;
    transition-timing-function: ease-in-out;
    -webkit-transition: 140ms;
    -webkit-transition-timing-function: ease-in-out;
}


/*************************************************/


/*================ Footer =======================*/

footer{
  margin-top: 0px;
  padding: 10px 0;
  /*background-color: #303030;*/
  background-color: white;
  border-top: 1px solid #ddd;
  /*color: #e2e2e2;*/
  color: black;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
	/*color: #ccc;*/
	color: #666;
}
footer a:hover {
	/*color: #fff;*/
	color: black;
}
footer h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
.col-footer {
    width: 25%;
    min-width: 230px;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}
footer ul{
  margin: 10px 0 10px 0;
}
footer > p > label {
    min-width: 220px;
    margin-top: -50px;
    display: block;
    margin: 0 0 5px 5px;
    font-size: 12px;
}
.footer-newsletter > p > input[type="email"] {
    width: 150px;
    background-color: #f7f7f7;
    padding: 2px 3px;
    font-size: 12px;
    letter-spacing: 1px;
}

/*Formularios
//******************************************/
/* Form */

    #contacts_form{
        width: 670px;
        float: left;
    }
    #contacts_form input[type="text"]:first-of-type, #contacts_form input[type="email"]:nth-of-type(2){
        width:320px;
        float:left;

    }
    #contacts_form input[type="email"]:nth-of-type(2){
        float:right;

    }
    #contacts_form input[type="text"]:nth-of-type(3), #contacts_form textarea, #contacts_form input[type="text"]:nth-of-type(5) {
        width:670px;

    }
    #contacts_form input, #contacts_form textarea {
        margin-bottom: 15px;
    }
    .contacts_info {
        float: right;
        width: 380px;
    }
    .contacts_info .block{
        margin-bottom: 30px;
    }


    .contacts_info h4 {
        font-size: 15px;
        font-weight: 600;
        letter-spacing: .5px;
        margin:0;
    }
    .contacts_info p {
        font-size: 15px;
        margin:0;
        padding: 0;
        line-height: 20px;
    }
    .hightlight{
      border:1px solid #ff0000 !important;
    }


    input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	input[type="number"],
	input[type="date"],
	input[type="file"]{
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: border-color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out;
        background: #f8f8f8;
		border: 1px #cccccc solid;
		border-radius: 4px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 15px 25px;;
		text-decoration: none;
		width: 100%;
	}

    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus,
	input[type="number"]:focus,
	input[type="date"]:focus,
	input[type="file"]:focus{
    	border-color: #66afe9;
              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);
    }

	input[type="text"],
	input[type="password"],
	input[type="email"] {
		line-height: 1em;
	}

	label {
		display: block;
		color: inherit;
		font-weight: 600;
		line-height: 1.75em;
		margin-bottom: 0.5em;
	}

	::-webkit-input-placeholder {
		color: #999;
		position: relative;
		top: 3px;
	}

	:-moz-placeholder {
		color: #999;
	}

	::-moz-placeholder {
		color: #999;
	}

	:-ms-input-placeholder {
		color: #999;
	}

	.formerize-placeholder {
		color: #999;
	}
    input[type="submit"], input[type="reset"], button, .button {
        -moz-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        -webkit-appearance: none;
        position: relative;
        display: inline-block;
        background: #3d3d3d;
        padding: 0.85em 3em 0.85em 3em;
        border-radius: 0.25em;
        cursor: pointer;
        border: 0;
        color: #fff;
        text-align: center;
        text-decoration: none;
        font-size:1em;
    }
    input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .button:hover {
        background: #4f4f4f;
        color:#fff;
    }
    /* Reset */
    #reset{
      background: #ededed !important;
      border:1px #ccc solid;
      color: #aaa;
    }
    #reset:hover {
        background: #dedede !important;
    }
    .alert {
        display: none;
    }


/*================ Back To Top =======================*/

.backToTop {
    position:relative;
    float: right;
    right:30px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    border-radius: 100%;
    background-color: #f6f6f7;
    background-image: url(../images/sprites.png);
    background-size: 300px 100px;
    background-position: -1px -20px;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    z-index: 99;
}
.backToTop:hover { border-color:#f6f6f7; background-position:-42px -20px;  }
.backToBottom {
    width: 48px;
    height: 48px;
    margin: 0 auto 0px;
    cursor: pointer;
    border-radius: 100%;
    background-color: #f6f6f7;
    background-image: url(../images/sprites.png);
    background-size: 300px 100px;
    background-position: -1px -20px;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin-bottom: 20px;
    display: block;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
}
.backToBottom:hover { border-color:#f6f6f7; background-position:-42px -20px;  }
.backwards {
   position:relative;
    float: right;
    right:30px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    border-radius: 100%;
    background-color: transparent;
    background-image: url(../images/sprites.png);
    background-size: 300px 100px;
    background-position: -1px -20px;
    background-repeat: no-repeat;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    margin-bottom: 20px;
    float:right;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); /* IE 9 */
    -webkit-transform:rotate(-90deg); /* Opera, Chrome, and Safari */
}
.backwards:hover {border-color:#f6f6f7; background-position:-42px -20px;  }

/*=======================================
        Localização
========================================*/


/*=======================================
        Contactos
========================================*/

.block {
	text-align:left;
    margin:0 50px 50px 70px;
    float: left;
    border: 0px solid #000;
}
div.element{
  display: table-row;
}
.item-title{
  line-height:50px;
  border-bottom: 1px solid #ccc;
}


.element * {
	padding:2px;
	margin:2px;
    color: #666666;
}
.element label {
	float:left;
    text-align: right;
    margin-right: 5px;
	width:100px;
	font-weight:700;

}
.element input.text {
	width:500px;
    height: 30px;
	padding-left:5px;
    margin-bottom: 5px;
}
.element .textarea {
	height:120px;
	width:500px;
	padding-left:5px;
    resize:none;
}
.element .hightlight {
	border:1px solid #9F1319;
}
.element #submit {
	float:right;
	margin-right:20px;
}
.loading {
	float:right;
    background:url(../images/ajax-loader.gif) no-repeat 1px;
	height:28px;
	width:28px;
	display:none;
}
.done {
	padding-left:20px;
	font-family:arial;
	font-size:13px;
	margin:50px auto;
	display:none;
    width:500px;
}
.warning {
	margin:10px auto;
	display:none;
    color: #5d5d5d;
    background-image: url(../images/icon-16-info.png); background-repeat: no-repeat;
    padding-left:20px;
}
div.address{
  width: 200px;
  float: left;
}

div.address ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
div.address ul li{
  width: 40px;
  height: 40px;
  margin: 20px 0;
  cursor: pointer;
}
div.address ul li a{
  width:40px;
  height: 40px;
}

/*=======================================
                Catalogos Produtos
=======================================*/
.bg-top-produtos{
  background: url(../images/bg-top-produtos.png) repeat center;
  height: 150px;
}

h2.title-produtos{
    padding-top: 20px;
    margin: 0 auto;
    width: 350px;
    height: 62px;
    color: #ffffff;
}
.blue-arrow{
  width: 52px;
  height: 21px;
  background: url(../images/arrow.png) no-repeat center;
  margin: 0 auto;
}
h2.title-produtos{
    padding-top: 20px;
    margin: 0 auto;
    width: 350px;
    height: 62px;
    color: #ffffff;
}
article.product-text{
  background: url(../images/bg-contactos.png) repeat center;
  width: 100%;
  min-height: 250px;
  height: auto !important;
}
article.product-text{
  color: #333333;
}
.accordion-close{
  width: 100%;
  height:60px;
 /* background: url(../images/bg-accordion.png) no-repeat;*/
  display: table;
  border-collapse:separate;
  border: 1px solid #ededed;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  cursor: pointer;
}
.accordion-close:hover{
  border: 1px solid #ff3333;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  /*background: url(../images/bg-accordion-open.png) no-repeat;*/

}
.accordion-open{
  width:100%;
  height:60px;
  /*background: url(../images/bg-accordion-open.png) no-repeat;*/
  display: table;
  border-collapse:separate;
  border: 1px solid #ededed;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  cursor: pointer;
}
div.accordion-content{
  display:none;
}



div.left-side{
  width:90%;
  height: 60px;
  float: left;
  overflow: hidden;

}
/**
*** Seta para BAIXO
**/
.seta-baixo:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 25px 0 0 0;
  width: 0;
  height: 0;

  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #f00;
}
/**
*** Seta para CIMA
**/
.seta-cima:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 0px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

div.left-side h3, div.right-side h3{
    margin:0;line-height:69px;
    padding-left: 30px;
    font-size: 16px;
}
div.left-side h3{
    width:100%;
}
div.right-side h3 {
    width:320px;
}
.accordion-open div.right h3{
  color:#ffffff;
}



ul.catalog{
  list-style: circle;
  text-indent: 0px;
  line-height: 1.8em;
  font-size: 90%;
  cursor: pointer;
}
ul.catalog li a{
  color: #ff3333;
  text-decoration: none;
  margin-left: 20px;
}


ul.sub-accordion{
    list-style: square url(../images/seta.png);
    text-indent: 20px;
    line-height: 1.7em;
    text-transform: uppercase;
    margin: 30px 0px 20px 0;
    cursor: pointer;
}
div.catalog{
  display:none;
}
ul li.list-catalog{
  line-height: 2em;
}


.ver-produtos{
  border: 1px solid #ff3333;
  background: transparent;
  color: #333333;

}
.ver-produtos:hover{
  color: #999999;

}
/*certificados*/
.icon-iso{
    background-image: url(../images/iso-9001.jpg);
}

/* Laboratorios*/
.box-lab div.boxin-lab{ padding:0px; line-height:1.4;margin:2px 5px; background:#fff; }
div.boxin-lab div.img{ height:auto; overflow: hidden; text-align:center;}
div.boxin-lab, .boxin-lab {line-height:1.3;}
.box-lab { width:100%;  height:auto; overflow: hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); }



.lab-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -10px;
  margin-top: -10px;
}
.lab-img .item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 350px;
      -ms-flex: 1 0 350px;
          flex: 1 0 350px;
  margin-left: 10px;
  margin-top: 10px;
}
@media (min-width: 720px) {
  .lab-img .item {
    max-width: calc(50% - 10px);
  }
}
@media (min-width: 700px) {
  .lab-img .item {
    min-width: calc(50% - 10px);
  }
}

.lab-img .item {
  background: #ff;
  color: #171e42;
  box-sizing: border-box;
  padding: 10px;
}

/* Produtos*/
.family {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -10px;
  margin-top: -10px;
}
.family .item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 350px;
      -ms-flex: 1 0 350px;
          flex: 1 0 350px;
  margin-left: 10px;
  margin-top: 10px;
}
@media (min-width: 720px) {
  .family .item {
    max-width: calc(50% - 10px);
  }
}
@media (min-width: 1080px) {
  .family .item {
    max-width: calc(33.33333% - 10px);
  }
}
@media (min-width: 1050px) {
  .family .item {
    min-width: calc(33.33333% - 10px);
  }
}

.family .item {
  background: #fff;
  color: #171e42;
  box-sizing: border-box;
  padding: 5px;
}


.navbar-nav .dropdown:hover .dropdown-menu{
    display: block;   
}