body {
    font-family: Arial;
    color: #333333;
    line-height: 26px;
    font-size: 16px;
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; font-family:'Roboto', sans-serif;
}

img {
    border: 0;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}
a { text-decoration: none; }
/*内容上线居中显示*/
.dsadsa { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.outer { display: table; overflow: hidden; position: static; width: 100%; height: 100%; }
.middle { display: table-cell; position: static; vertical-align:middle; text-align: center;}
.loginbox_texteven { position: relative; display: block; margin: 0 auto 0; left: 0; /*top: 50%;*/ width: 100%;}
/*内容上线居中显示*/

.page-header-section {
    overflow: hidden;
    position: relative;
    padding: 0 !important;
}
.page-header-section img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
a.brand {
    width: 100%;
    text-align: center;
    padding: 6px 0;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

span.company-logo {
    background: url(/images/logo.png) no-repeat center center;
    height: 160px;
    display: block;
    background-size: 245px;
}
.navbar-fixed-top{ background:#d41a23; width:100%; z-index:9}
.dingbuLogo {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.dingbuLogo .nav-justified {
    position: relative;
    margin: 0 auto;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.nav-justified li {
    display: inline-block;
    width: auto;
    margin: 0 3px !important;
    padding: 15px 0;
    vertical-align: middle;
    height: 60px;
}
.nav > li > a {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    font-size: 15px;
    line-height: 2em;
    color: #fff;
    margin: 0 auto;
    width: auto;
}

.main-content {
    width: 100%;
}
.contents {
    position: relative;
    width: 100%;
}
.swiper-width{ width:7.5rem; text-align:left; margin:0 auto;}
.swiper-info{ font-size:.3rem; line-height:.4rem; color:#420E1E;}
.swiper-btn { display:block; margin:.2rem 0 0; width:1.8rem;}
.swiper-btn img{ width:100%; height:auto;}

.main-infos{ width:100%; position:relative;}
.infos-width{ width:7rem; text-align:center; margin:0 auto; color:#420E1E; }
.infoExtracts{ color:#fff;}
.infosDiv{ font-size:.3rem; line-height:.38rem; letter-spacing:.03rem;}
.info-btn { display:block; width:1.6rem; margin:.15rem auto 0;}
.info-btn img{ width:100%; height:auto;}
.middleTop{ vertical-align:top;}
.middleTop .infos-width{ margin-top:1.35rem;}
.middleTop .marginTop{ margin-top:1.85rem;}

.footer{ width:90%; max-width:1440px; margin:50px auto 0; color:#420E1E; font-weight:bold;}
.footer-div {
    display: flex;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row;
}
.footer-div>div{ width:auto; font-size:.11rem; line-height:.18rem;}
.footer-div div{ font-size:14px; line-height:24px;}
.uppers{ text-transform:uppercase;}
.lastDiv{ text-align:center; width:100%; border-top:1px solid #5162aa; padding:30px 0 50px; margin-top:25px; font-size:14px;}
.linkFont a{ color:#420E1E; font-weight:bold;}
.footer-div .divImg{width:190px; text-align:center;}
.divImg img{ width:90%; display:block; margin:0 auto;}

.showFood{ display:none;}

.page-conter {
    background: #fff;
}
.wrapper{ width:1200px; margin:0 auto; padding:30px 0; color:#333;}
.breadcrumbs, .breadcrumbs a{ font-size:12px; line-height:22px; text-transform:uppercase; color:#333; margin-bottom:30px;}
.breadcrumbs a { color:#420E1E; text-decoration:underline;}
.container, .contrain-news, .contrain-pagina {
    display: flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: row;
}
input[type="input"],
input[type="submit"]
{
    -webkit-appearance: none;
}

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input { line-height: normal; }
input, select {padding:10px;}

/*右侧样式*/
#contenuti{ flex:0 0 70%; min-height:300px; padding-bottom:0;}

/*左侧样式*/
.colonna_sx.col{ flex: 0 0 25%; min-height:600px; font-size:16px; line-height:24px;}
.titolo-pagina{ text-transform:uppercase;}
.divRadios span{ text-transform:uppercase;}
form.ricerca div{ color:#333; padding:10px 0; font-weight:400; width:230px;}
form.ricerca input{ background:#fff; border:1px solid #006383;}
form.ricerca input.filtroPianta{ width:250px !important; height:40px; font-size:13px;}

.infoSecond, .headerMobile{ display:none;}
.divPadd1, .divPadd2, .divPadd3{ margin-left:15px; display:none;}

.btnReset{background-color: #d41a23; color: #fff; display: inline-block; padding: 5px 20px; text-decoration: none; font-size: 14px; line-height:26px; text-transform: uppercase;}

.loading{ display:block; text-align:center; width:100%; font-size:14px;}
.loading img{ width:100px; opacity:.3; height:auto;}

#infoFirst, #infoSecond{ display:none;}
h2 {font-size:20px; font-weight:400; line-height:24px; margin-bottom:5px;}
.titolo{ font-size:16px !important; margin-bottom:20px;}
.titolo strong, .titolo strong label { font-size:22px; color:#420E1E;}
.risultati{background-color: #d41a23; color: #fff; padding: 10px; margin-bottom:20px; width:100%;}

table.tabList{ font-size:12px; line-height:20px; background:#fff;}
table.tabList thead{ text-transform:uppercase;}
table.tabList th{ border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:left; color:#420E1E; padding:10px 10px;}
table.tabList th.tdInfo{ border-right:0;}
table.tabList td{ border-bottom:1px solid #e1e1e1; text-align:left; padding:10px 10px; width:20%;}
.imgIcon{ width:25px; height:32px;}
.foodList .imgIcon{ width:22px; height:22px;}
.tdDisplay{ display:none;}
.tabList tr:hover{ background:#b2d0d9;}

/*.divFiles, .layui-layer{ width:650px !important; height:470px !important; position:relative; display:block;}
.layui-layer{    box-shadow: 1px 4px 30px 0 rgba(0,0,0,.8) !important;}
a.layui-layer-close2:hover{ text-decoration:none !important; border:0 !important}*/

.close{ text-align:right; cursor:pointer; color:#d41a23; font-weight:bold; font-size:16px;}

#fullBack {
    background-color: #fff;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: -210px;
    z-index: 10;
    filter: alpha(opacity=80);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    height: 100vh;
}

#divFiles {
    background-color: #fff;
    height: 450px;
    left: 50%;
    margin: -230px 0 0 -325px;
    padding: 1px;
    position: fixed !important; /* 浮动对话框 */
    position: absolute;
    top: 50%;
    width: 630px;
    z-index: 11;
    border-radius: 5px;
    display: none;
    box-shadow: 0px 4px 20px 0 rgba(0,0,0,.8); padding:20px 20px; box-sizing:border-box;
}
.popupDiv{ height:390px; width:100%;}
.popup-loading{ display:block;} 
.popup-loading img{ width:30px;}
.popup-infos{ padding:10px 10px; display:none; }
.popup-title{ font-size:24px; line-height:30px; margin-bottom:45px; color:#420E1E;}
.popupFlex{ display:flex; width:100%;}
.popupFlex>div{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;  align-items: center; -webkit-box-pack: center;}
.flexOne, .flexTwo{ text-transform:capitalize;}
.flexThree{ text-transform:uppercase; font-size:14px; line-height:24px;}
.flexOne { font-size:16px; color:#420E1E; line-height:24px; font-weight:bold;}
.flexTwo { font-size:16px; line-height:24px; font-weight:bold; margin:0 25px 0 15px;}
.flexTwo, .flexThree{ padding:10px; border-top:2px solid #420E1E; border-bottom:2px solid #420E1E;}
.popup-inci{ margin-top:30px; font-size:14px; line-height:23px;}
.popup-inci strong{ display:block; margin-bottom:5px;}
.popup-down{ padding:30px 20px 0; text-align:center;}
.popup-down a{ font-size:14px; line-height:24px; color:#420E1E; text-decoration:none;}
.popup-down a img{ width:30px; height:auto;}

.pdf-main{ width:1100px; margin:0 auto; border:1px solid red; padding:50px 50px;}
.logos img{ width:250px;}
.logos { margin-bottom:30px;}
.pdf-main .popup-title{ font-weight:bold; font-size:28px; line-height:34px; color:#333333;}
.pdf-main .flexOne, .pdf-main .flexTwo{ font-size:20px; line-height:32px;  color:#333333;}
.pdf-main .flexThree{ font-size:16px; line-height:32px;}
.pdf-main .flexTwo { margin:0 25px 0 35px;}
.pdf-main .popup-inci{ font-size:14px; line-height:22px;}
.pdf-main .flexTwo, .pdf-main .flexThree{ border-top: 2px solid #333333; border-bottom: 2px solid #333333;}


#dialog p {
    margin: 0 0 12px;
    height: 24px;
    line-height: 24px;
    background: #CCCCCC;
}
.filtroPianta{ width:250px;}
.tab-plan{ display:block; margin-bottom:30px;}
.searchTabCom { display: none; }

.aboutConts{ font-size:16px; line-height:24px;}
.aboutInfo{ margin-bottom:35px; text-align:justify;}
.aboutInfo img{ width:auto; max-width:100%; height:auto;}
.aboutInfo strong, .testo-pagina strong{ font-size:20px; line-height:26px; display:block; color:#420E1E;}
.about-h1{ font-size:46px; line-height:58px; margin-bottom:20px; font-weight:normal;}
.classUl{ margin:0 0 0 0; padding:0 0; width:100%;}

.classUl li{ list-style-type:none; background:url(../images/icons/arrow-anchor.gif) left center no-repeat; padding:10px 0 10px 30px; font-size:18px;}

.classUl li{ list-style-type:none; background:url(/images/icons/arrow-anchor.gif) left center no-repeat; padding:10px 0 10px 30px; font-size:18px;}

.classUl li a{ color:#420E1E; font-weight:bold; font-size:16px; }

.contrain-news{ flex-wrap:wrap;}
.clearfix{ width:45%; margin-bottom:45px;}
.news-img{ margin-bottom:10px;}
.news-img img{ width:100%;}
.news-title{ font-size:19px; line-height:24px; font-weight:bold; margin-bottom:5px; color:#420E1E;}
.pulsante{ margin-top:25px;}
.pulsante a{ background-color:#d41a23; color:#fff; padding:5px 20px; font-size:14px; text-transform:uppercase;}

.contrain-pagina{ margin-bottom:40px;}
.icona-pagina {  width: 10%; padding-right: 20px; }
.icona-pagina img{  width:auto; max-width:100%; height:auto; }
.testo-pagina{ width:89%;}
.info-ul{ width:100%; margin:20px 0 0 20px; padding:0 0;}
.info-ul li{ list-style-type:circle;}
.tranfs{ font-weight:bold;}
.cerca-icona{ text-decoration:none; text-transform:uppercase; color:#333; font-weight:bold; text-align:center; display:inline-block; margin:0 auto 0; width:auto; font-size:14px; line-height:20px; padding: 0 25px;}
.cerca-icona img{ margin-bottom:10px;}
.filesDiv{ text-align:center; margin-top:50px;}

.list-active{ margin-bottom:30px;}
.list-active .selected .activeDiv{ color:#420E1E; text-decoration:underline;}
.activeDiv {margin:20px 0 10px; font-weight:bold; font-size:20px;}
.actTop{ margin-top:0;}

.active-list{ background:url(../images/icons/icons_checkbox.svg) left center no-repeat; background-size:20px; padding-left:25px;}
.list-active .selected .active-list{ background:url(../images/icons/icons_checkboxt.svg) left center no-repeat; background-size:20px; padding-left:25px;}

.active-list{ background:url(/images/icons/icons_checkbox.svg) left center no-repeat; background-size:20px; padding-left:25px;}
.list-active .selected .active-list{ background:url(/images/icons/icons_checkboxt.svg) left center no-repeat; background-size:20px; padding-left:25px;}
.activeUl{ margin:0 0; padding:0 0;width:100%;}
.activeUl li{ list-style-type:none; display:block;}
.activeUl li .active-list{ margin-left:10px;}


.activeList{ display:flex; flex-wrap:wrap; position:relative;}

.attivi-preview{ width:100%; border:1px solid red; margin:0 0 0; padding:0 0; position:relative;}
.attivi-preview li{ list-style-type:none; border:1px solid green; }
.brand-item { box-sizing: border-box; display: block; float: left; position: relative; width:50%;  padding:25px 50px;}
.active-alink{ width:100%; margin:0 auto; display:block; min-height:265px; border:1px solid #420E1E; padding:30px 10px 10px; text-align:center;}
.active-alink:hover{-webkit-box-shadow:0px 0px 21px 0px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:0px 0px 21px 0px rgba(50, 50, 50, 0.4);
	box-shadow:0px 0px 21px 0px rgba(50, 50, 50, 0.4);
	transition-property: box-shadow;
	transition-duration: 1s;}
.active-img{min-height:120px;}
.active-border{ border:1px solid #420E1E; margin-bottom:-15px; }
.active-title{ text-decoration:none; background:#fff; display:inline-block; margin:0 auto; width:auto; padding:0 5px; font-size:20px; line-height:24px; color:#420E1E; font-weight:bold;}
.active-cont{ text-decoration:none; color:#333;}
.activePadd{ padding-left:10px;}


.customForm{ width:100%;}
.customDiv{ margin-bottom:40px;}
.domanda{ display:block; width:100%; height:38px; line-height:38px; font-weight:bold; color:#420E1E; margin-bottom:5px;}
strong.num_domanda{ display:inline-block; width:36px; height:36px; font-size:20px; line-height:36px; background:#420E1E; margin-right:5px; color:#fff; border-radius:50%; text-align:center;}
.inputText{ width:100%;}
.margTop{ padding-top:10px;}
.ansoSex{ margin-bottom:15px;}
.ansoSex .domanda{ margin-bottom:0;}
.describe-title{font-weight:bold;}
.describe-title, .describe-info{ font-size:12px; line-height:18px;}
.custom-btn{ background:#420E1E; color:#fff; margin:0 0 50px; padding:5px 20px; text-transform:uppercase; width:auto; border:none; font-size:16px;}
.describe-info a, .abLink{ color:#420E1E; text-decoration:underline;}
.abLink{word-break:break-all;}

.noResults{ color:#fff; padding:25px 35px 25px 45px; width:50%; margin:30px auto; text-align:center; background:url(/images/icons/icons_nofound.png) 20px 20px no-repeat #d41a23; display:none; font-size:18px;}
.noResults a{ color:#fff;font-size:18px; text-decoration:underline;}

.floatLeft{ float:left; width:60px;}
.floatRight{ display:block; overflow:hidden; text-align:left;}


.formCustomized{ width:100%; display:none;}
.details-main{ width:100%; max-width:1200px;}
.detail-img  { margin-bottom:50px;}
.detail-img img { width:100%; max-width:1200px;}
.detail-titles{ display:block; text-align:center;}
.detail-titles .active-border{ margin-bottom:-36px;}
.detail-titles .active-title{ font-size:42px; line-height:48px; font-weight:normal; padding:10px ;}
.detail-titles .active-cont{ font-size:24px; line-height:28px;}
.centro{ text-align:center; padding:50px 0 20px; display:flex; justify-content:center;}
.skins{ border-radius:50%; width:52px; height:52px; background:#b3b2b2; text-align:center; font-size:17px; line-height:30px; font-weight:bold; padding-top:10px; color:#fff;}
.cosmos{  font-size:14px; line-height:20px; margin-left:30px; padding-top:5px;}
.details-center{ width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; flex-direction:row; margin-top:50px;}
.details-center .col-text{ width:28%; font-size:15px; line-height:24px;}
.col-text h3, .col-text p, .col-text ul li{ margin-bottom:5px;}
.col-text ul{ margin:0 0 0 20px; padding:0 0 ;}

/*.cont-slider{ width:100%; display:flex;background:#f2f2f2; border:1px solid #e1e1e1; margin-top:60px;}
.cont-slider>div{ width:50%; text-align:center; padding:25px 20px;}
.cont-slider>div img{ width:85%;}*/
.cont_slider_ingredienti{ margin-top:50px; background:#f2f2f2; border:1px solid #e1e1e1;}
ul.slider_ingredienti li {
    display: float;
    justify-content: space-between;
    /* width: 50%; */
    padding: 20px 0;min-height: auto;
    /* border: 1px solid red; */
}
ul.slider_ingredienti li figure {
    width: 80%;
    background: #fff;
    margin: 0 auto;
    height: auto !important;
}
ul.slider_ingredienti li img {
    width: 100%;
}

.details-main .filesDiv{ margin-top:70px;}
.details-main .filesDiv .cerca-icona{ font-weight:normal; font-size:13px; line-height:20px;}
.switchleft{ display:none;}

.price{ color:#d41a23; text-decoration:underline;}
.capsule img{ width:100%; display:block; margin-bottom:5px}
.capsuleH1{ font-size:26px; line-height:36px;}
.contrain-news .news-img img{
    width:378px;
    height:232px;
}

@media only screen and (min-width: 1024px) {
    ul .slider_ingredienti li {
        
    }
}



@media screen and (max-width: 1024px) {
    .headerMobile{ display:block;}
    .headWeb{ display:none;}
    .fixedbox { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 97px; background: #fff; border-bottom: 1px solid #efefef; box-shadow: inset 0 2px 0 0 #f7f7f7, inset 0 -2px 0 0 #f7f7f7; transition: left 0.5s ease-out; -webkit-transition: left 0.5s ease-out; -moz-transition: left 0.5s ease-out; z-index: 998; }
    .fixedbox img { display: block; position: relative; width: 126px; margin:0 auto; top:10px; }
    .menuButton.egacy-size { width: 50px; height: 50px; position: fixed; top: 20px; left: 0px; right: 0; padding-left: 15px; z-index: 999; min-width: 40px; min-height: 40px; cursor: pointer;
        transition: left 0.5s ease-out; -moz-transition: left 0.5s ease-out; -webkit-transition: left 0.5s ease-out; -o-transition: left 0.5s ease-out;}
    .menuButton > .icons.opens { display: block; margin-top: 18px; float: left; }
    .menuButton > .icons { width: 20px; overflow: visible; stroke-width: 4px; stroke: #420E1E; height: 17px; padding-top: 0px; display: none; margin-top: 12px; float: left; }
    .menuOpen { position: fixed; top: 0px; width: 250px; left: -250px; z-index: 2; height: 100%; background: #d41a23; transition: left 0.5s ease-out;
        -webkit-transition: left 0.5s ease-out; -moz-transition: left 0.5s ease-out; -0-transition: left 0.5s ease-out; }
    .menuOpen ul { padding: 20px 17px 0 17px; margin: 0px auto; }
    .menuOpen ul li { padding: 10px 0px; overflow: hidden; box-sizing: border-box; opacity: 0.95; border-bottom: 1px solid #D9D9D9; }
    .menuOpen ul li a { color: #fff; display: block; font-size: 14px; padding: 0 0; line-height: 24px; }
    .coenter-main{ position: relative; margin-top:97px; transition: left 0.5s ease-out; -webkit-transition: left 0.5s ease-out; -moz-transition: left 0.5s ease-out; }
    .carousel-control{ display:block;}

    img.imgMob{ width:116%; margin:0 0 0 -8%;}
    .middleTop .marginTop{ margin-top: 2.2rem;}

    .footer{ width:100%;   background: #d41a23; padding:30px 0 0;}
    .footer-div{ flex-wrap:wrap; padding:0 20px;}
    .footer-div>div{padding:15px 0; color:#fff; font-weight:normal; line-height:22px; width:100%;}
    .footer-div>div:nth-child(3){ padding-bottom:0;}
    .footer-div>div:nth-child(4){ padding-top:0;}
    .linkFont a{ font-weight:normal; line-height:22px; color:#fff;}
    .footer-div .divImg{ display:none;}
    .lastDiv{ border-top:1px solid #f2f2f2; color:#fff; font-weight:normal;}

    .wrapper{ width:100%; width:95%; margin:0 auto; padding-bottom:0;}
    .container{ flex-wrap:wrap;}
    .colonna_sx.col{ flex:auto; min-height:inherit; margin-bottom:30px; width: 100%;}
    #contenuti{ flex:auto; min-height:inherit;width: 100%;}
    .domanda{ height:auto; line-height:22px;}
    strong.num_domanda{ margin-right:0;}
    .margTop{ padding-top:20px;}
    .customDiv:last-child{ margin-bottom:0;}
    .icona-pagina{ width:15%;}
    .testo-pagina{ width:84%;}

    .clearfix:nth-child(1){padding-top:0;}
    .clearfix{ width:100%; border-bottom:1px dashed #420E1E; padding:20px 0 40px;}
    .clearfix:last-child{ padding-bottom:0; margin-bottom:0;}
    .brand-item{ padding:25px 0; width:100%;}
    table.tabList th, table.tabList td{ padding: 8px 5px;}
    .infoFirst{ overflow-y:scroll;}
    .noResults{ width:85%;}
    .loading img{ width:40%;}
    .imgIcon{ width:18px; height:auto;}
    #divFiles{ width:95%; height:450px; margin:0 0; left:2.5%; top:19%; /* margin: -220px 0 0 -196px;*/}
    .popup-infos{ padding:0 0 ;}
    .popup-title{ font-size:20px; line-height:25px; margin-bottom: 25px;}
    .flexOne, flexTwo{ font-size:14px; line-height:22px;}
    .flexTwo{ margin: 0 10px 0 5px;}
    .popup-inci{ margin-top:25px; font-size:13px; line-height:22px;}
    .popup-inci strong{ margin-bottom:0; font-size:14px;}
    .popup-down{ padding: 15px 10px 0;}
    ul.slider_ingredienti li figure{ width:90%;}
    .switchleft{ display:block; font-style:italic; font-size:14px; text-align:center;}
    .details-main .filesDiv{ padding-bottom:30px;}

    .details-center{ display:block;}
    .details-center .col-text{ width:100%; margin-bottom:45px;}

    .contrain-news .news-img img {
        width: 781px;
        height: 479px;
    }

}