@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=LeroyMerlin:ital,wght@0,100..900;1,100..900&display=swap');

body{ font-size:16px; font-family: 'LeroyMerlin', sans-serif !important; color:#000;}
form{ margin:0px;}
::selection{ background:#000; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
::-moz-selection{ background:#000; color:#fff; -webkit-background-clip: unset; -webkit-text-fill-color:#fff;}
h1, h2, h3, h4, h5, h6, span.h2{ font-family: 'LeroyMerlin', sans-serif; font-weight:700; margin-top:0px;}
a{ color:#2b3583; font-weight:400; transition: all .3s ease-in-out;}
a:hover, a:focus{ color:#000;}
p, li{ color:#000; font-size:17px; line-height:1.5; font-weight:400;}
p{ margin-bottom:10px;}
p strong{ font-weight:700;}
strong{ font-weight:700;}

.container-fluid{ padding:0 40px;}
.container-fluid.container0{ padding:0px;}
.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;}
.text-right{ text-align:right;}

input[type=text], input[type=email], input[type=password], input[type=search], input[type=file], input[type=tel], textarea{ font-family:'LeroyMerlin', sans-serif; height:45px; float:left; font-size:17px; font-weight:400; background:#fff; border-radius:5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:2px solid #8c90a0;}
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:400; color:#000; position:relative; z-index:10;}
.form-group > label span{ color:#188803; font-size:16px; line-height:24px; float:right; margin-left:5px;}

.chosen-container{ border-radius:0px; font-size:15px; background:#fff; border:2px solid #8c90a0; border-radius:5px;}
.chosen-container-single .chosen-single{ height:43px; line-height:43px;}
.chosen-container-single .chosen-single span{ font-size:17px; font-weight:700; margin-right:35px;}
.chosen-container .chosen-drop{ border-radius:5px; border:2px solid #8c90a0; border-radius:5px;}
.chosen-container .chosen-results{ border-radius:0px; padding:10px;}
.chosen-container .chosen-results li{ font-size:17px; line-height:1.4; font-weight:400; white-space:normal; border-radius:5px; padding:5px 10px !important; color:#000;}
.chosen-container .chosen-results li:hover{ background:#188803; color:#fff; border-radius:5px;}
.chosen-container-single .chosen-single div:after{ line-height:43px; font-size:17px;}
.widget .chosen-single{ font-weight:300; background:#f7f7f7;}
.widget .chosen-drop{ background:#f7f7f7;}
textarea{ height:110px;}
input[type="submit"].btn{ height:50px;}
.form-group{ margin-bottom:25px;}

.btn{ font-family: 'LeroyMerlin', sans-serif; font-size:18px; height:auto; padding:13px 15px; line-height:20px; font-weight:600; text-transform:none; border-radius:5px; vertical-align:top;}
.btn.btn-input{ height:48px;}
.btn.btn-default{ background:#188803; border:2px solid #188803; color:#fff;}
.btn.btn-default:hover, .btn.btn-default:focus{ background:#0f7f00; border-color:#0f7f00;}
.btn.btn-primary{ background:none; color:#000; border:2px solid #8c90a0;}
.btn.btn-primary:hover, .btn.btn-primary:focus{ color:#fff; background:#8c90a0; border-color:#8c90a0;}
.btn.btn-white{ background:#fff; border:2px solid #fff; color:#000;}
.btn.btn-white:hover, .btn.btn-white:focus{ background:#e1e1e1; border-color:#e1e1e1;}
.btn.btn-with-icon{ display:flex; flex-wrap:nowrap;}
.btn.btn-with-icon.left i{ margin-right:7px;}
.btn.btn-with-icon.right i{ margin-left:7px;}
.btn.btn-with-icon i{ font-size:15px; margin-top:3px;}

.check{ width:100%; float:left;}
.check input[type=checkbox] {display: none;}
.check label{float:left; width:100%; position:relative; font-weight:300; color:#5c5c5c; vertical-align:top;}
.check label:before{ width:24px; height:24px; left:0px; background:#fff; border:2px solid #8c90a0; content:""; position:absolute; margin-right:10px; cursor:pointer; border-radius:3px;}
.check input[type=checkbox]:checked + label:before { font-family: 'FontAwesome'; content:"\f00c"; text-align:center; line-height:20px; font-size:12px; color:#0f7f00;}
.check label span{ display:inline-block; padding-left:34px; font-size:14px; text-align:left; color:#000; line-height:24px; font-weight:400; float:left;}
.check label span a{ color:#188803; font-weight:700;}
.check + .check{ margin-top:5px;}

.header .navbar{ position:relative; border-bottom:2px solid #e1e1e1;}
.header a.navbar-brand{ width:auto; text-align:center; font-size:0px; letter-spacing:0px; line-height:80px;}
.header a.navbar-brand img{ height:50px; margin:0px; }

.navigation-steps{ padding:60px 0;}
.navigation-steps .container{ width:100%;}
.navigation-steps .wrap{ width:100%; position:relative;}
.navigation-steps .segment-wrap{ width:100%; height:2px; position:absolute; top:16px; display:flex; flex-wrap:nowrap; margin:0px; z-index:5;}
.navigation-steps .segment-wrap .segment{ width:100%; height:2px; background:#000; float:left;}
.navigation-steps .segment-wrap .segment.active{ background:red;}
.navigation-steps .item-wrap{ display:flex; flex-wrap:nowrap; margin:0px; position:relative;}
.navigation-steps .item-wrap .item{ width:25%; display:flex; flex-wrap:nowrap; position:relative; justify-content:center; padding:0px;}
.navigation-steps .item-wrap .item:before{ content:""; width:100%; height:2px; background:#e1e1e1; position:absolute; left:0px; top:16px; z-index:1;}
.navigation-steps .item-wrap .item .step{ display:flex; flex-direction:column; align-items:center; position:relative; z-index:2;}
.navigation-steps .item-wrap .item.item01 .step:before{ content:""; width:50%; height:100%; position:absolute; left:0px; top:0px; background:#fff; z-index:1;}
.navigation-steps .item-wrap .item.item04 .step:before{ content:""; width:50%; height:100%; position:absolute; right:0px; top:0px; background:#fff; z-index:1;}
.navigation-steps .item-wrap .item .step .number{ position:relative; z-index:2; margin-bottom:5px; position:relative;}
.navigation-steps .item-wrap .item .step .number span{ width:32px; height:32px; float:left; background:#fff; border:2px solid #e1e1e1; line-height:28px; border-radius:50%; position:relative; z-index:2; text-align:center; position:relative; text-indent:-9999px; overflow:hidden;}
.navigation-steps .item-wrap .item .step .number:before{ content:""; width:52px; height:52px; background:#fff; position:absolute; left:-10px; top:-10px; z-index:1;}
.navigation-steps .item-wrap .item .step .name{ font-size:17px; line-height:1; letter-spacing:-0.5px; color:#999; position:relative; z-index:2;}
.navigation-steps .item-wrap .item.active .step .number span{ background:#7cb616; color:#fff; border-color:#7cb616; text-indent:0px;}
.navigation-steps .item-wrap .item.active .step .name{ font-weight:600; color:#000;}
.navigation-steps .item-wrap .item.item01 .bg{ content:""; width:50%; height:100%; position:absolute; left:0px; top:0px; background:#fff; z-index:2;}
.navigation-steps .item-wrap .item.item04 .bg{ content:""; width:50%; height:100%; position:absolute; right:0px; top:0px; background:#fff; z-index:2;}
.navigation-steps .item-wrap .item.active.item01:after{ content:""; width:50%; height:2px; position:absolute; left:50%; top:16px; background:#7cb616; z-index:1;}
.navigation-steps .item-wrap .item.active.item02:after{ content:""; width:100%; height:2px; position:absolute; left:0px; top:16px; background:#7cb616; z-index:1;}
.navigation-steps .item-wrap .item.active.item03:after{ content:""; width:100%; height:2px; position:absolute; left:0px; top:16px; background:#7cb616; z-index:1;}
.navigation-steps .item-wrap .item.active.item04:after{ content:""; width:50%; height:2px; position:absolute; left:0px; top:16px; background:#7cb616; z-index:1;}

.navigation-steps .item-wrap .item.past .step .number{ background:#fff;}
.navigation-steps .item-wrap .item.past .step .number span{ background:#fff; text-indent:-9999px; overflow:hidden;}
.navigation-steps .item-wrap .item.past .step .number:after{ content:""; width:100%; height:100%; line-height:32px; content:"\f00c"; font-family:FontAwesome; position:absolute; font-size:15px; left:0px; top:0px; color:#7cb616; z-index:10; text-align:center;}

.navigation-steps + .block{ padding-top:0px;}

.fixed-bar{ width:100%; position:fixed; left:0px; bottom:0px; background:#fff; z-index:10; border-top:2px solid #e1e1e1; z-index:10000;}
.fixed-bar .actions{ height:80px; display:flex; flex-wrap:nowrap; align-items:center}
.fixed-bar .actions ul{ display:flex; flex-wrap:nowrap; margin:0 -5px; padding:0px;}
.fixed-bar .actions ul li{ padding:0 5px;}
.fixed-bar .actions .actions-left{ width:50%; display:flex;}
.fixed-bar .actions .actions-right{ width:50%; display:flex;}
.fixed-bar .actions .actions-right ul{ margin-left:auto;}

.wrapper{ width:100%; float:left; overflow:unset;}
.content{ overflow:hidden; }
.content .row + .row{ margin-top:40px;}

.block{ padding:140px 0;}
.block .top-title h2{ font-size:28px; line-height:1;}
.block .info-popup{ font-size:16px; line-height:1; margin-left:5px; color:#106b9c;}

.block .product-item{ padding:20px; background:none; border-radius:5px; cursor:pointer; transition: all .3s ease-in-out;}
.block .product-item:hover{ background:#ebeef5;}
.block .product-item.active{ background:#ebeef5;}
.block .product-item .image{ margin-bottom:20px;}
.block .product-item .text{ margin-bottom:20px;}
.block .product-item .text h3{ font-size:24px; line-height:1;}
.block .product-item .tags h4{ font-size:18px; line-height:1; font-weight:600;}
.block .product-item .tags ul{ margin:0px; padding:0px; display:flex; flex-wrap:wrap;}
.block .product-item .tags li{ font-weight:400; margin:0 7px 7px 0; padding:5px 15px; border-radius:20px; border:2px solid #e1e1e1;}
.block .product-item:hover .tags li, .block .product-item.active .tags li{ background:#fff;}

.block .row-sidebar{ display:flex; flex-wrap:nowrap; margin:0 -40px;}
.block .row-sidebar .col-sidebar{ padding:0 40px; border-right:2px solid #e1e1e1;}
.block .row-sidebar .col-main{ padding:0 40px;}

.block .configurator-sidebar .title{ margin-bottom:20px;}
.block .configurator-sidebar .title h2{ font-size:24px; line-height:1;}
.block .configurator-sidebar .item-wrap .item{ width:100%; float:left; margin-bottom:20px;}
.block .configurator-sidebar .item-wrap .item:last-child{ margin-bottom:0px;}
.block .configurator-sidebar .item-wrap .item .name{ width:100%; float:left; display:flex; flex-wrap:nowrap; margin-bottom:10px;}
.block .configurator-sidebar .item-wrap .item .name .number{ width:24px; height:24px; line-height:24px; font-size:17px; text-align:center; border-radius:50%; border:1px solid #0f7f00; color:#0f7f00; font-weight:600;}
.block .configurator-sidebar .item-wrap .item .name .text{ width:calc(100% - 24px); padding-left:5px; font-size:18px; color:#0f7f00; font-weight:600;}
.block .configurator-sidebar .item-wrap .item .list{ padding-left:29px;}
.block .configurator-sidebar .item-wrap .item .list ul{ margin:0px; padding:0px;}
.block .configurator-sidebar .item-wrap .item .list ul li{ font-size:18px; line-height:1.4; margin-bottom:10px;}
.block .configurator-sidebar .item-wrap .item .list ul li:last-child{ margin-bottom:0px;}
.block .configurator-sidebar .item-wrap .item .list ul li .option-name{ width:100%; float:left; font-weight:600;}
.block .configurator-sidebar .item-wrap .item .list ul li .option-choise{ width:100%; float:left;}

.block .options-list .item-wrap .item{ width:100%; float:left; margin-bottom:30px;}
.block .options-list .item-wrap .item:last-child{ margin-bottom:0px;}
.block .options-list .item-wrap .item .title{ display:flex; flex-wrap:nowrap; align-items:center; margin-bottom:20px;}
.block .options-list .item-wrap .item .title h2{ font-size:24px; line-height:1; margin:0px;}
.block .options-list .item-wrap .item .list ul{ margin:0px; padding:0px; display:flex; flex-wrap:wrap;}
.block .options-list .item-wrap .item .list li{ width:auto; float:left; margin:0 10px 10px 0;}
.block .options-list .item-wrap .item .list li a{ width:auto; float:left; font-weight:600; padding:5px 15px; border-radius:5px; color:#000; border:2px solid #e1e1e1;}
.block .options-list .item-wrap .item .list li a:hover{ background:#0f7f00; border-color:#0f7f00; color:#fff;}
.block .options-list .item-wrap .item .list li a.active{ background:#0f7f00; border-color:#0f7f00; color:#fff;}
.block .options-list .item-wrap .item .square ul{ display:flex; flex-wrap; margin:0px; padding:0px; display:flex; flex-wrap:wrap;}
.block .options-list .item-wrap .item .square li{ width:auto; max-width:180px; float:left; margin:0 10px 10px 0;}
.block .options-list .item-wrap .item .square li a{ width:auto; float:left; font-weight:600; border-radius:5px; color:#000; border:2px solid #e1e1e1;}
.block .options-list .item-wrap .item .square li a .image{ width:100%; float:left; padding:15px; background:#fff; transition: all .3s ease-in-out; display: flex; justify-content: center;}
.block .options-list .item-wrap .item .square li a .text{ width:100%; float:left; line-height:1; padding:10px 10px; text-align:center; border-top:2px solid #e1e1e1; transition: all .3s ease-in-out;}
.block .options-list .item-wrap .item .square li a:hover{ border-color:#0f7f00;}
.block .options-list .item-wrap .item .square li a:hover .image{}
.block .options-list .item-wrap .item .square li a:hover .text{ background:#0f7f00; border-color:#0f7f00; color:#fff;}
.block .options-list .item-wrap .item .square li a.active{ border-color:#0f7f00;}
.block .options-list .item-wrap .item .square li a.active .image{ }
.block .options-list .item-wrap .item .square li a.active .text{ background:#0f7f00; border-color:#0f7f00; color:#fff;}

.block.recap-config{ padding-bottom:40px;}
.block.recap-config .top{ margin-bottom:40px;}
.block.recap-config .top h2{ font-size:28px; line-height:1;}
.block.recap-config .list .item-wrap .item .intro{ margin-bottom:40px;}
.block.recap-config .list .item-wrap .item .intro h4{ font-size:14px; line-height:1.2; margin:0px; color:#666; font-weight:400; margin:0px; margin-bottom:5px;}
.block.recap-config .list .item-wrap .item .intro h3{ font-size:24px; line-height:1.2; margin:0px; color:#000; margin-bottom:0px; font-weight:700;}
.block.recap-config .list .item-wrap .item .intro h5{ font-size:20px; line-height:1.2; font-weight:400; margin:0px;}
.block.recap-config .list .item-wrap .item .intro ul{ margin-top:15px; margin:0px; margin-top:20px; padding:0px;}
.block.recap-config .list .item-wrap .item .intro ul li{ padding-left:20px;}
.block.recap-config .list .item-wrap .item .intro ul li:before{ content:"\f054"; font-family:FontAwesome; position:absolute; left:0px; top:4px; font-size:11px; color:#188803;}
.block.recap-config .list .item-wrap .item{ width:100%; float:left; display:flex; flex-wrap:nowrap; margin-bottom:20px;}
.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:calc(100% - 180px); float:left; padding-left:30px;}
.block.recap-config .list .item-wrap .item .zona .right .description p{ font-size:18px; line-height:1.4; 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:24px; line-height:1.4;}
.block.recap-config .list .item-wrap .item .zona .right .description .segmento + .segmento{ margin-top:10px;}
.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-products{ padding-top:0px;}
.block.recap-products .table-recap .table{ width:100%; background:#f7f7f7;}
.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:10px 20px; background:#999; color:#fff; text-transform:uppercase; font-weight:700; 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:10px 20px; position:relative; font-weight:400; border-bottom:1px solid #e1e1e1;}
.block.recap-products .table-recap .table .immagine{ width:10%;}
.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;}

/* configuratore recinzione */

.block.fence-configurator .boxZone{ margin-top:40px; padding:20px; border:1px solid #e1e1e1;}
.block.fence-configurator .boxZone .row.row-zona{ margin:0 -10px;}
.block.fence-configurator .boxZone .row.row-zona > [class*="col-"]{ padding:0 10px;}
.block.fence-configurator .boxZone .row.row-zona + .row.row-zona{ margin-top:40px;}

.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:400; margin-bottom:10px;}
.block.fence-configurator .side .legend .list{ width:auto; float:left;}
.block.fence-configurator .side .legend .list ul{ margin:0px; padding:0px;}
.block.fence-configurator .side .legend .list li{ float:left; margin-right:10px; padding:0px; padding-left:30px;}
.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:20px; height:20px; position:absolute; left:0px; background:#000;}
.block.fence-configurator .side .legend .list li span.color.color1{ background:#188803;}
.block.fence-configurator .side .legend .list li span.color.color2{ background:#808080; border-radius:50%;}
.block.fence-configurator .side .legend .list li span.text{ float:left; font-size:15px; line-height:20px;}

.block.fence-configurator .form-segment{ width:100%; float:left;}
.block.fence-configurator .form-segment .zona{ display:flex; flex-wrap:nowrap; padding:15px 20px; background:#ebf5dd; margin-bottom:20px;}
.block.fence-configurator .form-segment .zona .name{ margin-top:4px;}
.block.fence-configurator .form-segment .zona .name h3{ font-size:24px; line-height:1; text-transform:uppercase; color:#188803;}
.block.fence-configurator .form-segment .zona .icons{ margin-left:auto;}
.block.fence-configurator .form-segment .zona .icons ul{ display:flex; flex-wrap:nowrap; margin:0 -3px;}
.block.fence-configurator .form-segment .zona .icons li{ width:32px; height:32px; float:left; padding:0px 3px;}
.block.fence-configurator .form-segment .zona .icons li:before{ display:none;}
.block.fence-configurator .form-segment .zona .icons li span{ float:left; text-indent:-9999px; overflow:hidden;}
.block.fence-configurator .form-segment .zona .icons li:after{ content:"\f060"; font-family: 'FontAwesome'; width:100%; height:100%; position:absolute; left:0px;  font-size:20px; color:#000; text-align:center; line-height:32px; font-weight:300; }
.block.fence-configurator .form-segment .zona .icons li.rename:after{ content:"\f044";}
.block.fence-configurator .form-segment .segment-name{ margin-bottom:20px;}
.block.fence-configurator .form-segment .segment-name h4{ font-size:20px; line-height:1;}
.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{ margin-bottom:10px;}
.block.fence-configurator .form-segment .data-wrap .data .data-name h5{ font-size:18px; line-height:1; font-weight:500; margin:0px; margin-bottom:5px;}
.block.fence-configurator .form-segment .data-wrap .data .data-name p{ font-size:16px; line-height:1.2; font-weight:400; color:#666;}

.block.fence-configurator .form-segment .data-wrap .data.scorrimento .data-field{ width:100%; position:relative;}
.block.fence-configurator .form-segment .data-wrap .data.scorrimento .data-field .input-slide{width:100%;float:left;clear:both;margin:10px 0; margin-bottom:30px; border:none;height:7px;background:#333;border-radius:5px; padding:0px;}
.block.fence-configurator .form-segment .data-wrap .data.scorrimento .data-field .ui-widget-header{background:transparent !important;}
.block.fence-configurator .form-segment .data-wrap .data.scorrimento .data-field span{width:24px;height:24px;border-radius:50%;overflow:hidden;border:none;top:-8px; background:#035010;}
.block.fence-configurator .form-segment .data-wrap .data.scorrimento .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.scorrimento .data-field span.ui-state-focus{outline:0 !important;background:#000;}
.block.fence-configurator .form-segment .data-wrap .data.scorrimento .data-field input{ width:100%; height:20px; position:absolute; left:0px; text-align:center; background:none; font-size:18px; line-height:1; color:#000; padding:0px; top:30px; font-weight:700; border:0px; cursor:default;}

.block.fence-configurator .form-segment .data-wrap .data.numerico .data-field{ width:100%; position:relative;}
.block.fence-configurator .form-segment .data-wrap .data.numerico .data-field .input-wrap{ width:100%; position:relative; max-width:350px;}
.block.fence-configurator .form-segment .data-wrap .data.numerico .data-field .input-wrap .input-action a{ width:45px; height:45px; position:absolute; text-align:center; line-height:45px; font-size:30px; font-weight:500; color:#000;}
.block.fence-configurator .form-segment .data-wrap .data.numerico .data-field.disabled .input-wrap .input-action a{ color:#000 !important; cursor:default;}
.block.fence-configurator .form-segment .data-wrap .data.numerico .data-field .input-wrap .input-action a:hover{ color:#188803;}
.block.fence-configurator .form-segment .data-wrap .data.numerico .data-field .input-wrap .input-action.minus a{ left:0px;}
.block.fence-configurator .form-segment .data-wrap .data.numerico .data-field .input-wrap .input-action.plus a{ right:0px;}
.block.fence-configurator .form-segment .data-wrap .data.numerico .data-field .input-wrap .input-field input{ text-align:center; font-size:20px; font-weight:700; border:2px solid #8c90a0;}

.block.fence-configurator .form-segment .data-wrap .data.combo .data-field .input-combo{ width:100%; max-width:350px;}

.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle{display:inline-block;}
.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle .toggle-wrap{display:flex;align-items:center;cursor:pointer;user-select:none;}
.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle .checkbox-switch{display:none;}
.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle .switch-icons{position:relative;width:70px;height:40px;background-color:#777;border-radius:40px;margin-right:10px;transition:background-color .3s;}
.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle .switch-icons i{ width:34px; height:34px; background:#fff; text-align:center; line-height:34px; font-size:22px; border-radius:50%; position:absolute; top:50%; transform:translateY(-50%); transition:all .3s ease;}
.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle .no-icon-toggle{left:4px; opacity:1; color:#777;}
.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle .yes-icon-toggle{right:4px; opacity:0; color:#188803;}
.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle .checkbox-switch:checked+.switch-icons{background-color:#188803;}
.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle .checkbox-switch:checked+.switch-icons .no-icon-toggle{opacity:0;}
.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle .checkbox-switch:checked+.switch-icons .yes-icon-toggle{opacity:1;}
.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle .label-text{font-size:22px; font-weight:500; color:#000;transition:color .3s;}
.block.fence-configurator .form-segment .data-wrap .data.campotoggle .data-field .input-toggle .checkbox-switch:checked~.label-text{color:#188803;}

.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:wrap; 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{ width:100%; float:left;}
.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:25%; 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.occultante{ display:flex; flex-wrap:nowrap; align-items:center;}
.block.fence-configurator .form-segment .data-wrap .data.occultante .data-field{ margin-left:auto;}
.block.fence-configurator .form-segment .data-wrap .data.occultante .data-field ul{ display:flex; flex-wrap:wrap; justify-content:center; margin:0 -5px;}
.block.fence-configurator .form-segment .data-wrap .data.occultante .data-field ul li{ width:auto; float:left; padding:0 5px;}
.block.fence-configurator .form-segment .data-wrap .data.occultante .data-field ul li:before{ display:none;}
.block.fence-configurator .form-segment .data-wrap .data.occultante .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.occultante .data-field ul li a:hover, .block.fence-configurator .form-segment .data-wrap .data.occultante .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:#035010;}
.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; margin:0px; padding:0px;}
.block.fence-configurator .form-segment .actions ul{ display:flex; flex-wrap:nowrap; margin:0 -5px;}
.block.fence-configurator .form-segment .actions li{ padding:0 5px;}

.block.fence-configurator .add-zona{ margin-top:20px;}




.block.fence-configurator .recap-list{ width:100%; float:left;}
.block.fence-configurator .recap-list .zona{ display:flex; flex-wrap:nowrap; padding:15px 20px; background:#ebf5dd;}
.block.fence-configurator .recap-list .zona .name{ margin-top:4px;}
.block.fence-configurator .recap-list .zona .name h3{ font-size:24px; line-height:1; text-transform:uppercase; color:#188803;}
.block.fence-configurator .recap-list .zona .actions{ margin-left:auto;}
.block.fence-configurator .recap-list .zona .actions ul{ display:flex; flex-wrap:nowrap; margin:0 -3px;}
.block.fence-configurator .recap-list .zona .actions li{ float:left; padding:0px 3px;}
.block.fence-configurator .recap-list .zona .actions li:before{ display:none;}
.block.fence-configurator .recap-list .zona .actions li a{ width:32px; height:32px; float:left; position:relative; font-weight:300; }
.block.fence-configurator .recap-list .zona .actions li a span{ float:left; text-indent:-9999px; overflow:hidden;}
.block.fence-configurator .recap-list .zona .actions li a:before{ content:"\f060"; font-family: 'FontAwesome'; width:100%; height:100%; position:absolute; left:0px;  font-size:20px; color:#000; text-align:center; line-height:32px; font-weight:300; }
.block.fence-configurator .recap-list .zona .actions li.rename a:before{ content:"\f044";}
.block.fence-configurator .recap-list .zona .actions li.delete a:before{ content:"\f2ed";}
.block.fence-configurator .recap-list .zona .actions li a:hover:before{ color:#666;}

.block.fence-configurator .recap-list .segment-list{ width:100%; float:left; margin-bottom:20px;}
.block.fence-configurator .recap-list .segment-list .item{ padding:15px 0; 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:#000;}
.block.fence-configurator .recap-list .segment-list .item .left .info{ font-size:14px; line-height:20px; font-weight:400; color:#666;}
.block.fence-configurator .recap-list .segment-list .item .left .info span{ margin:0 2px;}
.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; position:relative; font-weight:300; }
.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;  font-size:16px; color:#000; text-align:center; line-height:32px; font-weight:300; }
.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:before{ content:"\f2ed";}
.block.fence-configurator .recap-list .segment-list .item .right .actions li a:hover:before{ color:#666;}
.block.fence-configurator .recap-list .add-segment{ float:left;}

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

/* modal */

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

.modal-open .modal{ overflow:auto;}
.modal-backdrop{ z-index:99999; background:#e1e1e1;}
.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 .modal-dialog{ margin:0px; overflow:auto !important; box-shadow:0px 0px 40px rgba(0,0,0,0.2);}
.modal.in .modal-dialog{ top:auto; transform:none;}
.modal .modal-dialog{ width:700px; overflow:hidden; border-radius:5px; transition: all .5s ease-in-out;}
.modal .close{ width:32px; height:32px; position:absolute; background-color:#fff; top:10px; right:10px; text-shadow:none; border-radius:50%; opacity:1; z-index:2;}
.modal .close:before{ content:"\2b"; font-family:FontAwesome; width:32px; height:32px; position:absolute; left:0px; top:0px; font-size:20px; line-height:32px; font-weight:normal; transform: rotate(-45deg); transition: all .3s ease-in-out;}
.modal .close:hover:before{ transform: rotate(135deg);}
.modal .modal-content{ background:#fff; border-radius:0px; border:0px;}

.modal.modal-detail .modal-content hr.popup{ border-width:2px; border-color:#e1e1e1; margin:15px 0;}
.modal.modal-detail .modal-content .modal-text{ padding:30px;}
.modal.modal-detail .modal-content .modal-text .title{ display:flex; flex-wrap:nowrap; align-items:center; justify-content:center; text-align:center;}
.modal.modal-detail .modal-content .modal-text .title h2{ font-size:24px; font-weight:700; line-height:1; color:#000; text-transform:none;}
.modal.modal-detail .modal-content .modal-text .title i{ font-size:20px; color:#106b9c; margin-right:5px;}
.modal.modal-detail .modal-content .modal-text p,
.modal.modal-detail .modal-content .modal-text li{}
.modal.modal-detail .modal-content .modal-text ul{ margin:0px; padding:0px;}
.modal.modal-detail .modal-content .modal-text ul:last-child{ margin:0px;}
.modal.modal-detail .modal-content .modal-text ul li{ padding-left:20px; position:relative; margin-bottom:10px;}
.modal.modal-detail .modal-content .modal-text ul li:last-child{ margin:0px;}
.modal.modal-detail .modal-content .modal-text ul li:before{ content:"\f111"; font-family:FontAwesome; position:absolute; left:0px; top:8px; font-size:6px; color:#000;}
.modal.modal-detail .modal-content .modal-text ul li a:hover{ color:#f49525;}
.modal.modal-detail .modal-content .modal-text .action{ text-align:center; margin-top:20px;}

.modal.modal-detail .form{ margin-top:40px;}
.modal.modal-detail .form .form-group{ position:relative;}
.modal.modal-detail .form .form-group > label{ width:auto; float:left;}
.modal.modal-detail .form .check{ text-align:center; margin-bottom:10px;}
.modal.modal-detail .form .check > span{ display:inline-block;}

.modal.modal-zona .modal-body{ padding:30px;}
.modal.modal-zona .close{ display:none;}
.modal.modal-zona .form{ margin-top:20px;}
.modal.modal-zona .form .form-group{ position:relative;}
.modal.modal-zona .form .form-group > label{ width:auto; float:left;}

@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) {
	
	.block .row-sidebar{ flex-wrap:wrap;}
	.block .row-sidebar .col-sidebar{ width:100%; border:0px; margin-bottom:20px; display:none;}
	.block .row-sidebar .col-main{ width:100%;}
	
	
}


@media (max-width: 768px){
	
	p, li{ font-size:15px;}
	h2{ margin-bottom:10px;}
	
	.btn{ padding:10px 15px; font-size:16px;}
	
	.header a.navbar-brand{ line-height:70px;}
	.header a.navbar-brand img{ height:40px;}
	
	.content .row + .row{ margin-top:20px;}
		
	.container{ padding:0 20px;}
	.container-fluid{ padding:0 20px;}
	
	.navigation-steps{ padding:20px 0 40px 0;}
	.navigation-steps .item-wrap .item .step .name{ font-size:14px;}
	
	.block .top-title h2{ font-size:24px;}
	.block .product-item .text h3{ font-size:20px;}
	
	.block .product-item .tags li{ margin:0 5px 5px 0; padding:5px 10px;}
	
	.fixed-bar .actions{ height:70px;}
	
	.block .options-list .item-wrap .item .title h2{ font-size:20px;}
	
	.block .options-list .item-wrap .item{ margin-bottom:20px;}
	
	.block .options-list .item-wrap .item .list li a{ font-size:15px; padding:5px 10px;}
	.block .options-list .item-wrap .item .square li{ max-width:150px;}
	.block .options-list .item-wrap .item .square li a .image{ padding:10px;}
	.block .options-list .item-wrap .item .square li a.active .text{ font-size:15px;}
	
	.block.fence-configurator .boxZone{ margin-top:20px; padding:15px;}
	.block.fence-configurator .side{ width:100%; float:left; margin-bottom:20px;}
	.block.fence-configurator .side .draw{ margin-bottom:10px;}
	.block.fence-configurator .side .draw .image{ float:left;}
	
	.block.fence-configurator .form-segment .data-wrap .data{ margin-bottom:15px; padding-bottom:15px;}
	
	.block.fence-configurator .form-segment .data-wrap .data .data-name p{ font-size:14px;}
	
	.block.fence-configurator .form-segment .zona{ padding:10px 20px;}
	.block.fence-configurator .form-segment .zona .name h3{ font-size:20px;}
	
	.block.fence-configurator .form-segment .segment-name h4{ font-size:18px;}
	
	.block.recap-config .list .item-wrap .item .zona .left{ width:120px;}
	.block.recap-config .list .item-wrap .item .zona .right{ width:calc(100% - 120px); padding-left:20px;}
	
	.block.recap-config .list .item-wrap .item .intro h3{ font-size:20px;}
	.block.recap-config .list .item-wrap .item .intro h5{ font-size:18px;}
	
	.block.recap-config .top h2{ font-size:24px;}
	.block.recap-config .top{ margin-bottom:20px;}
	
	.block.recap-config .list .item-wrap .item .intro{ margin-bottom:20px;}
	
	.block.recap-config{ padding-bottom:20px;}
	
	.block.recap-products .table-recap .table{ overflow:scroll;}
	.block.recap-products .table-recap .table table{ font-size:14px;}
	.block.recap-products .table-recap .table thead th{ padding:10px;}
	.block.recap-products .table-recap .table tbody td{ padding:10px;}
	
	.modal .modal-dialog{ width:100%; max-width:100%;}
	.modal.modal-detail .modal-content .modal-text{ padding:20px;}
	
	.modal.modal-detail{ padding:20px;}
	.modal.modal-detail .modal-content .modal-text .title h2{ font-size:20px;}
	.modal.modal-detail .form{ margin-top:20px;}
	
	.modal.modal-zona{ padding:20px;}
	.modal.modal-zona h2{ font-size:20px;}
	
	.btn.btnInviaEmail{ display:none;}
	
	.chosen-container{ width:100% !important;}
	
	
}

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

@media (max-width: 479px) {
	
	[class*=col-xs-]{ text-align:inherit;}	
	.footer [class*=col-]{ text-align:inherit;}	

}