/* ROSSI */
/*#e2393f - ORIGINALE
#B10D39 - ROSSO CARMINIO*/
/*#e11048 - ROSSO/ROSA*/
#configurator {font-size: 14px}

.configurator-pdf {float: right; margin: 10px 5px}
.option-category .ui-accordion > div {overflow:hidden}
#configurator .conf-add-input{
    background-color: #f2f2f2;margin-bottom: 10px;padding: 6px 10px;color: #9e9e9e;
}
#configurator .conf-add-input i{font-size: 11px; text-transform: uppercase}
#configurator .conf-add-input input{width: 70%; margin-top: 5px; border: 1px solid #9e9e9e}
#configurator{position: relative;overflow: hidden;min-height: 600px;}
/*#configurator a{color:#505050;display: block;padding: 4px 0px;border-bottom: 3px solid #fff;}*/

/*#configurator .configurator-console .cat-cont a{color:#505050; display: table; width: 100%;padding: 4px 0px; border-bottom: 2px solid #fff;position: relative}
#configurator .configurator-console .cat-cont a:hover,#configurator .configurator-console .cat-cont a.active{border-bottom: 2px solid #e11048}*/

/*#configurator .configurator-console .cat-cont a span{ display: table-cell; text-align: right; text-transform: uppercase; font-size: 12px}*/
/*#configurator .configurator-console .cat-cont a span.pic{width: 95px;}*/

@media (max-height: 849px){
    .configurator-console{height: 92vh; overflow-y: auto}
}
@media (min-height: 850px){
    .configurator-console{height: 85vh; overflow-y: auto}
}
#configurator .configurator-console .cat-cont a span.check{width: 5%;font-size: 22px; color: #e11048;display: none; text-align: right;-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;}
#configurator .configurator-console .cat-cont a.active span.check{display: block;position: absolute;bottom: 0px; right: 0px; color: #fff;
    background-color: #e11048;
    width: 30px;
    padding-left: 7px; }

#configurator .configurator-console .cat-cont a.invert-exception span.check{display: block;position: absolute;bottom: 18px;right: 65px; }
#configurator .configurator-console .cat-cont a.active.invert-exception span.check{display: none;position: absolute;bottom: 18px;right: 65px; }


#configurator .configurator-console .cat-cont a span:first-child{text-align: left;vertical-align: middle}
/*.ui-state-active .ui-icon,.ui-state-default .ui-icon{background-image: inherit}*/

#configurator .option-category{padding: 7px;border: 0px}
#configurator .configurator-result{width: 100%;padding: 20px 0;}
#configurator .configurator-result img{width: 100%; position: absolute}
#configurator .option-cont{padding:0px}
#configurator .option-items-cont{overflow-y: auto;padding: 15px 15px 0px;}
#configurator .option-category-collapse{}
#configurator .configurator-console{padding: 0px 30px 20px 30px;background-color: #f5f5f5 }
#configurator .additional_option.disabled{opacity: 0.5;
    filter: alpha(opacity=50);}
#configurator .c-label{display: none}
#configurator .conflict .c-label{display: block}

#configurator .option{background-color: #f5f5f5;border:0px;border-bottom:1px solid #212529;border-radius: 0;line-height: 32px; letter-spacing: 0px;margin-top: 0px}
#configurator .option.ui-state-active,#configurator .option:hover{color: inherit;background-color:#fff;border:0px;border-bottom:0px solid #212529;margin-top: 0px}
#configurator .option-category{margin-bottom: 10px}
#configurator .configurator-result-cont{background-color: #fff;padding: 2px 0px;width: 100%}

#configurator .option-category-collapse{font-size: 16px;padding-left: 10px;border: 0px;margin-top: 20px; text-transform: uppercase; font-weight: bold }
#configurator .option-category-collapse span{display: none}
#configurator #option-category-accordion{padding: 5px 10px 25px 10px;background-color: #fff}
#configurator .configurator-result{overflow: hidden;position: relative}

@media (max-height: 767px){
    #configurator .configurator-result{min-height: 370px;}
    #configurator .configurator-result img {width: 140%; left:-20%;}
    #configurator-full-screen-btn {display: none}
    .ui-accordion .ui-accordion-header {padding: .5em 3em .5em}
}
@media (max-width: 767px){
    .configurator-pdf {margin: 0;}
}
/*.configurator-result-cont h1 {text-align: left; margin: 18px 20px;}*/
#configurator h3:focus{outline: none !important}

#configurator h3.title {font-size: 3rem; line-height: 3rem; font-weight: 100;}
#configurator h3.title span {color: #252323;text-transform: uppercase}
#configurator .ui-widget-content{border: 0px}

