@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;900&display=swap');

body{ font-size:16px; font-family: 'Outfit', sans-serif !important; color:#000; background:#f7f7f7;}
form{ margin:0px;}
::selection{ background:#0b4e00; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
::-moz-selection{ background:#0b4e00; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
h1, h2, h3, h4, h5, h6, span.h2{ font-family: 'Outfit', sans-serif; font-weight:500; margin-top:0px;}
a{ color:#0b4e00; font-weight:400; transition: all .3s ease-in-out;}
a:hover, a:focus{ color:#0b4e00;}
p, li{ color:#000; font-size:16px; line-height:1.5; font-weight:300;}
p{ margin-bottom:10px;}
p strong{ font-weight:700;}
strong{ font-weight:700;}
.row{ margin:0 -20px;}
.row [class*="col-"]{ padding:0 20px;}
.row.row0{ margin:0px;}
.row.row0 > [class*="col-"]{ padding:0;}
.row.row01{ margin-left:-1px; margin-right:-1px;}
.row.row01 > [class*="col-"]{ padding:0 1px;}
.row.row05{ margin-left:-5px; margin-right:-5px;}
.row.row05 > [class*="col-"]{ padding:0 5px;}
.row.row10{ margin-left:-10px; margin-right:-10px;}
.row.row10 > [class*="col-"]{ padding:0 10px;}
.row.row15{ margin-left:-15px; margin-right:-15px;}
.row.row15 > [class*="col-"]{ padding:0 15px;}
.row.row40{ margin-left:-40px; margin-right:-40px;}
.row.row40 > [class*="col-"]{ padding:0 40px;}
.row.row30{ margin-left:-30px; margin-right:-30px;}
.row.row30 > [class*="col-"]{ padding:0 30px;}
.row.row60{ margin-left:-60px; margin-right:-60px;}
.row.row60 > [class*="col-"]{ padding:0 60px;}
.row.flex{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.row.flex > [class*="col-"]{ display:-webkit-box; display:-ms-flexbox; display:flex; }
.row.flex:before, .row.flex:after{ content:none;}
.row.center{ align-items: center;}
.row.bottom{ align-items: end;}
.row.flex [class*="col-"].pull-right{ order:2;}
.mt0{ margin-top:0px !important;}
.countup{ display:inline; font-size:inherit; font-weight:inherit; margin:0px; white-space:normal; color:inherit;}
.countup > *{ float:left; font-size:inherit; font-weight:inherit;}
.text-right{ text-align:right;}
hr{ max-width:100%; margin:20px auto;}
hr.site{ width:100%; max-width:100%; height:1px; margin:0px; border:0px; background:#e1e1e1;}
input[type=text], input[type=email], input[type=password], input[type=number], input[type=search], input[type=file], input[type=tel], textarea{ height:50px; float:left; font-size:16px; font-weight:400; background:#fff; border-radius:0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #e1e1e1;}
input[type=number]{ padding:10px;}
input[type=file]{ width:100%; height:auto; padding:12px 20px; font-size:14px;}
select{ width:100%; padding:10px; background:#fff; border:1px solid #e1e1e1; color:#000; -webkit-appearance:none;}
textarea{ -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-group > label{ font-size:16px; text-align:left; font-weight:300; color:#333;}
.form-group > label span{ color:#0b4e00; font-size:15px; line-height:24px; float:right; margin-left:5px;}
.chosen-container{ border-radius:0px; font-size:15px; background:#fff;}
.chosen-container-single .chosen-single{ height:43px; line-height:43px;}
.chosen-container-single .chosen-single span{ font-size:15px; font-weight:400; margin-right:35px;}
.chosen-container .chosen-drop{ border-radius:0px;}
.chosen-container .chosen-results{ border-radius:0px; padding:10px;}
.chosen-container .chosen-results li{ font-size:15px; line-height:30px; border-radius:0px; color:#1a1a1a;}
.chosen-container .chosen-results li:hover{ background:#0b4e00; color:#fff; border-radius:0px;}
.chosen-container-single .chosen-single div:after{ line-height:43px; font-size:20px;}
.widget .chosen-single{ font-weight:400; background:#f7f7f7;}
.widget .chosen-drop{ background:#f7f7f7;}
textarea{ height:110px;}
input[type="submit"].btn{ height:50px;}
.form-group{ margin-bottom:25px;}

.btn{ font-family: 'Outfit', sans-serif; font-size:15px; height:auto; padding:15px 25px; line-height:20px; font-weight:400; text-transform:none; text-transform:uppercase; border-radius:0px;}
.btn.btn-big{ padding:20px 40px; font-size:20px; line-height:26px;}
.btn.btn-input{ height:50px;}
.btn.btn-default{ background:#0b4e00; border:1px solid #0b4e00; color:#fff; vertical-align:top;}
.btn.btn-default:hover, .btn.btn-default:focus{ background:#333; border-color:#333; color:#fff;}
.btn.btn-primary{ background:#333; border:1px solid #333; vertical-align:top;}
.btn.btn-primary:hover, .btn.btn-primary:focus{ background:#0b4e00; border-color:#0b4e00; color:#fff;}

a.readmore{ display:inline-block; font-size:14px; line-height:20px; position:relative; font-weight:400; padding-right:20px; color:#000; text-transform:uppercase;}
a.readmore:after{ content:"\f061"; font-family: 'FontAwesome'; position:absolute; right:0px; text-align:right; font-size:15px; }
a.readmore.color{ color:#0b4e00;}
a.readmore.white{ color:#fff;}

a.backpage{ display:inline-block; font-size:14px; line-height:20px; position:relative; font-weight:400; padding-left:20px; color:#000; text-transform:uppercase;}
a.backpage:after{ content:"\f060"; font-family: 'FontAwesome'; position:absolute; left:0px; text-align:left; font-size:15px; }

.content .form .row{ margin:0 -10px;}
.content .form .row + .row{ margin-top:0px;}
.content .form .row [class*="col-"]{ padding:0 10px;}
.check{ width:100%; float:left;}
.check input[type=checkbox] {display: none;}
.check label{float:left; width:100%; position:relative; font-weight:400; color:#5c5c5c; vertical-align:top;}
.check label:before{ width:24px; height:24px; left:0px; background:#fff; border:1px solid #e1e1e1; content:""; position:absolute; margin-right:10px; cursor:pointer;}
.check input[type=checkbox]:checked + label:before { font-family:'FontAwesome'; content:"\f00c"; text-align: center; line-height:22px; font-size:14px; color:#0b4e00;}
.check label span{ display:inline-block; padding-left:34px; font-size:15px; text-align:left; color:#000; line-height:24px; float:left; font-weight:300;}
.check label span a{ font-weight:700;}
.check + .check{ margin-top:5px;}
.share{ display:flex; flex-wrap:nowrap; align-items:center;}
.share .text{ margin:0px !important; margin-right:15px !important;}
.share .text p{ font-size:15px; line-height:18px; margin:0px; color:#999;}
.share .embed{ max-height:40px;}
.share .at-style-responsive .at-share-btn{ margin-bottom:0px;}
.share .at-resp-share-element .at-share-btn:focus, .share .at-resp-share-element .at-share-btn:hover{ transform:none; background:#0b4e00 !important;}

.navbar-toggle{ width:50px; height:50px; background:none; line-height:50px; position:absolute; right:30px; top:25px; background-color:#0b4e00; border-radius:50%;}
.navbar-toggle i{ text-indent:-9999px; overflow:hidden; width:100%; height:100%; background-image:url(../images/icon-toggle.png); background-size:40px auto; background-position:center center; background-repeat:no-repeat;}
.navbar-toggle span{ font-size:25px; line-height:50px; color:#fff;}
.navbar-toggle:hover{ background:#0b4e00;}
.navbar-toggle:hover i{ color:#fff;}
.check + input[type="submit"]{ margin-top:20px;}
.row.row-eq-height{display:flex}
ul.pagination.solid{ text-align:center;}
ul.pagination.solid li{ padding:0px 5px !important; margin:0px; border-right:1px solid #e1e1e1;}
ul.pagination.solid li:first-child{ padding-left:0px;}
ul.pagination.solid li:last-child{ padding-right:0px; border:0px;}
ul.pagination.solid li a{ width:40px; height:40px; font-size:26px; line-height:40px; border:0px; border-radius:0px; font-weight:300; background:none; color:#000;}
ul.pagination.solid li a:hover, ul.pagination.solid li a:focus{ background:none; color:#0b4e00;}
ul.pagination.solid li.active a, ul.pagination.solid li.active a:hover,  ul.pagination.solid li.active a:focus{ background:none; color:#0b4e00; font-weight:700;}

/* header */

.sticky-wrapper{ width:100%; position:absolute;}

.header{ width:100%; background:none; z-index:9999; background:#fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-shadow:0px 0px 50px rgba(0,0,0,0.05); backdrop-filter: blur(5px);}
.header .navbar{ position:static;}
.header .navbar a.navbar-brand{ float:left; font-size:0px; line-height:120px; padding:0px; margin-right:50px;}
.header .navbar a.navbar-brand img{ max-height:90px; margin:0px;}
.header .navbar .menu-wrap{ display:flex; flex-wrap:wrap; float:right; margin-top:35px;}
.header .navbar .navbar-collapse{ padding:0px; margin:0px;}
.header .navbar .navbar-nav{}
.header .navbar .navbar-nav > li{}
.header .navbar .navbar-nav > li > a{ font-family: 'Outfit', sans-serif; font-size:15px; color:#000; font-weight:300; padding:15px 0; margin:0 10px; border:0px; text-transform:uppercase; line-height:20px;}
.header .navbar .navbar-nav > li.dropdown > a:after{ display:none;}
.header .navbar .navbar-nav > li > a:hover{ color:#0b4e00;}
.header .navbar .navbar-nav > li.active > a{ font-weight:700; color:#d2232a;}
.header .navbar .navbar-nav > li.login{ margin-top:0; margin-right:10px;}
.header .navbar .navbar-nav > li.login > a{ color:#333; font-size:15px; line-height:20px; padding:15px 25px; margin:0px; border:1px solid #333; font-weight:400; text-transform:uppercase;}
.header .navbar .navbar-nav > li.login > a span{ position:relative; z-index:2;}
.header .navbar .navbar-nav > li.login > a:hover{ background:#333; color:#fff;}
.header .navbar .navbar-nav > li.register{ margin-top:0;}
.header .navbar .navbar-nav > li.register > a{ color:#fff; font-size:15px; line-height:20px; padding:15px 25px; margin:0px; background:#0b4e00; border:1px solid #0b4e00; font-weight:400; text-transform:uppercase;}
.header .navbar .navbar-nav > li.register > a span{ position:relative; z-index:2;}
.header .navbar .navbar-nav > li.register > a:hover{ background:#333;}
.header .navbar .navbar-nav > li.logout{ margin-top:0; margin-left:30px;}
.header .navbar .navbar-nav > li.logout > a{ color:#0b4e00; font-size:15px; line-height:20px; padding:15px 25px; margin:0px; background:none; border:1px solid #0b4e00; font-weight:400; text-transform:uppercase;}
.header .navbar .navbar-nav > li.logout > a span{ position:relative; z-index:2;}
.header .navbar .navbar-nav > li.logout > a:hover{ background:#0b4e00; color:#fff;}
.header .navbar .sfHover .dropdown-toggle{ color:#0b4e00 !important;}
.header .navbar .navbar-nav > li > span.aprisottomenu{ display:none; width:22px; height:22px; float:right; position:absolute; right:0px; top:7px; cursor:pointer; text-align:center; vertical-align:middle;}


.wrapper{ overflow:unset;}
.content{ background:none;}
.content:before{ content:""; width:100%; height:400px; position:absolute; left:0px; top:0px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);}
.content .row + .row{ margin-top:40px;}

/* blocchi generale */

.block{ width:100%; float:left; padding:60px 0;}
.block.gray{ background:#f7f7f7;}
.block.pt0{ padding-top:0px !important;}
.block.pb0{ padding-bottom:0px !important;}
.block h1, .block h2, .block span.h2, .block span.h2{ font-size:34px; line-height:40px; color:#0b4e00; margin-bottom:0px; font-weight:400; text-transform:uppercase;}
.block span.h2{ display:block;}
.block h1:last-child, .block h2:last-child, .block span.h2:last-child{ margin-bottom:0px;}
.block h1.big, .block h2.big, .block span.text.big, .block span.h2.big{ font-size:48px; line-height:48px; font-weight:300;}
.block h1.extra, .block h2.extra, .block span.text.extra, .block span.h2.extra{ font-size:80px; line-height:80px; font-weight:200; margin:0px !important;}
.block h1.medium, .block h2.medium{ font-size:60px; line-height:50px;}
.block h2 strong{}
.block h3{ font-size:22px; line-height:1.2; color:#333; margin-bottom:15px; text-transform:none; font-weight:300;}
.block h3:last-child{ margin-bottom:0px;}
.block ul, .block ol{ margin:0px; padding:0px; margin-bottom:25px;}
.block ul:last-child, .block ol:last-child{ margin-bottom:0px;}
.block li{ position:relative; margin-bottom:0px; padding-left:20px;}
.block li:last-child{ margin-bottom:0px;}
.block li:before{ content:"\f105";  font-family: 'FontAwesome'; position:absolute; left:0px; top:4px; font-size:12px; color:#0b4e00;}
.block .section-title{ text-align:center;}
.block .section-title h2{ margin:0px;}
.block .section-title h2 + h3{ margin-top:5px;}
.block .bottom-actions{ text-align:center; position:relative; padding-top:40px;}
.block .bottom-actions:before{ content:""; width:100%; max-width:500px; height:1px; background:#e1e1e1; position:absolute; top:0px; left:50%; margin-left:-250px;}
.block .bottom-actions ul{ display:flex; flex-wrap:wrap; justify-content:center; margin:0 -5px;}
.block .bottom-actions ul li{ padding:0px 5px; margin-bottom:10px;}
.block .bottom-actions ul li:last-child{ margin-bottom:0px;}
.block .bottom-actions ul li:before{ display:none;}
.block .bottom-actions ul li a.backpage{ margin-top:10px;}
.block .bottom-actions ul li.back-actions{ width:100%;}

.block.presentation h2, .block.presentation span.h2{ margin-bottom:10px;}
.block.presentation h2.big, .block.presentation span.h2.big{ margin-bottom:0px;}
.block.presentation h2.big:last-child, .block.presentation span.h2.big:last-child{ margin-bottom:0px;}
.block.presentation h2.big + h3, .block.presentation span.h2.big + h3{ margin-top:10px;}
.block.presentation h1.extra + h3, .block.presentation h2.extra + h3{ margin-top:20px;}
.block.presentation h2.big + ul, .block.presentation span.h2.big + ul{ margin-top:20px;}
.block.presentation h3{ margin-bottom:0px;}
.block.presentation h2 + p, .block.presentation span.h2 + p{ margin-top:15px;}
.block.presentation h3 + p{ margin-top:15px;}
.block.presentation h3 + ul{ margin-top:15px;}
.block.presentation h3 + .btn{ margin-top:30px;}
.block.presentation h3 + h2{ margin-top:30px;}
.block.presentation p{ }
.block.presentation p + h2, .block.presentation p + span.h2{ margin-top:20px;}
.block.presentation p + h3{ margin-top:15px;}
.block.presentation p + .readmore{ margin-top:10px;}
.block.presentation p + .btn{ margin-top:20px;}


/* steps */

.block.steps{ width:100%; float:left; background:#999; padding:0px; box-shadow:0px 0px 100px rgba(0,0,0,0.1);}
.block.steps ul{ margin:0px; padding:0px;}
.block.steps li{ width:33.33%; float:left; padding:0px; list-style:none; border-right:1px solid #fff;}
.block.steps li:before{ display:none;}
.block.steps li:first-child{ border-left:1px solid #fff;}
.block.steps li a{ width:100%; display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; position:relative; font-weight:300; padding:15px 20px; cursor:default;}
.block.steps li a:hover{ background:#0b4e00;}
.block.steps li a .number{ width:32px; height:32px; line-height:32px; background:rgba(0,0,0,0.2); margin-right:15px; color:#fff; font-size:16px; font-weight:400; text-align:center;}
.block.steps li a .name{ font-size:16px; color:#fff; line-height:24px; display:inline-block; text-transform:uppercase;}
.block.steps li.current a .name{ font-weight:400;}
.block.steps li.current a{ background:#0b4e00;}
.block.steps li.active a{ background:#666;}

/* grid categories */

.block.categories-grid{ padding-bottom:80px;}
.block.categories-grid .item{ width:100%; height:0px; padding-bottom:100%; position:relative; background:#111; margin-bottom:20px; background-size:cover; background-position:center center; overflow:hidden;}
.block.categories-grid .item:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; border:10px solid transparent; z-index:5;}
.block.categories-grid .item:hover:before{ border-color:#333;}
.block.categories-grid .item.active:before{ border-color:#0b4e00;}
.block.categories-grid .item .image{ width:100%; height:100%; position:absolute; left:0px; top:0px; background-size:cover; background-position:center center;  transition: all .3s ease-in-out;}

.block.categories-grid .item:after{ content:""; width:100%; height:50%; position:absolute; left:0px; bottom:0px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); z-index:1; transition: all .3s ease-in-out;}
.block.categories-grid .item .link a{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10;}
.block.categories-grid .item .text{ width:100%; z-index:3; text-align:center;}
.block.categories-grid .item .normal{ width:100%; padding:30px; position:absolute; z-index:5; left:0px; bottom:0px; opacity:1; visibility:visible; transition: all .3s ease-in-out;}
.block.categories-grid .item .normal h2{ margin:0px; font-size:28px; line-height:1.2; color:#fff;}
.block.categories-grid .item .normal p{ margin:0px; font-size:18px; line-height:1.2; color:#fff;}
.block.categories-grid .item .normal .link-page{ width:100%; position:absolute; left:0px; bottom:30px; overflow:hidden; padding-bottom:10px;}
.block.categories-grid .item .normal .link-page a.readmore{ display:inline-block; will-change:transform; transform:translate3d(0,150%,0); transition:all 0.75s cubic-bezier(.4, .0, .0, 1);}

.block.categories-grid .item.disabled{ filter: grayscale(1);}
.block.categories-grid .item.disabled:hover .normal{ padding-bottom:30px;}
.block.categories-grid .item.disabled:before{ border:0px;}
.block.categories-grid .item.disabled:hover:before{ background:rgba(0,0,0,0);}
.block.categories-grid .item.disabled:hover .image{ transform: scale(1);}

.block.categories-grid .item:hover:before{ background:rgba(0,0,0,0.5);}
.block.categories-grid .item:hover .image{ transform: scale(1.1);}
.block.categories-grid .item:hover .normal{ padding-bottom:70px;}
.block.categories-grid .item:hover .normal .link-page a.readmore{ transform:none;}

/* grid products */

.block.products-grid{ padding-bottom:80px;}
.block.products-grid .item{ width:100%; height:0px; padding-bottom:100%; position:relative; background:#111; background-size:cover; background-position:center center; overflow:hidden;}
.block.products-grid .item:before{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; border:10px solid transparent; z-index:5;}
.block.products-grid .item:hover:before{ border-color:#333;}
.block.products-grid .item.active:before{ border-color:#0b4e00;}
.block.products-grid .item .image{ width:100%; height:100%; position:absolute; left:0px; top:0px; background-size:cover; background-position:center center;  transition: all .3s ease-in-out;}
.block.products-grid .item:after{ content:""; width:100%; height:50%; position:absolute; left:0px; bottom:0px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); z-index:1; transition: all .3s ease-in-out;}
.block.products-grid .item .link a{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:10;}
.block.products-grid .item .text{ width:100%; z-index:3; text-align:center;}
.block.products-grid .item .normal{ width:100%; padding:30px; position:absolute; z-index:5; left:0px; bottom:0px; opacity:1; visibility:visible; transition: all .3s ease-in-out;}
.block.products-grid .item .normal h2{ margin:0px; font-size:28px; line-height:1.2; color:#fff;}
.block.products-grid .item .normal p{ margin:0px; font-size:18px; line-height:1.2; color:#fff;}
.block.products-grid .item .normal .link-page{ width:100%; position:absolute; left:0px; bottom:30px; overflow:hidden; padding-bottom:10px;}
.block.products-grid .item .normal .link-page a.readmore{ display:inline-block; will-change:transform; transform:translate3d(0,150%,0); transition:all 0.75s cubic-bezier(.4, .0, .0, 1);}

.block.products-grid .item:hover:before{ background:rgba(0,0,0,0.5);}
.block.products-grid .item:hover .image{ transform: scale(1.1);}
.block.products-grid .item:hover .normal{ padding-bottom:70px;}
.block.products-grid .item:hover .normal .link-page a.readmore{ transform:none;}


.block.products-grid .typologies ul{ display:flex; flex-wrap:wrap; justify-content:center; margin:0 -5px;}
.block.products-grid .typologies ul li{ width:auto; float:left; padding:0 5px;}
.block.products-grid .typologies ul li:before{ display:none;}
.block.products-grid .typologies ul li a{ min-width:80px; float:left; text-align:center; padding:10px 20px; color:#333; font-size:15px; border:1px solid #333; font-weight:300; text-transform:uppercase;}
.block.products-grid .typologies ul li a:hover, .block.products-grid .typologies ul li a.active{ background:#0b4e00; border-color:#0b4e00; color:#fff;}


.block.products-grid .color-item-wrap{ display:flex; flex-wrap:nowrap; justify-content:center; margin:0 -40px;}
.block.products-grid .color-item-wrap .color-item{ padding:0 40px; text-align:center;}
.block.products-grid .color-item-wrap .color-item .name{ width:100%; text-align:center; font-size:20px; line-height:26px; font-weight:700; color:#333; text-transform:uppercase; margin-bottom:20px;}
.block.products-grid .color-item-wrap .color-item .list{ display:inline-block;}
.block.products-grid .color-item-wrap .color-item .list ul{ display:flex; flex-wrap:nowrap; margin:0 -5px;}
.block.products-grid .color-item-wrap .color-item .list li{ padding:0 5px;}
.block.products-grid .color-item-wrap .color-item .list li:before{ display:none;}
.block.products-grid .color-item-wrap .color-item .list li .element{ width:100px; height:100%; padding:20px; border:1px solid #e1e1e1; cursor:pointer;}
.block.products-grid .color-item-wrap .color-item .list li .element:hover{ background:#e1e1e1;}
.block.products-grid .color-item-wrap .color-item .list li .element.active{ background:#e1e1e1;}
.block.products-grid .color-item-wrap .color-item .list li .element .color{ margin-bottom:10px;}
.block.products-grid .color-item-wrap .color-item .list li .element .type{ font-size:15px; line-height:18px; text-align:center;}

/* cancello */

.block.products-grid.gate-page .section-title h2.small{ font-size:28px; line-height:34px; color:#333;}
.block.products-grid.gate-page .section-title .nota{ margin-top:10px; padding:7px 10px; background:#e1e1e1; font-weight:300;}

.block.products-grid.gate-page .row.row-box-info{ margin-top:20px;}
.block.products-grid.gate-page .box-info{ display:flex; flex-wrap:nowrap; padding:60px; background:#e1e1e1;}
.block.products-grid.gate-page .box-info .text{ width:50%; float:left;}
.block.products-grid.gate-page .box-info .text strong{ font-weight:600;}
.block.products-grid.gate-page .box-info .text h2{ font-size:30px; line-height:34px; color:#333; font-weight:700; margin-bottom:20px;}
.block.products-grid.gate-page .box-info .text ul li{ margin-bottom:10px;}
.block.products-grid.gate-page .box-info .text ul li:last-child{ margin-bottom:0px;}
.block.products-grid.gate-page .box-info .image{ width:50%; float:left; padding-left:40px;}

.block.products-grid.gate-page .typologies.typologies-gate ul li a{ min-width:175px; padding:10px;}
.block.products-grid.gate-page .typologies.typologies-gate ul li a span.line1{ font-size:12px; line-height:14px; display:inline-block; margin-bottom:5px;}
.block.products-grid.gate-page .typologies.typologies-gate ul li a span.line2{ font-size:18px; line-height:18px; font-weight:700; text-transform:none;}

.block.products-grid.gate-page .data-size{ max-width:600px; display:flex; flex-wrap:nowrap; align-items:center; padding-bottom:35px; margin:0 auto; margin-top:20px;}
.block.products-grid.gate-page .data-size .data-name{ padding-right:40px; white-space:nowrap;}
.block.products-grid.gate-page .data-size .data-field{ width:100%; position:relative;}
.block.products-grid.gate-page .data-size .data-field .input-slide{width:100%;float:left;clear:both;margin:10px 0;border:none;height:7px;background:#333;border-radius:5px; padding:0px; position:relative; z-index:10; cursor:pointer;}
.block.products-grid.gate-page .data-size .data-field .ui-widget-header{background:transparent !important;}
.block.products-grid.gate-page .data-size .data-field span{width:24px;height:24px;border-radius:50%;overflow:hidden;border:none;top:-8px; background:#0b4e00;}
.block.products-grid.gate-page .data-size .data-field span:after{content:" ";width:6px;height:6px;background:#fff;position: absolute;border-radius:50%;left:9px;top:9px;}
.block.products-grid.gate-page .data-size .data-field span.ui-state-focus{outline:0 !important;background:#000;}
.block.products-grid.gate-page .data-size .data-field input{ width:100%; position:absolute; left:0px; text-align:center; background:none; font-size:15px; color:#000; padding:0px; top:10px; border:0px; cursor:default;}

.block.products-grid.gate-page .alert-size{ width:360px; min-height:60px; position:relative; margin:0 auto; padding:12px 20px; padding-left:65px; background:#edb2b2; font-size:13px; line-height:16px; color:#c12020; font-weight:300;}
.block.products-grid.gate-page .alert-size:before{ content:"\f071";  font-family: 'FontAwesome'; position:absolute; left:20px; top:22px; font-size:30px; color:#c12020;}

/* configuratore recinzione */

.block.fence-configurator .side .draw{ margin-bottom:20px;}
.block.fence-configurator .side .draw .image canvas{ width:100%; height:auto;}
.block.fence-configurator .side .legend .info{ font-size:15px; line-height:20px; font-weight:300; margin-bottom:10px;}
.block.fence-configurator .side .legend .list li{ float:left; margin-right:10px; padding:0px; padding-left:26px;}
.block.fence-configurator .side .legend .list li:last-child{ margin:0px;}
.block.fence-configurator .side .legend .list li:before{ display:none;}
.block.fence-configurator .side .legend .list li span.color{ width:16px; height:16px; position:absolute; left:0px; background:#000;}
.block.fence-configurator .side .legend .list li span.color.color1{ background:#0b4e00;}
.block.fence-configurator .side .legend .list li span.color.color2{ background:#666;}
.block.fence-configurator .side .legend .list li span.text{ float:left; font-size:15px; line-height:16px;}

.block.fence-configurator .form-segment{ width:100%; float:left;}
.block.fence-configurator .form-segment .name{ margin-bottom:20px;}
.block.fence-configurator .form-segment .name h3{ font-size:26px;}
.block.fence-configurator .form-segment .data-wrap{ width:100%; float:left;}
.block.fence-configurator .form-segment .data-wrap .data{ width:100%; float:left; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e1e1e1;}
.block.fence-configurator .form-segment .data-wrap .data:last-child{ padding-bottom:0px; margin-bottom:0px; border:0px;}
.block.fence-configurator .form-segment .data-wrap .data .data-name{ font-size:18px; line-height:24px; font-weight:300;}


.block.fence-configurator .form-segment .data-wrap .data.altezza{ display:flex; flex-wrap:nowrap; align-items:center; padding-bottom:35px;}
.block.fence-configurator .form-segment .data-wrap .data.altezza .data-name{ padding-right:40px; white-space:nowrap;}
.block.fence-configurator .form-segment .data-wrap .data.altezza .data-field{ width:100%; position:relative;}
.block.fence-configurator .form-segment .data-wrap .data.altezza .data-field .input-slide{width:100%;float:left;clear:both;margin:10px 0;border:none;height:7px;background:#333;border-radius:5px; padding:0px;}
.block.fence-configurator .form-segment .data-wrap .data.altezza .data-field .ui-widget-header{background:transparent !important;}
.block.fence-configurator .form-segment .data-wrap .data.altezza .data-field span{width:24px;height:24px;border-radius:50%;overflow:hidden;border:none;top:-8px; background:#0b4e00;}
.block.fence-configurator .form-segment .data-wrap .data.altezza .data-field span:after{content:" ";width:6px;height:6px;background:#fff;position: absolute;border-radius:50%;left:9px;top:9px;}
.block.fence-configurator .form-segment .data-wrap .data.altezza .data-field span.ui-state-focus{outline:0 !important;background:#000;}
.block.fence-configurator .form-segment .data-wrap .data.altezza .data-field input{ width:100%; position:absolute; left:0px; text-align:center; background:none; font-size:15px; color:#000; padding:0px; top:10px; border:0px; cursor:default;}

.block.fence-configurator .form-segment .data-wrap .data.fissaggio{ display:flex; flex-wrap:nowrap; align-items:center;}
.block.fence-configurator .form-segment .data-wrap .data.fissaggio .data-field{ margin-left:auto;}
.block.fence-configurator .form-segment .data-wrap .data.fissaggio .data-field ul{ display:flex; flex-wrap:nowrap; justify-content:center; margin:0 -5px;}
.block.fence-configurator .form-segment .data-wrap .data.fissaggio .data-field ul li{ width:auto; float:left; padding:0 5px;}
.block.fence-configurator .form-segment .data-wrap .data.fissaggio .data-field ul li:before{ display:none;}
.block.fence-configurator .form-segment .data-wrap .data.fissaggio .data-field ul li a{ float:left; padding:10px 20px; text-align:center; color:#333; font-size:15px; border:1px solid #333; font-weight:300; text-transform:uppercase;}
.block.fence-configurator .form-segment .data-wrap .data.fissaggio .data-field ul li a:hover, .block.fence-configurator .form-segment .data-wrap .data.fissaggio .data-field ul li a.active{ background:#333; border-color:#333; color:#fff;}

.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo{ display:flex; flex-wrap:nowrap; align-items:center;}
.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-name{ margin-bottom:10px;}
.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field{ margin-left:auto;}
.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field ul{ display:flex; flex-wrap:wrap; justify-content:center; margin:0 -5px;}
.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field ul li{ width:100%; float:left; padding:0 5px;}
.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field ul li:before{ display:none;}
.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field ul li a{ width:100%; float:left; padding:10px 20px; color:#333; text-align:center; font-size:13px; line-height:18px; border:1px solid #333; font-weight:300; text-transform:uppercase;}
.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field ul li a span.first-line{ width:100%; float:left; text-align:center; font-size:1.2em;}
.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field ul li a:hover, .block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field ul li a.active{ background:#333; border-color:#333; color:#fff;}

.block.fence-configurator .form-segment .data-wrap .data.partenza{ display:flex; flex-wrap:nowrap; align-items:center;}
.block.fence-configurator .form-segment .data-wrap .data.partenza .data-field{ margin-left:auto;}
.block.fence-configurator .form-segment .data-wrap .data.partenza .data-field ul{ display:flex; flex-wrap:wrap; justify-content:center; margin:0 -5px;}
.block.fence-configurator .form-segment .data-wrap .data.partenza .data-field ul li{ width:auto; float:left; padding:0 5px;}
.block.fence-configurator .form-segment .data-wrap .data.partenza .data-field ul li:before{ display:none;}
.block.fence-configurator .form-segment .data-wrap .data.partenza .data-field ul li a{ min-width:100px; float:left; padding:10px 20px; color:#333; text-align:center; font-size:15px; border:1px solid #333; font-weight:300; text-transform:uppercase;}
.block.fence-configurator .form-segment .data-wrap .data.partenza .data-field ul li a:hover, .block.fence-configurator .form-segment .data-wrap .data.partenza .data-field ul li a.active{ background:#333; border-color:#333; color:#fff;}

.block.fence-configurator .form-segment .data-wrap .data.angolo{ display:flex; flex-wrap:nowrap; align-items:center; padding-bottom:35px;}
.block.fence-configurator .form-segment .data-wrap .data.angolo .data-name{ padding-right:40px;}
.block.fence-configurator .form-segment .data-wrap .data.angolo .data-field{ width:100%; position:relative;}
.block.fence-configurator .form-segment .data-wrap .data.angolo .data-field .input-slide{width:100%;float:left;clear:both;margin:10px 0;border:none;height:7px;background:#333;border-radius:5px; padding:0px;}
.block.fence-configurator .form-segment .data-wrap .data.angolo .data-field .ui-widget-header{background:transparent !important;}
.block.fence-configurator .form-segment .data-wrap .data.angolo .data-field span{width:24px;height:24px;border-radius:50%;overflow:hidden;border:none;top:-8px; background:#0b4e00;}
.block.fence-configurator .form-segment .data-wrap .data.angolo .data-field span:after{content:" ";width:6px;height:6px;background:#fff;position: absolute;border-radius:50%;left:9px;top:9px;}
.block.fence-configurator .form-segment .data-wrap .data.angolo .data-field span.ui-state-focus{outline:0 !important;background:#000;}
.block.fence-configurator .form-segment .data-wrap .data.angolo .data-field input{ width:100%; position:absolute; left:0px; text-align:center; background:none; font-size:15px; color:#000; padding:0px; top:10px; border:0px; cursor:default;}

.block.fence-configurator .form-segment .data-wrap .data.lunghezza{ display:flex; flex-wrap:nowrap; align-items:center; padding-bottom:35px;}
.block.fence-configurator .form-segment .data-wrap .data.lunghezza .data-name{ padding-right:40px;}
.block.fence-configurator .form-segment .data-wrap .data.lunghezza .data-name span{ width:100%; font-size:12px; line-height:16px; float:left;}
.block.fence-configurator .form-segment .data-wrap .data.lunghezza .data-field{ width:auto; display:flex; flex-wrap:nowrap; align-items:center; position:relative;}
.block.fence-configurator .form-segment .data-wrap .data.lunghezza .data-field input{ width:150px;}
.block.fence-configurator .form-segment .data-wrap .data.lunghezza .data-field span{ margin-left:10px;}




.block.fence-configurator .form-segment .actions{ width:100%; float:left; text-align:left;}
.block.fence-configurator .form-segment .actions ul li{ padding:0px; margin-bottom:10px;}
.block.fence-configurator .form-segment .actions ul li:last-child{ margin-bottom:0px;}
.block.fence-configurator .form-segment .actions ul li:before{ display:none;}
.block.fence-configurator .form-segment .actions ul li a.backpage{ margin-top:10px;}

.block.fence-configurator .recap-list{ width:100%; float:left;}
.block.fence-configurator .recap-list .zona{ display:flex; flex-wrap:nowrap; padding-bottom:20px; margin-bottom:0px; border-bottom:1px solid #e1e1e1;}
.block.fence-configurator .recap-list .zona .name h3{ font-size:26px; color:#0b4e00;}
.block.fence-configurator .recap-list .zona .actions{ margin-left:auto;}
.block.fence-configurator .recap-list .zona .actions ul{}
.block.fence-configurator .recap-list .zona .actions li{ float:left; padding:0px; font-size:16px; line-height:24px; font-weight:300;}
.block.fence-configurator .recap-list .zona .actions li:before{ display:none;}
.block.fence-configurator .recap-list .zona .actions li:after{ content:"|"; margin:0 5px; font-weight:300; color:#666;}
.block.fence-configurator .recap-list .zona .actions li:last-child:after{ display:none}
.block.fence-configurator .recap-list .zona .actions li a{ color:#666; font-weight:300;}
.block.fence-configurator .recap-list .zona .actions li.delete a{ color:#b01515;}
.block.fence-configurator .recap-list .zona .actions li a:hover{ color:#000;}

.block.fence-configurator .recap-list .segment-list{ width:100%; float:left; margin-bottom:20px;}
.block.fence-configurator .recap-list .segment-list .item{ padding:20px; display:flex; flex-wrap:nowrap; margin-bottom:0px; border-bottom:1px solid #e1e1e1;}
.block.fence-configurator .recap-list .segment-list .item .left{ padding-right:40px;}
.block.fence-configurator .recap-list .segment-list .item .left .name{ font-size:20px; line-height:26px; font-weight:700; color:#333;}
.block.fence-configurator .recap-list .segment-list .item .left .info{ font-size:14px; line-height:20px; font-weight:300; color:#666;}
.block.fence-configurator .recap-list .segment-list .item .left .info span{ margin:0 5px;}
.block.fence-configurator .recap-list .segment-list .item .right{ margin-left:auto;}
.block.fence-configurator .recap-list .segment-list .item .right .actions ul{ display:flex; flex-wrap:nowrap; margin:0 -3px;}
.block.fence-configurator .recap-list .segment-list .item .right .actions li{ float:left; padding:0px 3px;}
.block.fence-configurator .recap-list .segment-list .item .right .actions li:before{ display:none;}
.block.fence-configurator .recap-list .segment-list .item .right .actions li a{ width:32px; height:32px; float:left; background:#000; position:relative; color:#666; font-weight:300; border-radius:50%; }
.block.fence-configurator .recap-list .segment-list .item .right .actions li a span{ float:left; text-indent:-9999px; overflow:hidden;}
.block.fence-configurator .recap-list .segment-list .item .right .actions li a:before{ content:"\f060"; font-family: 'FontAwesome'; width:100%; height:100%; position:absolute; left:0px; text-align:left; font-size:13px; color:#fff; text-align:center; line-height:32px; font-weight:300; }
.block.fence-configurator .recap-list .segment-list .item .right .actions li.edit a{ background-color:#999999;}
.block.fence-configurator .recap-list .segment-list .item .right .actions li.edit a:before{ content:"\f044";}
.block.fence-configurator .recap-list .segment-list .item .right .actions li.delete a{ background-color:#b01515;}
.block.fence-configurator .recap-list .segment-list .item .right .actions li.delete a:before{ content:"\f2ed";}
.block.fence-configurator .recap-list .segment-list .item .right .actions li a:hover{ background-color:#000;}
.block.fence-configurator .recap-list .add-segment{ float:right;}

.block.fence-configurator .recap-list .segment-list .item.selected{ background:#e1e1e1;}
.block.fence-configurator .recap-list .segment-list .item.selected .left .name{ color:#0b4e00;}

.block.fence-configurator .add-zona .btn{ width:100%; border:2px dashed #999; color:#999; background:none;}
.block.fence-configurator .add-zona .btn:hover{ background:#000; border:2px solid #000; color:#fff;}

/* recap */

.block.recap-products .table-recap .top{ margin-bottom:20px;}
.block.recap-products .table-recap .top h2{ color:#333;}
.block.recap-products .table-recap .table{ width:100%; padding:30px; box-shadow:0px 0px 100px rgba(0,0,0,0.1);}
.block.recap-products .table-recap .table table{ width:100%;}
.block.recap-products .table-recap .table thead{}
.block.recap-products .table-recap .table thead tr{ border-radius:0px; overflow:hidden;}
.block.recap-products .table-recap .table thead th{ padding:7px 20px; background:#999; color:#fff; text-transform:uppercase; font-weight:300; border:0px; position:relative;}
.block.recap-products .table-recap .table thead th:after{ content:""; width:1px; height:70%; position:absolute; right:0px; top:15%; background:#e1e1e1;}
.block.recap-products .table-recap .table thead th:last-child:after{ display:none;}
.block.recap-products .table-recap .table tbody td{ padding:7px 20px; position:relative; font-weight:300; border-bottom:1px solid #e1e1e1;}
.block.recap-products .table-recap .table .immagine{ width:10%; padding-left:0px; padding-right:0px;}
.block.recap-products .table-recap .table .immagine img{ width:100%; height:auto;}
.block.recap-products .table-recap .table .prodotti{ width:35%;}
.block.recap-products .table-recap .table .referenza{ width:10%; text-align:center;}
.block.recap-products .table-recap .table .prezzo{ width:15%; text-align:right;}
.block.recap-products .table-recap .table .qt{ width:10%; text-align:center;}
.block.recap-products .table-recap .table .totale{ width:20%; text-align:right;}
.block.recap-products .table-recap .total{ width:100%; text-align:center; float:left; margin-top:20px;}
.block.recap-products .table-recap .total .name{ width:100%; float:left; text-align:center; margin-bottom:10px;}
.block.recap-products .table-recap .total .name strong{ font-size:24px; line-height:1;}
.block.recap-products .table-recap .total .name span{ width:100%; float:left; font-size:15px; color:#999; line-height:16px; margin:0px;}
.block.recap-products .table-recap .total .amount{ width:100%; float:left; font-size:40px; line-height:1; font-weight:700;}

.block.recap-config .top{ margin-bottom:20px;}
.block.recap-config .list .item-wrap .item{ width:100%; float:left; background:#fff; padding:30px; display:flex; flex-wrap:nowrap; margin-bottom:20px; box-shadow:0px 0px 100px rgba(0,0,0,0.1);}
.block.recap-config .list .item-wrap .item .zona{ width:100%; float:left;}
.block.recap-config .list .item-wrap .item .zona .left{ width:180px; float:left;}
.block.recap-config .list .item-wrap .item .zona .left .image{ height:0px; padding-bottom:100%; border:1px solid #e1e1e1; background-size: contain; background-repeat:no-repeat; background-position: center center;}
.block.recap-config .list .item-wrap .item .zona .right{ width:cacl(100% - 180px); float:left; padding-left:30px;}
.block.recap-config .list .item-wrap .item .zona .right .description p{ font-size:14px; line-height:22px; margin:0px;}
.block.recap-config .list .item-wrap .item .zona .right .description .nome-zona{ margin-bottom:5px;}
.block.recap-config .list .item-wrap .item .zona .right .description .nome-zona p{ font-size:18px; line-height:26px;}
.block.recap-config .list .item-wrap .item .zona .right .description a.readmore{ margin-top:10px;}
.block.recap-config .list .item-wrap .item .zona + .zona{ margin-top:20px;}

.block.recap-config .list .item-wrap .item .dettagli-cancelli{ width:100%; float:left;}
.block.recap-config .list .item-wrap .item .dettagli-cancelli .left{ width:180px; float:left;}
.block.recap-config .list .item-wrap .item .dettagli-cancelli .left .image{ height:0px; padding-bottom:100%; border:1px solid #e1e1e1; background-size: cover; background-repeat:no-repeat; background-position: center center;}
.block.recap-config .list .item-wrap .item .dettagli-cancelli .right{ width:cacl(100% - 180px); float:left; padding-left:30px;}
.block.recap-config .list .item-wrap .item .dettagli-cancelli .right .description p{ font-size:14px; line-height:22px; margin:0px;}
.block.recap-config .list .item-wrap .item .dettagli-cancelli .right .description .nome-zona{ margin-bottom:5px;}
.block.recap-config .list .item-wrap .item .dettagli-cancelli .right .description .nome-zona p{ font-size:18px; line-height:26px;}
.block.recap-config .list .item-wrap .item .dettagli-cancelli .right .description a.readmore{ margin-top:10px;}
.block.recap-config .list .item-wrap .item .dettagli-cancelli + .zona{ margin-top:20px;}

.block.recap-config .list .item-wrap .item .intro{ margin-bottom:20px;}
.block.recap-config .list .item-wrap .item .intro h4{ font-size:14px; line-height:1; margin:0px; font-weight:300; margin-bottom:10px;}
.block.recap-config .list .item-wrap .item .intro h3{ font-size:22px; line-height:1; margin:0px; color:#000; margin-bottom:5px; font-weight:700;}
.block.recap-config .list .item-wrap .item .intro h5{ font-size:22px; line-height:1; font-weight:300; margin:0px;}

.block.recap-config .actions{ text-align:center; position:relative; margin-left:auto;}
.block.recap-config .actions ul{ margin:0 -5px;}
.block.recap-config .actions ul li{ clear:both; float:right; padding:0px 5px; margin-bottom:5px;}
.block.recap-config .actions ul li .btn{ min-width:180px; padding:7px 15px; font-size:13px;}
.block.recap-config .actions ul li:last-child{ margin-bottom:0px;}
.block.recap-config .actions ul li:before{ display:none;}


/* contatti */

.block.contacts{ position:relative;}
.block.contacts .item{ width:100%;}
.block.contacts .form{ margin-top:40px;}
.block.contacts .form .form-group{ position:relative; margin-bottom:20px;}
.block.contacts .form .form-group > label{ position:absolute; top:0px; margin:0px; margin-top:-12px; background:#fff; padding:0 10px 0 0; z-index:2;}

.block.contacts.account-page .item{ padding:40px; background:#fff; box-shadow:0px 0px 100px rgba(0,0,0,0.1);}
.block.contacts.account-page .item .form{width:100%; display:inline-block; margin:0px; margin-top:20px;}
.block.contacts.account-page .item .form-group{ margin-bottom:20px;}
.block.contacts.account-page .item .form-group p{ margin:0px; margin-bottom:0px;}

.block.contacts.login-page{ padding:100px 0;}
.block.contacts.login-page .item{ text-align:center; padding:40px; background:#fff; box-shadow:0px 0px 100px rgba(0,0,0,0.1);}
.block.contacts.login-page .item h2 strong{ font-size:1.5em;}
.block.contacts.login-page .item .form{ max-width:500px; width:100%; display:inline-block; margin:0px; margin-top:20px;}
.block.contacts.login-page .item .form-group{ margin-bottom:20px;}
.block.contacts.login-page .item .form-group p{ margin:0px; margin-bottom:0px;}

.block.contacts.register-page{ padding:100px 0;}
.block.contacts.register-page .item{ width:100%; text-align:center;  padding:40px; background:#fff; box-shadow:0px 0px 100px rgba(0,0,0,0.1);}
.block.contacts.register-page .item h2 strong{ font-size:1.5em; }
.block.contacts.register-page .item .form{ max-width:800px; width:100%; display:inline-block; margin:0px; margin-top:40px;}
.block.contacts.register-page .item .check > span{ display:inline-block;}
.block.contacts.register-page .item .form-group{ margin-bottom:20px;}
.block.contacts.register-page .item .form-group p{ margin:0px; margin-bottom:0px;}

.block.contacts.login-and-register-page{}
.block.contacts.login-and-register-page .item{ width:100%; padding:40px; background:#fff; box-shadow:0px 0px 100px rgba(0,0,0,0.1);}
.block.contacts.login-and-register-page .item h2{ font-size:26px; line-height:30px; margin-bottom:20px;}
.block.contacts.login-and-register-page .item .form{ width:100%; display:inline-block; margin:0px; margin-top:20px;}
.block.contacts.login-and-register-page .item .form-group{ margin-bottom:20px;}
.block.contacts.login-and-register-page .item .form-group p{ margin:0px; margin-bottom:0px;}


/* footer */

.footer{ width:100%; position:relative; background:#000; padding:0px; overflow:hidden;}
.footer .footer-extra{ padding:20px 0; background:none; position:relative; z-index:2; text-align:center;}
.footer .footer-extra .row{ padding:0px;}
.footer .footer-extra p{ font-size:14px; line-height:22px; color:#e1e1e1; font-weight:300;}
.footer .footer-extra span{ margin:0 5px; font-weight:300;}
.footer .footer-extra a{ font-size:14px; line-height:22px; color:#e1e1e1; font-weight:300;}
.footer .footer-extra a:hover{ color:#fff;}

/* modal */

body.modal-open .header{ filter: blur(4px);}
body.modal-open .wrapper{ filter: blur(4px);}
body.modal-open .footer{ filter: blur(4px);}

.modal{ z-index:999999; border-radius:0px; display:none !important;}
.modal.in { display:flex !important; align-items:center; flex-direction: column; justify-content:center;}
.modal-open .modal{ overflow:auto;}
.modal-backdrop{ z-index:99999; background:#f7f7f7;}
.modal-backdrop.in{ opacity:0.75;}
.modal .modal-dialog{ width:100%; max-width:800px; margin:0px; overflow:auto !important; box-shadow:0px 0px 100px rgba(0,0,0,0.2);}
.modal.in .modal-dialog{ top:auto; transform:none;}
.modal-body{ padding:30px;}
.modal .modal-content{ width:100%; float:left; padding:40px; border-radius:0px; border:0px;}
.modal .close{ width:40px; height:40px; position:absolute; top:0px; right:0px; opacity:1; z-index:9999;}
.modal .close:before{ content:"\f00d"; font-family: 'FontAwesome'; width:100%; height:100%; position:absolute; left:0px; top:0px; font-size:20px; line-height:40px; text-align:center;}
.modal .modal-body{ border-radius:0px; padding:0px;}
.modal .modal-body .row + .row{ margin-top:20px;}
.modal .modal-body h2{ font-size:26px; font-weight:700; color:#0b4e00;}
.modal .modal-body .form .form-group{ position:relative; margin-bottom:20px;}
.modal .modal-body .form .form-group > label{ position:absolute; top:0px; margin:0px; margin-top:-12px; background:#fff; padding:0 10px 0 0; z-index:2;}
.modal.modal-zona .modal-dialog{ max-width:400px;}

.help-tooltip{ width:20px; height:20px; background:#e1e1e1; display:inline-block; vertical-align:middle; margin:0 5px; border-radius:50%; position:relative;}
.help-tooltip:before{ content:"\3f"; font-family: 'FontAwesome'; width:100%; height:100%; position:absolute; left:0px; top:0px; font-size:11px; line-height:20px; text-align:center;}

.popover{ clear:both; width:140px; max-width:140px; padding:10px; background:#e1e1e1; color:#000; font-family: 'Outfit', sans-serif;}
.popover-content{ padding:0px; font-weight:normal !important; font-size:14px !important; line-height:20px !important;}
.popover.bottom > .arrow:after{ border-bottom-color: #e1e1e1;}
.popover.top > .arrow:after{ border-top-color: #e1e1e1;}

.boxZone{ margin:0px;}
[class*=steps]:not(.steps-vertical) [class*=col-]{ margin:0px;}

@media (max-width: 1200px) {
	
	.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field ul li a{ padding:10px;}
	.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field ul li a .second-line{ font-size:11px;}
	.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field ul li{ font-size:12px;}

	

}

@media (min-width: 992px) {
	
	.header .navbar-collapse{ display:block;}

}

@media (max-width: 992px) {
	
	.navbar-nav{ padding-bottom:0px;}	
	.footer-row [class*=col-]{ margin:0px;}
	
}

@media (max-width: 991px) {
	
	.content .row + .row{ margin-top:20px;}
	.content .row.row-zona + .row.row-zona{ margin-top:40px;}
	.navbar-toggle{ display:block !important;}
	
	.btn{ padding:10px 20px;}

	.header{}
	.header .navbar{ padding:0 30px; position:relative;}
	.header .navbar a.navbar-brand{ line-height:100px; margin:0px;}
	.header .navbar a.navbar-brand img{ max-height:70px;}
	.header .navbar-collapse{ background:none; padding:0px; float:none !important; clear: both; width: 100%; margin: 0 !important;}
	.header .navbar-collapse.in{ padding-bottom:20px; }
	.header .navbar-nav{ width:100%; float:left; padding-bottom:0px; display:inherit; vertical-align:inherit; margin-bottom:0px;}
	.header .navbar-nav + .navbar-nav{ padding-top:0px;}
	.header .navbar-nav.pull-right{ padding-top:0px; padding-bottom:30px;}
	.header .navbar-nav > li{ clear:both; width:100%; padding:0px;}
	.header .navbar-nav > li:after{ display:none;}
	.header .navbar-nav > li:last-child{ border:0px;}
	.header .navbar-nav > li > a:after{ display:none;}
	.header .navbar .navbar-nav > li > a{ line-height:24px !important; font-size:16px; color:#000; text-align:center; padding:5px 0; margin:0px; border-bottom:1px solid #e1e1e1;}
	.header .navbar-nav > li > a span:before, .header .navbar-nav > li.active > a span:before{ display:none;}
	.header .navbar-nav > li.active > a{ color:#0b4e00;}
	.header .navbar-nav > li > a:hover{ color:#0b4e00;}
	.header .navbar-nav > li > span.aprisottomenu{ display:inline-block;}
	.header .navbar-nav > li > a:before{ opacity:0.5;}
	.header .navbar-nav > li.quote a{ font-size:18px; text-align:center; line-height:48px !important;}
	
	.header .navbar .menu-wrap{ width:100%; margin:0px;}
	.header .navbar .navbar-nav > li.login{ margin-bottom:10px; border:0px;}
	.header .navbar .navbar-nav > li.login > a{ text-align:center; padding:10px;}
	.header .navbar .navbar-nav > li.register{ border:0px;}
	.header .navbar .navbar-nav > li.register > a{ text-align:center; padding:10px;}
	.header .navbar .navbar-nav > li.logout{ margin:0px; border:0px; margin-top:10px;}
	.header .navbar .navbar-nav > li.logout > a{ text-align:center; padding:10px;}
	
	.block{ padding:40px 0;}
	.block h1, .block h2, .block span.h2, .block span.h2{ font-size:30px; line-height:36px;}
	
	.block.categories-grid{ padding-bottom:40px;}
	
	.block.categories-grid .item .normal h2{ font-size:24px;}
	
	.block.steps li a{ padding:15px;}
	.block.steps li a .name{ font-size:14px; line-height:24px;}
	
	.block.products-grid .color-item-wrap{ flex-wrap:wrap;}
	.block.products-grid .color-item-wrap .color-item{ margin-bottom:20px;}
	
	.block.contacts.register-page{ padding:40px 0;}
	.block.contacts.login-page{ padding:40px 0;}
	
	.block.contacts.login-page .item h2 strong{ font-size:1.2em;}
	.block.contacts.register-page .item h2 strong{ font-size:1.2em;}
	
	.block.fence-configurator .form-segment .data-wrap .data.fissaggio{ flex-wrap:wrap;}
	.block.fence-configurator .form-segment .data-wrap .data.fissaggio .data-field{ width:100%;}
	.block.fence-configurator .form-segment .data-wrap .data.fissaggio .data-field ul li{ width:50%;}
	.block.fence-configurator .form-segment .data-wrap .data.fissaggio .data-field ul li a{ width:100%;}
	.block.fence-configurator .form-segment .data-wrap .data .data-name{ margin-bottom:10px;}
	.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-name{ margin-bottom:0px;}
	.block.fence-configurator .form-segment .data-wrap .data.partenza-arrivo .data-field ul li{ width:50%; margin-top:10px;}
	
	.block.fence-configurator .form-segment .data-wrap .data.altezza{ flex-wrap:wrap;}
	
	.block.fence-configurator .recap-list .segment-list .item{ padding:10px;}
	
	.block.recap-products .table-recap .table thead{ display:none;}
	.block.recap-products .table-recap .table tbody td{  width:100% !important; float:left; padding:10px 0; text-align:left !important; white-space:normal;}
	.block.recap-products .table-recap .table tbody td:before{ content:attr(data-label); width:100%; display:inline-block; vertical-align:middle; margin-bottom:5px; font-size:12px; line-height:20px; font-weight:700; text-transform:uppercase;}
	.block.recap-products .table-recap .table .immagine img{ max-width:200px;}
	.block.recap-products .table-recap .table .immagine:before{ display:none;}
	
	.footer .footer-extra{ padding:15px 0;}
	.footer .footer-extra p, .footer .footer-extra a{ font-size:12px; line-height:18px;}
	
	.modal{ padding:20px;}
	.modal.in .modal-dialog{ max-width:400px;}
	.modal .modal-body{ width:100%; float:left; background:#fff;}
	.modal .modal-body .row.flex{ display:block; flex-wrap:unset;}
	.modal .modal-body .row.flex > [class*="col-"]{ display:block;}
	.modal .modal-body .image{ background:none;}
	.modal .modal-body .image img{ display:block;}
	.modal .modal-body .text{ width:100%; float:left; padding:40px;}
	.modal .modal-body .text h2{ font-size:30px; line-height:30px;}
	
	.block.contacts.login-page .item{ padding:30px;}
	.block.contacts.register-page .item{ padding:30px;}
	.block.contacts.account-page .item{ padding:30px;}
	.modal .modal-content{ padding:30px;}
	
	.block .bottom-actions:before{ width:200px; margin-left:-100px;}
	
	ul.pagination.solid li a{ font-size:16px; width:30px; height:30px; line-height:30px;}
	
	.block.fence-configurator .side{ width:100%; float:left; margin-bottom:40px;}
	
	.block.contacts.login-and-register-page .item{ padding:30px; margin-bottom:20px;}
	
}


@media (max-width: 768px){
	
	.block h1, .block h2, .block span.h2, .block span.h2{ font-size:26px; line-height:30px;}
	.block h3{ font-size:20px;}
	
	.block.steps .container{ padding:0px;}
	.block.steps li:last-child{ border:0px;}
	
	.block.steps{ overflow:hidden;}
	.block.steps ul{ display:flex; flex-wrap:nowrap;}
	.block.steps li a{ flex-wrap:wrap; padding:10px; padding-top:0px; height:100%; align-items:start;}
	.block.steps li a .number{ margin:0px; margin-bottom:10px;}
	.block.steps li a .name{ width:100%; text-align:center; font-size:12px; line-height:16px;}
	
	.block.products-grid .item{ margin-bottom:20px;}
	
	.block.products-grid .typologies ul li{ width:100%; margin-bottom:5px;}
	.block.products-grid .typologies ul li:last-child{ margin-bottom:0px;}
	.block.products-grid .typologies ul li a{ width:100%;}
	
	.block.fence-configurator .form-segment .data-wrap .data .data-name{ font-size:16px; line-height:22px;}
	.block.fence-configurator .form-segment .data-wrap .data.partenza .data-field ul{ flex-wrap:nowrap;}
	
	.block.recap-config .list .item-wrap .item{ flex-wrap:wrap;}
	.block.recap-config .list .item-wrap .item:last-child{ margin-bottom:0px;}
	.block.recap-config .list .item-wrap .item .zona .right{ width:100%; padding:0px; margin-top:20px;}
	.block.recap-config .actions{ width:100%; float:left; margin-top:10px;}
	.block.recap-config .actions ul li{ float:left; width:100%;}
	.block.recap-config .actions ul li .btn{ width:100%;}
	
	.block.recap-products .table-recap .table .immagine img{ max-width:150px;}
	
	.block.fence-configurator .side .draw{ margin-bottom:10px;}
	.block.contacts.login-and-register-page .item{ padding:25px;}
	
	.block h3{ font-size:20px;}
	
	.block.recap-products .table-recap .total .amount{ font-size:30px;}
	
}

@media (max-width: 640px){
	
	
}

@media (max-width: 479px) {
	
	.container{ padding-left:20px; padding-right:20px;}
	[class*=col-xs-]{ text-align:inherit;}
	
	.footer [class*=col-]{ text-align:center;}
	
	.block.products-grid{ overflow:hidden;}
	

}