/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds
*/

.some-css-selector {font-size:13px;}
.d-inline-box {
    display: -webkit-inline-box;
}

.card.color-white p {
    color: #FFF !important;
} 
/*** Filled buttons */
.btn-fullwhite,
.btn-fullblack,
.btn-fullcolor {
    border-width: 0;
}

.btn-fullwhite,
.btn-fullblack,
.btn-fullcolor,
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-link {
    text-shadow: none;
    padding: 10px 20px;
    line-height: 1.6;
    box-shadow: none;
    font-size: 13px;
    font-weight: 700;
    border-style: solid;
    border-radius: 3px;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
}

    /*** Btn FullColor */
    .btn-fullcolor,
    .btn-fullcolor:focus { /*background-color: #3565a2; color: #fff;*/
    }

        .btn-fullcolor:hover { /*color: #fff;*/
        }
/*** Btn Fullwhite */
.btn-fullwhite {
    background-color: #fff;
    color: #242424;
}

    .btn-fullwhite:hover {
        color: #353535;
        background-color: rgba(255,255,255,0.85);
    }
/*** Btn Fullblack */
.btn-fullblack {
    background-color: #090909;
    color: #f9f9f9;
}

    .btn-fullblack:hover {
        color: #eee;
        background-color: rgba(0,0,0,0.85);
    }

.btn-fullcolor:hover, .btn-fullcolor.btn-skewed:hover:before, .cart-container .buttons .button.wc-forward:hover { /*background-color: #3565a2*/
}
/* Filled buttons - Skewed style */
.btn-fullwhite.btn-skewed,
.btn-fullblack.btn-skewed,
.btn-fullcolor.btn-skewed,
.btn-fullwhite.btn-skewed:hover,
.btn-fullblack.btn-skewed:hover,
.btn-fullcolor.btn-skewed:hover {
    border: 0;
    background: none;
    position: relative;
    z-index: 0;
}

    .btn-fullwhite.btn-skewed:before,
    .btn-fullblack.btn-skewed:before,
    .btn-fullcolor.btn-skewed:before {
        content: '';
        border-radius: 4px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: skewX(-8deg);
        -ms-transform: skewX(-8deg);
        transform: skewX(-8deg);
        -webkit-transition: background-color .2s ease-in-out;
        transition: background-color .2s ease-in-out;
        z-index: -1;
    }
/*** Btn FullColor */
.btn-fullcolor.btn-accedi.btn-skewed:before { /*background-color: #64a1d0;*/
}

.btn-fullcolor.btn-regist.btn-skewed:before { /*background-color: #16a085;*/
}
/*** Btn Fullwhite */
.btn-fullwhite.btn-skewed:before {
    background-color: #fff;
}

.btn-fullwhite.btn-skewed:hover:before {
    background-color: rgba(255,255,255,0.85);
}
/*** Btn Fullblack */
.btn-fullblack.btn-skewed:before {
    background-color: #090909;
}

.btn-fullblack.btn-skewed:hover:before {
    background-color: rgba(0,0,0,0.85);
}

/* Btn sizing presets */
.btn-group-lg > .btn, .btn-lg {
    padding: 20px 30px;
    font-size: 18px;
    line-height: 1.3333333;
}

    .btn-group-lg > .btn.btn-lined, .btn-lg.btn-lined {
        padding: 18px 30px;
    }

.btn-group-md > .btn, .btn-md {
    padding: 16px 25px;
    font-size: 14px;
    line-height: 1.3333333;
}

    .btn-group-md > .btn.btn-lined, .btn-md.btn-lined {
        padding: 14px 25px;
    }

.btn-group-sm > .btn, .btn-sm {
    padding: 5px 10px 4px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
}

    .btn-group-sm > .btn.btn-lined, .btn-sm.btn-lined {
        padding: 3px 10px 2px;
    }

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 400;
}

    .btn-group-xs > .btn.btn-lined, .btn-xs.btn-lined {
        padding: 1px 5px;
    }
/* Width presets */
.btn-fullwidth {
    width: 100%;
    max-width: 250px;
}

.btn-halfwidth {
    width: 50%;
    max-width: 250px;
}
.btn-threequarter {
    width: 75%;
    max-width:250px;
}
.btn-third {
    width: 33.33%;
}
.btn-sixsix {
    width: 65%;
    max-width: 250px;
}
.btn-forth {
    width: 25%;
    max-width: 250px;
}

/* Button element */
.btn-element > span,
.btn-element > i {
    vertical-align: middle;
    display: inline-block;
}

    .btn-element > span + i {
        margin-left: 10px
    }

    .btn-element > i + span {
        margin-left: 10px
    }

/* Small hack for icon font */
[data-zniconfam]:before,
[data-zniconfam] {
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hg_separator {
    margin-top: 15px;
    margin-bottom: 15px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: #e2e2e2;
}

    .hg_separator.style2 {
        margin-top: 30px;
        margin-bottom: 45px;
        border-top-width: 4px;
        border-top-color: #ededed;
    }

.section-shadow {
    box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.1), inset 0 2px 0px rgba(0, 0, 0, 0.07), inset 0 3px 0px rgba(0, 0, 0, 0.03);
}