#light{position: fixed;z-index: 200;background-color: rgba(0, 0, 0, 0.7);width: 100%;height: 100%;top:0px;left:0px;display: none}
#configurator-full-screen{display: none;background-color: #fff;max-width: 1200px;position: fixed;z-index: 300;min-height: 600px;width: 100%;top:100px}
#configurator-full-screen img{width: 100%;position: absolute}
#configurator-full-screen .close{display: block;position: absolute;top: 0px;right: 0px;z-index: 500;opacity: 1;
    filter: alpha(opacity=100);width: 49px;height: 49px}
/*#configurator-full-screen-btn{position: absolute;right: 0px;top: 0px;display: none}*/

.conf-ietm,.additional_option{ position: relative; display: inline-block; margin-bottom: 20px}
.conf-ietm .pic img,.additional_option .pic img{max-width: 75px}

@media(min-width: 1280px) {
    /*#configurator .configurator-console .cat-cont a span:first-child{width: 58%}*/

    #configurator-full-screen{left:50%;margin-left: -600px;}
    /*#configurator .configurator-console {padding-right: 20px;}*/
    .conf-ietm .pic img,.additional_option .pic img{max-width: 85px}

    #configurator{background-color: #fff}
    #configurator .right-col{border-left: 1px solid #505050;
        margin-left: -1px}
    /*.configurator-result-cont h1{margin-left: 0px !important;}*/

    #configurator .configurator-result img{margin-left: -20px; max-width: 1200px}

    /*.configurator-result-cont h1 {text-align: left; margin: 35px 40px;}*/
}

@media(min-width: 1600px) {
        .conf-ietm .pic img,.additional_option .pic img{max-width: 90px}
}



#configurator .caret.arrow-right{ width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #505050;
    display: inline-block;
}
#configurator .ui-state-active .caret.arrow-right{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #e11048;
    display: inline-block;
}






