@charset "utf-8";

@font-face {
  font-family: 'NationalWeb-Book';
  src: url('fonts/NationalWeb-Book.eot');
  src: url('fonts/NationalWeb-Book.eot#iefix') format('embedded-opentype'),
	  url('fonts/NationalWeb-Book.woff2') format('woff2'),
	  url('fonts/NationalWeb-Book.woff') format('woff');
	  /*url('fonts/NationalWeb-Book.ttf') format('truetype'),
	  url('fonts/NationalWeb-Book.svg') format('svg');*/
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NationalWeb-Medium';
  src: url('fonts/NationalWeb-Medium.eot');
  src: url('fonts/NationalWeb-Medium.eot#iefix') format('embedded-opentype'),
	  url('fonts/NationalWeb-Medium.woff2') format('woff2'),
	  url('fonts/NationalWeb-Medium.woff') format('woff');
	  /*url('fonts/NationalWeb-Medium.ttf') format('truetype'),
	  url('fonts/NationalWeb-Medium.svg') format('svg');*/
  font-weight: normal;
  font-style: normal;
}


/*
	red: #e42a23;
	light gray: #f2f2f2;
*/


/* RESET */
* { margin: 0; padding: 0; }
html { font-variant-numeric: lining-nums; -moz-font-feature-settings: "lnum=1"; -ms-font-feature-settings: "lnum" 1; -o-font-feature-settings: "lnum" 1; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; }
body { position: relative; width: 100%; height: auto; margin: 0; padding: 0; font-family: 'NationalWeb-Book', sans-serif; letter-spacing: 0.025em; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern"; -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; -moz-font-feature-settings: "kern=1"; font-kerning: normal; color: #000; background-color: #fff; overflow-x: hidden; overflow-y: visible; }
.bodyfixed { position: fixed !important; height: 100% !important; overflow: hidden !important; }

a, a:hover { text-decoration: none !important; }
ul, ol { margin: 0; padding: 0; }
li { list-style: none; }
input, textarea, select, button { /*font-family: inherit;*/ -webkit-appearance: none; -moz-appearance: none; }
input, textarea, select { font-family: 'NationalWeb-Book', sans-serif; letter-spacing: 0.025em; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; /*font-feature-settings: "kern";*/ font-variant-numeric: lining-nums; -moz-font-feature-settings: "lnum=1"; -ms-font-feature-settings: "lnum" 1; -o-font-feature-settings: "lnum" 1; -webkit-font-feature-settings: "lnum" 1; font-feature-settings: "lnum" 1; }
a:active, a:focus, input:focus, textarea:focus, :focus { outline: none !important; }
::-webkit-input-placeholder { color: #939393; }
::-moz-placeholder { color: #939393; }
:-moz-placeholder { color: #939393; }
:-ms-input-placeholder { color: #939393; }
.float-right { float: right; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.no-border { border: none !important; border: 0 !important; }
.margin20 { margin-bottom: 20px !important; }
.margin30 { margin-bottom: 30px !important; }
.margin60 { margin-bottom: 60px !important; }
.width-auto { width: auto !important; }
.clear { height: 0; clear: both; }
.desk { display: inline-block; }
.mob { display: none; }
.txt-desk { display: inline; }
.txt-mob { display: none; }
.white { color: #fff; }

/*@-ms-viewport { width: auto !important; }*/


/* CUSTOM BOOTSTRAP */
.container { margin: 0 auto; padding: 0 40px; box-sizing: border-box; overflow-x: hidden; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0 30px; box-sizing: border-box; }


/* DESKTOP MENU */
.list-menu-container { position: relative; display: block; width: 100%; }
.list-menu-container:before { position: absolute; left: 60px; top: -1px; display: block; width: 265px; height: 1px; content: ''; background-color: #dedede; }

.desktop-menu { position: fixed; right: -400px; top: 0; display: block; width: 400px; height: 100%; z-index: 990; }
.desktop-menu .content { position: relative; display: block; width: 400px; height: 100%; padding: 0 70px 0 60px; box-sizing: border-box; background-color: #f2f2f2; }

.desktop-menu .content .menu { position: absolute; left: -70px; top: 0; width: 70px; }
.desktop-menu .content .menu li { display: block; width: 70px; height: 70px; }
.desktop-menu .content .menu li img { display: block; width: 70px; height: 70px; }
.desktop-menu .content .menu li a:link, .desktop-menu .content .menu li a:visited { position: relative; display: block; width: 70px; height: 70px; font-size: 20px; line-height: 70px; text-align: center; color: #000; background-color: #fff; }
.desktop-menu .content .menu li a:hover { color: #e42a23; }

.desktop-menu .content .menu li a.active { background-color: #f2f2f2 !important; }
.desktop-menu .content .menu li a.plus.active svg { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.desktop-menu .content .menu li a.point:before { position: absolute; left: 50%; top: 50%; display: block; width: 4px; height: 4px; margin: 2px 0 0 -2px; content: ''; background-color: #e42a23; border-radius: 50%; }

.open-desktop-menu { right: 0 !important; }

.desktop-menu .content .content-menu { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: none; width: 400px; padding: 40px 60px; box-sizing: border-box; }
.desktop-menu .content .content-menu hr { display: block; width: 100%; height: 1px; background-color: #dedede; border: 0; }
.desktop-menu .content .content-menu ul li { position: relative; }
.desktop-menu .content .content-menu ul li a:link, .desktop-menu .content .content-menu ul li a:visited { display: block; font-size: 36px; line-height: 42px; color: #8f8f8f; }
.desktop-menu .content .content-menu ul li a:hover { color: #e42a23; }
.desktop-menu .content .content-menu ul li a sup { font-size: 15px; }

.desktop-menu .content .content-menu ul li ul { display: none; padding: 20px 0; }
.desktop-menu .content .content-menu ul li ul li {}
.desktop-menu .content .content-menu ul li ul li a:link, .desktop-menu .content .content-menu ul li ul li a:visited { display: block; font-size: 20px; line-height: 26px; color: #8f8f8f; }
.desktop-menu .content .content-menu ul li ul li a:hover { color: #e42a23; }
.open-submenu { color: #000 !important; }
.open-submenu:hover { color: #e42a23 !important; }

.desktop-menu .content .content-menu .lang { position: absolute; left: 60px; bottom: 60px; font-family: 'NationalWeb-Book', sans-serif; font-size: 16px; }
.desktop-menu .content .content-menu .lang a { display: inline-block; font-size: 16px; font-weight: 700; color: #8f8f8f; }
.desktop-menu .content .content-menu .lang a:hover { color: #e42a23; }

.desktop-menu .content .content-menu .img-new-prod {  position: absolute; left: 60px; right: 60px; bottom: 60px; margin: 0 !important; }

.list-menu { position: relative; width: 100%; padding: 20px 30px 20px 60px; box-sizing: border-box; overflow-y: auto; }

#content1 { padding: 60px 40px 60px 0 !important; }
#content2 { padding: 60px 40px 60px 0 !important; }

.animenu { display: block; position: fixed; right: 90px; top: 90px; font-size: 20px; line-height: 20px; text-align: right; color: #fff; z-index: 980; }
.animenu p, .animenu i { float: right; margin-right: 14px; overflow-y: hidden; }
.animenu i { font-size: 18px; line-height: 24px; }
.animenu { -webkit-animation: slideRight 3s linear infinite; -moz-animation: slideRight 3s linear infinite; animation: slideRight 3s linear infinite; }
@keyframes slideRight { 
    0% { right: 110px; opacity: 0; }
    15% { right: 90px; opacity: 1; }
	100% { right: 90px; opacity: 1 }
}
@-webkit-keyframes slideRight {
    0% { right: 110px; opacity: 0; }
    15% { right: 90px; opacity: 1; }
	100% { right: 90px; opacity: 1 }
}
@-moz-keyframes slideRight {
    0% { right: 110px; opacity: 0; }
    15% { right: 90px; opacity: 1; }
	100% { right: 90px; opacity: 1 }
}

a svg:hover .icon-menu, a svg:hover .icon-shopper, a svg:hover .icon-plus { fill: #e42a23; }
a.active svg .icon-menu, a.active svg .icon-shopper, a.active svg .icon-plus { fill: #e42a23 !important; }
a svg .icon-menu, a svg .icon-shopper, a svg .icon-plus { transition: 200ms; transition-timing-function: ease-in-out; -webkit-transition: 200ms; -webkit-transition-timing-function: ease-in-out; }

.close-desktop-menu { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: none; width: 100%; height: 100%; margin: auto; background-color: rgba(0,0,0,.4); cursor: pointer; z-index: 985; }


/* LIST CART MENU DESKTOP */
.list-cart-menu-container { position: relative; display: block; width: 100%; }
.list-cart-menu-container:before { position: absolute; left: 60px; top: -1px; display: block; width: 265px; height: 1px; content: ''; background-color: #dedede; }

.list-cart-menu-container:after { position: absolute; left: 60px; bottom: -1px; display: block; width: 265px; height: 1px; content: ''; background-color: #dedede; }

.list-cart-menu-container > p { display: block; padding: 10px 0 0 60px; box-sizing: border-box; font-size: 14px; line-height: 18px; color: #000; }

.list-cart-menu { position: relative; width: 100%; padding: 30px 30px 30px 0; box-sizing: border-box; }

.list-cart-menu .blk-txt h3 { padding-left: 60px; color: #000 !important; }
.list-cart-menu .blk-txt h3 a.icon:link, .list-cart-menu .blk-txt h3 a.icon:visited { position: absolute; left: 0; top: 50%; display: block; width: 60px; font-size: 16px; line-height: 18px; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.list-cart-menu .blk-txt h3 a.icon:hover i { color: #000; }
.alert { color: #e42a23; }
.list-cart-menu hr { position: relative; background-color: transparent !important; }
.list-cart-menu hr:before { position: absolute; left: 60px; top: 0; right: 7px; display: block; height: 1px; content: ''; background-color: #dedede; }

.list-cart-menu, .list-cart-menu-mobile { overflow-y: auto; }


/* CUSTOM SCROLLBAR */
.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; }
.mCustomScrollBox { position: relative; height: 100%; max-width: 100%; Outline: none; direction: ltr; overflow-y: hidden !important; }
.mCSB_container{ width: auto; height: auto; overflow-y: hidden; }

.mCSB_inside > .mCSB_container{ margin-right: 30px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ margin-right: 0; margin-left: 30px; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; }
.mCSB_scrollTools{ position: absolute; /*width: 16px;*/ width: 6px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }
.mCSB_outside + .mCSB_scrollTools{ right: -26px; }	
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ right: auto; left: 0; }
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; }
.mCSB_scrollTools .mCSB_draggerContainer{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }
.mCSB_scrollTools .mCSB_draggerRail { width: 5px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 5px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow-y: hidden; margin: 0 auto; cursor: pointer; }
.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 0 0; }
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; }
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; }
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; }
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; }
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }


/* LIST PRODUCTS MENU */
.list-prod { display: block; width: 100%; padding-left: 60px; box-sizing: border-box; }
.list-prod li { position: relative; display: block; width: 100%; margin-bottom: 15px; }

.list-prod li a.delete:link, .list-prod li a.detele:visited { position: absolute; left: -27px; top: -9px; display: block; width: 27px; height: 27px; font-size: 11px !important; line-height: 27px !important; text-align: center; color: #999; background: url('../img/icon-delete.svg') 0 0 no-repeat; background-size: 27px 27px; }
.list-prod li a.delete:hover {}

.list-prod li img { position: absolute; left: 0; top: 0; width: 67px; height: auto; border: #fff 1px solid; z-index: 2; }
.list-prod li .txt { position: relative; display: block; width: 100%; min-height: 82px; padding-left: 100px; box-sizing: border-box; color: #999; z-index: 1; }
.list-prod li .txt .txt-qnt { position: absolute; left: 100px; bottom: 0; display: inline-block; line-height: 20px; }
.list-prod li .txt .val-qnt { position: absolute; right: 0; bottom: 0; display: inline-block; font-size: 16px; line-height: 20px; color: #000; }
.list-prod li .txt .qnt { position: absolute; right: 0; bottom: 0; display: block !important; width: 60px; padding: 0 !important; }
.list-prod li .txt .qnt li { float: left; display: block; width: 20px; height: 20px; margin-bottom: 0 !important; }
.list-prod li .txt .qnt li a:link, .list-prod li .txt .qnt li a:visited { display: block; width: 20px; height: 20px; font-size: 16px; text-align: center; line-height: 22px; overflow: hidden; }
.list-prod li .txt .qnt li a:hover i { color: #e42a23; }
.list-prod li .txt .qnt li input { display: block; width: 20px; height: 20px; font-size: 16px; line-height: 20px; text-align: center; color: #000; background-color: transparent; border: 0; }

.content-btn-checkout { display: block; width: 100%; padding-left: 60px; box-sizing: border-box; }
a.btn-checkout:link, a.btn-checkout:visited { display: block; width: 100%; height: 50px; margin-top: 30px; font-size: 16px; line-height: 50px; text-align: center; color: #fff; background-color: #212121; border-radius: 3px; }
a.btn-checkout:hover { background-color: #e42a23; }

a.btn-return-empty:link, a.btn-return-empty:visited { display: inline-block; height: 40px; font-size: 14px; line-height: 40px; color: #999; }
a.btn-return-empty:hover { color: #e42a23; }


/* MOBILE MENU */
.mobile-menu { position: fixed; top: 0; display: none; width: 100%; height: 70px !important; box-sizing: border-box; /*background-color: #fff;*/ z-index: 990; }

a.link-home:link, a.link-home:visited, a.link-home:hover { position: absolute; right: 0; top: 0; display: block; width: 70px; height: 70px; z-index: 15; }
a.link-home img { display: block; width: 70px; height: 70px; }

.mobile-menu .menu { position: relative; display: block; width: 100%; height: 70px; margin: 0; padding: 0; background-color: #fff; z-index: 10; }
.mobile-menu .menu li { display: inline-block; width: 70px; height: 70px; }
.mobile-menu .menu li a:link, .mobile-menu .menu li a:visited { position: relative; display: block; width: 70px; height: 70px; font-size: 20px; text-align: center; line-height: 70px; color: #000; overflow: hidden; }
.mobile-menu .menu > li a.active { background-color: #f2f2f2 !important; }
.mobile-menu .menu > li a.active i { color: #e42a23 !important; }
.mobile-menu .menu > li a.plus.active svg { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.mobile-menu .menu > li a.point:before { position: absolute; left: 50%; top: 50%; display: block; width: 4px; height: 4px; margin: 1px 0 0 -2px; content: ''; background-color: #e42a23; border-radius: 50%; }

.submenu-mobile-container { position: absolute; display: block; width: 100%; background-color: #f2f2f2; z-index: 5; /*overflow: hidden;*/ }

.submenu { position: absolute; left: 20px; top: 80px; right: 20px; display: none; box-sizing: border-box; z-index: 985; }
.submenu hr { display: block; width: 100%; height: 0; margin: 20px 0; border: 0; border-top: #dedede 1px solid; }
.submenu ul { display: block; padding-bottom: 5px; }
.submenu ul li { display: block; list-style: none; }
.submenu ul li a:link, .submenu ul li a:visited { display: inline-block; font-family: 'NationalWeb-Book'; font-size: 36px; line-height: 42px; color: #8f8f8f; }
.submenu ul li a:hover { color: #e42a23; }
.submenu ul li.lang { font-size: 16px; font-weight: 700; line-height: 22px; color: #8f8f8f; }
.submenu ul li.lang strong { color: #000; }
.submenu ul li.lang a { display: inline-block; font-size: 16px; font-weight: 700; line-height: 22px; }

.submenu ul ul { display: none; }
.submenu ul ul li a:link, .submenu ul ul li a:visited { font-size: 20px; line-height: 26px; }


/* LIST CART MENU MOBILE */
.list-cart-menu-mobile-container { position: relative; display: block; width: 100%; padding: 40px 0; box-sizing: border-box; }
.list-cart-menu-mobile-container:before { position: absolute; left: 0; top: 20px; right: 0; display: block; height: 0; content: ''; border-top: #dedede 1px solid; }
.list-cart-menu-mobile-container:after { position: absolute; left: 0; bottom: 10px; right: 0; display: block; height: 0; content: ''; border-top: #dedede 1px solid; }

.list-cart-menu-mobile { position: relative; display: block; width: 100%; /*padding: 20px 20px 20px 0;*/ padding: 0 20px 0 0; box-sizing: border-box; overflow-y: auto; }

.list-cart-menu-mobile .blk-txt h3 { padding-left: 60px; }
.list-cart-menu-mobile .blk-txt h3 a.icon:link, .list-cart-menu-mobile .blk-txt h3 a.icon:visited { position: absolute; left: 0; top: 50%; display: block; width: 60px; font-size: 16px; line-height: 18px; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }
.list-cart-menu-mobile .blk-txt h3 a.icon:hover i { color: #000; }
.alert { color: #e42a23; }
.list-cart-menu-mobile hr { position: relative; background-color: transparent !important; }


/* FULL IMAGE HP */
.full-img { position: relative; display: block; width: 100%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-color: #000; }

/* inizio modifiche - 25.10.2018 */
.full-img .caption-full-img { position: absolute; left: 50%; top: 50%; width: 584px; padding: 0 22px; box-sizing: border-box; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.full-img .caption-full-img h2 { display: block; margin-bottom: 77px; text-align: center; font-family: 'NationalWeb-Book', sans-serif; font-size: 53px; font-weight: normal; line-height: 58px; color: #fff; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.full-img .caption-full-img a.btn:link, .full-img .caption-full-img a.btn:visited { padding: 0 15px; margin-bottom: 0; box-sizing: border-box; color: #fff; border-top: #fff 1px solid; border-bottom: #fff 1px solid; }
.full-img .caption-full-img a.btn:hover, a.btn:hover:after { color: #e42a23 !important; }
.full-img .caption-full-img a.btn:after { color: #fff; }

@media (min-width: 992px) {
	.center-btn-caption-full-img { width: 44% !important; margin: 0 28%; }
	.left-btn-caption-full-img { float: left; width: 43% !important; }
	.right-btn-caption-full-img { float: right; width: 43% !important; }
}
@media (max-width: 991px) {
	.full-img .caption-full-img { width: 100%; top: auto; left: 0; bottom: 23px; -webkit-transform: none; transform: none; }
	.full-img .caption-full-img h2 { margin-bottom: 29px; font-size: 31px; line-height: 34px; text-align: left; }
	.center-btn-caption-full-img { width: 100%; margin: 0; }
	.left-btn-caption-full-img { float: none; width: 100% !important; }
	.right-btn-caption-full-img { float: none; width: 100% !important; border-top: 0 !important; }
}
/* fine modifiche - 25.10.2018 */

.full-img-ilmolino { margin-bottom: 60px; }

/* logo */
.logo-mp:link, .logo-mp:visited, .logo-mp:hover { position: absolute; left: 30px; top: 20px; display: inline-block; font-family: 'NationalWeb-Medium', sans-serif; font-size: 22px; line-height: 18px; text-transform: uppercase; letter-spacing: 4px; color: #fff; z-index: 20; }

/* main title */
.main-title { position: absolute; left: 0; top: 30px; display: block; width: 100%; z-index: 21; }
.main-title h1 { font-family: 'NationalWeb-Book', sans-serif; font-size: 36px; line-height: 40px; color: #fff; }

.blk-txt.default h2 { margin-bottom: 25px !important; }
.blk-txt.default p { margin: 0; }

/* breadcrumbs */
.breadcrumbs { width: 100%; font-size: 11px; line-height: 15px; text-transform: uppercase; }

.title .breadcrumbs.desk { color: #999; }
.title .breadcrumbs.desk a:link, .title .breadcrumbs.desk a:visited { color: #999; }
.title .breadcrumbs.desk a:hover { color: #e42a23; }
.title .breadcrumbs.desk span { color: #000; }

.certificazioni .title .breadcrumbs.desk { color: #fff; }
.certificazioni .title .breadcrumbs.desk a:link, .certificazioni .breadcrumbs.desk a:visited { color: #fff; }
.certificazioni .title .breadcrumbs.desk a:hover { color: #e42a23 }
.certificazioni .title .breadcrumbs.desk span { color: #000; }

.full-img .breadcrumbs.desk, .il-mugnaio .breadcrumbs.desk { color: #999; }
.full-img .breadcrumbs.desk a:link, .full-img .breadcrumbs.desk a:visited, .il-mugnaio .breadcrumbs.desk a:link, .il-mugnaio .breadcrumbs.desk a:visited { color: #999; }
.full-img .breadcrumbs.desk a:hover, .il-mugnaio .breadcrumbs.desk a:hover { color: #fff }
.full-img .breadcrumbs.desk, .il-mugnaio .breadcrumbs.desk span { color: #fff; }

.breadcrumbs.mob { padding: 3px 0; font-size: 11px; line-height: 15px; color: #999; border-top: #f7f7f7 1px solid; border-bottom: #f7f7f7 1px solid; }
.breadcrumbs.mob a:link, .breadcrumbs.mob a:visited { color: #999; }
.breadcrumbs.mob a:hover { color: #e42a23; }
.breadcrumbs.mob span { color: #000; }
.breadcrumbs.mob .container, .breadcrumbs.mob .container .row { display: block; margin: 0; padding: 0; min-height: 18px; }

.il-mugnaio .breadcrumbs.mob { margin-top: 1px; color: #999; border-top: none; border-bottom: #666 1px solid; }
.il-mugnaio .breadcrumbs.mob a:link, .il-mugnaio .breadcrumbs.mob a:visited { color: #999; }
.il-mugnaio .breadcrumbs.mob a:hover, .il-mugnaio .breadcrumbs.mob span { color: #fff; }

/* claim */
.claim { position: absolute; left: 0; bottom: 10px; display: block; width: 100%; z-index: 22; }
.claim h2 { display: inline-block; margin-bottom: 40px; font-family: 'NationalWeb-Book', sans-serif; font-size: 36px; font-weight: normal; line-height: 40px; color: #999; }

/* btn generic */
a.btn:link, a.btn:visited { position: relative; display: block; width: 100%; height: 37px; margin-bottom: 60px; padding-right: 20px; box-sizing: border-box; font-size: 16px; line-height: 33px; color: #999; border-top: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; overflow: hidden; }
a.btn:hover, a.btn:hover:after { color: #e42a23 !important; }
a.btn:after { position: absolute; right: 10px; top: 50%; margin-top: -8px; content: "\f0da"; font-family: 'FontAwesome'; font-size: 16px; line-height: 16px; color: #b2b2b2; }

.claim a.btn:link, .claim a.btn:visited { width: 230px; border-top: #999 1px solid; border-bottom: #999 1px solid; }
.claim a.btn:after { color: #999; }


/* BLK */
.blk-txt { display: block; margin-bottom: 40px; }
.blk-txt h1 { position: relative; display: block; margin-bottom: 15px; font-weight: normal; font-size: 36px; line-height: 36px; color: #000; }
.blk-txt h2 { position: relative; display: block; margin-bottom: 70px; font-weight: normal; font-size: 36px; line-height: 36px; color: #000; }
.blk-txt h3 { position: relative; display: block; margin-bottom: 25px; font-family: 'NationalWeb-Medium', sans-serif; font-weight: normal; font-size: 20px; line-height: 20px; }
.blk-txt h3.consigliati { margin-bottom: 70px; }
.blk-txt h4 { position: relative; display: block; margin-bottom: 30px; font-weight: normal; font-size: 16px; line-height: 20px; }

.blk-txt h4 a:link, .blk-txt h4 a:visited { color: #000; }
.blk-txt h4 a:hover { color: #e42a23; }

.blk-txt p { display: block; margin-bottom: 20px; font-size: 16px; line-height: 20px; color: #999; }

.blk-txt p a:link, .blk-txt p a:visited { color: #999; }
.blk-txt p a:hover { color: #e42a23; }
.blk-txt p a.active:link, .blk-txt p a.active:visited, .blk-txt p a.active:hover { color: #df0d35; }

.blk-txt ul { margin-bottom: 20px; }
.blk-txt ul li { position: relative; padding-left: 10px; list-style: none; font-size: 16px; line-height: 20px; color: #999; }
.blk-txt ul li:before { position: absolute; left: 0; top: 3px; content: "\f111"; font-family: 'FontAwesome'; font-size: 3px; }

.blk-txt hr { margin-top: 34px; margin-bottom: 30px; border: 0; border-top: 1px solid #eee; }

.black { color: #000; }

.blk-img { margin-bottom: 60px; }
.blk-img img { display: block; width: 100%; height: auto; }

.blk-attachment { display: block; margin-bottom: 40px; }
.blk-attachment a .symbol, .blk-attachment a .slide-icon { display: none; }
.blk-attachment a:link, .blk-attachment a:visited { position: relative; display: block; width: 100%; height: 37px; margin-bottom: 60px; padding-right: 20px; box-sizing: border-box; font-size: 16px; line-height: 33px; color: #999; border-top: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; overflow: hidden; }
.blk-attachment a:hover, .blk-attachment a:hover:after { color: #e42a23 !important; }
.blk-attachment a:after { position: absolute; right: 0; top: 50%; margin-top: -8px; content: "\f0da"; font-family: 'FontAwesome'; font-size: 16px; line-height: 16px; color: #b2b2b2; }

.blk-video { display: block; margin-bottom: 40px; }
.blk-video .video { position: relative; display: block; width: 100%; padding-top: 56.25%; } /* 56.25% - 75% */
.blk-video .video iframe { position: absolute; left: 0; top: 0; display: block; width: 100% !important; height: 100% !important; border: 0 !important; }
.blk-video .video video  { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

/* e-learning */
.blk-video .video .videologo { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; opacity: 1; width: 100%; height: 100%; background: #333 url('../img/logo-molino-pasini-no-payoff.svg') center center no-repeat; background-size: 27% 27%; z-index: 3; -webkit-transition: opacity 0.325s; transition: opacity 0.325s; }
.blk-video .video .player-ph { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background-color: transparent; z-index: 2; }
.blk-video .video #video-placeholder { width: 100%; height: 100%; z-index: 1; }
.blk-video .video #video-placeholder .ytp-chrome-top { display: none; }
.remodal { -webkit-transition: all 0.2s; transition: all 0.2s; }
.remodal .full { position: absolute; top: 50px; right: 28px; display: block; width: 40px; height: 40px; color: #fff; background: transparent; cursor: pointer; border: 0; }
.remodal .full:before { font-family: "FontAwesome"; content: '\f065'; font-size: 17px; font-weight: normal; line-height: 40px; position: absolute; top: 0; left: 0; display: block; width: 40px; text-align: center; -webkit-transition: color 0.2s; transition: color 0.2s; }
.remodal .full:hover:before { color: #e42a23; }

#controls { display: block; width: 100%; padding: 10px 0; }
#controls li { float: left; font-size: 14px; line-height: 25px; color: #fff; cursor: pointer; }
#controls li i { color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s; }
#controls li:hover i { color: #e42a23; }
#controls li:nth-child(1) { width: 5%; text-align: left; }
#controls li:nth-child(2) { width: 70%; }
#controls li:nth-child(3) { width: 25%; text-align: right; }

@media (max-width: 468px) {
  .remodal .full { display: none; }
  #controls li:nth-child(2) { width: 60%; }
  #controls li:nth-child(3) { width: 35%; text-align: right; }
}

#pause { display: none; }
.playpause.activevideo #play { display: none; }
.playpause.activevideo #pause { display: inline-block; }
#video-placeholder .ytp-pause-overlay { display: none; }
.remodal.remodalzoom { max-width: 75%; }
.remodal.remodalzoom .full:before { content: '\f066'; }

a.link-remodal:link, a.link-remodal:visited { color: #e42a23; }
a.link-remodal:hover { color: #fff; }

#progress-bar { position: relative; width: 100%; height: 20px; margin-top: 3px; cursor: pointer; }
input[type="range" i] { appearance: auto; color: -internal-light-dark(rgb(16, 16, 16), rgb(255, 255, 255)); cursor: default; padding: initial; border: initial; margin: 2px; }

.blk-map { width: 100%; margin-bottom: 40px; }
.blk-map iframe { width: 100% !important; height: 400px !important; border: 0 !important; }

.title { display: block; margin: 50px 0 60px 0; }
.title .blk-txt { margin-bottom: 0; }
.title .blk-txt h1 { margin-bottom: 20px; }


/* MASTER CLASS */
.masterclass { position: relative; display: block; width: 100%; margin-bottom: 60px; padding: 0 15px; box-sizing: border-box; }
.masterclass .main-img { position: relative; width: 45%; height: auto; }
.masterclass .img { position: absolute; right: 15px; bottom: 0; width: 25%; }
.masterclass .img img { width: 100%; height: auto; }
.masterclass .masterclass-txt { position: absolute; right: 15px; top: 0; width: 25%; }


/* CERTIFICATIONS */
.certifications { position: relative; display: block; width: 100%; margin-bottom: 60px; padding: 60px 0 0 0; /*background: #a9a49e url('../img/il_molino/certifications-bg.jpg') left bottom no-repeat;*/ background: #a9a49e url('../img/il_molino/certifications-bg.png') left bottom no-repeat;background-size: 50% auto; overflow: hidden; }

.certifications .blk-txt { z-index: 10; }
.certifications .blk-txt p { color: #fff; }
.certifications a.btn:link, .certifications a.btn:visited { margin-bottom: 60px; color: #fff; }
.certifications a.btn:after { color: #fff; }


/* LE FARINE */
a.primo-pulsante:link, a.primo-pulsante:visited { position: relative; display: block; width: 100%; padding: 6px 20px 10px 0; box-sizing: border-box; font-size: 16px; line-height: 22px; color: #999; border-top: #d9d9d9 1px solid; border-bottom: #d9d9d9 1px solid; overflow: hidden; }
a.primo-pulsante:hover, a.primo-pulsante:hover:after, a.pulsante:hover, a.pulsante:hover:after { color: #e42a23 !important; }
a.primo-pulsante:after, a.pulsante:after { position: absolute; right: 0; top: 50%; margin-top: -8px; content: "\f0da"; font-family: 'FontAwesome'; font-size: 16px; line-height: 16px; color: #b2b2b2; }

a.pulsante:link, a.pulsante:visited { position: relative; display: block; width: 100%; padding: 6px 20px 10px 0; box-sizing: border-box; font-size: 16px; line-height: 22px; color: #999; border-bottom: #d9d9d9 1px solid; overflow: hidden; }

/* other lines */
.other-lines { display: block; width: 100%; padding: 60px 0 0 0; background-color: #f1f0ee; border-bottom: #fff 2px solid; }
.other-lines .blk-txt h3 a:link, .other-lines .blk-txt h3 a:visited { color: #000; }
.other-lines .blk-txt h3 a:hover { color: #e42a23; }
.item-other-lines { display: block; width: 100%; margin-bottom: 60px; }
.item-other-lines .blk-img { text-align: center; margin-bottom: 30px; }
.item-other-lines .blk-img img { display: inline-block; max-width: 250px; }
.item-other-lines a.btn:link, .item-other-lines a.btn:visited { margin-bottom: 0; }

.icon-info-lines { float: left; display: block; width: 50%; max-width: 100px; margin: 40px 0 15px 0; padding-right: 20px; box-sizing: border-box; }
.icon-info-lines img { display: block; width: 100%; max-width: 80px; height: auto; margin-bottom: 14px; }
.icon-info-lines p { position: relative; display: block; width: 100%; max-width: 80px; height: 18px; box-sizing: border-box; margin: 0 !important; padding: 0 !important; }
.icon-info-lines p span { position: absolute; left: 50%; top: 50%; display: inline-block; font-size: 14px; line-height: 18px; white-space: nowrap; color: #999; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }


/* VIRTUAL TOUR SLIDESHOW */
.virtual-tour { display: block; width: 100%; background-color: #000; }
.virtual-tour .item { position: relative; width: 100%; }
.virtual-tour .item img { display: block; width: 100%; height: auto; z-index: 1; }

.virtual-tour .owl-controls { position: absolute; right: 130px; bottom: 60px; width: 68px; height: 34px; }
.virtual-tour .owl-controls .owl-prev, .virtual-tour .owl-controls .owl-next { display: block; width: 34px; height: 34px; font-size: 25px; text-align: center; line-height: 34px; color: #fff; }
.virtual-tour .owl-controls .owl-prev, .virtual-tour .owl-controls .owl-next { float: left; }
.virtual-tour .owl-controls .owl-prev { background: url('../img/controls-arrow-left.png') 0 0 no-repeat; background-size: 34px 34px; }
.virtual-tour .owl-controls .owl-next { background: url('../img/controls-arrow-next.png') 0 0 no-repeat; background-size: 34px 34px; }
.virtual-tour .owl-controls .owl-prev:hover { background: url('../img/controls-arrow-left-hover.png') 0 0 no-repeat; background-size: 34px 34px; }
.virtual-tour .owl-controls .owl-next:hover { background: url('../img/controls-arrow-next-hover.png') 0 0 no-repeat; background-size: 34px 34px; }

.virtual-tour .item .caption { position: absolute; left: 130px; bottom: 60px; width: 220px; z-index: 10; }
.virtual-tour .item .caption h4 { display: block; margin: 0; padding: 0 0 10px 0; font-size: 72px; font-weight: normal; line-height: 72px; color: #fff; }
.virtual-tour .item .caption p { display: block; font-size: 16px; font-weight: normal; line-height: 1.3em; color: #fff; }
.virtual-tour .item .caption p span { display: inline-block; margin: 1px 0; white-space: nowrap; background-color: #000; }

.virtual-tour-thumbs { position: relative; width: 100%; box-sizing: border-box; border-left: #fff 1px solid; border-right: #fff 1px solid; display: none !important; }
.virtual-tour-thumbs .item { border-top: #fff 2px solid; border-right: #fff 1px solid; border-bottom: #fff 2px solid; border-left: #fff 1px solid; box-sizing: border-box; opacity: .5; }
.virtual-tour-thumbs .item img { display: block; width: 100%; height: auto; cursor: pointer; }
.synced .item  { opacity: 1; }

.claim-txt { display: none; width: 100%; min-height: 105px; padding: 15px 0; box-sizing: border-box; }
.claim-txt .row { margin-bottom: 0; }
.claim-txt, .claim-txt .blk-txt { display: none; }
.claim-txt, .claim-txt .blk-txt p { margin-bottom: 0; font-size: 14px; line-height: 18px; color: #000; }
.claim-txt .blk-txt.active { display: block; }


/* CERTIFICAZIONI */
.certificazioni { background-color: #a9a49d; }
.certificazioni h4 { min-height: 60px; }
.certificazioni a.btn:link, .certificazioni a.btn:visited { margin-bottom: 50px; color: #fff; }
.certificazioni a.btn:hover { color: #e42a23 }
.certificazioni a.btn:after { color: #fff; }
.certificazioni a.btn:hover:after { color: #e42a23; }
.box-certificazioni .blk-txt { margin-bottom: 0; }
.box-certificazioni .blk-img { margin-bottom: 30px; }


/* LINEE PRODOTTI */
.title-line { display: block; margin: 0 15px; padding: 68px; box-sizing: border-box; background-color: #f0f0ee; border: #fff 1px solid; }
.title-line h2 { position: relative; display: block; font-weight: normal; font-size: 36px; line-height: 36px; color: #000; }

.box-prod { display: block; width: 100%; }
.box-prod li { float: left; display: inline-block; width: 25%; box-sizing: border-box; vertical-align: top; background-color: #f0f0ee; border: #fff 1px solid; }

.box-prod-title { display: block; width: 100%; min-height: 70px; padding: 10px 20px; box-sizing: border-box; background-color: #f0f0ee; border-bottom: #fff 2px solid; }
.box-prod-title h4 { display: block; font-family: 'NationalWeb-Book', sans-serif; font-size: 17px; font-weight: normal; line-height: 20px; color: #000; }

.box-prod li a:link, .box-prod li a:visited, .box-prod li .box-prod-empty { position: relative; display: block; width: 100%; padding-top: 125.1666%; background-color: #f0f0ee; overflow: hidden; }
.box-prod li a img { position: absolute; left: 50%; top: 50%; display: block; /*max-width: 100%;*/ max-height: 100%; width: auto; /*height: auto;*/ height: 100%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; } /* reworking - 22.11.2017 */
.box-prod li a .caption { position: absolute; left: 15px; top: 15px; right: 15px; bottom: 15px; padding: 15px; font-size: 16px; line-height: 20px; text-align: left; color: #999; background-color: #fff; opacity: 0; z-index: 5; }
.box-prod li a .caption span { color: #000; }
.box-prod li a .caption .weight { position: absolute; left: 10px; right: 10px; bottom: 10px; }
.box-prod li a:hover .caption { opacity: 1; }


/* PRODUCT DETAIL */
.prod-detail-container { position: relative; display: block; width: 100%; margin-bottom: 40px; }
.prod-detail-container .prod-detail-main-img { float: right; width: 50%; height: auto; }
.prod-detail-container .info-prod { position: absolute; left: 0; bottom: 0; display: block; width: 25%; padding: 0 40px 0 15px; box-sizing: border-box; font-size: 16px; line-height: 20px; color: #999; }
.prod-detail-container .btn-info-prod { position: absolute; left: 25%; bottom: 0; display: block; width: 25%; padding: 0 40px 0 15px; box-sizing: border-box; }

.price { position: relative; display: block; margin-bottom: 30px !important; font-size: 36px; line-height: 36px; font-family: 'NationalWeb-Book', sans-serif; }
.price .input-container { position: absolute; right: 0; bottom: 0; height: 36px; box-sizing: border-box; }
.price .input-container .qnt { height: 36px; vertical-align: top; list-style: none; }
.price .input-container .qnt li { float: left; min-width: 12px; max-width: 25px; height: 36px; margin: 0; padding: 0; vertical-align: top; list-style: none; }
.price .input-container .qnt li:before { display: none; }
.price .input-container .qnt li a:link, .price .input-container .qnt li a:visited { font-size: 16px; line-height: 36px; }
.price .input-container .qnt li a i { color: #999; }
.price .input-container .qnt li a:hover i { color: #e42a23; }
.price .input-container .qnt li input { display: block; width: 20px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; color: #000; background-color: transparent; border: 0; }

.multi-btn { display: block; width: 100%; /*margin-bottom: 60px;*/ margin-bottom: 33px; border-top: #d9d9d9 1px solid; }
.multi-btn li { display: block; border-bottom: #d9d9d9 1px solid; }
.multi-btn li a:link, .multi-btn li a:visited { position: relative; display: block; padding: 10px 20px 10px 0; box-sizing: border-box; font-size: 16px; line-height: 18px; color: #999; }
.multi-btn li a:after { position: absolute; right: 0; top: 50%; margin-top: -8px; content: "\f0da"; font-family: 'FontAwesome'; font-size: 16px; line-height: 16px; color: #999; }
.multi-btn li a:hover, .multi-btn li a:hover:after { color: #e42a23; }

a.btn-add-cart:link, a.btn-add-cart:visited { display: block; width: 100%; height: 38px; font-size: 16px; line-height: 37px; text-align: center; color: #fff; background-color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
a.btn-add-cart:hover { background-color: #e42a23; }


/* SHOP */
.product-sorting { display: block; margin-bottom: 30px; padding: 0 30px; box-sizing: border-box; }
.product-sorting li { display: inline-block; list-style: none; font-size: 18px; line-height: 22px; color: #999; }
.product-sorting li a:link, .product-sorting li a:visited { font-size: 18px; line-height: 22px; color: #999; }
.product-sorting li a:hover, .product-sorting li a.active { color: #e42a23 !important; }

.grid-container { display: block; width: 100%; margin-bottom: 60px; padding: 0 30px; box-sizing: border-box; }

/* portfolio items */
.portfolio-items { width: 100%; overflow-x: hidden; }
.portfolio-items .col-md-3, .portfolio-items .col-sm-4, .portfolio-items .col-xs-6,
.portfolio-items .col-md-12, .portfolio-items .col-sm-12, .portfolio-items .col-xs-12 { padding: 0 !important; }
.portfolio-items .col-md-12, .portfolio-items .col-sm-12, .portfolio-items .col-xs-12 { display: block; height: 40px; }
.portfolio-items li { display: block; box-sizing: border-box; border-right: #fff 2px solid; border-bottom: #fff 2px solid; }
.portfolio-items li a:link, .portfolio-items li a:visited, .portfolio-items li .box-prod-empty { position: relative; display: block; width: 100%; /*padding: 20px;*/ padding-top: 125.1666%; box-sizing: border-box; background-color: #f1f0ee; overflow: hidden; }
.portfolio-items li a img { position: absolute; left: 50%; top: 50%; display: block; /*max-width: 100%;*/ max-height: 100%; width: auto; /*height: auto;*/ -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }

.portfolio-items li a .caption { position: absolute; left: 15px; top: 15px; right: 15px; bottom: 15px; padding: 15px; font-size: 16px; line-height: 20px; text-align: left; color: #999; background-color: #fff; opacity: 0; z-index: 5; }
.portfolio-items li a .caption span { color: #000; }
.portfolio-items li a .caption .weight { position: absolute; left: 15px; right: 15px; bottom: 15px; }
.portfolio-items li a:hover .caption { opacity: 1; }


/* CHECKOUT */
.list-prod-checkout-group { display: block; border-top: #ececec 1px solid; }
.list-prod-checkout-group h3 { display: block; padding: 24px 0 28px; }
.list-prod-checkout-group h3 .icon { position: absolute; left: -30px; top: 50%; display: block; width: 30px; font-size: 14px; line-height: 14px; text-align: left; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); }

.list-prod-checkout-group table { width: 100%; }
.list-prod-checkout-group table tr { width: 100%; }
.list-prod-checkout-group table td { position: relative; padding: 10px 0; font-size: 16px; font-weight: normal; line-height: 20px; color: #999; }
.list-prod-checkout-group table td img { width: 65%; height: auto; }

.list-prod-checkout-group table td a.delete:link, .list-prod-checkout-group table td a.detele:visited { position: absolute; left: -27px; top: 0; display: block; width: 27px; height: 27px; font-size: 11px !important; line-height: 27px !important; text-align: center; color: #999; background: url('../img/icon-delete.svg') 0 0 no-repeat; background-size: 27px 27px; }
.list-prod-checkout-group table td a.delete:hover {}

.list-prod-checkout-group table.total { margin-top: 30px; }
.list-prod-checkout-group table.total td { padding: 0; vertical-align: top; }
.list-prod-checkout-group table.total td h4 { font-size: 20px; line-height: 20px; color: #000; }
.list-prod-checkout-group table.total td span { font-size: 12px; font-weight: normal; line-height: 18px; text-transform: uppercase; color: #999; }

.list-prod-checkout-group hr { margin-top: 30px; margin-bottom: 0; }
.list-prod-checkout-group hr.black { border-top: 1px solid #000; }

.note { font-size: 12px; font-weight: normal; line-height: 18px; text-transform: uppercase; color: #999; }

.list-prod-checkout-group .qnt { width: 60px; }
.list-prod-checkout-group .qnt li { float: left; display: block; width: 20px; height: 20px; margin-bottom: 0 !important; }
.list-prod-checkout-group .qnt li a:link, .list-prod-checkout-group .qnt li a:visited { display: block; width: 20px; height: 20px; font-size: 16px; text-align: center; line-height: 22px; color: #999; overflow: hidden; }
.list-prod-checkout-group .qnt li a:hover i { color: #e42a23; }
.list-prod-checkout-group .qnt li input { display: block; width: 20px; height: 20px; font-family: 'NationalWeb-Book', sans-serif; font-size: 16px; line-height: 20px; text-align: center; color: #000; background-color: transparent; border: 0; }

.btn-back-container { display: block; margin-bottom: 40px; }
.btn-back-container a:link, .btn-back-container a:visited { display: inline-block; height: 78px; font-size: 16px; font-weight: normal; line-height: 78px; color: #999; }
.btn-back-container a:hover { color: #e42a23; }


.sidebar-menu { display: block; width: 100%; margin-bottom: 60px; }
.sidebar-menu li { display: block; width: 100%; min-height: 82px; background-color: #f1f0ee; border-bottom: #fff 1px solid; }
.sidebar-menu li a:link, .sidebar-menu li a:visited { position: relative; display: block; padding: 29px 32px; box-sizing: border-box; font-size: 20px; line-height: 24px; color: #000; background-color: #f1f0ee; }
.sidebar-menu li a i { position: absolute; right: 32px; top: 50%; margin-top: -8px; font-size: 16px; line-height: 16px; color: #999; }
.sidebar-menu li a:hover { color: #fff; background-color: #000; }
.sidebar-menu li a:hover i { color: #fff; }

.sidebar-menu li a.disabled:link, .sidebar-menu li a.disabled:visited { /*background-color: #fff;*/ color: #7f7f7f; background-color: #f8f7f6; cursor: default; }
.sidebar-menu li a.disabled:hover { /*background-color: #000;*/ color: #7f7f7f; background-color: #f8f7f6; }
.sidebar-menu li a.disabled i, .sidebar-menu li a.disabled:hover i { color: #cbcbcb; }  

.sidebar-menu .blk-txt { margin-bottom: 0; padding: 32px; box-sizing: border-box; }
.sidebar-menu .blk-txt h3 { font-family: 'NationalWeb-Book', sans-serif; letter-spacing: 0.025em; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;font-size: 20px; line-height: 24px; color: #000; }
.sidebar-menu .blk-txt h4 { margin-bottom: 0; color: #000; }
.sidebar-menu .blk-txt p { margin-bottom: 0; }

.sidebar-menu .blk-txt hr { border-top: #dadada 1px solid; }

.relative { position: relative; display: block; }
.relative p { display: block; margin-bottom: 12px !important; }

.icons-menu { position: absolute; right: 0; top: 0; height: 20px; margin: 0 !important; z-index: 10; } 
.icons-menu li { float: left; display: block; width: 18px; height: 18px; min-height: 18px; margin: 0 0 0 10px !important; padding: 0 !important; font-size: 0; line-height: 0; border-bottom: 0; }
.icons-menu li:before { display: none; }
.icons-menu li a.btn-edit { position: relative; display: block; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; background: url('../img/icon-edit.svg') 0 0 no-repeat; background-size: 16px 16px; }
.icons-menu li a.btn-delete { position: relative; display: block; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; background: url('../img/icon-radio.svg') 0 0 no-repeat; background-size: 18px 18px; }


/* sidebar form */
.sidebar-form { width: 100%; margin-bottom: 70px; padding: 35px; box-sizing: border-box; background-color: #f1f0ee; }
.sidebar-form .blk-txt { margin-bottom: 30px; }
.sidebar-form .content { display: block; width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: #d9d9d9 1px solid; }
.sidebar-form input { display: block; width: 100%; height: 44px; margin-bottom: 3px; padding: 0 18px; box-sizing: border-box; font-size: 16px; line-height: 44px; color: #000; background-color: #fff; border: transparent 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.sidebar-form textarea, .sidebar-menu textarea { display: block; width: 100%; height: 128px; margin-bottom: 3px; padding: 10px 18px; box-sizing: border-box; font-size: 16px; color: #000; background-color: #fff; border: transparent 1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; resize: none; }
.sidebar-form input:focus, .sidebar-form textarea:focus { border-color: #3c3b3b; }
.sidebar-form .check-container { display: block; width: 100%; margin-bottom: 30px; }
.sidebar-form hr { margin: 30px 0; border-top: 1px solid #d8d8d8; }


/* sidebar input check */
.control2 { position: relative; display: block; cursor: pointer; font-size: 18px; }
.control2 input { position: absolute; width: 0; z-index: -1; opacity: 0; }
.control2__indicator { position: absolute; top: 0; left: 0; height: 18px; width: 18px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.control2:hover input ~ .control2__indicator, .control2 input:focus ~ .control2__indicator { background: #fff; }
.control2 input:checked ~ .control2__indicator { background: #fff; }
.control2:hover input:not([disabled]):checked ~ .control2__indicator, .control2 input:checked:focus ~ .control2__indicator { background: #fff; }
.control2 input:disabled ~ .control2__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.control2__indicator:after { content: ''; position: absolute; display: none; }
.control2 input:checked ~ .control2__indicator:after { display: block; }
/*.control2--checkbox .control2__indicator:after { left: 7px; top: 3px; width: 5px; height: 9px; border: solid #000; border-width: 0 1px 1px 0; transform: rotate(45deg); }*/
.control2__indicator:after { left: 0; top: 0; height: 18px; width: 18px; background: transparent url('../img/icon-radio.svg') 0 0 no-repeat; background-size: 18px 18px; }
.control2--checkbox input:disabled ~ .control2__indicator:after { border-color: #7b7b7b; }
.txt-check { padding-left: 26px; font-size: 16px; line-height: 18px !important; color: #999; }
.txt-check a:link, .txt-check a:visited { display: inline-block !important; padding: 0 !important; font-size: 16px !important; line-height: 18px !important; background-color: transparent !important; color: #999 !important; }
.txt-check a:hover { color: #e42a23 !important; }

/* sidebar input radio */
.control--radio .control2__indicator {  }
.control--radio .control2__indicator:after { left: 0; top: 0; height: 18px; width: 18px; background: transparent url('../img/icon-radio.svg') 0 0 no-repeat; background-size: 18px 18px; }
.control--radio input:disabled ~ .control2__indicator:after { background: #7b7b7b; }


.sidebar-menu-subcontent .btn-container { display: block; width: 100%; padding: 0 0 30px 0; text-align: right; }
.sidebar-menu-subcontent .blk-txt { margin: 0; padding: 0; }
a.btn-confirm:link, a.btn-confirm:visited { display: inline-block; width: 138px; height: 38px; padding: 0 !important; font-size: 16px !important; line-height: 36px !important; text-align: center; color: #fff !important; background-color: #000 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
a.btn-confirm:hover { background-color: #e42a23 !important; }

a.btn-go:link, a.btn-go:visited { display: inline-block; height: 38px !important; width: auto; padding: 0 20px !important; font-size: 16px !important; line-height: 36px !important; text-align: center; color: #fff !important; background-color: #000 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
a.btn-go:hover { background-color: #e42a23 !important; }

.btn-input { display: inline-block; width: 138px; height: 38px; padding: 0 !important; font-size: 16px !important; line-height: 36px !important; text-align: center; color: #fff !important; background-color: #000 !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
.btn-input:hover { background-color: #e42a23 !important; }

.separator { position: relative; display: block; width: 100% !important; height: 1px; margin: 25px 0 30px 0; background-color: #fff; }
.separator:before { position: absolute; left: -35px; top: 0; display: block; width: 35px; height: 1px; content: ''; background-color: #fff; }
.separator:after { position: absolute; right: -35px; top: 0; display: block; width: 35px; height: 1px; content: ''; background-color: #fff; }

/* select */
.select { position: relative; display: block; margin-bottom: 3px; width: 100%; }
.select select { display: block; width: 100%; height: 44px; padding: 0 18px; box-sizing: border-box; font-size: 16px; line-height: 44px; outline: 0; border: 0; border-radius: 3px; cursor: pointer; background: #fff; color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.select select::-ms-expand { display: none; }
.select select:hover, .select select:focus { background: #fff; }
.select select:disabled { color: #d8d8d8; pointer-events: none; }
.select__arrow { position: absolute; top: 19px; right: 18px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 6px 4px 0 4px; border-color: #999 transparent transparent transparent; opacity: .7; }
.select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow { border-top-color: #999; opacity: 1; }
.select select:disabled ~ .select__arrow { border-top-color: #ccc; }
.select select option:first { color: #939393 !important; }


/* IL MUGNAIO */
.il-mugnaio { background-color: #212121; }
.il-mugnaio .blk-txt { margin-bottom: 22px; }
.il-mugnaio .blk-txt h1, .il-mugnaio .blk-txt h3 { color: #fff; }
.il-mugnaio .blk-txt p { margin-bottom: 0; color: #999; }
.il-mugnaio .blk-txt p.white { color: #fff; }
.logo-il-mugnaio { display: block; width: 192px; height: 192px; margin: 68px auto 50px auto; background: url('../img/logo-il-mugnaio.svg') 0 0 no-repeat; background-size: 100% 100%; }
.il-mugnaio .blk-txt p a:link, .il-mugnaio .blk-txt p a:visited { text-decoration: underline !important; }

.article-sorting { display: block; margin: 20px 0 55px 0; padding: 0 30px; box-sizing: border-box; text-align: center; }
.article-sorting li { display: inline-block; list-style: none; font-size: 18px; line-height: 22px; color: #999; }
.article-sorting li a:link, .article-sorting li a:visited { font-size: 18px; line-height: 22px; color: #999; }
.article-sorting li a:hover { color: #e42a23; }
.article-sorting li a.active { color: #fff !important; }

.article-items li { display: block; margin-bottom: 30px; }
.article-items li .blk-img { margin-bottom: 20px; }
.article-items li .blk-txt { min-height: 230px; overflow: hidden; }
.article-items li .blk-txt h3 { line-height: 24px; margin-bottom: 20px; color: #fff; }
.article-items li .blk-txt p { color: #999; }
.article-items li .blk-txt h3 a:link, .article-items li .blk-txt h3 a:visited { color: #fff; }
.article-items li .blk-txt h3 a:hover { color: #e42a23 !important; }


/* MAGAZINE - 2019.04.03 */
.magazine .blk-txt { min-height: 100px !important; }
.magazine .blk-txt h3 { margin-bottom: 3px !important; }
.magazine .blk-txt p { font-weight: 700; }

/* CONTACT */
.info-msg { display: block; width: 100%; padding: 0 20px 20px 0; box-sizing: border-box; font-size: 11px; line-height: 15px; text-transform: uppercase; color: #bfbfbf; }
.info-msg a:link, .info-msg a:visited { color: #999; }
.info-msg a:hover { color: #e42a23; }


/* SITEMAP */
.sitemap h4, .sitemap p { margin: 0 !important; }
.sitemap ul { display: block; margin: 0; }
.sitemap ul li { list-style: none; padding-left: 20px; }
.sitemap ul li:before { display: none; }
.sitemap ul li a:link, .sitemap ul li a:visited { font-size: 16px; line-height: 20px; color: #999; }
.sitemap ul li a:hover { color: #e42a23; }


/* ORDINI */
.error { color: #df0d35; }
a.btn-order:link, a.btn-order:visited { position: relative; display: block; color: #999; }
a.btn-order p { font-size: 16px; line-height: 20px; color: #999; }
a.btn-order:after { position: absolute; right: 0; top: 0; content: "\f0da"; font-family: 'FontAwesome'; font-size: 16px; line-height: 16px; color: #999; }


/* FOOTER */
.footer { position: relative; display: block; width: 100%; padding-top: 88px; font-size: 14px; line-height: 20px; background-color: #f1f0ee; }

/*.subscribe { position: relative; display: block; width: 100%; margin-bottom: 30px; padding-right: 20px; box-sizing: border-box; }
.subscribe input { position: relative; width: 100%; height: 36px; padding: 0 215px 0 20px; box-sizing: border-box; font-size: 16px; font-weight: normal; line-height: 36px; color: #000; border: #eee 1px solid; border-right: 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.subscribe a.btn-subscrive:link, .subscribe a.btn-subscrive:visited { position: absolute; right: 0; top: 0; display: block; width: 215px; height: 36px; font-size: 16px; line-height: 35px; text-align: center; color: #fff; background-color: #333; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.subscribe a.btn-subscrive:hover { background-color: #e42a23; }
.subscribe p { display: block; margin-top: 10px; font-size: 11px; line-height: 15px; text-transform: uppercase; color: #bfbfbf; }
.subscribe p a:link, .subscribe p a:visited { color: #999; }
.subscribe p a:hover { color: #e42a23; }*/

/* 21.05.2019 */
.subscribe { position: relative; display: block; width: 100%; margin-bottom: 30px; /*padding-right: 20px; box-sizing: border-box;*/ }
.subscribe .col-xs-12, .subscribe .col-md-12, .subscribe .col-md-6 { padding: 0; }
.subscribe .input-subscribe { position: relative; width: 98%; height: 36px; padding: 0 20px; margin-bottom: 8px; box-sizing: border-box; font-size: 16px; font-weight: normal; line-height: 36px; color: #000; border: #eee 1px solid; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.subscribe .check-container { padding-top: 8px; margin-bottom: 16px; }
.subscribe a.btn-subscrive:link, .subscribe a.btn-subscrive:visited { position: relative; display: block; width: 98%; height: 36px; margin-bottom: 50px; font-size: 16px; line-height: 35px; text-align: center; color: #fff; background-color: #333; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.subscribe a.btn-subscrive:hover { background-color: #e42a23; }
.txt-check-subscribe { display: none; }


.footer h4 { font-weight: normal; color: #000; }

.footer ul.list { display: block; margin-bottom: 15px; }
.footer ul.list li { font-size: 14px; line-height: 20px; color: #888; }
.footer ul.list li a:link, .footer ul.list li a:visited { display: inline-block; color: #888; }
.footer ul.list li a:hover { color: #e42a23; }
.footer ul.list li ul { display: block; margin-bottom: 0 !important; padding-left: 10px; }

.footer ul.social { display: block; margin-bottom: 80px; text-align: right; }
.footer ul.social li { display: inline-block; width: 36px; height: 36px; margin: 0 0 0 -4px; }
.footer ul.social li a:link, .footer ul.social li a:visited { display: block; width: 36px; height: 36px; font-size: 25px; color: #000; }
.footer ul.social li a:link i, .footer ul.social li a:visited i { color: #000; }
.footer ul.social li a:hover i { color: #e42a23; }

.footer hr { width: 100%; height: 1px; background-color: #e5e5e5; border: 0; }

.footer .payments { position: relative; width: 100%; display: block; margin-top: 30px; text-align: center; }
.footer .payments:before { position: absolute; left: 15px; top: 0; right: 15px; content: ''; height: 1px; background-color: #d9d9d9; }
.footer .payments img { display: inline-block; width: 90%; height: auto; max-width: 534px; margin: 35px auto; }

.footer .copyright { position: relative; width: 100%; display: block; /*margin-top: 30px;*/ padding: 30px 0; font-size: 11px; line-height: 15px; text-transform: uppercase; color: #b5b5b5; }
.footer .copyright:before { position: absolute; left: 15px; top: 0; right: 15px; content: ''; height: 1px; background-color: #d9d9d9; }
.footer .copyright .row { margin-bottom: 0; }
.footer .copyright span { color: #919191; }
.footer .copyright a:hover span { color: #e42a23; }


/* REMODAL */
html.remodal-is-locked { overflow-x: hidden; -ms-touch-action: none; touch-action: none; }
.remodal, [data-remodal-id] { display: none; }
.remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; }
.remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; }
.remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ''; }
.remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }
.remodal-is-initialized { display: inline-block; }

.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); }
.remodal-overlay { background: rgba(0,0,0,.4); }
.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes; }
.remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes; }
.remodal-wrapper { padding: 10px 10px 0; overflow: hidden; }

.remodal { box-sizing: border-box; width: 100%; max-width: 534px; padding: 38px 80px 20px 40px; text-align: left; border-radius: 6px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #fff; background: #212121; }
.remodal.remodal-is-opening, .remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes; }
.remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes; }
.remodal, .remodal-wrapper:after { vertical-align: middle; }

.remodal .blk-txt .pieces { display: inline-block; padding-top: 3px; font-size: 20px; }
.remodal .blk-video { margin-bottom: 0 !important; }

.missing-pieces-container { width: 200px; height: 50px; margin: 0 auto 30px auto; padding: 0; background-color: #fff; border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; }
.missing-pieces { width: auto; height: 50px; margin: 0 auto; color: #000; }
.missing-pieces td { padding: 5px; font-size: 18px; line-height: 40px; }
.missing-pieces td.number { font-size: 36px; text-align: right; }

/* REMODAL SUBSCRIBE */
.remodal-nl { margin-bottom: 90px; }
.remodal-nl .blk-txt { margin: 0 !important; }
.remodal-nl h4 { display: block; margin: 0 !important; padding-bottom: 30px !important; }
.subscribe-nl { position: relative; display: block; width: 100%; margin: 0; padding-right: 20px; box-sizing: border-box; }
.subscribe-nl input { position: relative; width: 100%; height: 36px; padding: 0 88px 0 20px; box-sizing: border-box; font-size: 16px; font-weight: normal; line-height: 36px; color: #000; border: #eee 1px solid; border-right: 0; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; }
.subscribe-nl a.btn-subscribe:link, .subscribe-nl a.btn-subscribe:visited { position: absolute; right: 0; top: 0; display: block; width: 88px; height: 36px; font-size: 16px; line-height: 35px; text-align: center; color: #fff; background-color: #333; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -o-border-radius: 0 3px 3px 0; -ms-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; }
.subscribe-nl a.btn-subscribe:hover { background-color: #e42a23; }
.subscribe-nl p { display: block; margin-top: 10px; font-size: 11px; line-height: 15px; text-transform: uppercase; color: #bfbfbf; }
.subscribe-nl p a:link, .subscribe p a:visited { color: #999; }
.subscribe-nl p a:hover { color: #e42a23; }

/* Close button */
.remodal-close { position: absolute; top: 10px; right: 28px; display: block; overflow: visible; width: 40px; height: 40px; margin: 0; padding: 0;
  cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #fff; border: 0; outline: 0; background: transparent; }
.remodal-close:hover, .remodal-close:focus { color: #e42a23; }
.remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 32px; font-weight: normal; line-height: 40px; position: absolute; top: 0; left: 0; display: block; width: 40px; content: "\00d7"; text-align: center; }

.remodal-confirm { color: #fff; background: #81c784; }
.remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; }
.remodal-cancel { color: #fff; background: #e57373; }
.remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; }

/* VIDEO CORSI */
/* video items */
.video-items { width: 100%; margin-left: 0px; margin-right: 0px; margin-bottom: 60px; overflow-x: hidden; }
.video-items .col-md-3, .video-items .col-sm-4, .video-items .col-xs-6,
.video-items .col-md-12, .video-items .col-sm-12, .video-items .col-xs-12 { padding: 0 !important; }
.video-items .col-md-12, .video-items .col-sm-12, .video-items .col-xs-12 { display: block; height: 40px; }
.video-items a:link, .video-items a:visited, .video-items .box-prod-empty { position: relative; display: block; width: 100%; padding-top: 56.25%; box-sizing: border-box; background-color: #f1f0ee; border-right: #fff 2px solid; border-bottom: #fff 2px solid; overflow: hidden; }
.video-items a img { position: absolute; left: 50%; top: 50%; display: block; max-height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 1; }

.video-items a .caption { position: absolute; left: 15px; top: 15px; right: 15px; bottom: 15px; padding: 15px; font-size: 16px; line-height: 20px; text-align: left; color: #999; background-color: #fff; opacity: 0; z-index: 5; }
.video-items a .caption span { color: #000; }
.video-items a .caption .weight { position: absolute; left: 10px; right: 10px; bottom: 10px; }
.video-items a:hover .caption { opacity: 1; }

a.btn-sms:link, a.btn-sms:visited { display: block; width: 170px; height: 36px; margin-bottom: 20px; font-size: 16px; line-height: 35px; text-align: center; color: #fff; background-color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }
a.btn-sms:hover { background-color: #e42a23; }

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); }
}
@keyframes remodal-opening-keyframes {
  from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; }
  to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); }
}
@-webkit-keyframes remodal-closing-keyframes {
  from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); }
}
@keyframes remodal-closing-keyframes {
  from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
  to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes remodal-overlay-opening-keyframes {
  from { opacity: 0; }
  to { opacity: 1; }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes remodal-overlay-closing-keyframes {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal { /*max-width: 700px;*/ max-width: 534px; }
}

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay { background: #2b2e38; }
.lt-ie9 .remodal { width: 700px; }


/* COOKIES WINDOW */
#cookiesAlert { position: fixed; bottom: 0; left: 0; right: 0; display: block; padding: 15px 40px; text-align: center; background-color: rgba(0,0,0,.85); color: #999; z-index: 9999999; }
#cookiesAlert .notice { position: relative; display: block; width: 100%; font-size: 13px; font-weight: 400; line-height: 20px; color: #999; }
#cookiesAlert .notice a:link, #cookieAlert .notice a:visited { color: #fff; }
#cookiesAlert .notice a:hover { color: #e32922; }
#cookiesAlert .btn-close:link, #cookiesAlert .btn-close:visited { position: absolute; right: -30px; top: 50%; display: block; width: 30px; height: 30px; margin-top: -15px; background: url('../img/icon-close.svg') 50% 50% no-repeat; background-size: 80% 80%; z-index: 10; }
#cookiesAlert .btn-close:hover { background: url('../img/icon-close-hover.svg') 50% 50% no-repeat; background-size: 80% 80%; }


/* FX - WebKit (Chrome, Safari) does not support transitions on pseudo elements (https://stackoverflow.com/questions/10578424/css3-transitions-on-pseudo-elements-after-before-not-working) */
.desktop-menu, .desktop-menu .content .menu li a.plus svg, .mobile-menu .menu > li a.plus.active svg, .submenu-mobile-container, a, a i, a span,
a.btn:after, a.btn:hover:after, a.primo-pulsante:after, a.pulsante:after, .virtual-tour-thumbs .item, .box-prod .caption, .portfolio-items .caption, .multi-btn li a:hover:after, .sidebar-menu li a:before, .sidebar-form input, .sidebar-form textarea, .claim-txt, .product-sorting li a:after, .article-sorting li a:after, .blk-attachment a:after, .select__arrow, .video-items .caption { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.logo-mp { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }


/* HOME - ELENCO RICETTE */
.ricette .blk-img { margin-bottom: 30px; }
.ricette .blk-img img:hover { cursor: pointer; }
.ricette-full-img { position: relative; display: block; width: 100%; height: 416px; margin-bottom: 70px; background-color: #f2f0ee; overflow: hidden; }
.ricette-full-img img { position: absolute; left: 50%; top: 0; width: auto; height: 416px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }
.ricette-full-img .container { z-index: 2; }
.ricette-full-img .container .row, .ricette-full-img .container .row .col-md-12 { height: 416px; }
.ricette-full-img .container .row .col-md-12 { position: relative; }
.ricette .blk-txt p a:link, .ricette .blk-txt p a:visited { display: inline-block; font-family: 'NationalWeb-Medium', sans-serif; font-weight: normal; font-size: 20px; line-height: 20px; color: #000; }
.ricette .blk-txt p a:hover { color: #e42a23 !important; }

.blk-img-ricette img { cursor: pointer !important; }

a.btn-tutte-le-ricette:link, a.btn-tutte-le-ricette:visited { position: absolute; left: 15px; top: 50%; display: block; width: 144px; margin-left: 20px; margin-top: -19px; padding: 9px 0 12px 0; font-size: 16px; font-weight: 400; text-align: center; line-height: 16px; color: #fff; background-color: #000; border-radius: 6px; z-index: 2; }
a.btn-tutte-le-ricette:hover { background-color: #e42a23; }
body.ricette .blk-txt { margin-bottom: 60px; }
body.ricette .blk-txt a:link, body.ricette .blk-txt a:visited { color: #000; }
body.ricette .blk-txt a:hover { color: #e42a23 !important; }

/* DETTAGLIO RICETTA */
body.ricetta .blk-txt { margin-bottom: 20px; }
body.ricetta .blk-txt h3, body.ricetta .blk-txt strong, body.ricetta .blk-txt b { position: relative; display: block; margin-bottom: 30px; /*font-family: 'NationalWeb-Book', sans-serif !important;*/ font-weight: normal !important; font-size: 21px !important; line-height: 21px; letter-spacing: 0; }
body.ricetta .blk-txt ul li { /*font-family: 'NationalWeb-Book', sans-serif !important; font-size: 19px; line-height: 20px;*/ box-sizing: border-box; padding-left: 20px !important; }
body.ricetta .blk-txt p { /*font-family: 'NationalWeb-Book', sans-serif !important; font-size: 19px; line-height: 20px;*/ box-sizing: border-box; }

/* 08.02.2021 */
body.ricetta .blk-txt { font-family: 'Arial', sans-serif !important; }
body.ricetta .blk-txt h3 { font-family: 'Arial', sans-serif !important; }
body.ricetta .blk-txt p { font-size: 10pt !important; line-height: 16pt !important; }
body.ricetta .blk-txt ul li { font-family: 'Arial', sans-serif !important; font-size: 10pt !important; line-height: 16pt !important; }

/* ELENCO PRODOTTI */
.prodotti-full-img { position: relative; height: 316px; background-color: #fff; overflow: hidden; }
.prodotti-full-img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.prodotti-ricette .blk-txt { margin-bottom: 20px; }

.product-sorting { display: block; margin: 20px 0 55px 0; padding: 0 30px; box-sizing: border-box; text-align: center; }
.product-sorting li { display: inline-block; list-style: none; font-size: 18px; line-height: 22px; color: #999; }
.product-sorting li a:link, .product-sorting li a:visited { font-size: 18px; line-height: 22px; color: #999; }
.product-sorting li a:hover { color: #e42a23; }
.product-sorting li a.active { color: #e42a23 !important; }

.product-article-items li { display: block; margin-bottom: 30px; }
.product-article-items li .blk-img { margin-bottom: 20px; }
.product-article-items li .blk-txt { min-height: 60px; margin-bottom: 0; overflow: hidden; }
.product-article-items li .blk-txt h3 { line-height: 24px; margin-bottom: 20px; color: #000; }
.product-article-items li .blk-txt p { color: #999; }
.product-article-items li .blk-txt h3 a:link, .product-article-items li .blk-txt h3 a:visited { color: #000; }
.product-article-items li .blk-txt h3 a:hover { color: #e42a23 !important; }

/* MODALE LINGUA */
.txt-white { color: #fff; }

/* modal select */
.modal-select { position: relative; display: block; margin-bottom: 3px; width: 100%; }
.modal-select select { display: block; width: 100%; height: 44px; padding: 0 18px; box-sizing: border-box; font-size: 16px; line-height: 42px; outline: 0; border: #fff 1px solid; border-radius: 3px; cursor: pointer; background: transparent; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.modal-select select::-ms-expand { display: none; }
.modal-select select:hover, .select select:focus { /*background: transparent;*/ }
.modal-select select:disabled { color: #d8d8d8; pointer-events: none; }
.modal-select__arrow { position: absolute; top: 19px; right: 18px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 6px 4px 0 4px; border-color: #fff transparent transparent transparent; }
.modal-select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow { border-top-color: #fff; }
.modal-select select:disabled ~ .select__arrow { border-top-color: #fff; }
.modal-select select option:first { color: #939393 !important; }
.modal-select select option { color: #000; }

.modal-btn-container { display: block; width: 100%; margin-bottom: 15px; text-align: right; }
.modal-btn-container a:link, .modal-btn-container a:visited { display: inline-block; width: 138px; height: 38px; padding: 0 !important; font-size: 16px !important; line-height: 36px !important; text-align: center; color: #000 !important; background-color: #fff !important; border-radius: 3px; }
.modal-btn-container a:hover { color: #fff !important; background-color: #e42a23 !important; }

/* PODCAST */
.logo-podcast { display: block; width: 192px; height: 192px; margin: 68px auto 50px auto; background: url('../img/logo-podcast.svg') 0 0 no-repeat; background-size: 100% 100%; }
.podcast-items li { display: block; margin-bottom: 30px; }
.podcast-items li .blk-img { margin-bottom: 20px; }
.podcast-items li .blk-txt { min-height: 120px; overflow: hidden; }
.podcast-items li .blk-txt h3 { line-height: 24px; margin-bottom: 20px; color: #fff; }
.podcast-items li .blk-txt p { color: #999; }
.podcast-items li .blk-txt h3 a:link, .podcast-items li .blk-txt h3 a:visited { color: #fff; }
.podcast-items li .blk-txt h3 a:hover { color: #e42a23 !important; }

.podcast-container { display: block; width: 100%; margin: 0 0 40px 0; box-sizing: border-box; }
.podcast-container .blk-txt p { color: #e7e6e6; }
.podcast-container .blk-txt .data-podcast { display: block; text-align: right; color: #999; }

a.audio-download { margin-top: 1em; margin-bottom: 20px; color: #fff; background: #656565; padding: 8px 19px; border-radius: 5px; display: inline-block; font-size: 12px; line-height: 12px; text-transform: uppercase; cursor: pointer; }
a.audio-download:hover { background: #c00; }

.mejs__offscreen { border: 0; clip: rect( 1px, 1px, 1px, 1px ); -webkit-clip-path: inset( 50% ); clip-path: inset( 50% ); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; }
.mejs__container { background: #999; box-sizing: border-box; font-family: 'Helvetica', Arial, serif; position: relative; text-align: left; text-indent: 0; vertical-align: top; }
.mejs__container * { box-sizing: border-box; }
.mejs__container video::-webkit-media-controls,
.mejs__container video::-webkit-media-controls-panel,
.mejs__container video::-webkit-media-controls-panel-container,
.mejs__container video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; }
.mejs__fill-container, .mejs__fill-container .mejs__container { height: 100%; width: 100%; }
.mejs__fill-container { background: transparent; margin: 0 auto; overflow: hidden; position: relative; }
.mejs__container:focus { outline: none; }
.mejs__iframe-overlay { height: 100%; position: absolute; width: 100%; }
.mejs__embed, .mejs__embed body { background: #000; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }
.mejs__fullscreen { overflow: hidden !important; }
.mejs__container-fullscreen { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1000; }
.mejs__container-fullscreen .mejs__mediaelement, .mejs__container-fullscreen video { height: 100% !important; width: 100% !important; }
.mejs__background { left: 0; position: absolute; top: 0; }
.mejs__mediaelement { height: 100; left: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
.mejs__poster { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; top: 0; z-index: 1; }
:root .mejs__poster-img { display: none; }
.mejs__poster-img { border: 0; padding: 0; }
.mejs__overlay { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; top: 0; }
.mejs__layer { z-index: 1; }
.mejs__overlay-play { cursor: pointer; }
.mejs__overlay-button { background: url('mejs-controls.svg') no-repeat; background-position: 0 -39px; height: 80px; width: 80px; }
.mejs__overlay:hover > .mejs__overlay-button { background-position: -80px -39px; }
.mejs__overlay-loading { height: 80px; width: 80px; }
.mejs__overlay-loading-bg-img { -webkit-animation: mejs__loading-spinner 1s linear infinite; animation: mejs__loading-spinner 1s linear infinite; background: transparent url('mejs-controls.svg') -160px -40px no-repeat; display: block; height: 80px; width: 80px; z-index: 1; }
@-webkit-keyframes mejs__loading-spinner {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes mejs__loading-spinner {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
.mejs__controls { bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40px; left: 0; list-style-type: none; margin: 0; padding: 0 10px; position: absolute; width: 100%; z-index: 3; }
.mejs__controls:not([style*='display: none']) { background: rgba(255, 0, 0, 0.7); background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.35)); background: linear-gradient(transparent, rgba(0, 0, 0, 0.35)); }
.mejs__button, .mejs__time, .mejs__time-rail { font-size: 10px; height: 40px; line-height: 10px; margin: 0; width: 32px; }
.mejs__button > button { background: transparent url('../img/mejs-controls.svg'); border: 0; cursor: pointer; display: block; font-size: 0; height: 20px; line-height: 0; margin: 10px 6px; overflow: hidden; padding: 0; position: absolute; text-decoration: none; width: 20px; }
.mejs__button > button:focus { outline: dotted 1px #999; }
.mejs__container-keyboard-inactive a, .mejs__container-keyboard-inactive a:focus, .mejs__container-keyboard-inactive button, .mejs__container-keyboard-inactive button:focus, .mejs__container-keyboard-inactive [role=slider], .mejs__container-keyboard-inactive [role=slider]:focus { outline: 0; }
.mejs__download { box-sizing: content-box; color: #fff; font-size: 11px; font-weight: bold; height: 24px; overflow: hidden; padding: 16px 6px 0; text-align: center; width: auto; }
.mejs__time { box-sizing: content-box; color: #fff; font-size: 11px; font-weight: bold; height: 24px; overflow: hidden; padding: 16px 6px 0; text-align: center; width: auto; }
.mejs__play > button { background-position: 0 0; }
.mejs__pause > button { background-position: -20px 0; }
.mejs__replay > button { background-position: -160px 0; }
.mejs__time-rail { direction: ltr; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 40px; margin: 0 10px; padding-top: 10px; position: relative; }
.mejs__time-total, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-current, .mejs__time-float, .mejs__time-hovered, .mejs__time-float-current, .mejs__time-float-corner, .mejs__time-marker { border-radius: 2px; cursor: pointer; display: block; height: 10px; position: absolute; }
.mejs__time-total { background: rgba(255, 255, 255, 0.3); margin: 5px 0 0; width: 100%; }
.mejs__time-buffering { -webkit-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background: linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent); background-size: 15px 15px; width: 100%; }
@-webkit-keyframes buffering-stripes {
    from { background-position: 0 0; }
    to { background-position: 30px 0; }
}
@keyframes buffering-stripes {
    from { background-position: 0 0; }
    to { background-position: 30px 0; }
}
.mejs__time-loaded { background: rgba(255, 255, 255, 0.3); }
.mejs__time-current, .mejs__time-handle-content { background: rgba(255, 255, 255, 0.9); }
.mejs__time-hovered { background: rgba(255, 255, 255, 0.5); z-index: 10; }
.mejs__time-hovered.negative { background: rgba(0, 0, 0, 0.2); }
.mejs__time-current, .mejs__time-buffering, .mejs__time-loaded, .mejs__time-hovered { left: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: 0.15s ease-in all; transition: 0.15s ease-in all; width: 100%; }
.mejs__time-buffering { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }
.mejs__time-hovered { -webkit-transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); transition: height 0.1s cubic-bezier(0.44, 0, 1, 1); }
.mejs__time-hovered.no-hover { -webkit-transform: scaleX(0) !important; -ms-transform: scaleX(0) !important; transform: scaleX(0) !important; }
.mejs__time-handle, .mejs__time-handle-content { border: 4px solid transparent; cursor: pointer; left: 0; position: absolute; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); z-index: 11; }
.mejs__time-handle-content { border: 4px solid rgba(255, 255, 255, 0.9); border-radius: 50%; height: 10px; left: -7px; top: -4px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 10px; }
.mejs__time-rail:hover .mejs__time-handle-content, .mejs__time-rail .mejs__time-handle-content:focus, .mejs__time-rail .mejs__time-handle-content:active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.mejs__time-float { background: #eee; border: solid 1px #333; bottom: 100%; color: #111; display: none; height: 17px; margin-bottom: 9px; position: absolute; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 36px; }
.mejs__time-float-current { display: block; left: 0; margin: 2px; text-align: center; width: 30px; }
.mejs__time-float-corner { border: solid 5px #eee; border-color: #eee transparent transparent; border-radius: 0; display: block; height: 0; left: 50%; line-height: 0; position: absolute; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; }
.mejs__long-video .mejs__time-float { margin-left: -23px; width: 64px; }
.mejs__long-video .mejs__time-float-current { width: 60px; }
.mejs__broadcast { color: #fff; height: 10px; position: absolute; top: 15px; width: 100%; }
.mejs__fullscreen-button > button { background-position: -80px 0; }
.mejs__unfullscreen > button { background-position: -100px 0; }
.mejs__mute > button { background-position: -60px 0; }
.mejs__unmute > button { background-position: -40px 0; }
.mejs__volume-button { position: relative; }
.mejs__volume-button > .mejs__volume-slider { -webkit-backface-visibility: hidden; background: rgba(50, 50, 50, 0.7); border-radius: 0; bottom: 100%; display: none; height: 115px; left: 50%; margin: 0; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 25px; z-index: 1; }
.mejs__volume-button:hover { border-radius: 0 0 4px 4px; }
.mejs__volume-total { background: rgba(255, 255, 255, 0.5); height: 100px; left: 50%; margin: 0; position: absolute; top: 8px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 2px; }
.mejs__volume-current { background: rgba(255, 255, 255, 0.9); left: 0; margin: 0; position: absolute; width: 100%; }
.mejs__volume-handle { background: rgba(255, 255, 255, 0.9); border-radius: 1px; cursor: ns-resize; height: 6px; left: 50%; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 16px; }
.mejs__horizontal-volume-slider { display: block; height: 36px; position: relative; vertical-align: middle; width: 56px; }
.mejs__horizontal-volume-total { background: rgba(50, 50, 50, 0.8); border-radius: 2px; font-size: 1px; height: 8px; left: 0; margin: 0; padding: 0; position: absolute; top: 16px; width: 50px; }
.mejs__horizontal-volume-current { background: rgba(255, 255, 255, 0.8); border-radius: 2px; font-size: 1px; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; }
.mejs__horizontal-volume-handle { display: none; }
.mejs__captions-button, .mejs__chapters-button { position: relative; }
.mejs__captions-button > button { background-position: -140px 0; }
.mejs__chapters-button > button { background-position: -180px 0; }
.mejs__captions-button > .mejs__captions-selector, .mejs__chapters-button > .mejs__chapters-selector { background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; border-radius: 0; bottom: 100%; margin-right: -43px; overflow: hidden; padding: 0; position: absolute; right: 50%; visibility: visible; width: 86px; }
.mejs__chapters-button > .mejs__chapters-selector { margin-right: -55px; width: 110px; }
.mejs__captions-selector-list, .mejs__chapters-selector-list { list-style-type: none !important; margin: 0; overflow: hidden; padding: 0; }
.mejs__captions-selector-list-item, .mejs__chapters-selector-list-item { color: #fff; cursor: pointer; display: block; list-style-type: none !important; margin: 0 0 6px; overflow: hidden; padding: 0; }
.mejs__captions-selector-list-item:hover, .mejs__chapters-selector-list-item:hover { background-color: rgb(200, 200, 200) !important; background-color: rgba(255, 255, 255, 0.4) !important; }
.mejs__captions-selector-input, .mejs__chapters-selector-input { clear: both; float: left; left: -1000px; margin: 3px 3px 0 5px; position: absolute; }
.mejs__captions-selector-label, .mejs__chapters-selector-label { cursor: pointer; float: left; font-size: 10px; line-height: 15px; padding: 4px 10px 0; width: 100%; }
.mejs__captions-selected, .mejs__chapters-selected { color: rgba(33, 248, 248, 1); }
.mejs__captions-translations { font-size: 10px; margin: 0 0 5px; }
.mejs__captions-layer { bottom: 0; color: #fff; font-size: 16px; left: 0; line-height: 20px; position: absolute; text-align: center; }
.mejs__captions-layer a { color: #fff; text-decoration: underline; }
.mejs__captions-layer[lang=ar] { font-size: 20px; font-weight: normal; }
.mejs__captions-position { bottom: 15px; left: 0; position: absolute; width: 100%; }
.mejs__captions-position-hover { bottom: 35px; }
.mejs__captions-text, .mejs__captions-text * { background: rgba(20, 20, 20, 0.5); box-shadow: 5px 0 0 rgba(20, 20, 20, 0.5), -5px 0 0 rgba(20, 20, 20, 0.5); padding: 0; white-space: pre-wrap; }
.mejs__container.mejs__hide-cues video::-webkit-media-text-track-container { display: none; }
.mejs__overlay-error { position: relative; }
.mejs__overlay-error > img { left: 0; max-width: 100%; position: absolute; top: 0; z-index: -1; }
.mejs__cannotplay, .mejs__cannotplay a { color: #fff; font-size: 0.8em; }
.mejs__cannotplay { position: relative; }
.mejs__cannotplay p, .mejs__cannotplay a { display: inline-block; padding: 0 15px; width: 100%; }


/* RESPONSIVE */
@media (min-width: 992px) {
	.full-img-ilmolino { background-image: url('../img/il_molino/img-desk-02.jpg'); }
	
	.submenu { display: none !important; } /* sottomenu versione mobile */
}
@media (max-width: 1199px){
	.pp_expand { display: none !important; }
}
@media (max-width: 1023px) {
	.mob { display: inline-block !important; }
}

@media (max-width: 991px) {
	body { padding-top: 70px; }
	.desk { display: none !important; }
	
	.breadcrumbs.mob { display: block !important; }
	
	.mobile-menu { display: block; }
	
	.list-cart-menu-mobile .blk-txt h3 { padding-left: 40px; color: #000 !important; }
	.list-cart-menu-mobile .blk-txt h3 a.icon:link, .list-cart-menu .blk-txt h3 a.icon:visited { width: 40px; }
	
	.list-prod { padding-left: 40px; }
	.list-prod li .txt { padding-left: 80px; }
	.list-prod li .txt .qnt { bottom: -4px; }
	.list-prod li .txt .txt-qnt { left: 80px; }
	
	.content-btn-checkout { padding-left: 40px; }
	
	.close-desktop-menu { display: none !important; }
	
	.logo-mp:link, .logo-mp:visited, .logo-mp:hover { left: 20px; top: 16px; }
	
	.full-img-ilmolino { margin-bottom: 45px; background-image: url('../img/il_molino/img-mob-02.jpg'); }
	
	
	.masterclass .masterclass-txt { position: relative; right: auto; top: auto; display: block; width: 100%; }
	.masterclass .main-img { float: left; width: 49%; height: auto; margin: 0 1% 20px 0; }
	.masterclass .img { float: left; position: relative; right: auto; display: block; width: 49%; margin: 0 0 20px 1%; }
	
	.certifications { margin-bottom: 30px; padding: 30px 0 0 0; background-image: none; }
	
	.virtual-tour-thumbs { display: block !important; }
	.virtual-tour .item .caption { left: 20px; bottom: 20px; }
	.virtual-tour .item .caption h4 { padding: 0; }
	.virtual-tour .item .caption p { display: none; }
	#sync1 .owl-controls { display: none !important; }
	
	.claim-txt { display: block; }
	
	.prod-detail-container .prod-detail-main-img { float: none; position: absolute; right: 0; top: 0; width: 50%; margin-bottom: 0; }
	.prod-detail-container .info-prod, .prod-detail-container .btn-info-prod { position: relative; left: auto; bottom: auto; display: block; width: 50%; }
	.prod-detail-container .info-prod { margin-bottom: 30px; }
	
	.grid-container { padding: 0 15px; }
	.box-prod li { width: 33.3333%; }
	.box-prod li .box-prod-empty { display: none; }
	.prod-empty { display: none !important; }
	
	.copyright, .copyright .align-right { text-align: center; }
	
	.animenu { display: none; }
}
@media (max-width: 767px) {
	body { letter-spacing: 0.02em; }
	
	.footer ul.social { text-align: center; }
	
	.main-title { top: 0; }
	.main-title h1 { font-size: 24px; font-weight: normal; line-height: 24px; }
	.claim h2 { font-size: 24px; line-height: 28px; margin-bottom: 20px; }
	.claim a.btn:link, .claim a.btn:visited { width: 200px; height: 30px; margin-bottom: 25px; font-size: 14px; line-height: 26px; }
	
	.virtual-tour .owl-controls { display: none !important; }
	
	.prod-detail-container .prod-detail-main-img { float: none; position: relative; width: 100%; margin-bottom: 30px; }
	.prod-detail-container .info-prod, .prod-detail-container .btn-info-prod { position: relative !important; left: auto; bottom: auto; display: block; width: 100%; padding: 0 10px; }
	.prod-detail-container .info-prod { margin-bottom: 30px; }
	
	.box-prod li { width: 50%; }
	.box-prod li .box-prod-empty { display: none; }
	
	.notice { float: none; display: block; width: 100%; padding: 20px 5%; box-sizing: border-box; font-size: 13px; font-weight: 400; line-height: 20px; }
	.fltrt { float: none; display: block; width: 100%; padding: 20px 5%; box-sizing: border-box; }
	
	.txt-desk { display: none; }
	.txt-mob { display: inline; }
}
@media (max-width: 479px) {
	.container { padding: 0; }
	.no-padding-mob { padding: 0 !important; }
	
	/* submenu */
	.submenu hr { margin: 10px 0; }
	.submenu ul { padding-bottom: 0; }
	.submenu ul li { display: block; list-style: none; }
	.submenu ul li a:link, .submenu ul li a:visited { line-height: 38px; }
	.submenu ul li.lang { line-height: 20px; }
	
	/* submenu mobile -*/
	.list-cart-menu-mobile { position: relative; display: block; width: 100%; padding: 0; box-sizing: border-box; overflow-y: auto; }
	.list-cart-menu-mobile .blk-txt h3 { padding-left: 30px; color: #000 !important; }
	.list-cart-menu-mobile .blk-txt h3 a.icon:link, .list-cart-menu .blk-txt h3 a.icon:visited { width: 20px; }
	.list-prod { padding-left: 30px; }
	.content-btn-checkout { padding-left: 30px; }
	
	
	.blk-txt { margin-bottom: 25px; }
	.blk-txt h2 { font-size: 24px; line-height: 28px; margin-bottom: 0; }
	.blk-txt h3 { margin-bottom: 20px; font-weight: bold; font-size: 17px; line-height: 21px; }
	.blk-txt h4 { margin-bottom: 0; }
	
	.blk-img { margin-bottom: 25px; }
	
	.full-img-ilmolino { margin-bottom: 25px; }
	
	.product-sorting { display: block; width: 100%; margin-bottom: 30px; padding: 0 15px 0 30px; box-sizing: border-box; }
	.product-sorting li { float: left; display: block; width: 50%; padding-right: 15px; box-sizing: border-box;font-size: 16px; line-height: 20px; list-style: none; overflow: hidden; }
	.product-sorting li a:link, .product-sorting li a:visited { position: relative; display: block; width: 100%; min-height: 36px; padding: 8px 15px 8px 0; box-sizing: border-box; font-size: 16px; line-height: 18px; color: #999; border-top: #e3e3e3 1px solid; }
	.product-sorting li a:hover, .product-sorting li a.active { color: #e42a23 !important; }
	.product-sorting li a:after { position: absolute; right: 0; top: 50%; margin-top: -8px; content: "\f0da"; font-family: 'FontAwesome'; font-size: 16px; line-height: 16px; color: #b3b3b3; }
	.product-sorting li a:hover:after { color: #e42a23 !important; }
	.product-sorting li:nth-last-child(2) a, .product-sorting li:nth-last-child(3) a { border-bottom: #e3e3e3 1px solid; }
	.product-sorting li span { display: none; }
	
	.prod-detail-container .prod-detail-main-img { float: none; width: 100%; margin-bottom: 30px; }
	.prod-detail-container .info-prod, .prod-detail-container .btn-info-prod { position: relative; left: auto; bottom: auto; display: block; width: 100%; padding: 0 10px; }
	.prod-detail-container .info-prod { margin-bottom: 30px; }
	
	.virtual-tour .item .caption h4 { padding: 0 0 10px 0; font-size: 25px; line-height: 25px; }
	
	.multi-btn, .blk-txt h3.consigliati { margin-bottom: 30px; }
	.title-line { margin: 0; padding: 30px; }
	.box-prod { padding: 0 15px; }
	.box-prod li { width: 50%; }
	.box-prod li .box-prod-empty { display: none; }
	
	.list-prod-checkout-group h3 { padding-left: 30px; }
	.list-prod-checkout-group h3 .icon { left: 0; }
	
	.article-sorting { display: block; width: 100%; margin-bottom: 30px; padding: 0 15px 0 30px; box-sizing: border-box; }
	.article-sorting li { float: left; display: block; width: 50%; height: 36px; padding-right: 15px; box-sizing: border-box; line-height: 36px; list-style: none; overflow: hidden; }
	.article-sorting li a:link, .article-sorting li a:visited { position: relative; display: block; height: 36px; box-sizing: border-box; font-size: 16px; line-height: 32px; text-align: left; white-space: nowrap; color: #989898; border-top: #4d4d4d 1px solid; }
	.article-sorting li a:hover { color: #e42a23 !important; }
	.article-sorting li a.active { color: #fff !important; }
	.article-sorting li a:after { position: absolute; right: 0; top: 50%; margin-top: -8px; content: "\f0da"; font-family: 'FontAwesome'; font-size: 16px; line-height: 16px; color: #7b7b7b; }
	.article-sorting li a:hover:after { color: #e42a23 !important; }
	.article-sorting li:nth-last-child(2) a, .article-sorting li:nth-last-child(3) a { border-bottom: #4d4d4d 1px solid; }
	.article-sorting li span { display: none; }
	
	.subscribe .col-xs-12, .subscribe .col-md-12, .subscribe .col-md-6 { padding: 0 30px; }
	.subscribe .input-subscribe { width: 100% !important; }
	.subscribe a.btn-subscrive:link, .subscribe a.btn-subscrive:visited { width: 100% !important; }
}
@media (min-width: 992px) and (max-width: 1320px) {
	.txt-check-subscribe { display: inline-block; }
}
@media (max-width: 499px) {
	.txt-check-subscribe { display: inline-block; }
}
@media (min-width: 992px) and (max-width: 1320px) {
	.footer .container { padding: 0 85px !important; }
}

.swal2-modal{
	z-index:11000;
}

/* stili da eliminare dopo natale */
/*.caption-full-img h2 { display: none !important; }
.full-img .caption-full-img a.btn:link, .full-img .caption-full-img a.btn:visited { background-color: rgba(0,0,0,.4); }
.portfolio-items li a .caption img { display: block; left: 50%; top: auto !important; bottom: 15px; width: calc(100% - 30px); height: auto; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; }*/