body .kl-ioscaption--style4 .more:before {
    border-color: #3565a2;
    background: rgba(205,33,34,0.7);
}

body .kl-ioscaption--style4 .more:hover:before {
    background: rgba(205,33,34,0.9);
}




.actions-moreinfo {
    cursor: pointer;
}
.btn-info a, .btn-info:hover a, .btn-info a:hover {
    color: #fff;
}
.btn-fullcolor {
        background-color: #337ab7;
    color: #fff;

}
    .btn-fullcolor a {
        color: #fff;
    }



.kl-slideshow-inner, .kl-bg-source__overlay {
    z-index: 2; 
}
     /* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

@media only screen and (max-width : 1440px){

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

@media only screen and (max-width: 1199px){


}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    .ls__sl-main-title {
        font-size:25px;
    }
}

@media only screen and (min-width: 992px){


}

@media only screen and (max-width: 991px) {

}

@media only screen and (min-width: 768px) and (max-width: 991px){

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px) {

}

@media only screen and (max-width : 480px) {
.header-leftside-container .kl-header-toptext.logout-btn{
        width:50px;
    }

}

@media only screen and (max-width : 320px) {

}




#zone_top {
    overflow: hidden;
}
.bkg_class_w20 {
    background: transparent url('img/back_white_20.png') repeat top center;
}
.bkg_class_w40 {
    background: transparent url('img/back_white_40.png') repeat top center;
}
.bkg_class_w60 {
    background: transparent url('img/back_white_60.png') repeat top center;
}
.bkg_class_w80 {
    background: transparent url('img/back_white_80.png') repeat top center;
}
.bkg_class_w90 {
    background: transparent url('img/back_white_90.png') repeat top center;
}
.bkg_class_b20 {
    background: transparent url('img/back_black_20.png') repeat top center;
}
.bkg_class_b40 {
    background: transparent url('img/back_black_40.png') repeat top center;
}
.bkg_class_b60 {
    background: transparent url('img/back_black_60.png') repeat top center;
}
.bkg_class_b80 {
    background: transparent url('img/back_black_80.png') repeat top center;
}


.btnAction {    
    background-color:#0a90b6;
    border-color:transparent;    
    border-radius:5px;
    border-style:solid;
    border-width:1px;
    box-shadow:rgba(0, 0, 0, 0.15) 0px 1px 3px 0px;
    box-sizing:border-box;
    color:rgb(255, 255, 255);
    cursor:pointer;
    /*font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;*/
    font-size:16px;
    font-weight:700;
    line-height:24px;
    margin-bottom:8px;
    margin-left:0px;
    margin-right:0px;
    margin-top:8px;
    overflow-x:hidden;
    overflow-y:hidden;
    padding-left:16px;
    padding-top:16px;
    padding-bottom:16px;
    padding-right:16px;
    position:relative;
    text-align:center;  
    text-shadow:none;
    text-size-adjust:100%;
    user-select:none;
    visibility:visible;    
    width:300px;
}
.btnActionBlue, .btnActionRed {
    background-color: #ff5757 !important;
    border-color: rgb(228, 109, 90) !important;

}

.btn-w100 {
    width:100px!important;
}
.btn-w200 {
    width:200px!important;
}
.btn-w300 {
    width:300px!important;
}
.btn-w400 {
    width:400px!important;
}
.btn-pSM {
    padding:5px!important;
}
.btn-pMD {
    padding:10px!important;
}
.btn-pLG {
    padding:15px!important;
}
.btn-pXL {
    padding:20px!important;
}

.divFields {
    margin-bottom:15px;
}
.inputTextbox:hover {
    box-shadow: 0 0 12px #38c;
}
.inputTextbox, .inputDropdown {
    margin: 0;
    min-height: 2.2em;
    text-align: left;
    background: transparent none;
    -webkit-appearance: none;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    padding: .4em;
    line-height: 1.4em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
    border-width: 1px;
    border-style: solid;
    border-radius: .3125em;
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 20%);
    margin-top: 5px;
}
/* pagination */




#crmLoading
{
    position:fixed;    
    transform: translateX(-50%);
    left:50%;
    top:10%;
    display:none;
    background-color:Transparent;
    z-index:10000010;
}
#crmLoading #crmLoadingPanel
{
	position:relative;
	top:200px;
    color:#999999;
    border:1px solid #026dbf;
	-moz-box-shadow:2px 2px 10px #555;
    -webkit-box-shadow:2px 2px 10px #555;
    box-shadow: 2px 2px 10px #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:10px;
    width: 200px;
    height:70px;
    margin:0px auto;
	text-align:center;
    background-color: white;
    z-index:10010;
    font-size:7pt;
    letter-spacing:1px;
    padding-top:20px;
}


#zone_center .hg_section {
     padding-top: 0px; 
}
#zone_center section {
     padding-top: 0px; 
}

.site-header .kl-header-bg {display: none;}

.mb-50px {
    margin-bottom: 50px!important;
}
.mt-50px {
    margin-top: 50px !important;
}