.configurator{max-width: 720px;margin: auto;}
/*tab*/
.configurator .tab-navigator ul{margin: 0px;padding: 0px}
.configurator .tab-navigator ul li{display: inline-block;}
.configurator .tab-navigator ul li a{color: #505050;text-decoration: none;padding: 7px 20px;margin:0px 1px;border: 1px solid #505050}
.configurator .tab-navigator ul li:first-child a{margin-left: 0px}
.configurator .tab-navigator ul li a:hover,.configurator .tab-navigator ul li a.active{color: #fff;background-color:#e11048 }
.configurator .options-cont label{font-size:12px;height:50px;display: block;margin: 0px}
.configurator .options-cont .abstract {padding-right: 50px}
.configurator .options-cat{clear: both;overflow: hidden;margin-bottom: 10px}
.configurator .options-cat a{color: #505050 !important;font-size: 12px;width:auto !important}
/*container*/
.configurator .options-cont{border: 1px solid #ccc;margin-top: 20px;position: relative}
.configurator .options-cont  div.option-cont{display: none}
.configurator .options-cont > div:first-child{display: block}
.configurator .options-cont .options-items-cont{overflow: hidden}
.configurator .options-cont .options-items-cont a:hover{color:#505050}
.configurator .options-cont .options-items-cont a{position: relative;float:left;text-align: center;padding: 6px 20px;width: 50%;font-weight: bold;text-transform: uppercase;text-decoration: none;color:#505050 !important;}
.configurator .options-cont .options-items-cont a > *{display: block}
.configurator .options-cont .options-items-cont a > span{border-bottom: 3px solid #fff;padding-bottom: 10px}
.configurator .options-cont .options-items-cont a img{width: 100%}
.configurator .options-cont .options-items-cont a.active  > span,.configurator .options-cont .options-items-cont a:hover  > span{
    border-color: #e11048;
}
.configurator .options-cont a.option-close{display: block;color: #fff !important;background-color: #505050 !important;width: 40px;height: 40px;line-height: 34px;font-size: 24px;text-align: center;position: absolute;top:0px;right: 0px}
.configurator .options-items-cont[data-option-cat="option-cat-2"] a img{width: 50%}
.configurator .options-result img{width: 100%}
.configurator .options-result > *{position: absolute;top:0px;left:0px}
.configurator .options-result > img:first-child{position: relative}
.configurator .options-result{position: relative}


.configurator .options-cat ul a::before{
    transform-origin: bottom right;
}
.configurator .options-cat ul{
    position: relative;
    z-index: 1;
    white-space: nowrap;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.configurator .options-cat ul a {
    border: 0px !important;padding: 2px 20px 2px 20px;
    line-height: 37px;
    position: relative;
    display: inline-block;
    z-index: 3;
}

.configurator .options-cat ul{height: 43px}
.configurator .options-cat ul a.active{background-color: #fff !important;color: #e11048 !important;}
.configurator .options-cat ul a.active{
    border-bottom: 1px solid #fff !important;
}

.accessories h3{
    border: 0 none;
    color: #505050;
    font-size: 16px;
    margin-top: 20px;
}

.accessories ul {padding-left: 0}
.accessories li {
    float: left;
    font-weight: 300;
    margin-bottom: 3px;
    padding: 8px 15px 8px 0;

}
/*
.accessories li a {border: 1px solid #505050; color: #505050; padding: 4px 20px; margin: auto; text-align: center; display: block;}
*/
/*
.accessories li a {color: #505050; padding: 4px 10px; margin: auto;}
*/
.accessories li a {color: #505050; padding: 0px 10px; margin: auto;}
.accessories li a img{margin-top: -5px}

.accessories li div {display: none}

.options-items-cont .cat-cont > a{border: 0px !important;olor: #505050 !important;}
.options-items-cont .cat-cont > a.active{background-color: #fff !important;color: #505050 !important;}

/* Base for label styling */

.accessories [type="checkbox"]:not(:checked),
.accessories [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.accessories [type="checkbox"]:not(:checked) + label,
.accessories [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

/* checkbox aspect */
.accessories [type="checkbox"]:not(:checked) + label:before,
.accessories [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: 2px;
    /*width: 17px; height: 17px;*/
    border: 1px solid #e11048;
    background: #f8f8f8;
    width: 22px;height: 22px;
    border-radius: 3px;
    /*box-shadow: inset 0 1px 3px rgba(0,0,0,.3)*/
}
/* checked mark aspect */
.accessories [type="checkbox"]:not(:checked) + label:after,
.accessories [type="checkbox"]:checked + label:after {
    content: '\2713 ';
    position: absolute;
    top: 3px; left: 4px;
    font-size: 20px;
    line-height: 1;
    color: #e11048;
    transition: all .2s;
}
/* checked mark aspect changes */
.accessories [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.accessories [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.accessories [type="checkbox"]:disabled:not(:checked) + label:before,
.accessories [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.accessories [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}
.accessories [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
.accessories [type="checkbox"]:checked:focus + label:before,
.accessories [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted #e11048;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #e11048!important;
}





@media(min-width:767px) {
  #configurator .configurator-console {padding-bottom: 0}
/*  .accessories li {width: 50%}*/
  #configurator-full-screen-btn{display: block}
}

@media(min-width:992px) {
  #configurator .configurator-console { padding-bottom: 0}
/*  .accessories li {width: 25%}*/

}




iframe{max-width:100%}
#accordion ul li{line-height: 25px}
#accordion{margin-bottom: 20px}


#accordion .half-accordion table,#tech_custom table{margin-top: 20px}
#accordion .half-accordion td{padding: 10px; border: 1px solid #ccc}
#accordion .half-accordion img,#tech_custom img{width: 100%; max-width: 410px}


#tech_custom {clear: both;overflow: hidden; border: 1px solid #000; padding-bottom: 3%}
#tech_custom td{padding: 10px; border: 1px solid #ccc}
#tech_custom  table{width: 95%;
    margin: 5% 5% 0 0;}
/*#tech_custom img{float: right;}*/

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background-color: #505050;border: 1px solid #505050}
.bg-b{background-color: rgba(0,0,0,0.6)}




.slick .cat-box,.slick .cat-box > div{padding: 10px}

.slick-slider.slick-initialized .slick-slide img { -webkit-transition: opacity .2s ease-in-out;  -moz-transition: opacity .2s ease-in-out;  -ms-transition: opacity .2s ease-in-out;  -o-transition: opacity .2s ease-in-out;  transition: opacity .2s ease-in-out;
    opacity: 0;}
.slick-slider.slick-initialized .slick-slide img[src] {
    opacity: 1;
}


/*GRID BORDER*/

.list-wall{padding:30px 0px}
.list-wall a,.list-wall a img{display: block}
.list-wall>div>div{position: relative}
.list-wall>div:hover .hover{opacity: 1;  filter: alpha(opacity=100);color:#505050}
.list-wall .hover{width:95%;font-size:13px;display: block;position: absolute; color:#505050; height: 85%;overflow:hidden;background-color: rgba(255,255,255,0.9);padding: 15% 15% 0px;opacity: 0;  filter: alpha(opacity=0);-webkit-transition: opacity .3s ease-in-out;  -moz-transition: opacity .3s ease-in-out;  -ms-transition: opacity .3s ease-in-out;  -o-transition: opacity .3s ease-in-out;  transition: opacity .3s ease-in-out;}
.list-wall .hover {}

.list-wall>div {
    float: left;
    width: 33%;
    text-align: center;
    padding: 1% 0;
    border-bottom: 1px solid #ccc !important;
}
.list-wall>div .frame{border-right: 1px solid #ccc;border-bottom: 1px solid #fff}
.list-wall>div .frame >div:first-child a{text-transform: uppercase;color:#505050;}
.list-wall>div .frame >div:first-child a:hover{color:#e11048}
.list-wall>div .frame >div span{color:#e11048}


.list-wall>div .frame >div{    font-size: 19px;padding: 3%;}
.list-wall>div .frame{border-right:1px solid #ccc}

.list-wall>div:nth-child(3n + 3) .frame{
    border-right: 1px solid #fff;
}

@media screen and (max-width: 1000px) {
    .list-wall>div {
        width: 33.3333333333%;
    }
    .list-wall>div:nth-child(4n + 4) .frame{
        border-right: 1px solid #ccc;
    }
    .list-wall>div:nth-child(3n + 3) .frame{
        border-right: 1px solid #fff ;
    }
}

@media screen and (max-width: 850px) {
    .list-wall>div {
        width: 50%;
    }
    .list-wall>div:nth-child(3n + 3) .frame{
        border-right: 1px solid #ccc;
    }
    .list-wall>div:nth-child(2n + 2) .frame{
        border-right: 1px solid #fff !important;
    }
}

@media screen and (max-width: 500px) {
    .list-wall>div {
        width: 100%;
        border: none !important;
    }
}

.slick-features{
    height: 100%;
    min-height: 100%;
}

.slick-home{
    height: 100%;
    min-height: 100%;
    overflow: hidden;
}

.slick-item{
    height: inherit;
    width: inherit;
}

.slick-home .slick-item img {
    height: inherit;
    width: inherit;
    object-fit: cover
}

.slick-slider{
    height: 100%;
}

.slick-list,
.slick-track {
    height: 100%;
}


.slick-wrapper .loading{
    position: absolute;z-index: 30;width: 100%;height: 100%;background-color: #fff;opacity: 1;
    filter: alpha(opacity=100);
}

.modal-clicker-hover {
    position:absolute;top:0;bottom:auto;right:0;height:auto;padding: 5px 10px;color:white;z-index:99;
}
.modal-clicker-hover:hover {
    cursor:pointer;
}

/*.arrow{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;

    border-right:10px solid #f2f2f2;
    position: absolute;
    left: -10px;
    top:10px;

}*/


.ui-tooltip:after, .ui-tooltip:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.ui-tooltip:after {
    border-color: rgba(242, 242, 242, 0);
    border-right-color: #f2f2f2;
    border-width: 10px;
    margin-top: -10px;
}
.ui-tooltip:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #cccccc;
    border-width: 11px;
    margin-top: -11px;
}
.ui-tooltip {
    position: relative;
    background: #f2f2f2;
    border: 1px solid #cccccc !important;
    box-shadow: none;
    font-size: 12px;
    width: 215px;

}

/*.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%;
}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}*/


#configurator .option-categories{display: none}
#configurator .cat-cont{display: none}
#configurator .cat-cont.active{display: block; overflow: hidden}
#configurator .cat-cont.additional-opt-cont{display: block;}

#configurator #price-tot{position: absolute;top: 0; right: 80px;  z-index: 99; border-bottom: 1px solid #000;border-left: 1px solid #000; padding: 5px 0px 5px 50px; font-size: 20px; line-height: 40px; text-align: right }
#configurator #price-tot span{font-size: 30px}
#configurator select{height: 35px; background-color: #fff; border: 1px solid #2d2d2d; border-radius: 0px !important;display: block; width: 95%}
#configurator .conf-add-input.required-val input{border: 1px solid #9d2118 !important;position: relative}
#configurator .conf-add-input.required-val:before{content: "required";position: absolute; color:#9d2118;top: 60px; left: 10px; font-size: 12px; width: 100px; height: 20px;z-index: 2; }
.mini-warning{margin-top: 10px}
#configurator .conf-add-input{position: relative}
#configurator .option{padding-right: 25px !important; line-height: 18px}
.modal-clicker-hover{padding: 5px 4px}
.ui-accordion .ui-accordion-header{padding-top: 15px; padding-bottom: 15px}
.modal-configurator .waiting{position: absolute; bottom: -3px;font-weight: bold; font-size: 12px;color: orange; width: 100%;text-align: center; left: 0px; display: none; z-index: 9999999}


@media (max-width: 767px){
  
    #configurator #price-tot {
        right: 0px !important;
        z-index: 99 !important;
        border-bottom: 0px solid #000 !important;
/*        border-left: 0px solid #000 !important;*/
        line-height: 27px;
        padding: 0 0 0 20px;
    }
}