/*stili generici e classi helper*/
body { font-family: 'Montserrat-Light', sans-serif; }
.center { text-align:center;}
h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: 'Montserrat', sans-serif;
}

strong, b {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

/*header*/
.top-bar, .top-bar ul { background-color: #fff; font-family: 'Montserrat', sans-serif; }
.top-bar { padding: 0rem; }

.top-bar-right { font-size: 1rem; text-transform: uppercase; padding:40px 0px; }
.top-bar-right a:link, .top-bar-right a:visited { color:#6d6e71; }
.top-bar-right a:active, .top-bar-right a:hover { color:#000; }
.menu > li > a { border-right: solid 1px #00ab71; padding: 0.7rem 1.5rem; }
.menu > li > a.contact { border-right: none; background-color:#00ab71; color:white; } 
.menu > li > a.contact:hover { background-color: #095f42; }
.menu { font-size: 0.96rem; }

/*slide*/
.slider { height:100%; margin-top: 0rem; max-width:75rem; margin:0 auto 3rem auto; }
.owl-theme .owl-controls { text-align: center; margin-top: -2rem; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 0.8;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 9px;
    height: 9px;
    margin: 2px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    /*-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;*/
    background: #fff;
}

.owl-theme .owl-controls .owl-page.active span { background-color: #00ab71 }
.owl-carousel {  }
#owl-demo .item img { display: block !important; width: 100%; height: auto; }

.slider_small { height:100%; margin-top: 0rem; max-width:75rem; margin:0 auto 3rem auto; }

/*boxes*/
.boxes { margin-bottom: 3rem; }
.boxes .box { margin-bottom: 3rem; overflow: hidden; }
.boxes.center .box { padding: 0rem 1.5rem; cursor: pointer; margin-bottom: 0rem; }
.boxes.center .box h2 { font-size:1.3rem; font-size:1.28rem; color:#00ab71; }
.boxes.center .box p { font-size:1.1rem; font-size: 1.1rem; line-height: 1.4rem; }

.slider_bottompage { padding:3rem 0rem; background-color:#e6e7e8; margin-bottom: 3rem; }
.slider_bottompage h2 { font-size:1.375rem; margin-top: 0px; }
.slider_bottompage p { font-size: 0.86rem; line-height: 1.3rem; }
.slider_bottompage h2 a:link, .slider_bottompage h2 a:visited { color:#6d6e71; font-size:1.375rem; }
.slider_bottompage h2 a:active, .slider_bottompage h2 a:hover { color:#000; }


.boxes .box .box_item { padding-left: 3rem; background:url(../img/bg_box_item.jpg) left top no-repeat;}
.boxes .box .box_item h2, h2.gallery { text-transform:uppercase; text-transform:uppercase; font-size: 1.3rem;
margin-top: 0rem; font-weight: 700; margin-bottom: 1rem; font-family: 'Montserrat', sans-serif; }
.boxes .box .box_item h3 { font-size: 1.3rem; font-size: 1.3rem; margin-top: 0rem; color: #6d6e71; margin-bottom: 1rem; }
.boxes .box .box_item .box_abstract { font-size: 0.9rem; line-height:1.2rem; margin-bottom: 1rem; }
.boxes .box .box_item a.gallery {text-transform: uppercase; font-family: 'Montserrat', sans-serif; } 

/*page article*/
.page { margin-bottom: 3rem; }
.page article .text { font-size: 0.9rem; line-height:1.2rem; padding-right:1.5rem; }
.page h1 { font-size: 1.8rem; margin:0rem 0rem 3rem 0rem; color:#00ab71; font-weight: 700; }
.page h2 {
    font-size: 1.5rem; font-weight: 700;
}
h2.certified { font-size:1.375rem; margin-bottom: 1rem;  color: #6d6e71; font-weight: 700; }
p.certified { font-size: 1rem; line-height: 1.35rem; }

/*page id gallery*/
#gallery { padding:3rem 0rem; }
#gallery .gallery_item { margin-bottom: 3rem; }
#gallery .gallery { opacity: 0.8; }
#gallery .gallery img { border: solid 1px #fff; }
#gallery .gallery:hover { opacity: 1; }

/*footer*/ 
footer { font-size: 0.86rem; }
footer p { line-height: 1.125rem; }
footer ul {
    list-style-type: none;
    margin-left: 0rem;
}

/*fix responsive*/
 /* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) { 
    .menu > li > a { padding: 0.7rem; }
    .top-bar-right { font-size: 0.86rem; padding: 30px 0; }
}

@media screen and (min-width: 40em) and (max-width: 46.9375em) { 
    .top-bar-right { font-size: 0.86rem; padding: 20px 0; }
}

  @media screen and (max-width: 39.9375em) { 
    .menu > li { display: block; }
  }