@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
/************************************************
* 1. Base Styles *
************************************************/
/* Color customization */
/* Font customization */
@font-face {
font-family: 'FarseL';
font-style: normal;
font-weight: 100;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-Thin.woff2') format('woff2'), url('fonts/FarseL-Thin.woff') format('woff'), url('fonts/FarseL-Thin.ttf') format('truetype'), url('fonts/FarseL-Thin.eot') format('embedded-opentype');
}
@font-face {
font-family: 'FarseL';
font-style: italic;
font-weight: 100;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-ThinItalic.woff2') format('woff2'), url('fonts/FarseL-ThinItalic.woff') format('woff'), url('fonts/FarseL-ThinItalic.ttf') format('truetype'), url('fonts/FarseL-ThinItalic.eot') format('embedded-opentype');
}
@font-face {
font-family: 'FarseL';
font-style: normal;
font-weight: 300;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-Light.woff2') format('woff2'), url('fonts/FarseL-Light.woff') format('woff'), url('fonts/FarseL-Light.ttf') format('truetype'), url('fonts/FarseL-Light.eot') format('embedded-opentype');
}
@font-face {
font-family: 'FarseL';
font-style: italic;
font-weight: 300;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-LightItalic.woff2') format('woff2'), url('fonts/FarseL-LightItalic.woff') format('woff'), url('fonts/FarseL-LightItalic.ttf') format('truetype'), url('fonts/FarseL-LightItalic.eot') format('embedded-opentype');
}
@font-face {
font-family: 'FarseL';
font-style: normal;
font-weight: 400;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-Regular.woff2') format('woff2'), url('fonts/FarseL-Regular.woff') format('woff'), url('fonts/FarseL-Regular.ttf') format('truetype'), url('fonts/FarseL-Regular.eot') format('embedded-opentype');
}
@font-face {
font-family: 'FarseL';
font-style: italic;
font-weight: 400;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-Italic.woff2') format('woff2'), url('fonts/FarseL-Italic.woff') format('woff'), url('fonts/FarseL-Italic.ttf') format('truetype'), url('fonts/FarseL-Italic.eot') format('embedded-opentype');
}
@font-face {
font-family: 'FarseL';
font-style: normal;
font-weight: 500;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-Medium.woff2') format('woff2'), url('fonts/FarseL-Medium.woff') format('woff'), url('fonts/FarseL-Medium.ttf') format('truetype'), url('fonts/FarseL-Medium.eot') format('embedded-opentype');
}
@font-face {
font-family: 'FarseL';
font-style: italic;
font-weight: 500;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-MediumItalic.woff2') format('woff2'), url('fonts/FarseL-MediumItalic.woff') format('woff'), url('fonts/FarseL-MediumItalic.ttf') format('truetype'), url('fonts/FarseL-MediumItalic.eot') format('embedded-opentype');
}
@font-face {
font-family: 'FarseL';
font-style: normal;
font-weight: 600;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-SemiBold.woff2') format('woff2'), url('fonts/FarseL-SemiBold.woff') format('woff'), url('fonts/FarseL-SemiBold.ttf') format('truetype'), url('fonts/FarseL-SemiBold.eot') format('embedded-opentype');
}
@font-face {
font-family: 'FarseL';
font-style: italic;
font-weight: 600;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-SemiBoldItalic.woff2') format('woff2'), url('fonts/FarseL-SemiBoldItalic.woff') format('woff'), url('fonts/FarseL-SemiBoldItalic.ttf') format('truetype'), url('fonts/FarseL-SemiBoldItalic.eot') format('embedded-opentype');
}
@font-face {
font-family: 'FarseL';
font-style: normal;
font-weight: 700;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-Bold.woff2') format('woff2'), url('fonts/FarseL-Bold.woff') format('woff'), url('fonts/FarseL-Bold.ttf') format('truetype'), url('fonts/FarseL-Bold.eot') format('embedded-opentype');
}
@font-face {
font-family: 'FarseL';
font-style: italic;
font-weight: 700;
letter-spacing: -0.05rem;
font-display: auto;
src: local('FarseL'), url('fonts/FarseL-BoldItalic.woff2') format('woff2'), url('fonts/FarseL-BoldItalic.woff') format('woff'), url('fonts/FarseL-BoldItalic.ttf') format('truetype'), url('fonts/FarseL-BoldItalic.eot') format('embedded-opentype');
}
@font-face {
font-family: 'ThetisStampRegular';
font-style: normal;
font-weight: normal;
font-display: auto;
src: local('ThetisStampRegular'), url('fonts/thetisstamp.woff2') format('woff2'), url('fonts/thetisstamp.woff') format('woff'), url('fonts/thetisstamp.ttf') format('truetype'), url('fonts/thetisstamp.eot') format('embedded-opentype');
}
/* Utility customization */
/* Breakpoints */
/* Mixin for fluid scaling of fonts */
/* Mixins for Grid*/
/*Transition*/
.transition-color-off {
transition: color 0.25s ease-in-out;
-webkit-transition: color 0.25s ease-in-out;
-moz-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
}
.transition-color {
transition: color 0.65s ease-in-out;
-webkit-transition: color 0.65s ease-in-out;
-moz-transition: color 0.65s ease-in-out;
-o-transition: color 0.65s ease-in-out;
}
.transition-all-off {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.transition-all {
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
/*Width*/
.w-auto {
width: auto!Important;
}
.m-xs-0 {
margin: 0px;
}
.mt-xs-0 {
margin-top: 0px;
}
.mr-xs-0 {
margin-right: 0px;
}
.mb-xs-0 {
margin-bottom: 0px;
}
.ml-xs-0 {
margin-left: 0px;
}
.my-xs-0 {
padding: 0px;
}
.mx-xs-0 {
padding: 0px;
}
.m-xs-5 {
margin: 5px;
}
.mt-xs-5 {
margin-top: 5px;
}
.mr-xs-5 {
margin-right: 5px;
}
.mb-xs-5 {
margin-bottom: 5px;
}
.ml-xs-5 {
margin-left: 5px;
}
.my-xs-5 {
padding: 5px;
}
.mx-xs-5 {
padding: 5px;
}
.m-xs-10 {
margin: 10px;
}
.mt-xs-10 {
margin-top: 10px;
}
.mr-xs-10 {
margin-right: 10px;
}
.mb-xs-10 {
margin-bottom: 10px;
}
.ml-xs-10 {
margin-left: 10px;
}
.my-xs-10 {
padding: 10px;
}
.mx-xs-10 {
padding: 10px;
}
.m-xs-15 {
margin: 15px;
}
.mt-xs-15 {
margin-top: 15px;
}
.mr-xs-15 {
margin-right: 15px;
}
.mb-xs-15 {
margin-bottom: 15px;
}
.ml-xs-15 {
margin-left: 15px;
}
.my-xs-15 {
padding: 15px;
}
.mx-xs-15 {
padding: 15px;
}
.m-xs-20 {
margin: 20px;
}
.mt-xs-20 {
margin-top: 20px;
}
.mr-xs-20 {
margin-right: 20px;
}
.mb-xs-20 {
margin-bottom: 20px;
}
.ml-xs-20 {
margin-left: 20px;
}
.my-xs-20 {
padding: 20px;
}
.mx-xs-20 {
padding: 20px;
}
.m-xs-25 {
margin: 25px;
}
.mt-xs-25 {
margin-top: 25px;
}
.mr-xs-25 {
margin-right: 25px;
}
.mb-xs-25 {
margin-bottom: 25px;
}
.ml-xs-25 {
margin-left: 25px;
}
.my-xs-25 {
padding: 25px;
}
.mx-xs-25 {
padding: 25px;
}
.m-xs-30 {
margin: 30px;
}
.mt-xs-30 {
margin-top: 30px;
}
.mr-xs-30 {
margin-right: 30px;
}
.mb-xs-30 {
margin-bottom: 30px;
}
.ml-xs-30 {
margin-left: 30px;
}
.my-xs-30 {
padding: 30px;
}
.mx-xs-30 {
padding: 30px;
}
.m-xs-35 {
margin: 35px;
}
.mt-xs-35 {
margin-top: 35px;
}
.mr-xs-35 {
margin-right: 35px;
}
.mb-xs-35 {
margin-bottom: 35px;
}
.ml-xs-35 {
margin-left: 35px;
}
.my-xs-35 {
padding: 35px;
}
.mx-xs-35 {
padding: 35px;
}
.m-xs-40 {
margin: 40px;
}
.mt-xs-40 {
margin-top: 40px;
}
.mr-xs-40 {
margin-right: 40px;
}
.mb-xs-40 {
margin-bottom: 40px;
}
.ml-xs-40 {
margin-left: 40px;
}
.my-xs-40 {
padding: 40px;
}
.mx-xs-40 {
padding: 40px;
}
.m-xs-45 {
margin: 45px;
}
.mt-xs-45 {
margin-top: 45px;
}
.mr-xs-45 {
margin-right: 45px;
}
.mb-xs-45 {
margin-bottom: 45px;
}
.ml-xs-45 {
margin-left: 45px;
}
.my-xs-45 {
padding: 45px;
}
.mx-xs-45 {
padding: 45px;
}
.m-xs-50 {
margin: 50px;
}
.mt-xs-50 {
margin-top: 50px;
}
.mr-xs-50 {
margin-right: 50px;
}
.mb-xs-50 {
margin-bottom: 50px;
}
.ml-xs-50 {
margin-left: 50px;
}
.my-xs-50 {
padding: 50px;
}
.mx-xs-50 {
padding: 50px;
}
.m-xs-55 {
margin: 55px;
}
.mt-xs-55 {
margin-top: 55px;
}
.mr-xs-55 {
margin-right: 55px;
}
.mb-xs-55 {
margin-bottom: 55px;
}
.ml-xs-55 {
margin-left: 55px;
}
.my-xs-55 {
padding: 55px;
}
.mx-xs-55 {
padding: 55px;
}
.m-xs-60 {
margin: 60px;
}
.mt-xs-60 {
margin-top: 60px;
}
.mr-xs-60 {
margin-right: 60px;
}
.mb-xs-60 {
margin-bottom: 60px;
}
.ml-xs-60 {
margin-left: 60px;
}
.my-xs-60 {
padding: 60px;
}
.mx-xs-60 {
padding: 60px;
}
.m-xs-65 {
margin: 65px;
}
.mt-xs-65 {
margin-top: 65px;
}
.mr-xs-65 {
margin-right: 65px;
}
.mb-xs-65 {
margin-bottom: 65px;
}
.ml-xs-65 {
margin-left: 65px;
}
.my-xs-65 {
padding: 65px;
}
.mx-xs-65 {
padding: 65px;
}
.m-xs-70 {
margin: 70px;
}
.mt-xs-70 {
margin-top: 70px;
}
.mr-xs-70 {
margin-right: 70px;
}
.mb-xs-70 {
margin-bottom: 70px;
}
.ml-xs-70 {
margin-left: 70px;
}
.my-xs-70 {
padding: 70px;
}
.mx-xs-70 {
padding: 70px;
}
.m-xs-75 {
margin: 75px;
}
.mt-xs-75 {
margin-top: 75px;
}
.mr-xs-75 {
margin-right: 75px;
}
.mb-xs-75 {
margin-bottom: 75px;
}
.ml-xs-75 {
margin-left: 75px;
}
.my-xs-75 {
padding: 75px;
}
.mx-xs-75 {
padding: 75px;
}
.m-xs-80 {
margin: 80px;
}
.mt-xs-80 {
margin-top: 80px;
}
.mr-xs-80 {
margin-right: 80px;
}
.mb-xs-80 {
margin-bottom: 80px;
}
.ml-xs-80 {
margin-left: 80px;
}
.my-xs-80 {
padding: 80px;
}
.mx-xs-80 {
padding: 80px;
}
.m-xs-85 {
margin: 85px;
}
.mt-xs-85 {
margin-top: 85px;
}
.mr-xs-85 {
margin-right: 85px;
}
.mb-xs-85 {
margin-bottom: 85px;
}
.ml-xs-85 {
margin-left: 85px;
}
.my-xs-85 {
padding: 85px;
}
.mx-xs-85 {
padding: 85px;
}
.m-xs-90 {
margin: 90px;
}
.mt-xs-90 {
margin-top: 90px;
}
.mr-xs-90 {
margin-right: 90px;
}
.mb-xs-90 {
margin-bottom: 90px;
}
.ml-xs-90 {
margin-left: 90px;
}
.my-xs-90 {
padding: 90px;
}
.mx-xs-90 {
padding: 90px;
}
.m-xs-95 {
margin: 95px;
}
.mt-xs-95 {
margin-top: 95px;
}
.mr-xs-95 {
margin-right: 95px;
}
.mb-xs-95 {
margin-bottom: 95px;
}
.ml-xs-95 {
margin-left: 95px;
}
.my-xs-95 {
padding: 95px;
}
.mx-xs-95 {
padding: 95px;
}
.m-xs-100 {
margin: 100px;
}
.mt-xs-100 {
margin-top: 100px;
}
.mr-xs-100 {
margin-right: 100px;
}
.mb-xs-100 {
margin-bottom: 100px;
}
.ml-xs-100 {
margin-left: 100px;
}
.my-xs-100 {
padding: 100px;
}
.mx-xs-100 {
padding: 100px;
}
.m-xs-105 {
margin: 105px;
}
.mt-xs-105 {
margin-top: 105px;
}
.mr-xs-105 {
margin-right: 105px;
}
.mb-xs-105 {
margin-bottom: 105px;
}
.ml-xs-105 {
margin-left: 105px;
}
.my-xs-105 {
padding: 105px;
}
.mx-xs-105 {
padding: 105px;
}
.m-xs-110 {
margin: 110px;
}
.mt-xs-110 {
margin-top: 110px;
}
.mr-xs-110 {
margin-right: 110px;
}
.mb-xs-110 {
margin-bottom: 110px;
}
.ml-xs-110 {
margin-left: 110px;
}
.my-xs-110 {
padding: 110px;
}
.mx-xs-110 {
padding: 110px;
}
.m-xs-115 {
margin: 115px;
}
.mt-xs-115 {
margin-top: 115px;
}
.mr-xs-115 {
margin-right: 115px;
}
.mb-xs-115 {
margin-bottom: 115px;
}
.ml-xs-115 {
margin-left: 115px;
}
.my-xs-115 {
padding: 115px;
}
.mx-xs-115 {
padding: 115px;
}
.m-xs-120 {
margin: 120px;
}
.mt-xs-120 {
margin-top: 120px;
}
.mr-xs-120 {
margin-right: 120px;
}
.mb-xs-120 {
margin-bottom: 120px;
}
.ml-xs-120 {
margin-left: 120px;
}
.my-xs-120 {
padding: 120px;
}
.mx-xs-120 {
padding: 120px;
}
.m-xs-125 {
margin: 125px;
}
.mt-xs-125 {
margin-top: 125px;
}
.mr-xs-125 {
margin-right: 125px;
}
.mb-xs-125 {
margin-bottom: 125px;
}
.ml-xs-125 {
margin-left: 125px;
}
.my-xs-125 {
padding: 125px;
}
.mx-xs-125 {
padding: 125px;
}
.m-xs-130 {
margin: 130px;
}
.mt-xs-130 {
margin-top: 130px;
}
.mr-xs-130 {
margin-right: 130px;
}
.mb-xs-130 {
margin-bottom: 130px;
}
.ml-xs-130 {
margin-left: 130px;
}
.my-xs-130 {
padding: 130px;
}
.mx-xs-130 {
padding: 130px;
}
.m-xs-135 {
margin: 135px;
}
.mt-xs-135 {
margin-top: 135px;
}
.mr-xs-135 {
margin-right: 135px;
}
.mb-xs-135 {
margin-bottom: 135px;
}
.ml-xs-135 {
margin-left: 135px;
}
.my-xs-135 {
padding: 135px;
}
.mx-xs-135 {
padding: 135px;
}
.m-xs-140 {
margin: 140px;
}
.mt-xs-140 {
margin-top: 140px;
}
.mr-xs-140 {
margin-right: 140px;
}
.mb-xs-140 {
margin-bottom: 140px;
}
.ml-xs-140 {
margin-left: 140px;
}
.my-xs-140 {
padding: 140px;
}
.mx-xs-140 {
padding: 140px;
}
.m-xs-145 {
margin: 145px;
}
.mt-xs-145 {
margin-top: 145px;
}
.mr-xs-145 {
margin-right: 145px;
}
.mb-xs-145 {
margin-bottom: 145px;
}
.ml-xs-145 {
margin-left: 145px;
}
.my-xs-145 {
padding: 145px;
}
.mx-xs-145 {
padding: 145px;
}
.m-xs-150 {
margin: 150px;
}
.mt-xs-150 {
margin-top: 150px;
}
.mr-xs-150 {
margin-right: 150px;
}
.mb-xs-150 {
margin-bottom: 150px;
}
.ml-xs-150 {
margin-left: 150px;
}
.my-xs-150 {
padding: 150px;
}
.mx-xs-150 {
padding: 150px;
}
.m-xs-155 {
margin: 155px;
}
.mt-xs-155 {
margin-top: 155px;
}
.mr-xs-155 {
margin-right: 155px;
}
.mb-xs-155 {
margin-bottom: 155px;
}
.ml-xs-155 {
margin-left: 155px;
}
.my-xs-155 {
padding: 155px;
}
.mx-xs-155 {
padding: 155px;
}
.m-xs-160 {
margin: 160px;
}
.mt-xs-160 {
margin-top: 160px;
}
.mr-xs-160 {
margin-right: 160px;
}
.mb-xs-160 {
margin-bottom: 160px;
}
.ml-xs-160 {
margin-left: 160px;
}
.my-xs-160 {
padding: 160px;
}
.mx-xs-160 {
padding: 160px;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0px;
}
.mt-sm-0 {
margin-top: 0px;
}
.mr-sm-0 {
margin-right: 0px;
}
.mb-sm-0 {
margin-bottom: 0px;
}
.ml-sm-0 {
margin-left: 0px;
}
.my-sm-0 {
padding: 0px;
}
.mx-sm-0 {
padding: 0px;
}
.m-sm-5 {
margin: 5px;
}
.mt-sm-5 {
margin-top: 5px;
}
.mr-sm-5 {
margin-right: 5px;
}
.mb-sm-5 {
margin-bottom: 5px;
}
.ml-sm-5 {
margin-left: 5px;
}
.my-sm-5 {
padding: 5px;
}
.mx-sm-5 {
padding: 5px;
}
.m-sm-10 {
margin: 10px;
}
.mt-sm-10 {
margin-top: 10px;
}
.mr-sm-10 {
margin-right: 10px;
}
.mb-sm-10 {
margin-bottom: 10px;
}
.ml-sm-10 {
margin-left: 10px;
}
.my-sm-10 {
padding: 10px;
}
.mx-sm-10 {
padding: 10px;
}
.m-sm-15 {
margin: 15px;
}
.mt-sm-15 {
margin-top: 15px;
}
.mr-sm-15 {
margin-right: 15px;
}
.mb-sm-15 {
margin-bottom: 15px;
}
.ml-sm-15 {
margin-left: 15px;
}
.my-sm-15 {
padding: 15px;
}
.mx-sm-15 {
padding: 15px;
}
.m-sm-20 {
margin: 20px;
}
.mt-sm-20 {
margin-top: 20px;
}
.mr-sm-20 {
margin-right: 20px;
}
.mb-sm-20 {
margin-bottom: 20px;
}
.ml-sm-20 {
margin-left: 20px;
}
.my-sm-20 {
padding: 20px;
}
.mx-sm-20 {
padding: 20px;
}
.m-sm-25 {
margin: 25px;
}
.mt-sm-25 {
margin-top: 25px;
}
.mr-sm-25 {
margin-right: 25px;
}
.mb-sm-25 {
margin-bottom: 25px;
}
.ml-sm-25 {
margin-left: 25px;
}
.my-sm-25 {
padding: 25px;
}
.mx-sm-25 {
padding: 25px;
}
.m-sm-30 {
margin: 30px;
}
.mt-sm-30 {
margin-top: 30px;
}
.mr-sm-30 {
margin-right: 30px;
}
.mb-sm-30 {
margin-bottom: 30px;
}
.ml-sm-30 {
margin-left: 30px;
}
.my-sm-30 {
padding: 30px;
}
.mx-sm-30 {
padding: 30px;
}
.m-sm-35 {
margin: 35px;
}
.mt-sm-35 {
margin-top: 35px;
}
.mr-sm-35 {
margin-right: 35px;
}
.mb-sm-35 {
margin-bottom: 35px;
}
.ml-sm-35 {
margin-left: 35px;
}
.my-sm-35 {
padding: 35px;
}
.mx-sm-35 {
padding: 35px;
}
.m-sm-40 {
margin: 40px;
}
.mt-sm-40 {
margin-top: 40px;
}
.mr-sm-40 {
margin-right: 40px;
}
.mb-sm-40 {
margin-bottom: 40px;
}
.ml-sm-40 {
margin-left: 40px;
}
.my-sm-40 {
padding: 40px;
}
.mx-sm-40 {
padding: 40px;
}
.m-sm-45 {
margin: 45px;
}
.mt-sm-45 {
margin-top: 45px;
}
.mr-sm-45 {
margin-right: 45px;
}
.mb-sm-45 {
margin-bottom: 45px;
}
.ml-sm-45 {
margin-left: 45px;
}
.my-sm-45 {
padding: 45px;
}
.mx-sm-45 {
padding: 45px;
}
.m-sm-50 {
margin: 50px;
}
.mt-sm-50 {
margin-top: 50px;
}
.mr-sm-50 {
margin-right: 50px;
}
.mb-sm-50 {
margin-bottom: 50px;
}
.ml-sm-50 {
margin-left: 50px;
}
.my-sm-50 {
padding: 50px;
}
.mx-sm-50 {
padding: 50px;
}
.m-sm-55 {
margin: 55px;
}
.mt-sm-55 {
margin-top: 55px;
}
.mr-sm-55 {
margin-right: 55px;
}
.mb-sm-55 {
margin-bottom: 55px;
}
.ml-sm-55 {
margin-left: 55px;
}
.my-sm-55 {
padding: 55px;
}
.mx-sm-55 {
padding: 55px;
}
.m-sm-60 {
margin: 60px;
}
.mt-sm-60 {
margin-top: 60px;
}
.mr-sm-60 {
margin-right: 60px;
}
.mb-sm-60 {
margin-bottom: 60px;
}
.ml-sm-60 {
margin-left: 60px;
}
.my-sm-60 {
padding: 60px;
}
.mx-sm-60 {
padding: 60px;
}
.m-sm-65 {
margin: 65px;
}
.mt-sm-65 {
margin-top: 65px;
}
.mr-sm-65 {
margin-right: 65px;
}
.mb-sm-65 {
margin-bottom: 65px;
}
.ml-sm-65 {
margin-left: 65px;
}
.my-sm-65 {
padding: 65px;
}
.mx-sm-65 {
padding: 65px;
}
.m-sm-70 {
margin: 70px;
}
.mt-sm-70 {
margin-top: 70px;
}
.mr-sm-70 {
margin-right: 70px;
}
.mb-sm-70 {
margin-bottom: 70px;
}
.ml-sm-70 {
margin-left: 70px;
}
.my-sm-70 {
padding: 70px;
}
.mx-sm-70 {
padding: 70px;
}
.m-sm-75 {
margin: 75px;
}
.mt-sm-75 {
margin-top: 75px;
}
.mr-sm-75 {
margin-right: 75px;
}
.mb-sm-75 {
margin-bottom: 75px;
}
.ml-sm-75 {
margin-left: 75px;
}
.my-sm-75 {
padding: 75px;
}
.mx-sm-75 {
padding: 75px;
}
.m-sm-80 {
margin: 80px;
}
.mt-sm-80 {
margin-top: 80px;
}
.mr-sm-80 {
margin-right: 80px;
}
.mb-sm-80 {
margin-bottom: 80px;
}
.ml-sm-80 {
margin-left: 80px;
}
.my-sm-80 {
padding: 80px;
}
.mx-sm-80 {
padding: 80px;
}
.m-sm-85 {
margin: 85px;
}
.mt-sm-85 {
margin-top: 85px;
}
.mr-sm-85 {
margin-right: 85px;
}
.mb-sm-85 {
margin-bottom: 85px;
}
.ml-sm-85 {
margin-left: 85px;
}
.my-sm-85 {
padding: 85px;
}
.mx-sm-85 {
padding: 85px;
}
.m-sm-90 {
margin: 90px;
}
.mt-sm-90 {
margin-top: 90px;
}
.mr-sm-90 {
margin-right: 90px;
}
.mb-sm-90 {
margin-bottom: 90px;
}
.ml-sm-90 {
margin-left: 90px;
}
.my-sm-90 {
padding: 90px;
}
.mx-sm-90 {
padding: 90px;
}
.m-sm-95 {
margin: 95px;
}
.mt-sm-95 {
margin-top: 95px;
}
.mr-sm-95 {
margin-right: 95px;
}
.mb-sm-95 {
margin-bottom: 95px;
}
.ml-sm-95 {
margin-left: 95px;
}
.my-sm-95 {
padding: 95px;
}
.mx-sm-95 {
padding: 95px;
}
.m-sm-100 {
margin: 100px;
}
.mt-sm-100 {
margin-top: 100px;
}
.mr-sm-100 {
margin-right: 100px;
}
.mb-sm-100 {
margin-bottom: 100px;
}
.ml-sm-100 {
margin-left: 100px;
}
.my-sm-100 {
padding: 100px;
}
.mx-sm-100 {
padding: 100px;
}
.m-sm-105 {
margin: 105px;
}
.mt-sm-105 {
margin-top: 105px;
}
.mr-sm-105 {
margin-right: 105px;
}
.mb-sm-105 {
margin-bottom: 105px;
}
.ml-sm-105 {
margin-left: 105px;
}
.my-sm-105 {
padding: 105px;
}
.mx-sm-105 {
padding: 105px;
}
.m-sm-110 {
margin: 110px;
}
.mt-sm-110 {
margin-top: 110px;
}
.mr-sm-110 {
margin-right: 110px;
}
.mb-sm-110 {
margin-bottom: 110px;
}
.ml-sm-110 {
margin-left: 110px;
}
.my-sm-110 {
padding: 110px;
}
.mx-sm-110 {
padding: 110px;
}
.m-sm-115 {
margin: 115px;
}
.mt-sm-115 {
margin-top: 115px;
}
.mr-sm-115 {
margin-right: 115px;
}
.mb-sm-115 {
margin-bottom: 115px;
}
.ml-sm-115 {
margin-left: 115px;
}
.my-sm-115 {
padding: 115px;
}
.mx-sm-115 {
padding: 115px;
}
.m-sm-120 {
margin: 120px;
}
.mt-sm-120 {
margin-top: 120px;
}
.mr-sm-120 {
margin-right: 120px;
}
.mb-sm-120 {
margin-bottom: 120px;
}
.ml-sm-120 {
margin-left: 120px;
}
.my-sm-120 {
padding: 120px;
}
.mx-sm-120 {
padding: 120px;
}
.m-sm-125 {
margin: 125px;
}
.mt-sm-125 {
margin-top: 125px;
}
.mr-sm-125 {
margin-right: 125px;
}
.mb-sm-125 {
margin-bottom: 125px;
}
.ml-sm-125 {
margin-left: 125px;
}
.my-sm-125 {
padding: 125px;
}
.mx-sm-125 {
padding: 125px;
}
.m-sm-130 {
margin: 130px;
}
.mt-sm-130 {
margin-top: 130px;
}
.mr-sm-130 {
margin-right: 130px;
}
.mb-sm-130 {
margin-bottom: 130px;
}
.ml-sm-130 {
margin-left: 130px;
}
.my-sm-130 {
padding: 130px;
}
.mx-sm-130 {
padding: 130px;
}
.m-sm-135 {
margin: 135px;
}
.mt-sm-135 {
margin-top: 135px;
}
.mr-sm-135 {
margin-right: 135px;
}
.mb-sm-135 {
margin-bottom: 135px;
}
.ml-sm-135 {
margin-left: 135px;
}
.my-sm-135 {
padding: 135px;
}
.mx-sm-135 {
padding: 135px;
}
.m-sm-140 {
margin: 140px;
}
.mt-sm-140 {
margin-top: 140px;
}
.mr-sm-140 {
margin-right: 140px;
}
.mb-sm-140 {
margin-bottom: 140px;
}
.ml-sm-140 {
margin-left: 140px;
}
.my-sm-140 {
padding: 140px;
}
.mx-sm-140 {
padding: 140px;
}
.m-sm-145 {
margin: 145px;
}
.mt-sm-145 {
margin-top: 145px;
}
.mr-sm-145 {
margin-right: 145px;
}
.mb-sm-145 {
margin-bottom: 145px;
}
.ml-sm-145 {
margin-left: 145px;
}
.my-sm-145 {
padding: 145px;
}
.mx-sm-145 {
padding: 145px;
}
.m-sm-150 {
margin: 150px;
}
.mt-sm-150 {
margin-top: 150px;
}
.mr-sm-150 {
margin-right: 150px;
}
.mb-sm-150 {
margin-bottom: 150px;
}
.ml-sm-150 {
margin-left: 150px;
}
.my-sm-150 {
padding: 150px;
}
.mx-sm-150 {
padding: 150px;
}
.m-sm-155 {
margin: 155px;
}
.mt-sm-155 {
margin-top: 155px;
}
.mr-sm-155 {
margin-right: 155px;
}
.mb-sm-155 {
margin-bottom: 155px;
}
.ml-sm-155 {
margin-left: 155px;
}
.my-sm-155 {
padding: 155px;
}
.mx-sm-155 {
padding: 155px;
}
.m-sm-160 {
margin: 160px;
}
.mt-sm-160 {
margin-top: 160px;
}
.mr-sm-160 {
margin-right: 160px;
}
.mb-sm-160 {
margin-bottom: 160px;
}
.ml-sm-160 {
margin-left: 160px;
}
.my-sm-160 {
padding: 160px;
}
.mx-sm-160 {
padding: 160px;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0px;
}
.mt-md-0 {
margin-top: 0px;
}
.mr-md-0 {
margin-right: 0px;
}
.mb-md-0 {
margin-bottom: 0px;
}
.ml-md-0 {
margin-left: 0px;
}
.my-md-0 {
padding: 0px;
}
.mx-md-0 {
padding: 0px;
}
.m-md-5 {
margin: 5px;
}
.mt-md-5 {
margin-top: 5px;
}
.mr-md-5 {
margin-right: 5px;
}
.mb-md-5 {
margin-bottom: 5px;
}
.ml-md-5 {
margin-left: 5px;
}
.my-md-5 {
padding: 5px;
}
.mx-md-5 {
padding: 5px;
}
.m-md-10 {
margin: 10px;
}
.mt-md-10 {
margin-top: 10px;
}
.mr-md-10 {
margin-right: 10px;
}
.mb-md-10 {
margin-bottom: 10px;
}
.ml-md-10 {
margin-left: 10px;
}
.my-md-10 {
padding: 10px;
}
.mx-md-10 {
padding: 10px;
}
.m-md-15 {
margin: 15px;
}
.mt-md-15 {
margin-top: 15px;
}
.mr-md-15 {
margin-right: 15px;
}
.mb-md-15 {
margin-bottom: 15px;
}
.ml-md-15 {
margin-left: 15px;
}
.my-md-15 {
padding: 15px;
}
.mx-md-15 {
padding: 15px;
}
.m-md-20 {
margin: 20px;
}
.mt-md-20 {
margin-top: 20px;
}
.mr-md-20 {
margin-right: 20px;
}
.mb-md-20 {
margin-bottom: 20px;
}
.ml-md-20 {
margin-left: 20px;
}
.my-md-20 {
padding: 20px;
}
.mx-md-20 {
padding: 20px;
}
.m-md-25 {
margin: 25px;
}
.mt-md-25 {
margin-top: 25px;
}
.mr-md-25 {
margin-right: 25px;
}
.mb-md-25 {
margin-bottom: 25px;
}
.ml-md-25 {
margin-left: 25px;
}
.my-md-25 {
padding: 25px;
}
.mx-md-25 {
padding: 25px;
}
.m-md-30 {
margin: 30px;
}
.mt-md-30 {
margin-top: 30px;
}
.mr-md-30 {
margin-right: 30px;
}
.mb-md-30 {
margin-bottom: 30px;
}
.ml-md-30 {
margin-left: 30px;
}
.my-md-30 {
padding: 30px;
}
.mx-md-30 {
padding: 30px;
}
.m-md-35 {
margin: 35px;
}
.mt-md-35 {
margin-top: 35px;
}
.mr-md-35 {
margin-right: 35px;
}
.mb-md-35 {
margin-bottom: 35px;
}
.ml-md-35 {
margin-left: 35px;
}
.my-md-35 {
padding: 35px;
}
.mx-md-35 {
padding: 35px;
}
.m-md-40 {
margin: 40px;
}
.mt-md-40 {
margin-top: 40px;
}
.mr-md-40 {
margin-right: 40px;
}
.mb-md-40 {
margin-bottom: 40px;
}
.ml-md-40 {
margin-left: 40px;
}
.my-md-40 {
padding: 40px;
}
.mx-md-40 {
padding: 40px;
}
.m-md-45 {
margin: 45px;
}
.mt-md-45 {
margin-top: 45px;
}
.mr-md-45 {
margin-right: 45px;
}
.mb-md-45 {
margin-bottom: 45px;
}
.ml-md-45 {
margin-left: 45px;
}
.my-md-45 {
padding: 45px;
}
.mx-md-45 {
padding: 45px;
}
.m-md-50 {
margin: 50px;
}
.mt-md-50 {
margin-top: 50px;
}
.mr-md-50 {
margin-right: 50px;
}
.mb-md-50 {
margin-bottom: 50px;
}
.ml-md-50 {
margin-left: 50px;
}
.my-md-50 {
padding: 50px;
}
.mx-md-50 {
padding: 50px;
}
.m-md-55 {
margin: 55px;
}
.mt-md-55 {
margin-top: 55px;
}
.mr-md-55 {
margin-right: 55px;
}
.mb-md-55 {
margin-bottom: 55px;
}
.ml-md-55 {
margin-left: 55px;
}
.my-md-55 {
padding: 55px;
}
.mx-md-55 {
padding: 55px;
}
.m-md-60 {
margin: 60px;
}
.mt-md-60 {
margin-top: 60px;
}
.mr-md-60 {
margin-right: 60px;
}
.mb-md-60 {
margin-bottom: 60px;
}
.ml-md-60 {
margin-left: 60px;
}
.my-md-60 {
padding: 60px;
}
.mx-md-60 {
padding: 60px;
}
.m-md-65 {
margin: 65px;
}
.mt-md-65 {
margin-top: 65px;
}
.mr-md-65 {
margin-right: 65px;
}
.mb-md-65 {
margin-bottom: 65px;
}
.ml-md-65 {
margin-left: 65px;
}
.my-md-65 {
padding: 65px;
}
.mx-md-65 {
padding: 65px;
}
.m-md-70 {
margin: 70px;
}
.mt-md-70 {
margin-top: 70px;
}
.mr-md-70 {
margin-right: 70px;
}
.mb-md-70 {
margin-bottom: 70px;
}
.ml-md-70 {
margin-left: 70px;
}
.my-md-70 {
padding: 70px;
}
.mx-md-70 {
padding: 70px;
}
.m-md-75 {
margin: 75px;
}
.mt-md-75 {
margin-top: 75px;
}
.mr-md-75 {
margin-right: 75px;
}
.mb-md-75 {
margin-bottom: 75px;
}
.ml-md-75 {
margin-left: 75px;
}
.my-md-75 {
padding: 75px;
}
.mx-md-75 {
padding: 75px;
}
.m-md-80 {
margin: 80px;
}
.mt-md-80 {
margin-top: 80px;
}
.mr-md-80 {
margin-right: 80px;
}
.mb-md-80 {
margin-bottom: 80px;
}
.ml-md-80 {
margin-left: 80px;
}
.my-md-80 {
padding: 80px;
}
.mx-md-80 {
padding: 80px;
}
.m-md-85 {
margin: 85px;
}
.mt-md-85 {
margin-top: 85px;
}
.mr-md-85 {
margin-right: 85px;
}
.mb-md-85 {
margin-bottom: 85px;
}
.ml-md-85 {
margin-left: 85px;
}
.my-md-85 {
padding: 85px;
}
.mx-md-85 {
padding: 85px;
}
.m-md-90 {
margin: 90px;
}
.mt-md-90 {
margin-top: 90px;
}
.mr-md-90 {
margin-right: 90px;
}
.mb-md-90 {
margin-bottom: 90px;
}
.ml-md-90 {
margin-left: 90px;
}
.my-md-90 {
padding: 90px;
}
.mx-md-90 {
padding: 90px;
}
.m-md-95 {
margin: 95px;
}
.mt-md-95 {
margin-top: 95px;
}
.mr-md-95 {
margin-right: 95px;
}
.mb-md-95 {
margin-bottom: 95px;
}
.ml-md-95 {
margin-left: 95px;
}
.my-md-95 {
padding: 95px;
}
.mx-md-95 {
padding: 95px;
}
.m-md-100 {
margin: 100px;
}
.mt-md-100 {
margin-top: 100px;
}
.mr-md-100 {
margin-right: 100px;
}
.mb-md-100 {
margin-bottom: 100px;
}
.ml-md-100 {
margin-left: 100px;
}
.my-md-100 {
padding: 100px;
}
.mx-md-100 {
padding: 100px;
}
.m-md-105 {
margin: 105px;
}
.mt-md-105 {
margin-top: 105px;
}
.mr-md-105 {
margin-right: 105px;
}
.mb-md-105 {
margin-bottom: 105px;
}
.ml-md-105 {
margin-left: 105px;
}
.my-md-105 {
padding: 105px;
}
.mx-md-105 {
padding: 105px;
}
.m-md-110 {
margin: 110px;
}
.mt-md-110 {
margin-top: 110px;
}
.mr-md-110 {
margin-right: 110px;
}
.mb-md-110 {
margin-bottom: 110px;
}
.ml-md-110 {
margin-left: 110px;
}
.my-md-110 {
padding: 110px;
}
.mx-md-110 {
padding: 110px;
}
.m-md-115 {
margin: 115px;
}
.mt-md-115 {
margin-top: 115px;
}
.mr-md-115 {
margin-right: 115px;
}
.mb-md-115 {
margin-bottom: 115px;
}
.ml-md-115 {
margin-left: 115px;
}
.my-md-115 {
padding: 115px;
}
.mx-md-115 {
padding: 115px;
}
.m-md-120 {
margin: 120px;
}
.mt-md-120 {
margin-top: 120px;
}
.mr-md-120 {
margin-right: 120px;
}
.mb-md-120 {
margin-bottom: 120px;
}
.ml-md-120 {
margin-left: 120px;
}
.my-md-120 {
padding: 120px;
}
.mx-md-120 {
padding: 120px;
}
.m-md-125 {
margin: 125px;
}
.mt-md-125 {
margin-top: 125px;
}
.mr-md-125 {
margin-right: 125px;
}
.mb-md-125 {
margin-bottom: 125px;
}
.ml-md-125 {
margin-left: 125px;
}
.my-md-125 {
padding: 125px;
}
.mx-md-125 {
padding: 125px;
}
.m-md-130 {
margin: 130px;
}
.mt-md-130 {
margin-top: 130px;
}
.mr-md-130 {
margin-right: 130px;
}
.mb-md-130 {
margin-bottom: 130px;
}
.ml-md-130 {
margin-left: 130px;
}
.my-md-130 {
padding: 130px;
}
.mx-md-130 {
padding: 130px;
}
.m-md-135 {
margin: 135px;
}
.mt-md-135 {
margin-top: 135px;
}
.mr-md-135 {
margin-right: 135px;
}
.mb-md-135 {
margin-bottom: 135px;
}
.ml-md-135 {
margin-left: 135px;
}
.my-md-135 {
padding: 135px;
}
.mx-md-135 {
padding: 135px;
}
.m-md-140 {
margin: 140px;
}
.mt-md-140 {
margin-top: 140px;
}
.mr-md-140 {
margin-right: 140px;
}
.mb-md-140 {
margin-bottom: 140px;
}
.ml-md-140 {
margin-left: 140px;
}
.my-md-140 {
padding: 140px;
}
.mx-md-140 {
padding: 140px;
}
.m-md-145 {
margin: 145px;
}
.mt-md-145 {
margin-top: 145px;
}
.mr-md-145 {
margin-right: 145px;
}
.mb-md-145 {
margin-bottom: 145px;
}
.ml-md-145 {
margin-left: 145px;
}
.my-md-145 {
padding: 145px;
}
.mx-md-145 {
padding: 145px;
}
.m-md-150 {
margin: 150px;
}
.mt-md-150 {
margin-top: 150px;
}
.mr-md-150 {
margin-right: 150px;
}
.mb-md-150 {
margin-bottom: 150px;
}
.ml-md-150 {
margin-left: 150px;
}
.my-md-150 {
padding: 150px;
}
.mx-md-150 {
padding: 150px;
}
.m-md-155 {
margin: 155px;
}
.mt-md-155 {
margin-top: 155px;
}
.mr-md-155 {
margin-right: 155px;
}
.mb-md-155 {
margin-bottom: 155px;
}
.ml-md-155 {
margin-left: 155px;
}
.my-md-155 {
padding: 155px;
}
.mx-md-155 {
padding: 155px;
}
.m-md-160 {
margin: 160px;
}
.mt-md-160 {
margin-top: 160px;
}
.mr-md-160 {
margin-right: 160px;
}
.mb-md-160 {
margin-bottom: 160px;
}
.ml-md-160 {
margin-left: 160px;
}
.my-md-160 {
padding: 160px;
}
.mx-md-160 {
padding: 160px;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0px;
}
.mt-lg-0 {
margin-top: 0px;
}
.mr-lg-0 {
margin-right: 0px;
}
.mb-lg-0 {
margin-bottom: 0px;
}
.ml-lg-0 {
margin-left: 0px;
}
.my-lg-0 {
padding: 0px;
}
.mx-lg-0 {
padding: 0px;
}
.m-lg-5 {
margin: 5px;
}
.mt-lg-5 {
margin-top: 5px;
}
.mr-lg-5 {
margin-right: 5px;
}
.mb-lg-5 {
margin-bottom: 5px;
}
.ml-lg-5 {
margin-left: 5px;
}
.my-lg-5 {
padding: 5px;
}
.mx-lg-5 {
padding: 5px;
}
.m-lg-10 {
margin: 10px;
}
.mt-lg-10 {
margin-top: 10px;
}
.mr-lg-10 {
margin-right: 10px;
}
.mb-lg-10 {
margin-bottom: 10px;
}
.ml-lg-10 {
margin-left: 10px;
}
.my-lg-10 {
padding: 10px;
}
.mx-lg-10 {
padding: 10px;
}
.m-lg-15 {
margin: 15px;
}
.mt-lg-15 {
margin-top: 15px;
}
.mr-lg-15 {
margin-right: 15px;
}
.mb-lg-15 {
margin-bottom: 15px;
}
.ml-lg-15 {
margin-left: 15px;
}
.my-lg-15 {
padding: 15px;
}
.mx-lg-15 {
padding: 15px;
}
.m-lg-20 {
margin: 20px;
}
.mt-lg-20 {
margin-top: 20px;
}
.mr-lg-20 {
margin-right: 20px;
}
.mb-lg-20 {
margin-bottom: 20px;
}
.ml-lg-20 {
margin-left: 20px;
}
.my-lg-20 {
padding: 20px;
}
.mx-lg-20 {
padding: 20px;
}
.m-lg-25 {
margin: 25px;
}
.mt-lg-25 {
margin-top: 25px;
}
.mr-lg-25 {
margin-right: 25px;
}
.mb-lg-25 {
margin-bottom: 25px;
}
.ml-lg-25 {
margin-left: 25px;
}
.my-lg-25 {
padding: 25px;
}
.mx-lg-25 {
padding: 25px;
}
.m-lg-30 {
margin: 30px;
}
.mt-lg-30 {
margin-top: 30px;
}
.mr-lg-30 {
margin-right: 30px;
}
.mb-lg-30 {
margin-bottom: 30px;
}
.ml-lg-30 {
margin-left: 30px;
}
.my-lg-30 {
padding: 30px;
}
.mx-lg-30 {
padding: 30px;
}
.m-lg-35 {
margin: 35px;
}
.mt-lg-35 {
margin-top: 35px;
}
.mr-lg-35 {
margin-right: 35px;
}
.mb-lg-35 {
margin-bottom: 35px;
}
.ml-lg-35 {
margin-left: 35px;
}
.my-lg-35 {
padding: 35px;
}
.mx-lg-35 {
padding: 35px;
}
.m-lg-40 {
margin: 40px;
}
.mt-lg-40 {
margin-top: 40px;
}
.mr-lg-40 {
margin-right: 40px;
}
.mb-lg-40 {
margin-bottom: 40px;
}
.ml-lg-40 {
margin-left: 40px;
}
.my-lg-40 {
padding: 40px;
}
.mx-lg-40 {
padding: 40px;
}
.m-lg-45 {
margin: 45px;
}
.mt-lg-45 {
margin-top: 45px;
}
.mr-lg-45 {
margin-right: 45px;
}
.mb-lg-45 {
margin-bottom: 45px;
}
.ml-lg-45 {
margin-left: 45px;
}
.my-lg-45 {
padding: 45px;
}
.mx-lg-45 {
padding: 45px;
}
.m-lg-50 {
margin: 50px;
}
.mt-lg-50 {
margin-top: 50px;
}
.mr-lg-50 {
margin-right: 50px;
}
.mb-lg-50 {
margin-bottom: 50px;
}
.ml-lg-50 {
margin-left: 50px;
}
.my-lg-50 {
padding: 50px;
}
.mx-lg-50 {
padding: 50px;
}
.m-lg-55 {
margin: 55px;
}
.mt-lg-55 {
margin-top: 55px;
}
.mr-lg-55 {
margin-right: 55px;
}
.mb-lg-55 {
margin-bottom: 55px;
}
.ml-lg-55 {
margin-left: 55px;
}
.my-lg-55 {
padding: 55px;
}
.mx-lg-55 {
padding: 55px;
}
.m-lg-60 {
margin: 60px;
}
.mt-lg-60 {
margin-top: 60px;
}
.mr-lg-60 {
margin-right: 60px;
}
.mb-lg-60 {
margin-bottom: 60px;
}
.ml-lg-60 {
margin-left: 60px;
}
.my-lg-60 {
padding: 60px;
}
.mx-lg-60 {
padding: 60px;
}
.m-lg-65 {
margin: 65px;
}
.mt-lg-65 {
margin-top: 65px;
}
.mr-lg-65 {
margin-right: 65px;
}
.mb-lg-65 {
margin-bottom: 65px;
}
.ml-lg-65 {
margin-left: 65px;
}
.my-lg-65 {
padding: 65px;
}
.mx-lg-65 {
padding: 65px;
}
.m-lg-70 {
margin: 70px;
}
.mt-lg-70 {
margin-top: 70px;
}
.mr-lg-70 {
margin-right: 70px;
}
.mb-lg-70 {
margin-bottom: 70px;
}
.ml-lg-70 {
margin-left: 70px;
}
.my-lg-70 {
padding: 70px;
}
.mx-lg-70 {
padding: 70px;
}
.m-lg-75 {
margin: 75px;
}
.mt-lg-75 {
margin-top: 75px;
}
.mr-lg-75 {
margin-right: 75px;
}
.mb-lg-75 {
margin-bottom: 75px;
}
.ml-lg-75 {
margin-left: 75px;
}
.my-lg-75 {
padding: 75px;
}
.mx-lg-75 {
padding: 75px;
}
.m-lg-80 {
margin: 80px;
}
.mt-lg-80 {
margin-top: 80px;
}
.mr-lg-80 {
margin-right: 80px;
}
.mb-lg-80 {
margin-bottom: 80px;
}
.ml-lg-80 {
margin-left: 80px;
}
.my-lg-80 {
padding: 80px;
}
.mx-lg-80 {
padding: 80px;
}
.m-lg-85 {
margin: 85px;
}
.mt-lg-85 {
margin-top: 85px;
}
.mr-lg-85 {
margin-right: 85px;
}
.mb-lg-85 {
margin-bottom: 85px;
}
.ml-lg-85 {
margin-left: 85px;
}
.my-lg-85 {
padding: 85px;
}
.mx-lg-85 {
padding: 85px;
}
.m-lg-90 {
margin: 90px;
}
.mt-lg-90 {
margin-top: 90px;
}
.mr-lg-90 {
margin-right: 90px;
}
.mb-lg-90 {
margin-bottom: 90px;
}
.ml-lg-90 {
margin-left: 90px;
}
.my-lg-90 {
padding: 90px;
}
.mx-lg-90 {
padding: 90px;
}
.m-lg-95 {
margin: 95px;
}
.mt-lg-95 {
margin-top: 95px;
}
.mr-lg-95 {
margin-right: 95px;
}
.mb-lg-95 {
margin-bottom: 95px;
}
.ml-lg-95 {
margin-left: 95px;
}
.my-lg-95 {
padding: 95px;
}
.mx-lg-95 {
padding: 95px;
}
.m-lg-100 {
margin: 100px;
}
.mt-lg-100 {
margin-top: 100px;
}
.mr-lg-100 {
margin-right: 100px;
}
.mb-lg-100 {
margin-bottom: 100px;
}
.ml-lg-100 {
margin-left: 100px;
}
.my-lg-100 {
padding: 100px;
}
.mx-lg-100 {
padding: 100px;
}
.m-lg-105 {
margin: 105px;
}
.mt-lg-105 {
margin-top: 105px;
}
.mr-lg-105 {
margin-right: 105px;
}
.mb-lg-105 {
margin-bottom: 105px;
}
.ml-lg-105 {
margin-left: 105px;
}
.my-lg-105 {
padding: 105px;
}
.mx-lg-105 {
padding: 105px;
}
.m-lg-110 {
margin: 110px;
}
.mt-lg-110 {
margin-top: 110px;
}
.mr-lg-110 {
margin-right: 110px;
}
.mb-lg-110 {
margin-bottom: 110px;
}
.ml-lg-110 {
margin-left: 110px;
}
.my-lg-110 {
padding: 110px;
}
.mx-lg-110 {
padding: 110px;
}
.m-lg-115 {
margin: 115px;
}
.mt-lg-115 {
margin-top: 115px;
}
.mr-lg-115 {
margin-right: 115px;
}
.mb-lg-115 {
margin-bottom: 115px;
}
.ml-lg-115 {
margin-left: 115px;
}
.my-lg-115 {
padding: 115px;
}
.mx-lg-115 {
padding: 115px;
}
.m-lg-120 {
margin: 120px;
}
.mt-lg-120 {
margin-top: 120px;
}
.mr-lg-120 {
margin-right: 120px;
}
.mb-lg-120 {
margin-bottom: 120px;
}
.ml-lg-120 {
margin-left: 120px;
}
.my-lg-120 {
padding: 120px;
}
.mx-lg-120 {
padding: 120px;
}
.m-lg-125 {
margin: 125px;
}
.mt-lg-125 {
margin-top: 125px;
}
.mr-lg-125 {
margin-right: 125px;
}
.mb-lg-125 {
margin-bottom: 125px;
}
.ml-lg-125 {
margin-left: 125px;
}
.my-lg-125 {
padding: 125px;
}
.mx-lg-125 {
padding: 125px;
}
.m-lg-130 {
margin: 130px;
}
.mt-lg-130 {
margin-top: 130px;
}
.mr-lg-130 {
margin-right: 130px;
}
.mb-lg-130 {
margin-bottom: 130px;
}
.ml-lg-130 {
margin-left: 130px;
}
.my-lg-130 {
padding: 130px;
}
.mx-lg-130 {
padding: 130px;
}
.m-lg-135 {
margin: 135px;
}
.mt-lg-135 {
margin-top: 135px;
}
.mr-lg-135 {
margin-right: 135px;
}
.mb-lg-135 {
margin-bottom: 135px;
}
.ml-lg-135 {
margin-left: 135px;
}
.my-lg-135 {
padding: 135px;
}
.mx-lg-135 {
padding: 135px;
}
.m-lg-140 {
margin: 140px;
}
.mt-lg-140 {
margin-top: 140px;
}
.mr-lg-140 {
margin-right: 140px;
}
.mb-lg-140 {
margin-bottom: 140px;
}
.ml-lg-140 {
margin-left: 140px;
}
.my-lg-140 {
padding: 140px;
}
.mx-lg-140 {
padding: 140px;
}
.m-lg-145 {
margin: 145px;
}
.mt-lg-145 {
margin-top: 145px;
}
.mr-lg-145 {
margin-right: 145px;
}
.mb-lg-145 {
margin-bottom: 145px;
}
.ml-lg-145 {
margin-left: 145px;
}
.my-lg-145 {
padding: 145px;
}
.mx-lg-145 {
padding: 145px;
}
.m-lg-150 {
margin: 150px;
}
.mt-lg-150 {
margin-top: 150px;
}
.mr-lg-150 {
margin-right: 150px;
}
.mb-lg-150 {
margin-bottom: 150px;
}
.ml-lg-150 {
margin-left: 150px;
}
.my-lg-150 {
padding: 150px;
}
.mx-lg-150 {
padding: 150px;
}
.m-lg-155 {
margin: 155px;
}
.mt-lg-155 {
margin-top: 155px;
}
.mr-lg-155 {
margin-right: 155px;
}
.mb-lg-155 {
margin-bottom: 155px;
}
.ml-lg-155 {
margin-left: 155px;
}
.my-lg-155 {
padding: 155px;
}
.mx-lg-155 {
padding: 155px;
}
.m-lg-160 {
margin: 160px;
}
.mt-lg-160 {
margin-top: 160px;
}
.mr-lg-160 {
margin-right: 160px;
}
.mb-lg-160 {
margin-bottom: 160px;
}
.ml-lg-160 {
margin-left: 160px;
}
.my-lg-160 {
padding: 160px;
}
.mx-lg-160 {
padding: 160px;
}
}
.p-xs-0 {
padding: 0px;
}
.pt-xs-0 {
padding-top: 0px;
}
.pr-xs-0 {
padding-right: 0px;
}
.pb-xs-0 {
padding-bottom: 0px;
}
.pl-xs-0 {
padding-left: 0px;
}
.py-xs-0 {
padding: 0px;
}
.px-xs-0 {
padding: 0px;
}
.p-xs-5 {
padding: 5px;
}
.pt-xs-5 {
padding-top: 5px;
}
.pr-xs-5 {
padding-right: 5px;
}
.pb-xs-5 {
padding-bottom: 5px;
}
.pl-xs-5 {
padding-left: 5px;
}
.py-xs-5 {
padding: 5px;
}
.px-xs-5 {
padding: 5px;
}
.p-xs-10 {
padding: 10px;
}
.pt-xs-10 {
padding-top: 10px;
}
.pr-xs-10 {
padding-right: 10px;
}
.pb-xs-10 {
padding-bottom: 10px;
}
.pl-xs-10 {
padding-left: 10px;
}
.py-xs-10 {
padding: 10px;
}
.px-xs-10 {
padding: 10px;
}
.p-xs-15 {
padding: 15px;
}
.pt-xs-15 {
padding-top: 15px;
}
.pr-xs-15 {
padding-right: 15px;
}
.pb-xs-15 {
padding-bottom: 15px;
}
.pl-xs-15 {
padding-left: 15px;
}
.py-xs-15 {
padding: 15px;
}
.px-xs-15 {
padding: 15px;
}
.p-xs-20 {
padding: 20px;
}
.pt-xs-20 {
padding-top: 20px;
}
.pr-xs-20 {
padding-right: 20px;
}
.pb-xs-20 {
padding-bottom: 20px;
}
.pl-xs-20 {
padding-left: 20px;
}
.py-xs-20 {
padding: 20px;
}
.px-xs-20 {
padding: 20px;
}
.p-xs-25 {
padding: 25px;
}
.pt-xs-25 {
padding-top: 25px;
}
.pr-xs-25 {
padding-right: 25px;
}
.pb-xs-25 {
padding-bottom: 25px;
}
.pl-xs-25 {
padding-left: 25px;
}
.py-xs-25 {
padding: 25px;
}
.px-xs-25 {
padding: 25px;
}
.p-xs-30 {
padding: 30px;
}
.pt-xs-30 {
padding-top: 30px;
}
.pr-xs-30 {
padding-right: 30px;
}
.pb-xs-30 {
padding-bottom: 30px;
}
.pl-xs-30 {
padding-left: 30px;
}
.py-xs-30 {
padding: 30px;
}
.px-xs-30 {
padding: 30px;
}
.p-xs-35 {
padding: 35px;
}
.pt-xs-35 {
padding-top: 35px;
}
.pr-xs-35 {
padding-right: 35px;
}
.pb-xs-35 {
padding-bottom: 35px;
}
.pl-xs-35 {
padding-left: 35px;
}
.py-xs-35 {
padding: 35px;
}
.px-xs-35 {
padding: 35px;
}
.p-xs-40 {
padding: 40px;
}
.pt-xs-40 {
padding-top: 40px;
}
.pr-xs-40 {
padding-right: 40px;
}
.pb-xs-40 {
padding-bottom: 40px;
}
.pl-xs-40 {
padding-left: 40px;
}
.py-xs-40 {
padding: 40px;
}
.px-xs-40 {
padding: 40px;
}
.p-xs-45 {
padding: 45px;
}
.pt-xs-45 {
padding-top: 45px;
}
.pr-xs-45 {
padding-right: 45px;
}
.pb-xs-45 {
padding-bottom: 45px;
}
.pl-xs-45 {
padding-left: 45px;
}
.py-xs-45 {
padding: 45px;
}
.px-xs-45 {
padding: 45px;
}
.p-xs-50 {
padding: 50px;
}
.pt-xs-50 {
padding-top: 50px;
}
.pr-xs-50 {
padding-right: 50px;
}
.pb-xs-50 {
padding-bottom: 50px;
}
.pl-xs-50 {
padding-left: 50px;
}
.py-xs-50 {
padding: 50px;
}
.px-xs-50 {
padding: 50px;
}
.p-xs-55 {
padding: 55px;
}
.pt-xs-55 {
padding-top: 55px;
}
.pr-xs-55 {
padding-right: 55px;
}
.pb-xs-55 {
padding-bottom: 55px;
}
.pl-xs-55 {
padding-left: 55px;
}
.py-xs-55 {
padding: 55px;
}
.px-xs-55 {
padding: 55px;
}
.p-xs-60 {
padding: 60px;
}
.pt-xs-60 {
padding-top: 60px;
}
.pr-xs-60 {
padding-right: 60px;
}
.pb-xs-60 {
padding-bottom: 60px;
}
.pl-xs-60 {
padding-left: 60px;
}
.py-xs-60 {
padding: 60px;
}
.px-xs-60 {
padding: 60px;
}
.p-xs-65 {
padding: 65px;
}
.pt-xs-65 {
padding-top: 65px;
}
.pr-xs-65 {
padding-right: 65px;
}
.pb-xs-65 {
padding-bottom: 65px;
}
.pl-xs-65 {
padding-left: 65px;
}
.py-xs-65 {
padding: 65px;
}
.px-xs-65 {
padding: 65px;
}
.p-xs-70 {
padding: 70px;
}
.pt-xs-70 {
padding-top: 70px;
}
.pr-xs-70 {
padding-right: 70px;
}
.pb-xs-70 {
padding-bottom: 70px;
}
.pl-xs-70 {
padding-left: 70px;
}
.py-xs-70 {
padding: 70px;
}
.px-xs-70 {
padding: 70px;
}
.p-xs-75 {
padding: 75px;
}
.pt-xs-75 {
padding-top: 75px;
}
.pr-xs-75 {
padding-right: 75px;
}
.pb-xs-75 {
padding-bottom: 75px;
}
.pl-xs-75 {
padding-left: 75px;
}
.py-xs-75 {
padding: 75px;
}
.px-xs-75 {
padding: 75px;
}
.p-xs-80 {
padding: 80px;
}
.pt-xs-80 {
padding-top: 80px;
}
.pr-xs-80 {
padding-right: 80px;
}
.pb-xs-80 {
padding-bottom: 80px;
}
.pl-xs-80 {
padding-left: 80px;
}
.py-xs-80 {
padding: 80px;
}
.px-xs-80 {
padding: 80px;
}
.p-xs-85 {
padding: 85px;
}
.pt-xs-85 {
padding-top: 85px;
}
.pr-xs-85 {
padding-right: 85px;
}
.pb-xs-85 {
padding-bottom: 85px;
}
.pl-xs-85 {
padding-left: 85px;
}
.py-xs-85 {
padding: 85px;
}
.px-xs-85 {
padding: 85px;
}
.p-xs-90 {
padding: 90px;
}
.pt-xs-90 {
padding-top: 90px;
}
.pr-xs-90 {
padding-right: 90px;
}
.pb-xs-90 {
padding-bottom: 90px;
}
.pl-xs-90 {
padding-left: 90px;
}
.py-xs-90 {
padding: 90px;
}
.px-xs-90 {
padding: 90px;
}
.p-xs-95 {
padding: 95px;
}
.pt-xs-95 {
padding-top: 95px;
}
.pr-xs-95 {
padding-right: 95px;
}
.pb-xs-95 {
padding-bottom: 95px;
}
.pl-xs-95 {
padding-left: 95px;
}
.py-xs-95 {
padding: 95px;
}
.px-xs-95 {
padding: 95px;
}
.p-xs-100 {
padding: 100px;
}
.pt-xs-100 {
padding-top: 100px;
}
.pr-xs-100 {
padding-right: 100px;
}
.pb-xs-100 {
padding-bottom: 100px;
}
.pl-xs-100 {
padding-left: 100px;
}
.py-xs-100 {
padding: 100px;
}
.px-xs-100 {
padding: 100px;
}
.p-xs-105 {
padding: 105px;
}
.pt-xs-105 {
padding-top: 105px;
}
.pr-xs-105 {
padding-right: 105px;
}
.pb-xs-105 {
padding-bottom: 105px;
}
.pl-xs-105 {
padding-left: 105px;
}
.py-xs-105 {
padding: 105px;
}
.px-xs-105 {
padding: 105px;
}
.p-xs-110 {
padding: 110px;
}
.pt-xs-110 {
padding-top: 110px;
}
.pr-xs-110 {
padding-right: 110px;
}
.pb-xs-110 {
padding-bottom: 110px;
}
.pl-xs-110 {
padding-left: 110px;
}
.py-xs-110 {
padding: 110px;
}
.px-xs-110 {
padding: 110px;
}
.p-xs-115 {
padding: 115px;
}
.pt-xs-115 {
padding-top: 115px;
}
.pr-xs-115 {
padding-right: 115px;
}
.pb-xs-115 {
padding-bottom: 115px;
}
.pl-xs-115 {
padding-left: 115px;
}
.py-xs-115 {
padding: 115px;
}
.px-xs-115 {
padding: 115px;
}
.p-xs-120 {
padding: 120px;
}
.pt-xs-120 {
padding-top: 120px;
}
.pr-xs-120 {
padding-right: 120px;
}
.pb-xs-120 {
padding-bottom: 120px;
}
.pl-xs-120 {
padding-left: 120px;
}
.py-xs-120 {
padding: 120px;
}
.px-xs-120 {
padding: 120px;
}
.p-xs-125 {
padding: 125px;
}
.pt-xs-125 {
padding-top: 125px;
}
.pr-xs-125 {
padding-right: 125px;
}
.pb-xs-125 {
padding-bottom: 125px;
}
.pl-xs-125 {
padding-left: 125px;
}
.py-xs-125 {
padding: 125px;
}
.px-xs-125 {
padding: 125px;
}
.p-xs-130 {
padding: 130px;
}
.pt-xs-130 {
padding-top: 130px;
}
.pr-xs-130 {
padding-right: 130px;
}
.pb-xs-130 {
padding-bottom: 130px;
}
.pl-xs-130 {
padding-left: 130px;
}
.py-xs-130 {
padding: 130px;
}
.px-xs-130 {
padding: 130px;
}
.p-xs-135 {
padding: 135px;
}
.pt-xs-135 {
padding-top: 135px;
}
.pr-xs-135 {
padding-right: 135px;
}
.pb-xs-135 {
padding-bottom: 135px;
}
.pl-xs-135 {
padding-left: 135px;
}
.py-xs-135 {
padding: 135px;
}
.px-xs-135 {
padding: 135px;
}
.p-xs-140 {
padding: 140px;
}
.pt-xs-140 {
padding-top: 140px;
}
.pr-xs-140 {
padding-right: 140px;
}
.pb-xs-140 {
padding-bottom: 140px;
}
.pl-xs-140 {
padding-left: 140px;
}
.py-xs-140 {
padding: 140px;
}
.px-xs-140 {
padding: 140px;
}
.p-xs-145 {
padding: 145px;
}
.pt-xs-145 {
padding-top: 145px;
}
.pr-xs-145 {
padding-right: 145px;
}
.pb-xs-145 {
padding-bottom: 145px;
}
.pl-xs-145 {
padding-left: 145px;
}
.py-xs-145 {
padding: 145px;
}
.px-xs-145 {
padding: 145px;
}
.p-xs-150 {
padding: 150px;
}
.pt-xs-150 {
padding-top: 150px;
}
.pr-xs-150 {
padding-right: 150px;
}
.pb-xs-150 {
padding-bottom: 150px;
}
.pl-xs-150 {
padding-left: 150px;
}
.py-xs-150 {
padding: 150px;
}
.px-xs-150 {
padding: 150px;
}
.p-xs-155 {
padding: 155px;
}
.pt-xs-155 {
padding-top: 155px;
}
.pr-xs-155 {
padding-right: 155px;
}
.pb-xs-155 {
padding-bottom: 155px;
}
.pl-xs-155 {
padding-left: 155px;
}
.py-xs-155 {
padding: 155px;
}
.px-xs-155 {
padding: 155px;
}
.p-xs-160 {
padding: 160px;
}
.pt-xs-160 {
padding-top: 160px;
}
.pr-xs-160 {
padding-right: 160px;
}
.pb-xs-160 {
padding-bottom: 160px;
}
.pl-xs-160 {
padding-left: 160px;
}
.py-xs-160 {
padding: 160px;
}
.px-xs-160 {
padding: 160px;
}
@media (min-width: 576px) {
.p-sm-0 {
padding: 0px;
}
.pt-sm-0 {
padding-top: 0px;
}
.pr-sm-0 {
padding-right: 0px;
}
.pb-sm-0 {
padding-bottom: 0px;
}
.pl-sm-0 {
padding-left: 0px;
}
.py-sm-0 {
padding: 0px;
}
.px-sm-0 {
padding: 0px;
}
.p-sm-5 {
padding: 5px;
}
.pt-sm-5 {
padding-top: 5px;
}
.pr-sm-5 {
padding-right: 5px;
}
.pb-sm-5 {
padding-bottom: 5px;
}
.pl-sm-5 {
padding-left: 5px;
}
.py-sm-5 {
padding: 5px;
}
.px-sm-5 {
padding: 5px;
}
.p-sm-10 {
padding: 10px;
}
.pt-sm-10 {
padding-top: 10px;
}
.pr-sm-10 {
padding-right: 10px;
}
.pb-sm-10 {
padding-bottom: 10px;
}
.pl-sm-10 {
padding-left: 10px;
}
.py-sm-10 {
padding: 10px;
}
.px-sm-10 {
padding: 10px;
}
.p-sm-15 {
padding: 15px;
}
.pt-sm-15 {
padding-top: 15px;
}
.pr-sm-15 {
padding-right: 15px;
}
.pb-sm-15 {
padding-bottom: 15px;
}
.pl-sm-15 {
padding-left: 15px;
}
.py-sm-15 {
padding: 15px;
}
.px-sm-15 {
padding: 15px;
}
.p-sm-20 {
padding: 20px;
}
.pt-sm-20 {
padding-top: 20px;
}
.pr-sm-20 {
padding-right: 20px;
}
.pb-sm-20 {
padding-bottom: 20px;
}
.pl-sm-20 {
padding-left: 20px;
}
.py-sm-20 {
padding: 20px;
}
.px-sm-20 {
padding: 20px;
}
.p-sm-25 {
padding: 25px;
}
.pt-sm-25 {
padding-top: 25px;
}
.pr-sm-25 {
padding-right: 25px;
}
.pb-sm-25 {
padding-bottom: 25px;
}
.pl-sm-25 {
padding-left: 25px;
}
.py-sm-25 {
padding: 25px;
}
.px-sm-25 {
padding: 25px;
}
.p-sm-30 {
padding: 30px;
}
.pt-sm-30 {
padding-top: 30px;
}
.pr-sm-30 {
padding-right: 30px;
}
.pb-sm-30 {
padding-bottom: 30px;
}
.pl-sm-30 {
padding-left: 30px;
}
.py-sm-30 {
padding: 30px;
}
.px-sm-30 {
padding: 30px;
}
.p-sm-35 {
padding: 35px;
}
.pt-sm-35 {
padding-top: 35px;
}
.pr-sm-35 {
padding-right: 35px;
}
.pb-sm-35 {
padding-bottom: 35px;
}
.pl-sm-35 {
padding-left: 35px;
}
.py-sm-35 {
padding: 35px;
}
.px-sm-35 {
padding: 35px;
}
.p-sm-40 {
padding: 40px;
}
.pt-sm-40 {
padding-top: 40px;
}
.pr-sm-40 {
padding-right: 40px;
}
.pb-sm-40 {
padding-bottom: 40px;
}
.pl-sm-40 {
padding-left: 40px;
}
.py-sm-40 {
padding: 40px;
}
.px-sm-40 {
padding: 40px;
}
.p-sm-45 {
padding: 45px;
}
.pt-sm-45 {
padding-top: 45px;
}
.pr-sm-45 {
padding-right: 45px;
}
.pb-sm-45 {
padding-bottom: 45px;
}
.pl-sm-45 {
padding-left: 45px;
}
.py-sm-45 {
padding: 45px;
}
.px-sm-45 {
padding: 45px;
}
.p-sm-50 {
padding: 50px;
}
.pt-sm-50 {
padding-top: 50px;
}
.pr-sm-50 {
padding-right: 50px;
}
.pb-sm-50 {
padding-bottom: 50px;
}
.pl-sm-50 {
padding-left: 50px;
}
.py-sm-50 {
padding: 50px;
}
.px-sm-50 {
padding: 50px;
}
.p-sm-55 {
padding: 55px;
}
.pt-sm-55 {
padding-top: 55px;
}
.pr-sm-55 {
padding-right: 55px;
}
.pb-sm-55 {
padding-bottom: 55px;
}
.pl-sm-55 {
padding-left: 55px;
}
.py-sm-55 {
padding: 55px;
}
.px-sm-55 {
padding: 55px;
}
.p-sm-60 {
padding: 60px;
}
.pt-sm-60 {
padding-top: 60px;
}
.pr-sm-60 {
padding-right: 60px;
}
.pb-sm-60 {
padding-bottom: 60px;
}
.pl-sm-60 {
padding-left: 60px;
}
.py-sm-60 {
padding: 60px;
}
.px-sm-60 {
padding: 60px;
}
.p-sm-65 {
padding: 65px;
}
.pt-sm-65 {
padding-top: 65px;
}
.pr-sm-65 {
padding-right: 65px;
}
.pb-sm-65 {
padding-bottom: 65px;
}
.pl-sm-65 {
padding-left: 65px;
}
.py-sm-65 {
padding: 65px;
}
.px-sm-65 {
padding: 65px;
}
.p-sm-70 {
padding: 70px;
}
.pt-sm-70 {
padding-top: 70px;
}
.pr-sm-70 {
padding-right: 70px;
}
.pb-sm-70 {
padding-bottom: 70px;
}
.pl-sm-70 {
padding-left: 70px;
}
.py-sm-70 {
padding: 70px;
}
.px-sm-70 {
padding: 70px;
}
.p-sm-75 {
padding: 75px;
}
.pt-sm-75 {
padding-top: 75px;
}
.pr-sm-75 {
padding-right: 75px;
}
.pb-sm-75 {
padding-bottom: 75px;
}
.pl-sm-75 {
padding-left: 75px;
}
.py-sm-75 {
padding: 75px;
}
.px-sm-75 {
padding: 75px;
}
.p-sm-80 {
padding: 80px;
}
.pt-sm-80 {
padding-top: 80px;
}
.pr-sm-80 {
padding-right: 80px;
}
.pb-sm-80 {
padding-bottom: 80px;
}
.pl-sm-80 {
padding-left: 80px;
}
.py-sm-80 {
padding: 80px;
}
.px-sm-80 {
padding: 80px;
}
.p-sm-85 {
padding: 85px;
}
.pt-sm-85 {
padding-top: 85px;
}
.pr-sm-85 {
padding-right: 85px;
}
.pb-sm-85 {
padding-bottom: 85px;
}
.pl-sm-85 {
padding-left: 85px;
}
.py-sm-85 {
padding: 85px;
}
.px-sm-85 {
padding: 85px;
}
.p-sm-90 {
padding: 90px;
}
.pt-sm-90 {
padding-top: 90px;
}
.pr-sm-90 {
padding-right: 90px;
}
.pb-sm-90 {
padding-bottom: 90px;
}
.pl-sm-90 {
padding-left: 90px;
}
.py-sm-90 {
padding: 90px;
}
.px-sm-90 {
padding: 90px;
}
.p-sm-95 {
padding: 95px;
}
.pt-sm-95 {
padding-top: 95px;
}
.pr-sm-95 {
padding-right: 95px;
}
.pb-sm-95 {
padding-bottom: 95px;
}
.pl-sm-95 {
padding-left: 95px;
}
.py-sm-95 {
padding: 95px;
}
.px-sm-95 {
padding: 95px;
}
.p-sm-100 {
padding: 100px;
}
.pt-sm-100 {
padding-top: 100px;
}
.pr-sm-100 {
padding-right: 100px;
}
.pb-sm-100 {
padding-bottom: 100px;
}
.pl-sm-100 {
padding-left: 100px;
}
.py-sm-100 {
padding: 100px;
}
.px-sm-100 {
padding: 100px;
}
.p-sm-105 {
padding: 105px;
}
.pt-sm-105 {
padding-top: 105px;
}
.pr-sm-105 {
padding-right: 105px;
}
.pb-sm-105 {
padding-bottom: 105px;
}
.pl-sm-105 {
padding-left: 105px;
}
.py-sm-105 {
padding: 105px;
}
.px-sm-105 {
padding: 105px;
}
.p-sm-110 {
padding: 110px;
}
.pt-sm-110 {
padding-top: 110px;
}
.pr-sm-110 {
padding-right: 110px;
}
.pb-sm-110 {
padding-bottom: 110px;
}
.pl-sm-110 {
padding-left: 110px;
}
.py-sm-110 {
padding: 110px;
}
.px-sm-110 {
padding: 110px;
}
.p-sm-115 {
padding: 115px;
}
.pt-sm-115 {
padding-top: 115px;
}
.pr-sm-115 {
padding-right: 115px;
}
.pb-sm-115 {
padding-bottom: 115px;
}
.pl-sm-115 {
padding-left: 115px;
}
.py-sm-115 {
padding: 115px;
}
.px-sm-115 {
padding: 115px;
}
.p-sm-120 {
padding: 120px;
}
.pt-sm-120 {
padding-top: 120px;
}
.pr-sm-120 {
padding-right: 120px;
}
.pb-sm-120 {
padding-bottom: 120px;
}
.pl-sm-120 {
padding-left: 120px;
}
.py-sm-120 {
padding: 120px;
}
.px-sm-120 {
padding: 120px;
}
.p-sm-125 {
padding: 125px;
}
.pt-sm-125 {
padding-top: 125px;
}
.pr-sm-125 {
padding-right: 125px;
}
.pb-sm-125 {
padding-bottom: 125px;
}
.pl-sm-125 {
padding-left: 125px;
}
.py-sm-125 {
padding: 125px;
}
.px-sm-125 {
padding: 125px;
}
.p-sm-130 {
padding: 130px;
}
.pt-sm-130 {
padding-top: 130px;
}
.pr-sm-130 {
padding-right: 130px;
}
.pb-sm-130 {
padding-bottom: 130px;
}
.pl-sm-130 {
padding-left: 130px;
}
.py-sm-130 {
padding: 130px;
}
.px-sm-130 {
padding: 130px;
}
.p-sm-135 {
padding: 135px;
}
.pt-sm-135 {
padding-top: 135px;
}
.pr-sm-135 {
padding-right: 135px;
}
.pb-sm-135 {
padding-bottom: 135px;
}
.pl-sm-135 {
padding-left: 135px;
}
.py-sm-135 {
padding: 135px;
}
.px-sm-135 {
padding: 135px;
}
.p-sm-140 {
padding: 140px;
}
.pt-sm-140 {
padding-top: 140px;
}
.pr-sm-140 {
padding-right: 140px;
}
.pb-sm-140 {
padding-bottom: 140px;
}
.pl-sm-140 {
padding-left: 140px;
}
.py-sm-140 {
padding: 140px;
}
.px-sm-140 {
padding: 140px;
}
.p-sm-145 {
padding: 145px;
}
.pt-sm-145 {
padding-top: 145px;
}
.pr-sm-145 {
padding-right: 145px;
}
.pb-sm-145 {
padding-bottom: 145px;
}
.pl-sm-145 {
padding-left: 145px;
}
.py-sm-145 {
padding: 145px;
}
.px-sm-145 {
padding: 145px;
}
.p-sm-150 {
padding: 150px;
}
.pt-sm-150 {
padding-top: 150px;
}
.pr-sm-150 {
padding-right: 150px;
}
.pb-sm-150 {
padding-bottom: 150px;
}
.pl-sm-150 {
padding-left: 150px;
}
.py-sm-150 {
padding: 150px;
}
.px-sm-150 {
padding: 150px;
}
.p-sm-155 {
padding: 155px;
}
.pt-sm-155 {
padding-top: 155px;
}
.pr-sm-155 {
padding-right: 155px;
}
.pb-sm-155 {
padding-bottom: 155px;
}
.pl-sm-155 {
padding-left: 155px;
}
.py-sm-155 {
padding: 155px;
}
.px-sm-155 {
padding: 155px;
}
.p-sm-160 {
padding: 160px;
}
.pt-sm-160 {
padding-top: 160px;
}
.pr-sm-160 {
padding-right: 160px;
}
.pb-sm-160 {
padding-bottom: 160px;
}
.pl-sm-160 {
padding-left: 160px;
}
.py-sm-160 {
padding: 160px;
}
.px-sm-160 {
padding: 160px;
}
}
@media (min-width: 768px) {
.p-md-0 {
padding: 0px;
}
.pt-md-0 {
padding-top: 0px;
}
.pr-md-0 {
padding-right: 0px;
}
.pb-md-0 {
padding-bottom: 0px;
}
.pl-md-0 {
padding-left: 0px;
}
.py-md-0 {
padding: 0px;
}
.px-md-0 {
padding: 0px;
}
.p-md-5 {
padding: 5px;
}
.pt-md-5 {
padding-top: 5px;
}
.pr-md-5 {
padding-right: 5px;
}
.pb-md-5 {
padding-bottom: 5px;
}
.pl-md-5 {
padding-left: 5px;
}
.py-md-5 {
padding: 5px;
}
.px-md-5 {
padding: 5px;
}
.p-md-10 {
padding: 10px;
}
.pt-md-10 {
padding-top: 10px;
}
.pr-md-10 {
padding-right: 10px;
}
.pb-md-10 {
padding-bottom: 10px;
}
.pl-md-10 {
padding-left: 10px;
}
.py-md-10 {
padding: 10px;
}
.px-md-10 {
padding: 10px;
}
.p-md-15 {
padding: 15px;
}
.pt-md-15 {
padding-top: 15px;
}
.pr-md-15 {
padding-right: 15px;
}
.pb-md-15 {
padding-bottom: 15px;
}
.pl-md-15 {
padding-left: 15px;
}
.py-md-15 {
padding: 15px;
}
.px-md-15 {
padding: 15px;
}
.p-md-20 {
padding: 20px;
}
.pt-md-20 {
padding-top: 20px;
}
.pr-md-20 {
padding-right: 20px;
}
.pb-md-20 {
padding-bottom: 20px;
}
.pl-md-20 {
padding-left: 20px;
}
.py-md-20 {
padding: 20px;
}
.px-md-20 {
padding: 20px;
}
.p-md-25 {
padding: 25px;
}
.pt-md-25 {
padding-top: 25px;
}
.pr-md-25 {
padding-right: 25px;
}
.pb-md-25 {
padding-bottom: 25px;
}
.pl-md-25 {
padding-left: 25px;
}
.py-md-25 {
padding: 25px;
}
.px-md-25 {
padding: 25px;
}
.p-md-30 {
padding: 30px;
}
.pt-md-30 {
padding-top: 30px;
}
.pr-md-30 {
padding-right: 30px;
}
.pb-md-30 {
padding-bottom: 30px;
}
.pl-md-30 {
padding-left: 30px;
}
.py-md-30 {
padding: 30px;
}
.px-md-30 {
padding: 30px;
}
.p-md-35 {
padding: 35px;
}
.pt-md-35 {
padding-top: 35px;
}
.pr-md-35 {
padding-right: 35px;
}
.pb-md-35 {
padding-bottom: 35px;
}
.pl-md-35 {
padding-left: 35px;
}
.py-md-35 {
padding: 35px;
}
.px-md-35 {
padding: 35px;
}
.p-md-40 {
padding: 40px;
}
.pt-md-40 {
padding-top: 40px;
}
.pr-md-40 {
padding-right: 40px;
}
.pb-md-40 {
padding-bottom: 40px;
}
.pl-md-40 {
padding-left: 40px;
}
.py-md-40 {
padding: 40px;
}
.px-md-40 {
padding: 40px;
}
.p-md-45 {
padding: 45px;
}
.pt-md-45 {
padding-top: 45px;
}
.pr-md-45 {
padding-right: 45px;
}
.pb-md-45 {
padding-bottom: 45px;
}
.pl-md-45 {
padding-left: 45px;
}
.py-md-45 {
padding: 45px;
}
.px-md-45 {
padding: 45px;
}
.p-md-50 {
padding: 50px;
}
.pt-md-50 {
padding-top: 50px;
}
.pr-md-50 {
padding-right: 50px;
}
.pb-md-50 {
padding-bottom: 50px;
}
.pl-md-50 {
padding-left: 50px;
}
.py-md-50 {
padding: 50px;
}
.px-md-50 {
padding: 50px;
}
.p-md-55 {
padding: 55px;
}
.pt-md-55 {
padding-top: 55px;
}
.pr-md-55 {
padding-right: 55px;
}
.pb-md-55 {
padding-bottom: 55px;
}
.pl-md-55 {
padding-left: 55px;
}
.py-md-55 {
padding: 55px;
}
.px-md-55 {
padding: 55px;
}
.p-md-60 {
padding: 60px;
}
.pt-md-60 {
padding-top: 60px;
}
.pr-md-60 {
padding-right: 60px;
}
.pb-md-60 {
padding-bottom: 60px;
}
.pl-md-60 {
padding-left: 60px;
}
.py-md-60 {
padding: 60px;
}
.px-md-60 {
padding: 60px;
}
.p-md-65 {
padding: 65px;
}
.pt-md-65 {
padding-top: 65px;
}
.pr-md-65 {
padding-right: 65px;
}
.pb-md-65 {
padding-bottom: 65px;
}
.pl-md-65 {
padding-left: 65px;
}
.py-md-65 {
padding: 65px;
}
.px-md-65 {
padding: 65px;
}
.p-md-70 {
padding: 70px;
}
.pt-md-70 {
padding-top: 70px;
}
.pr-md-70 {
padding-right: 70px;
}
.pb-md-70 {
padding-bottom: 70px;
}
.pl-md-70 {
padding-left: 70px;
}
.py-md-70 {
padding: 70px;
}
.px-md-70 {
padding: 70px;
}
.p-md-75 {
padding: 75px;
}
.pt-md-75 {
padding-top: 75px;
}
.pr-md-75 {
padding-right: 75px;
}
.pb-md-75 {
padding-bottom: 75px;
}
.pl-md-75 {
padding-left: 75px;
}
.py-md-75 {
padding: 75px;
}
.px-md-75 {
padding: 75px;
}
.p-md-80 {
padding: 80px;
}
.pt-md-80 {
padding-top: 80px;
}
.pr-md-80 {
padding-right: 80px;
}
.pb-md-80 {
padding-bottom: 80px;
}
.pl-md-80 {
padding-left: 80px;
}
.py-md-80 {
padding: 80px;
}
.px-md-80 {
padding: 80px;
}
.p-md-85 {
padding: 85px;
}
.pt-md-85 {
padding-top: 85px;
}
.pr-md-85 {
padding-right: 85px;
}
.pb-md-85 {
padding-bottom: 85px;
}
.pl-md-85 {
padding-left: 85px;
}
.py-md-85 {
padding: 85px;
}
.px-md-85 {
padding: 85px;
}
.p-md-90 {
padding: 90px;
}
.pt-md-90 {
padding-top: 90px;
}
.pr-md-90 {
padding-right: 90px;
}
.pb-md-90 {
padding-bottom: 90px;
}
.pl-md-90 {
padding-left: 90px;
}
.py-md-90 {
padding: 90px;
}
.px-md-90 {
padding: 90px;
}
.p-md-95 {
padding: 95px;
}
.pt-md-95 {
padding-top: 95px;
}
.pr-md-95 {
padding-right: 95px;
}
.pb-md-95 {
padding-bottom: 95px;
}
.pl-md-95 {
padding-left: 95px;
}
.py-md-95 {
padding: 95px;
}
.px-md-95 {
padding: 95px;
}
.p-md-100 {
padding: 100px;
}
.pt-md-100 {
padding-top: 100px;
}
.pr-md-100 {
padding-right: 100px;
}
.pb-md-100 {
padding-bottom: 100px;
}
.pl-md-100 {
padding-left: 100px;
}
.py-md-100 {
padding: 100px;
}
.px-md-100 {
padding: 100px;
}
.p-md-105 {
padding: 105px;
}
.pt-md-105 {
padding-top: 105px;
}
.pr-md-105 {
padding-right: 105px;
}
.pb-md-105 {
padding-bottom: 105px;
}
.pl-md-105 {
padding-left: 105px;
}
.py-md-105 {
padding: 105px;
}
.px-md-105 {
padding: 105px;
}
.p-md-110 {
padding: 110px;
}
.pt-md-110 {
padding-top: 110px;
}
.pr-md-110 {
padding-right: 110px;
}
.pb-md-110 {
padding-bottom: 110px;
}
.pl-md-110 {
padding-left: 110px;
}
.py-md-110 {
padding: 110px;
}
.px-md-110 {
padding: 110px;
}
.p-md-115 {
padding: 115px;
}
.pt-md-115 {
padding-top: 115px;
}
.pr-md-115 {
padding-right: 115px;
}
.pb-md-115 {
padding-bottom: 115px;
}
.pl-md-115 {
padding-left: 115px;
}
.py-md-115 {
padding: 115px;
}
.px-md-115 {
padding: 115px;
}
.p-md-120 {
padding: 120px;
}
.pt-md-120 {
padding-top: 120px;
}
.pr-md-120 {
padding-right: 120px;
}
.pb-md-120 {
padding-bottom: 120px;
}
.pl-md-120 {
padding-left: 120px;
}
.py-md-120 {
padding: 120px;
}
.px-md-120 {
padding: 120px;
}
.p-md-125 {
padding: 125px;
}
.pt-md-125 {
padding-top: 125px;
}
.pr-md-125 {
padding-right: 125px;
}
.pb-md-125 {
padding-bottom: 125px;
}
.pl-md-125 {
padding-left: 125px;
}
.py-md-125 {
padding: 125px;
}
.px-md-125 {
padding: 125px;
}
.p-md-130 {
padding: 130px;
}
.pt-md-130 {
padding-top: 130px;
}
.pr-md-130 {
padding-right: 130px;
}
.pb-md-130 {
padding-bottom: 130px;
}
.pl-md-130 {
padding-left: 130px;
}
.py-md-130 {
padding: 130px;
}
.px-md-130 {
padding: 130px;
}
.p-md-135 {
padding: 135px;
}
.pt-md-135 {
padding-top: 135px;
}
.pr-md-135 {
padding-right: 135px;
}
.pb-md-135 {
padding-bottom: 135px;
}
.pl-md-135 {
padding-left: 135px;
}
.py-md-135 {
padding: 135px;
}
.px-md-135 {
padding: 135px;
}
.p-md-140 {
padding: 140px;
}
.pt-md-140 {
padding-top: 140px;
}
.pr-md-140 {
padding-right: 140px;
}
.pb-md-140 {
padding-bottom: 140px;
}
.pl-md-140 {
padding-left: 140px;
}
.py-md-140 {
padding: 140px;
}
.px-md-140 {
padding: 140px;
}
.p-md-145 {
padding: 145px;
}
.pt-md-145 {
padding-top: 145px;
}
.pr-md-145 {
padding-right: 145px;
}
.pb-md-145 {
padding-bottom: 145px;
}
.pl-md-145 {
padding-left: 145px;
}
.py-md-145 {
padding: 145px;
}
.px-md-145 {
padding: 145px;
}
.p-md-150 {
padding: 150px;
}
.pt-md-150 {
padding-top: 150px;
}
.pr-md-150 {
padding-right: 150px;
}
.pb-md-150 {
padding-bottom: 150px;
}
.pl-md-150 {
padding-left: 150px;
}
.py-md-150 {
padding: 150px;
}
.px-md-150 {
padding: 150px;
}
.p-md-155 {
padding: 155px;
}
.pt-md-155 {
padding-top: 155px;
}
.pr-md-155 {
padding-right: 155px;
}
.pb-md-155 {
padding-bottom: 155px;
}
.pl-md-155 {
padding-left: 155px;
}
.py-md-155 {
padding: 155px;
}
.px-md-155 {
padding: 155px;
}
.p-md-160 {
padding: 160px;
}
.pt-md-160 {
padding-top: 160px;
}
.pr-md-160 {
padding-right: 160px;
}
.pb-md-160 {
padding-bottom: 160px;
}
.pl-md-160 {
padding-left: 160px;
}
.py-md-160 {
padding: 160px;
}
.px-md-160 {
padding: 160px;
}
}
@media (min-width: 992px) {
.p-lg-0 {
padding: 0px;
}
.pt-lg-0 {
padding-top: 0px;
}
.pr-lg-0 {
padding-right: 0px;
}
.pb-lg-0 {
padding-bottom: 0px;
}
.pl-lg-0 {
padding-left: 0px;
}
.py-lg-0 {
padding: 0px;
}
.px-lg-0 {
padding: 0px;
}
.p-lg-5 {
padding: 5px;
}
.pt-lg-5 {
padding-top: 5px;
}
.pr-lg-5 {
padding-right: 5px;
}
.pb-lg-5 {
padding-bottom: 5px;
}
.pl-lg-5 {
padding-left: 5px;
}
.py-lg-5 {
padding: 5px;
}
.px-lg-5 {
padding: 5px;
}
.p-lg-10 {
padding: 10px;
}
.pt-lg-10 {
padding-top: 10px;
}
.pr-lg-10 {
padding-right: 10px;
}
.pb-lg-10 {
padding-bottom: 10px;
}
.pl-lg-10 {
padding-left: 10px;
}
.py-lg-10 {
padding: 10px;
}
.px-lg-10 {
padding: 10px;
}
.p-lg-15 {
padding: 15px;
}
.pt-lg-15 {
padding-top: 15px;
}
.pr-lg-15 {
padding-right: 15px;
}
.pb-lg-15 {
padding-bottom: 15px;
}
.pl-lg-15 {
padding-left: 15px;
}
.py-lg-15 {
padding: 15px;
}
.px-lg-15 {
padding: 15px;
}
.p-lg-20 {
padding: 20px;
}
.pt-lg-20 {
padding-top: 20px;
}
.pr-lg-20 {
padding-right: 20px;
}
.pb-lg-20 {
padding-bottom: 20px;
}
.pl-lg-20 {
padding-left: 20px;
}
.py-lg-20 {
padding: 20px;
}
.px-lg-20 {
padding: 20px;
}
.p-lg-25 {
padding: 25px;
}
.pt-lg-25 {
padding-top: 25px;
}
.pr-lg-25 {
padding-right: 25px;
}
.pb-lg-25 {
padding-bottom: 25px;
}
.pl-lg-25 {
padding-left: 25px;
}
.py-lg-25 {
padding: 25px;
}
.px-lg-25 {
padding: 25px;
}
.p-lg-30 {
padding: 30px;
}
.pt-lg-30 {
padding-top: 30px;
}
.pr-lg-30 {
padding-right: 30px;
}
.pb-lg-30 {
padding-bottom: 30px;
}
.pl-lg-30 {
padding-left: 30px;
}
.py-lg-30 {
padding: 30px;
}
.px-lg-30 {
padding: 30px;
}
.p-lg-35 {
padding: 35px;
}
.pt-lg-35 {
padding-top: 35px;
}
.pr-lg-35 {
padding-right: 35px;
}
.pb-lg-35 {
padding-bottom: 35px;
}
.pl-lg-35 {
padding-left: 35px;
}
.py-lg-35 {
padding: 35px;
}
.px-lg-35 {
padding: 35px;
}
.p-lg-40 {
padding: 40px;
}
.pt-lg-40 {
padding-top: 40px;
}
.pr-lg-40 {
padding-right: 40px;
}
.pb-lg-40 {
padding-bottom: 40px;
}
.pl-lg-40 {
padding-left: 40px;
}
.py-lg-40 {
padding: 40px;
}
.px-lg-40 {
padding: 40px;
}
.p-lg-45 {
padding: 45px;
}
.pt-lg-45 {
padding-top: 45px;
}
.pr-lg-45 {
padding-right: 45px;
}
.pb-lg-45 {
padding-bottom: 45px;
}
.pl-lg-45 {
padding-left: 45px;
}
.py-lg-45 {
padding: 45px;
}
.px-lg-45 {
padding: 45px;
}
.p-lg-50 {
padding: 50px;
}
.pt-lg-50 {
padding-top: 50px;
}
.pr-lg-50 {
padding-right: 50px;
}
.pb-lg-50 {
padding-bottom: 50px;
}
.pl-lg-50 {
padding-left: 50px;
}
.py-lg-50 {
padding: 50px;
}
.px-lg-50 {
padding: 50px;
}
.p-lg-55 {
padding: 55px;
}
.pt-lg-55 {
padding-top: 55px;
}
.pr-lg-55 {
padding-right: 55px;
}
.pb-lg-55 {
padding-bottom: 55px;
}
.pl-lg-55 {
padding-left: 55px;
}
.py-lg-55 {
padding: 55px;
}
.px-lg-55 {
padding: 55px;
}
.p-lg-60 {
padding: 60px;
}
.pt-lg-60 {
padding-top: 60px;
}
.pr-lg-60 {
padding-right: 60px;
}
.pb-lg-60 {
padding-bottom: 60px;
}
.pl-lg-60 {
padding-left: 60px;
}
.py-lg-60 {
padding: 60px;
}
.px-lg-60 {
padding: 60px;
}
.p-lg-65 {
padding: 65px;
}
.pt-lg-65 {
padding-top: 65px;
}
.pr-lg-65 {
padding-right: 65px;
}
.pb-lg-65 {
padding-bottom: 65px;
}
.pl-lg-65 {
padding-left: 65px;
}
.py-lg-65 {
padding: 65px;
}
.px-lg-65 {
padding: 65px;
}
.p-lg-70 {
padding: 70px;
}
.pt-lg-70 {
padding-top: 70px;
}
.pr-lg-70 {
padding-right: 70px;
}
.pb-lg-70 {
padding-bottom: 70px;
}
.pl-lg-70 {
padding-left: 70px;
}
.py-lg-70 {
padding: 70px;
}
.px-lg-70 {
padding: 70px;
}
.p-lg-75 {
padding: 75px;
}
.pt-lg-75 {
padding-top: 75px;
}
.pr-lg-75 {
padding-right: 75px;
}
.pb-lg-75 {
padding-bottom: 75px;
}
.pl-lg-75 {
padding-left: 75px;
}
.py-lg-75 {
padding: 75px;
}
.px-lg-75 {
padding: 75px;
}
.p-lg-80 {
padding: 80px;
}
.pt-lg-80 {
padding-top: 80px;
}
.pr-lg-80 {
padding-right: 80px;
}
.pb-lg-80 {
padding-bottom: 80px;
}
.pl-lg-80 {
padding-left: 80px;
}
.py-lg-80 {
padding: 80px;
}
.px-lg-80 {
padding: 80px;
}
.p-lg-85 {
padding: 85px;
}
.pt-lg-85 {
padding-top: 85px;
}
.pr-lg-85 {
padding-right: 85px;
}
.pb-lg-85 {
padding-bottom: 85px;
}
.pl-lg-85 {
padding-left: 85px;
}
.py-lg-85 {
padding: 85px;
}
.px-lg-85 {
padding: 85px;
}
.p-lg-90 {
padding: 90px;
}
.pt-lg-90 {
padding-top: 90px;
}
.pr-lg-90 {
padding-right: 90px;
}
.pb-lg-90 {
padding-bottom: 90px;
}
.pl-lg-90 {
padding-left: 90px;
}
.py-lg-90 {
padding: 90px;
}
.px-lg-90 {
padding: 90px;
}
.p-lg-95 {
padding: 95px;
}
.pt-lg-95 {
padding-top: 95px;
}
.pr-lg-95 {
padding-right: 95px;
}
.pb-lg-95 {
padding-bottom: 95px;
}
.pl-lg-95 {
padding-left: 95px;
}
.py-lg-95 {
padding: 95px;
}
.px-lg-95 {
padding: 95px;
}
.p-lg-100 {
padding: 100px;
}
.pt-lg-100 {
padding-top: 100px;
}
.pr-lg-100 {
padding-right: 100px;
}
.pb-lg-100 {
padding-bottom: 100px;
}
.pl-lg-100 {
padding-left: 100px;
}
.py-lg-100 {
padding: 100px;
}
.px-lg-100 {
padding: 100px;
}
.p-lg-105 {
padding: 105px;
}
.pt-lg-105 {
padding-top: 105px;
}
.pr-lg-105 {
padding-right: 105px;
}
.pb-lg-105 {
padding-bottom: 105px;
}
.pl-lg-105 {
padding-left: 105px;
}
.py-lg-105 {
padding: 105px;
}
.px-lg-105 {
padding: 105px;
}
.p-lg-110 {
padding: 110px;
}
.pt-lg-110 {
padding-top: 110px;
}
.pr-lg-110 {
padding-right: 110px;
}
.pb-lg-110 {
padding-bottom: 110px;
}
.pl-lg-110 {
padding-left: 110px;
}
.py-lg-110 {
padding: 110px;
}
.px-lg-110 {
padding: 110px;
}
.p-lg-115 {
padding: 115px;
}
.pt-lg-115 {
padding-top: 115px;
}
.pr-lg-115 {
padding-right: 115px;
}
.pb-lg-115 {
padding-bottom: 115px;
}
.pl-lg-115 {
padding-left: 115px;
}
.py-lg-115 {
padding: 115px;
}
.px-lg-115 {
padding: 115px;
}
.p-lg-120 {
padding: 120px;
}
.pt-lg-120 {
padding-top: 120px;
}
.pr-lg-120 {
padding-right: 120px;
}
.pb-lg-120 {
padding-bottom: 120px;
}
.pl-lg-120 {
padding-left: 120px;
}
.py-lg-120 {
padding: 120px;
}
.px-lg-120 {
padding: 120px;
}
.p-lg-125 {
padding: 125px;
}
.pt-lg-125 {
padding-top: 125px;
}
.pr-lg-125 {
padding-right: 125px;
}
.pb-lg-125 {
padding-bottom: 125px;
}
.pl-lg-125 {
padding-left: 125px;
}
.py-lg-125 {
padding: 125px;
}
.px-lg-125 {
padding: 125px;
}
.p-lg-130 {
padding: 130px;
}
.pt-lg-130 {
padding-top: 130px;
}
.pr-lg-130 {
padding-right: 130px;
}
.pb-lg-130 {
padding-bottom: 130px;
}
.pl-lg-130 {
padding-left: 130px;
}
.py-lg-130 {
padding: 130px;
}
.px-lg-130 {
padding: 130px;
}
.p-lg-135 {
padding: 135px;
}
.pt-lg-135 {
padding-top: 135px;
}
.pr-lg-135 {
padding-right: 135px;
}
.pb-lg-135 {
padding-bottom: 135px;
}
.pl-lg-135 {
padding-left: 135px;
}
.py-lg-135 {
padding: 135px;
}
.px-lg-135 {
padding: 135px;
}
.p-lg-140 {
padding: 140px;
}
.pt-lg-140 {
padding-top: 140px;
}
.pr-lg-140 {
padding-right: 140px;
}
.pb-lg-140 {
padding-bottom: 140px;
}
.pl-lg-140 {
padding-left: 140px;
}
.py-lg-140 {
padding: 140px;
}
.px-lg-140 {
padding: 140px;
}
.p-lg-145 {
padding: 145px;
}
.pt-lg-145 {
padding-top: 145px;
}
.pr-lg-145 {
padding-right: 145px;
}
.pb-lg-145 {
padding-bottom: 145px;
}
.pl-lg-145 {
padding-left: 145px;
}
.py-lg-145 {
padding: 145px;
}
.px-lg-145 {
padding: 145px;
}
.p-lg-150 {
padding: 150px;
}
.pt-lg-150 {
padding-top: 150px;
}
.pr-lg-150 {
padding-right: 150px;
}
.pb-lg-150 {
padding-bottom: 150px;
}
.pl-lg-150 {
padding-left: 150px;
}
.py-lg-150 {
padding: 150px;
}
.px-lg-150 {
padding: 150px;
}
.p-lg-155 {
padding: 155px;
}
.pt-lg-155 {
padding-top: 155px;
}
.pr-lg-155 {
padding-right: 155px;
}
.pb-lg-155 {
padding-bottom: 155px;
}
.pl-lg-155 {
padding-left: 155px;
}
.py-lg-155 {
padding: 155px;
}
.px-lg-155 {
padding: 155px;
}
.p-lg-160 {
padding: 160px;
}
.pt-lg-160 {
padding-top: 160px;
}
.pr-lg-160 {
padding-right: 160px;
}
.pb-lg-160 {
padding-bottom: 160px;
}
.pl-lg-160 {
padding-left: 160px;
}
.py-lg-160 {
padding: 160px;
}
.px-lg-160 {
padding: 160px;
}
}
/*Borders*/
.background-evidence {
background-color: rgba(0, 0, 0, 0.06);
}
.border-1-transparent {
border: 1px solid transparent;
}
.border-0 {
border: none;
}
.border-1 {
border: 1px solid rgba(0, 0, 0, 0.15);
}
.border-2 {
border: 2px solid rgba(0, 0, 0, 0.15);
}
.border-3 {
border: 3px solid rgba(0, 0, 0, 0.15);
}
.border-1-dashed {
border: 1px dashed rgba(0, 0, 0, 0.15);
}
.border-top-1 {
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.border-left-1 {
border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.border-right-1 {
border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.border-bottom-1 {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.border-bottom-3 {
border-bottom: 3px solid rgba(0, 0, 0, 0.06);
}
/*Shadow*/
.no-drop-shadow {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/*Display*/
.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
}
.flex-row {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
}
.flex-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important;
}
.flex-column {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.flex-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important;
}
.flex-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important;
}
.flex-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important;
}
.flex-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important;
}
/* Flex Alignment*/
.align-items-start {
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
}
.align-items-end {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end !important;
}
.align-items-center {
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
.align-items-baseline {
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
}
.align-items-stretch {
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.justify-content-start {
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
}
.justify-content-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end !important;
}
.justify-content-center {
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.justify-content-between {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
}
.justify-content-around {
-webkit-box-pack: distribute!important;
-ms-flex-pack: distribute!important;
justify-content: space-around !important;
}
/*Order*/
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
/*Image*/
.object-fit {
-o-object-fit: cover;
-webkit-object-fit: cover;
object-fit: cover;
}
.object-position {
object-position: top center;
}
.image-rendering {
image-rendering: pixelated;
}
/** Animation **/
/** FadeIn animation **/
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/** Fade In Down **/
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
/** Fade In Top **/
@-webkit-keyframes fadeInTop {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInTop {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInTop {
-webkit-animation-name: fadeInTop;
animation-name: fadeInTop;
}
/** FadeOut animation **/
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
/** Fade Out Up **/
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-10px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-10px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
/** Fade Out Down **/
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(10px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(10px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes arrowSlide {
0% {
background-position: 0 0;
}
50% {
background-position: 8px -8px;
}
50.1% {
background-position: -8px 8px;
}
100% {
background-position: 0 0;
}
}
@keyframes arrowSlide {
0% {
background-position: 0 0;
}
50% {
background-position: 8px -8px;
}
50.1% {
background-position: -8px 8px;
}
100% {
background-position: 0 0;
}
}
.arrowSlide {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes strokeAnime {
0% {
opacity: 1;
stroke-dashoffset: 0;
}
100% {
opacity: 1;
stroke-dashoffset: 100;
}
}
@keyframes strokeAnime {
0% {
opacity: 1;
stroke-dashoffset: 0;
}
100% {
opacity: 1;
stroke-dashoffset: 100;
}
}
.strokeAnime {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
/* BlockGrid */
/* BLOCKGRID */
[class*="block-grid-"] {
display: block;
margin: -15px;
padding: 0 .9375rem;
}
[class*="block-grid-"]:before,
[class*="block-grid-"]:after {
content: " ";
display: table;
}
[class*="block-grid-"]:after {
clear: both;
}
[class*="block-grid-"] > * {
display: inline;
padding: 15px;
height: auto;
float: left;
list-style: none;
}
.block-grid-xs-1 > * {
width: 100%;
}
.block-grid-xs-1 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-1 > *:nth-of-type(1n+1) {
clear: both;
}
.block-grid-xs-2 > * {
width: 50%;
}
.block-grid-xs-2 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-2 > *:nth-of-type(2n+1) {
clear: both;
}
.block-grid-xs-3 > * {
width: 33.333333333333336%;
}
.block-grid-xs-3 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-3 > *:nth-of-type(3n+1) {
clear: both;
}
.block-grid-xs-4 > * {
width: 25%;
}
.block-grid-xs-4 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-4 > *:nth-of-type(4n+1) {
clear: both;
}
.block-grid-xs-5 > * {
width: 20%;
}
.block-grid-xs-5 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-5 > *:nth-of-type(5n+1) {
clear: both;
}
.block-grid-xs-6 > * {
width: 16.666666666666668%;
}
.block-grid-xs-6 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-6 > *:nth-of-type(6n+1) {
clear: both;
}
.block-grid-xs-7 > * {
width: 14.285714285714286%;
}
.block-grid-xs-7 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-7 > *:nth-of-type(7n+1) {
clear: both;
}
.block-grid-xs-8 > * {
width: 12.5%;
}
.block-grid-xs-8 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-8 > *:nth-of-type(8n+1) {
clear: both;
}
.block-grid-xs-9 > * {
width: 11.11111111111111%;
}
.block-grid-xs-9 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-9 > *:nth-of-type(9n+1) {
clear: both;
}
.block-grid-xs-10 > * {
width: 10%;
}
.block-grid-xs-10 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-10 > *:nth-of-type(10n+1) {
clear: both;
}
.block-grid-xs-11 > * {
width: 9.090909090909092%;
}
.block-grid-xs-11 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-11 > *:nth-of-type(11n+1) {
clear: both;
}
.block-grid-xs-12 > * {
width: 8.333333333333334%;
}
.block-grid-xs-12 > *:nth-of-type(n) {
clear: none;
}
.block-grid-xs-12 > *:nth-of-type(12n+1) {
clear: both;
}
@media (min-width: 768px) {
.block-grid-sm-1 > * {
width: 100%;
}
.block-grid-sm-1 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-1 > *:nth-of-type(1n+1) {
clear: both;
}
.block-grid-sm-2 > * {
width: 50%;
}
.block-grid-sm-2 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-2 > *:nth-of-type(2n+1) {
clear: both;
}
.block-grid-sm-3 > * {
width: 33.333333333333336%;
}
.block-grid-sm-3 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-3 > *:nth-of-type(3n+1) {
clear: both;
}
.block-grid-sm-4 > * {
width: 25%;
}
.block-grid-sm-4 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-4 > *:nth-of-type(4n+1) {
clear: both;
}
.block-grid-sm-5 > * {
width: 20%;
}
.block-grid-sm-5 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-5 > *:nth-of-type(5n+1) {
clear: both;
}
.block-grid-sm-6 > * {
width: 16.666666666666668%;
}
.block-grid-sm-6 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-6 > *:nth-of-type(6n+1) {
clear: both;
}
.block-grid-sm-7 > * {
width: 14.285714285714286%;
}
.block-grid-sm-7 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-7 > *:nth-of-type(7n+1) {
clear: both;
}
.block-grid-sm-8 > * {
width: 12.5%;
}
.block-grid-sm-8 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-8 > *:nth-of-type(8n+1) {
clear: both;
}
.block-grid-sm-9 > * {
width: 11.11111111111111%;
}
.block-grid-sm-9 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-9 > *:nth-of-type(9n+1) {
clear: both;
}
.block-grid-sm-10 > * {
width: 10%;
}
.block-grid-sm-10 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-10 > *:nth-of-type(10n+1) {
clear: both;
}
.block-grid-sm-11 > * {
width: 9.090909090909092%;
}
.block-grid-sm-11 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-11 > *:nth-of-type(11n+1) {
clear: both;
}
.block-grid-sm-12 > * {
width: 8.333333333333334%;
}
.block-grid-sm-12 > *:nth-of-type(n) {
clear: none;
}
.block-grid-sm-12 > *:nth-of-type(12n+1) {
clear: both;
}
}
@media (min-width: 992px) {
.block-grid-md-1 > * {
width: 100%;
}
.block-grid-md-1 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-1 > *:nth-of-type(1n+1) {
clear: both;
}
.block-grid-md-2 > * {
width: 50%;
}
.block-grid-md-2 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-2 > *:nth-of-type(2n+1) {
clear: both;
}
.block-grid-md-3 > * {
width: 33.333333333333336%;
}
.block-grid-md-3 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-3 > *:nth-of-type(3n+1) {
clear: both;
}
.block-grid-md-4 > * {
width: 25%;
}
.block-grid-md-4 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-4 > *:nth-of-type(4n+1) {
clear: both;
}
.block-grid-md-5 > * {
width: 20%;
}
.block-grid-md-5 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-5 > *:nth-of-type(5n+1) {
clear: both;
}
.block-grid-md-6 > * {
width: 16.666666666666668%;
}
.block-grid-md-6 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-6 > *:nth-of-type(6n+1) {
clear: both;
}
.block-grid-md-7 > * {
width: 14.285714285714286%;
}
.block-grid-md-7 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-7 > *:nth-of-type(7n+1) {
clear: both;
}
.block-grid-md-8 > * {
width: 12.5%;
}
.block-grid-md-8 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-8 > *:nth-of-type(8n+1) {
clear: both;
}
.block-grid-md-9 > * {
width: 11.11111111111111%;
}
.block-grid-md-9 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-9 > *:nth-of-type(9n+1) {
clear: both;
}
.block-grid-md-10 > * {
width: 10%;
}
.block-grid-md-10 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-10 > *:nth-of-type(10n+1) {
clear: both;
}
.block-grid-md-11 > * {
width: 9.090909090909092%;
}
.block-grid-md-11 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-11 > *:nth-of-type(11n+1) {
clear: both;
}
.block-grid-md-12 > * {
width: 8.333333333333334%;
}
.block-grid-md-12 > *:nth-of-type(n) {
clear: none;
}
.block-grid-md-12 > *:nth-of-type(12n+1) {
clear: both;
}
}
@media (min-width: 1200px) {
.block-grid-lg-1 > * {
width: 100%;
}
.block-grid-lg-1 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-1 > *:nth-of-type(1n+1) {
clear: both;
}
.block-grid-lg-2 > * {
width: 50%;
}
.block-grid-lg-2 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-2 > *:nth-of-type(2n+1) {
clear: both;
}
.block-grid-lg-3 > * {
width: 33.333333333333336%;
}
.block-grid-lg-3 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-3 > *:nth-of-type(3n+1) {
clear: both;
}
.block-grid-lg-4 > * {
width: 25%;
}
.block-grid-lg-4 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-4 > *:nth-of-type(4n+1) {
clear: both;
}
.block-grid-lg-5 > * {
width: 20%;
}
.block-grid-lg-5 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-5 > *:nth-of-type(5n+1) {
clear: both;
}
.block-grid-lg-6 > * {
width: 16.666666666666668%;
}
.block-grid-lg-6 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-6 > *:nth-of-type(6n+1) {
clear: both;
}
.block-grid-lg-7 > * {
width: 14.285714285714286%;
}
.block-grid-lg-7 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-7 > *:nth-of-type(7n+1) {
clear: both;
}
.block-grid-lg-8 > * {
width: 12.5%;
}
.block-grid-lg-8 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-8 > *:nth-of-type(8n+1) {
clear: both;
}
.block-grid-lg-9 > * {
width: 11.11111111111111%;
}
.block-grid-lg-9 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-9 > *:nth-of-type(9n+1) {
clear: both;
}
.block-grid-lg-10 > * {
width: 10%;
}
.block-grid-lg-10 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-10 > *:nth-of-type(10n+1) {
clear: both;
}
.block-grid-lg-11 > * {
width: 9.090909090909092%;
}
.block-grid-lg-11 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-11 > *:nth-of-type(11n+1) {
clear: both;
}
.block-grid-lg-12 > * {
width: 8.333333333333334%;
}
.block-grid-lg-12 > *:nth-of-type(n) {
clear: none;
}
.block-grid-lg-12 > *:nth-of-type(12n+1) {
clear: both;
}
}
/* Compless customization */
/* Icon customization */
@font-face {
font-family: 'FontAwesome';
src: url('icons/font-awesome/fontawesome-webfont.eot?v=4.7.0');
src: url('icons/font-awesome/fontawesome-webfont.eot?v=4.7.0#iefix') format('embedded-opentype'), url('icons/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('icons/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('icons/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('icons/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
/************************************************
* Aggiunta Container Bootstrap *
************************************************/
@media (min-width: 1430px) {
.container-xxl {
width: 1340px;
max-width: 100%;
}
}
.text-left {
text-align: left !important;
}
.text-center {
text-align: center !important;
}
.text-right {
text-align: right !important;
}
/************************************************
* Generali *
************************************************/
* {
border: 0 none;
margin: 0 auto;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 10px;
width: 100%;
font-family: "FarseL";
font-style: inherit;
font-weight: inherit;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
text-rendering: auto;
}
body {
width: 100%;
font-family: "FarseL";
font-style: inherit;
font-weight: inherit;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
text-rendering: auto;
font-size: 1.200rem;
cursor: default;
text-align: center;
margin: 0 auto;
overflow-x: hidden;
background: #ffffff;
transition: background 1s ease;
}
img {
background-color: transparent;
zoom: 1;
}
h1 {
font-family: "FarseL";
}
h2 {
font-family: "FarseL";
}
h3 {
font-family: "FarseL";
}
h4 {
font-family: "FarseL";
}
a {
text-decoration: none;
color: #000000;
outline: 0;
}
a:hover {
color: #a9a9a9;
text-decoration: none;
}
a:focus {
color: #a9a9a9;
text-decoration: none;
}
/** Link Generico **/
#panelBox {
padding-bottom: 6.000rem;
}
#panelBox #panelContentText a:not([class]),
#panelBox #panelContentTextExt a:not([class]) {
text-decoration: underline;
}
b {
font-weight: 700;
}
strong {
font-weight: 700;
}
/****************************************************************
* Stili per Filatelia *
****************************************************************/
.bg-light {
/*background-color: @princ-color-05!important;*/
}
/****************************************************************
* Stili per Filatelia *
****************************************************************/
.simboliFilatelia {
width: 100%;
position: relative;
display: block;
clear: both;
font-family: 'ThetisStampRegular';
font-size: 2rem;
line-height: 2rem;
margin-top: 1rem;
}
.simboliWinga {
clear: both;
width: 54px;
font-family: 'ThetisStampRegular';
font-size: 13pt;
line-height: 13pt;
}
/****************************************************************
* Stili per funzioni di tooltip *
****************************************************************/
.tooltip > .tooltip-inner {
background-color: #ffffff;
color: #000000;
padding: 5px 15px;
font-weight: normal;
font-family: "FarseL";
font-size: 1.200rem;
border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
/*Custom Tooltip*/
.custom-tooltip-class {
/* Imposta una transizione veloce per il posizionamento del tooltip quando è posizionato a destra */
}
.custom-tooltip-class .tooltip-inner {
min-width: 350px;
padding: 5px;
width: auto;
}
.custom-tooltip-class.tooltip[data-placement="left"] {
transition: left 0.6s ease;
}
.custom-tooltip-class.tooltip[data-placement="right"] {
transition: left 0.6s ease;
/* Modifica la durata e la curva di accelerazione a tuo piacimento */
}
.custom-tooltipBig-class .tooltip-inner {
min-width: 350px;
padding: 25px 15px;
text-align: left;
width: auto;
}
.tooltip.noArrow > .arrow {
display: none;
}
.tooltip.uppercase > .tooltip-inner {
text-transform: uppercase;
line-height: 0.100rem;
}
.tooltip.white-tooltip > .tooltip-inner {
color: #ffffff;
}
.tooltip .lotPrevNextLot {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
.tooltip .lotPrevNextLot img {
aspect-ratio: 1;
object-fit: contain;
background: #f0efee;
border-radius: 3px;
max-width: 80px;
padding: 5px;
}
.tooltip .lotPrevNextLot .title {
-ms-flex-positive: 1!important;
flex-grow: 1!important;
padding: 0 15px;
}
.tooltip .lotPrevNextLot .title h4 {
font-size: 1.400rem;
}
.tooltip.bs-tether-element-attached-top,
.tooltip .tooltip.tooltip-bottom {
padding: 0 0;
margin-top: 3px;
}
.tooltip.bs-tether-element-attached-top .tooltip-inner:before {
border-bottom: 0 solid #000000;
}
.tooltip.bs-tether-element-attached-left .tooltip-inner:before {
border-right: 0 solid #000000;
}
.tooltip.bs-tether-element-attached-bottom .tooltip-inner:before {
border-top: 0 solid #000000;
}
.tooltip.bs-tether-element-attached-right .tooltip-inner:before {
border-left: 0 solid #000000;
}
/****************************************************************
* Stili per funzioni di Popover *
****************************************************************/
.popover {
background-color: #ffffff;
border-radius: 0.100rem;
color: #000000;
font-weight: normal;
font-family: "FarseL";
font-size: 1.200rem;
border-color: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.popover .popover-content {
color: #000000;
padding: 0.500rem 1.500rem;
}
.popover .popover-title {
color: #000000;
padding: 0 15px;
font-family: "FarseL";
text-transform: uppercase;
font-weight: 700;
}
/****************************************************************
* Modal Bootstrap *
****************************************************************/
.modal .close {
position: absolute;
z-index: 1;
right: 10px !important;
top: 10px !important;
height: 3rem;
width: 3rem;
background: rgba(0, 0, 0, 0.35) !important;
border-radius: 50%;
font-size: 2.2rem;
padding: 0;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.modal .close:hover {
transform: rotate(90deg);
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
/************ Preloading ************/
div#preloaderHome,
div#loaderFB {
top: 0;
left: 0;
position: absolute;
z-index: 1000;
width: 100%;
height: 100%;
background-color: #F5F5F5;
cursor: wait;
padding-top: 300px;
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}
div.brclearboth {
clear: both;
height: 0;
line-height: 0px;
}
/************************************************
* Contenuto sito *
************************************************/
#cont {
padding: 0;
min-height: 100vh;
}
#auctionPanel {
padding-left: 0;
padding-right: 0;
margin-bottom: 5.000rem;
}
/************************************************
* Block Grid *
************************************************/
[class*="block-grid-"] {
margin-top: 0rem;
}
/************************************************
* Header *
************************************************/
#headerTop {
width: 100%;
height: 137px;
padding: 0;
margin: 0 auto;
clear: both;
position: relative;
}
#header-wrap {
margin-left: auto;
margin-right: auto;
position: relative;
}
#header-wrap-int {
margin-left: auto;
margin-right: auto;
position: relative;
}
/* ************* Menu head ************* */
#header {
padding-left: 0;
padding-right: 0;
border-bottom: 2px solid #000000;
}
#header .fixed {
top: 0;
position: relative;
width: 90%;
z-index: 100;
background-color: transparent;
}
@media screen and (max-width: 1400px) {
#header .fixed {
width: 95%;
background-color: #ffffff;
}
}
@media screen and (max-width: 1199px) {
#header .fixed {
width: 100%;
background-color: #ffffff;
}
}
#header .center-content-wrapper {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
#header .wrap-logo {
margin-left: 0;
padding: 40px 0 45px;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
#header .wrap-right {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
padding-bottom: 8px;
margin-right: 0;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
@media screen and (max-width: 1199px) {
#header .wrap-right {
padding: 0;
}
}
#header .wrap-right .navbar {
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
}
@media screen and (max-width: 1199px) {
#header .wrap-right .navbar {
padding: 0;
}
}
#header .logo {
height: 38px;
display: inline-block;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
/************ Home ************/
.templateHome #header {
border-bottom: none;
}
/************************************************
* Top Nav *
************************************************/
#header .button {
cursor: pointer;
display: block;
padding: 0 7px;
margin: 0;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#header .button {
font-family: "FarseL";
font-weight: 500;
font-size: 1.400rem;
text-decoration: none;
text-transform: uppercase;
}
#header .button.linkOn a {
color: #a9a9a9;
}
#header .button.sep {
cursor: default;
}
#header .button.sep:before {
content: "";
position: relative;
background-color: rgba(0, 0, 0, 0.15);
width: 21px;
height: 1px;
display: inline-block;
vertical-align: middle;
}
/************************************************
* User panel *
************************************************/
#pmyuserpanel.buttonPanel {
position: relative;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
margin: 0 1.400rem;
}
#pmyuserpanel {
/* Dropdown User */
}
#pmyuserpanel .CollapsiblePanel {
width: 340px;
top: auto !important;
right: 0 !important;
left: auto !important;
font-family: "FarseL";
font-weight: normal;
font-size: 1.300rem;
line-height: 1.400rem;
text-align: left;
padding: 0;
border-radius: 0;
margin-top: 1.500rem;
border-left: 4px solid rgba(0, 0, 0, 0.35);
border-right: 4px solid rgba(0, 0, 0, 0.35);
border-top: 4px solid rgba(0, 0, 0, 0.35);
border-bottom: 4px solid rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
#pmyuserpanel .CollapsiblePanel .btn.butSecond {
margin-bottom: 0.500rem;
}
#pmyuserpanel hr {
height: 2px;
background: #000000;
}
#pmyuserpanel .panel_altReg .btn.butSecond {
font-family: "FarseL";
background: #ffffff;
color: #000000;
cursor: pointer;
display: inline-block;
padding: 1.000rem 2.500rem;
margin: 0.250rem 0;
white-space: normal;
border-radius: 2px;
text-decoration: none;
text-transform: uppercase;
font-size: 1.200rem;
line-height: 1.600rem;
font-weight: 500;
outline: none;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#pmyuserpanel .panel_altReg .btn.butSecond:hover {
background: #000000;
color: #ffffff;
text-decoration: none;
border: 1px solid rgba(0, 0, 0, 0);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#pmyuserpanel .panel_altReg .btn.butSecond.selClass {
background: rgba(0, 0, 0, 0.15);
color: #000000;
border: 1px solid rgba(0, 0, 0, 0);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#pmyuserpanel .label {
font-family: "FarseL";
font-weight: normal;
font-size: 1.400rem;
line-height: 1.800rem;
padding: 5px 0;
margin: 0;
border: 0;
background: transparent;
}
#pmyuserpanel .btn.btnMyPanel {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
font-size: 1.400rem;
line-height: normal;
font-weight: 500;
color: #000000;
overflow: hidden;
padding: 0;
position: relative;
text-decoration: none;
margin: 0;
z-index: 0;
border: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#pmyuserpanel .btn.btnMyPanel:hover {
border: 0;
color: #a9a9a9;
background: transparent;
}
#pmyuserpanel .btn.btnMyPanel .icon {
display: none;
}
#pmyuserpanel .btnUserPanel.logUser {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
font-family: "FarseL";
font-weight: 500;
font-size: 1.400rem;
color: #000000;
padding-left: 0.500rem;
padding-right: 0.500rem;
margin: 0!important;
border: 0;
white-space: nowrap;
}
#pmyuserpanel .btnUserPanel.logUser .icon {
display: none;
}
#pmyuserpanel .btnUserPanel.logUser span {
display: block;
}
#pmyuserpanel .btnUserPanel.logUser:after {
content: none!important;
}
#pmyuserpanel .btnUserPanel.logUser:hover {
color: #a9a9a9;
}
#pmyuserpanel .btnUserPanel.logUser:hover .icon {
background: #a9a9a9 no-repeat center;
}
#pmyuserpanel .btnUserPanel.logOut {
font-family: "FarseL";
font-weight: 500;
font-size: 1.400rem;
color: #000000;
padding-left: 0.500rem;
padding-right: 0.500rem;
margin: 0!important;
border: 0;
white-space: nowrap;
}
#pmyuserpanel .btnUserPanel.logOut .icon {
display: block;
display: none;
width: 25px;
height: 25px;
-webkit-mask: url("../images/svg/close.svg");
mask: url("../images/svg/close.svg");
mask-repeat: space round, no-repeat;
background: #000000 no-repeat center;
text-shadow: none;
}
#pmyuserpanel .btnUserPanel.logOut span {
display: block;
}
#pmyuserpanel .btnUserPanel.logOut:hover {
color: #a9a9a9;
}
#pmyuserpanel .btnUserPanel.logOut:hover .icon {
background: #a9a9a9 no-repeat center;
}
#pmyuserpanel .dropdown-menu {
/* User Menu */
list-style: none;
position: absolute;
text-transform: none;
padding: 1.500rem;
margin: 0;
white-space: nowrap;
height: auto;
text-align: left;
background: #FFFFFF;
left: auto;
width: 300px;
background-color: rgba(255, 255, 255, 0.95);
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px;
}
#pmyuserpanel .dropdown-menu.alignRight {
right: 0;
left: auto;
margin-top: 10px;
}
#pmyuserpanel .dropdown-menu li {
display: block;
position: relative;
padding: 0.250rem 0;
font-weight: normal;
text-align: left;
}
#pmyuserpanel .dropdown-menu li a {
font-family: "FarseL";
text-decoration: none;
white-space: nowrap;
background: none;
display: inline-block;
font-size: 1.200rem;
line-height: 1.2;
font-weight: 400;
color: #000000;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
#pmyuserpanel .dropdown-menu li a.nav-link {
font-family: "FarseL";
text-transform: none;
text-decoration: none;
white-space: nowrap;
background: none;
display: inline-block;
font-size: 1.600rem;
line-height: 1.2;
font-weight: 500;
color: #000000;
padding: 0;
padding-top: 1.000rem;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
#pmyuserpanel .dropdown-menu li:first-child a.nav-link {
padding-top: 0;
}
#pmyuserpanel .dropdown-menu li a:after,
#pmyuserpanel .dropdown-menu li > h2 a:after {
content: "";
display: block;
height: 1px;
background: #a9a9a9;
will-change: transform;
transition: -webkit-transform 0.5s cubic-bezier(0.3, 0, 0, 1);
transition: transform 0.5s cubic-bezier(0.3, 0, 0, 1);
transition: transform 0.5s cubic-bezier(0.3, 0, 0, 1), -webkit-transform 0.5s cubic-bezier(0.3, 0, 0, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
#pmyuserpanel .dropdown-menu li a:hover {
display: inline-block;
text-decoration: none;
color: #666666;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#pmyuserpanel .dropdown-menu li a:hover:after,
#pmyuserpanel .dropdown-menu li a:focus:after,
#pmyuserpanel .dropdown-menu li:hover > h2 a:after {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: none;
transform: none;
}
/************************************************
* Main Menu *
************************************************/
#pnavmenu .dropdown-toggle:after {
content: none ;
}
#pnavmenu .dropdown .dropdown-menu {
border-radius: 0;
opacity: 1;
visibility: visible;
position: absolute;
transition: .3s all;
transform: translateY(30px);
transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
}
#pnavmenu {
/* gestisce la voce di menu' selezionata */
/* 5.1 Menu navmenu - subnavmenu*/
}
#pnavmenu .navmenu {
list-style: none;
width: auto;
padding: 0px;
margin: 0;
text-align: right;
}
#pnavmenu .navmenu li.top {
display: inline-block;
position: relative;
margin: 0px;
padding: 0px;
padding-left: 0.750rem;
padding-right: 0.750rem;
}
#pnavmenu .navmenu li.top a {
position: relative;
color: #000000;
font-family: "FarseL";
font-size: 1.400rem;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
padding: 0;
transition: color 0.25s ease-in-out;
-webkit-transition: color 0.25s ease-in-out;
-moz-transition: color 0.25s ease-in-out;
-o-transition: color 0.25s ease-in-out;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 1200px) {
#pnavmenu .navmenu li.top a {
font-size: 1.700rem;
}
}
#pnavmenu .navmenu li.top a:hover,
#pnavmenu .navmenu li.top a:focus,
#pnavmenu .navmenu li.top:hover > a {
display: block;
text-decoration: none;
color: #a9a9a9;
transition: color 0.65s ease-in-out;
-webkit-transition: color 0.65s ease-in-out;
-moz-transition: color 0.65s ease-in-out;
-o-transition: color 0.65s ease-in-out;
}
#pnavmenu .active a {
color: #8b8988;
}
#pnavmenu .navmenu ul.subnavmenu {
list-style: none;
position: absolute;
display: none;
text-transform: none;
padding: 1.500rem;
margin: 0;
white-space: nowrap;
height: auto;
text-align: left;
background: #FFFFFF;
left: auto;
min-width: 280px;
background-color: rgba(255, 255, 255, 0.95);
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px;
}
#pnavmenu .navmenu .nav-item:last-child ul.subnavmenu {
right: 0;
}
#pnavmenu .navmenu ul.subnavmenu li {
display: block;
position: relative;
padding: 0.250rem 0;
font-weight: normal;
text-align: left;
}
#pnavmenu .navmenu ul.subnavmenu li a {
font-family: "FarseL";
text-decoration: none;
white-space: nowrap;
background: none;
display: inline-block;
font-size: 1.200rem;
line-height: 1.400rem;
font-weight: normal;
text-transform: uppercase;
color: #000000;
}
#pnavmenu .navmenu ul.subnavmenu li a:after,
#pnavmenu .navmenu ul.subnavmenu li > h2 a:after {
content: "";
display: block;
height: 1px;
background: #a9a9a9;
will-change: transform;
transition: -webkit-transform 0.5s cubic-bezier(0.3, 0, 0, 1);
transition: transform 0.5s cubic-bezier(0.3, 0, 0, 1);
transition: transform 0.5s cubic-bezier(0.3, 0, 0, 1), -webkit-transform 0.5s cubic-bezier(0.3, 0, 0, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
#pnavmenu .navmenu ul.subnavmenu li a:hover {
display: inline-block;
text-decoration: none;
color: #a9a9a9;
transition: color 0.65s ease-in-out;
-webkit-transition: color 0.65s ease-in-out;
-moz-transition: color 0.65s ease-in-out;
-o-transition: color 0.65s ease-in-out;
}
#pnavmenu .navmenu ul.subnavmenu li a:hover:after,
#pnavmenu .navmenu ul.subnavmenu li a:focus:after,
#pnavmenu .navmenu ul.subnavmenu li:hover > h2 a:after {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: none;
transform: none;
}
/************************************************
* TOP Menu *
************************************************/
#ptopmenu {
margin: 0;
padding-right: 7px;
}
#ptopmenu .dropdown-toggle:after {
content: none ;
}
#ptopmenu .dropdown .dropdown-menu {
border-radius: 0;
opacity: 1;
visibility: visible;
position: absolute;
transition: .3s all;
transform: translateY(30px);
transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
}
#ptopmenu {
/* Menu navmenu - subnavmenu*/
}
#ptopmenu .navmenu .nav-item > a {
cursor: pointer;
display: block;
margin-left: 0;
padding: 0 7px;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#ptopmenu .navmenu .nav-item > a {
font-family: "FarseL";
font-size: 1.400rem;
font-weight: bold;
letter-spacing: -0.05rem;
background-color: #000000;
color: #ffffff;
border-radius: 2px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#ptopmenu .navmenu .nav-item > a:hover {
background-color: rgba(0, 0, 0, 0.35);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#ptopmenu .navmenu .nav-item + .nav-item > a {
margin-left: 0.500rem;
}
#ptopmenu .navmenu ul.subnavmenu {
list-style: none;
position: absolute;
display: none;
text-transform: none;
padding: 1.500rem;
margin: 0;
white-space: nowrap;
height: auto;
text-align: left;
background: #FFFFFF;
left: auto;
min-width: 280px;
background-color: rgba(255, 255, 255, 0.95);
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px;
}
#ptopmenu .navmenu ul.subnavmenu li {
display: block;
position: relative;
padding: 0.250rem 0;
font-weight: normal;
text-align: left;
}
#ptopmenu .navmenu ul.subnavmenu li a {
font-family: "FarseL";
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
background: none;
display: inline-block;
font-size: 1.200rem;
line-height: 1.400rem;
font-weight: normal;
color: #000000;
}
#ptopmenu .navmenu ul.subnavmenu li a:after,
#ptopmenu .navmenu ul.subnavmenu li > h2 a:after {
content: "";
display: block;
height: 1px;
background: #a9a9a9;
will-change: transform;
transition: -webkit-transform 0.5s cubic-bezier(0.3, 0, 0, 1);
transition: transform 0.5s cubic-bezier(0.3, 0, 0, 1);
transition: transform 0.5s cubic-bezier(0.3, 0, 0, 1), -webkit-transform 0.5s cubic-bezier(0.3, 0, 0, 1);
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
#ptopmenu .navmenu ul.subnavmenu li a:hover {
display: inline-block;
text-decoration: none;
color: #a9a9a9;
transition: color 0.65s ease-in-out;
-webkit-transition: color 0.65s ease-in-out;
-moz-transition: color 0.65s ease-in-out;
-o-transition: color 0.65s ease-in-out;
}
#ptopmenu .navmenu ul.subnavmenu li a:hover:after,
#ptopmenu .navmenu ul.subnavmenu li a:focus:after,
#ptopmenu .navmenu ul.subnavmenu li:hover > h2 a:after {
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: none;
transform: none;
}
/************************************************
* Button Mobile Menu *
************************************************/
#mobileButton.button .text {
display: none;
}
#mobileButton.button[aria-expanded*="false"] .icon {
display: block;
width: 25px;
height: 25px;
background-size: contain;
-webkit-mask: url("../images/svg/bars.svg");
mask: url("../images/svg/bars.svg");
mask-repeat: space round, no-repeat;
background: #000000 no-repeat center;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
#mobileButton.button[aria-expanded*="true"] .icon {
display: block;
width: 25px;
height: 25px;
background-size: contain;
-webkit-mask: url("../images/svg/bars.svg");
mask: url("../images/svg/bars.svg");
mask-repeat: space round, no-repeat;
background: #a9a9a9 no-repeat center;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
.templateHome #mobileButton.button[aria-expanded*="false"] .icon {
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.templateHome #mobileButton.button[aria-expanded*="false"] .icon {
background: #000000 no-repeat center;
}
}
/************************************************
* Menu Mobile *
************************************************/
#header #menuMobile {
/* Main Nav Menu */
}
#header #menuMobile.menu-panel #panelMainMenu ul li ul li a {
color: #000000;
}
#header #menuMobile.menu-panel #panelMainMenu ul li ul li a:hover {
color: #a9a9a9;
}
#header #menuMobile .button {
color: #000000;
text-align: left;
padding: 0;
}
/************************************************
* Menu Search *
************************************************/
.button.SearchTrigger {
cursor: pointer;
padding: 0 7px;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.button.SearchTrigger .icon {
display: block;
width: 21px;
height: 21px;
-webkit-mask: url("../images/svg/search.svg");
mask: url("../images/svg/search.svg");
mask-repeat: space round, no-repeat;
background: #000000 no-repeat center;
}
.button.SearchTrigger:hover .icon {
background: #a9a9a9 no-repeat center;
}
.button.SearchTrigger .text {
display: none;
}
/************************************************
* Menu Area Riservata *
************************************************/
.arearis-button {
cursor: pointer;
display: block;
float: left;
margin-top: 34px;
margin-left: 0;
padding: 5px 15px 4px 15px;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.arearis-button .icon {
display: none;
display: block;
width: 25px;
height: 25px;
-webkit-mask: url("../images/svg/lock.svg");
mask: url("../images/svg/lock.svg");
mask-repeat: space round, no-repeat;
background: #ffffff no-repeat center;
}
/************************************************
* Menu Panel *
************************************************/
#header {
/* Main Nav Menu */
/* Sec Nav Menu */
}
#header .menu-panel #panelMainMenu nav > ul {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
#header .menu-panel #panelMainMenu .menuEstesoContainer .titleMenu {
font-size: 1.600rem;
line-height: 1.4;
font-weight: 700;
padding-top: 1.500rem;
}
#header .menu-panel #panelMainMenu .menuEstesoContainer .item .pt-5 {
padding-top: 0!important;
}
#header .menu-panel #panelMainMenu .menuEstesoContainer .prossAsteMenu .asta {
font-size: 1.400rem;
line-height: 1.4;
padding-left: 0;
padding-right: 0;
padding-bottom: 2.500rem;
}
#header .menu-panel #panelMainMenu .menuEstesoContainer .prossAsteMenu .asta .title {
font-size: 1.600rem;
line-height: 1.4;
font-weight: 700;
}
#header .menu-panel #panelMainMenu .dropdown .dropdown-menu {
box-shadow: none;
}
#header .menu-panel #panelMainMenu ul li {
cursor: pointer;
margin: 0;
}
#header .menu-panel #panelMainMenu ul > li {
font-size: 1.800rem;
line-height: 1.4;
font-weight: 500;
text-align: left;
margin: 0;
}
#header .menu-panel #panelMainMenu ul > li + li {
margin-top: 0.500rem;
}
#header .menu-panel #panelMainMenu ul li.separtopmenu {
display: none;
}
#header .menu-panel #panelMainMenu ul li ul {
display: block!important;
text-align: left;
list-style: none;
margin: 0 0 1.500rem;
border: none;
}
#header .menu-panel #panelMainMenu ul li ul li,
#header .menu-panel #panelMainMenu div ul li ul li {
font-size: 1.400rem;
line-height: 1.2;
font-weight: normal;
text-transform: none;
}
#header .menu-panel #panelMainMenu ul > li a {
display: inline-block;
padding: 0.500rem 0;
color: #000000;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#header .menu-panel #panelMainMenu ul li a:hover {
color: rgba(0, 0, 0, 0.45);
border-bottom-color: rgba(0, 0, 0, 0.45);
}
#header .menu-panel #panelMainMenu ul li ul li a {
color: #000000;
border: none;
}
#header .menu-panel #panelMainMenu ul li ul li a:hover {
color: rgba(0, 0, 0, 0.45);
border-bottom-color: rgba(0, 0, 0, 0.45);
}
#header .menu-panel #panelMainMenu .dropdown-toggle:after {
font-family: "FontAwesome";
content: "\f107 ";
display: inline-block;
vertical-align: baseline;
border: 0;
width: auto;
height: auto;
position: absolute;
right: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
transition: all 0.6s;
}
#header .menu-panel #panelMainMenu .dropdown.open .dropdown-toggle:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: all 0.6s;
}
#header .menu-panel #panelSecMenu nav > ul {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
#header .menu-panel #panelSecMenu ul li {
cursor: pointer;
margin: 0;
}
#header .menu-panel #panelSecMenu ul > li {
font-size: 1.800rem;
line-height: 2.200rem;
font-weight: 500;
text-transform: uppercase;
text-align: left;
margin: 0;
}
#header .menu-panel #panelSecMenu ul > li + li {
margin-top: 0.500rem;
}
#header .menu-panel #panelSecMenu ul li.separtopmenu {
display: none;
}
#header .menu-panel #panelSecMenu ul li ul {
display: block!important;
text-align: left;
list-style: none;
margin: 0 0 1.500rem;
border: none;
}
#header .menu-panel #panelSecMenu ul li ul li,
#header .menu-panel #panelSecMenu div ul li ul li {
font-size: 1.300rem;
line-height: 1.600rem;
font-weight: normal;
text-transform: none;
}
#header .menu-panel #panelSecMenu ul > li a {
display: inline-block;
padding: 0.500rem 0;
color: #000000;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#header .menu-panel #panelSecMenu ul li a:hover {
color: rgba(0, 0, 0, 0.45);
border-bottom-color: rgba(0, 0, 0, 0.45);
}
#header .menu-panel #panelSecMenu ul li ul li a {
color: #000000;
border: none;
}
#header .menu-panel #panelSecMenu ul li ul li a:hover {
color: rgba(0, 0, 0, 0.45);
border-bottom-color: rgba(0, 0, 0, 0.45);
}
#header .menu-panel #panelSecMenu .dropdown-toggle:after {
font-family: "FontAwesome";
content: "\f107 ";
display: inline-block;
vertical-align: baseline;
border: 0;
width: auto;
height: auto;
position: absolute;
right: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
transition: all 0.6s;
}
#header .menu-panel #panelSecMenu .dropdown.open .dropdown-toggle:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: all 0.6s;
}
/************************************************
* Language Menu *
************************************************/
#header .languageTrigger.src-button {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
line-height: normal;
}
#header .languageTrigger.src-button .text {
position: relative;
font-family: "FarseL";
font-size: 0;
letter-spacing: 0;
text-decoration: none;
opacity: 1;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#header .languageTrigger.src-button .text:before {
content: "";
}
#header .languageTrigger.src-button .text:after {
position: relative;
font-family: "FarseL";
font-weight: 500;
font-size: 1.400rem;
color: #000000;
text-transform: uppercase;
text-decoration: none;
}
#header .languageTrigger.src-button .text[title^="Ita"]:after {
content: "It";
}
#header .languageTrigger.src-button .text[title^="Eng"]:after {
content: "En";
}
#header .languageTrigger.src-button .icon {
display: none;
width: 25px;
height: 25px;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 2091.9 2091.9' style='enable-background:new 0 0 2091.9 2091.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23111111;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0h2091.9v2091.9H0V0z'/%3E%3Cg%3E%3Cpath class='st1' d='M1045.9,1832.8c-433.9,0-786.9-353-786.9-786.9c0-433.9,353-786.9,786.9-786.9c433.9,0,786.9,353,786.9,786.9 C1832.8,1479.9,1479.8,1832.8,1045.9,1832.8z M1045.9,357.5c-379.6,0-688.5,308.8-688.5,688.5s308.9,688.5,688.5,688.5 c379.7,0,688.5-308.9,688.5-688.5S1425.6,357.5,1045.9,357.5z'/%3E%3Cpath class='st1' d='M841.1,1804c-17,0-33.6-8.8-42.7-24.7c-127.5-222.1-194.9-475.6-194.9-733.3c0-257.6,67.4-511.2,194.9-733.3 c13.5-23.6,43.6-31.6,67.1-18.2c23.6,13.5,31.7,43.6,18.2,67.1c-119,207.2-181.8,443.9-181.8,684.3c0,240.5,62.9,477.1,181.8,684.3 c13.5,23.6,5.4,53.6-18.2,67.1C857.8,1801.9,849.4,1804,841.1,1804z'/%3E%3Cpath class='st1' d='M1251,1803.9c-8.3,0-16.7-2.1-24.4-6.5c-23.5-13.6-31.7-43.6-18.2-67.1c119-207.2,181.8-443.7,181.8-684.3 c0-240.2-62.8-476.8-181.8-684.3c-13.5-23.6-5.4-53.6,18.2-67.1c23.6-13.5,53.6-5.3,67.1,18.2c127.4,222.3,194.8,475.8,194.8,733.2 c0,257.7-67.4,511.3-194.9,733.3C1284.6,1795,1268,1803.9,1251,1803.9z'/%3E%3Cpath class='st1' d='M472.8,1559.5c-18.9,0-37-11-45.1-29.4c-10.9-24.9,0.4-53.9,25.2-64.9c187.5-82.3,387-124,593.1-124 c206,0,405.5,41.7,592.7,123.9c24.9,10.9,36.2,40,25.3,64.8c-10.9,24.9-39.8,36.1-64.8,25.3c-174.7-76.7-360.9-115.6-553.2-115.6 c-192.4,0-378.7,38.9-553.6,115.8C486.1,1558.2,479.4,1559.5,472.8,1559.5z'/%3E%3Cpath class='st1' d='M1046.1,750.9c-206.3,0-405.9-41.7-593-124.1c-24.9-10.9-36.2-40-25.2-64.8c10.9-24.9,39.9-36.3,64.8-25.2 c174.6,76.8,360.8,115.7,553.4,115.7c192.4,0,378.5-38.9,553.4-115.8c24.9-10.7,53.9,0.4,64.8,25.3c10.9,24.8-0.4,53.9-25.2,64.8 C1451.7,709.2,1252.2,750.9,1046.1,750.9z'/%3E%3Cpath class='st1' d='M1783.6,1095.2H308.2c-27.2,0-49.2-22-49.2-49.2c0-27.2,22-49.2,49.2-49.2h1475.4c27.2,0,49.2,22,49.2,49.2 C1832.8,1073.2,1810.8,1095.2,1783.6,1095.2z'/%3E%3Cpath class='st1' d='M1045.9,1832.8c-27.2,0-49.2-22-49.2-49.2V308.2c0-27.2,22-49.2,49.2-49.2c27.2,0,49.2,22,49.2,49.2v1475.4 C1095.1,1810.8,1073.1,1832.8,1045.9,1832.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#header .languageTrigger.src-button:hover .icon {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 2091.9 2091.9' style='enable-background:new 0 0 2091.9 2091.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23777777;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0h2091.9v2091.9H0V0z'/%3E%3Cg%3E%3Cpath class='st1' d='M1045.9,1832.8c-433.9,0-786.9-353-786.9-786.9c0-433.9,353-786.9,786.9-786.9c433.9,0,786.9,353,786.9,786.9 C1832.8,1479.9,1479.8,1832.8,1045.9,1832.8z M1045.9,357.5c-379.6,0-688.5,308.8-688.5,688.5s308.9,688.5,688.5,688.5 c379.7,0,688.5-308.9,688.5-688.5S1425.6,357.5,1045.9,357.5z'/%3E%3Cpath class='st1' d='M841.1,1804c-17,0-33.6-8.8-42.7-24.7c-127.5-222.1-194.9-475.6-194.9-733.3c0-257.6,67.4-511.2,194.9-733.3 c13.5-23.6,43.6-31.6,67.1-18.2c23.6,13.5,31.7,43.6,18.2,67.1c-119,207.2-181.8,443.9-181.8,684.3c0,240.5,62.9,477.1,181.8,684.3 c13.5,23.6,5.4,53.6-18.2,67.1C857.8,1801.9,849.4,1804,841.1,1804z'/%3E%3Cpath class='st1' d='M1251,1803.9c-8.3,0-16.7-2.1-24.4-6.5c-23.5-13.6-31.7-43.6-18.2-67.1c119-207.2,181.8-443.7,181.8-684.3 c0-240.2-62.8-476.8-181.8-684.3c-13.5-23.6-5.4-53.6,18.2-67.1c23.6-13.5,53.6-5.3,67.1,18.2c127.4,222.3,194.8,475.8,194.8,733.2 c0,257.7-67.4,511.3-194.9,733.3C1284.6,1795,1268,1803.9,1251,1803.9z'/%3E%3Cpath class='st1' d='M472.8,1559.5c-18.9,0-37-11-45.1-29.4c-10.9-24.9,0.4-53.9,25.2-64.9c187.5-82.3,387-124,593.1-124 c206,0,405.5,41.7,592.7,123.9c24.9,10.9,36.2,40,25.3,64.8c-10.9,24.9-39.8,36.1-64.8,25.3c-174.7-76.7-360.9-115.6-553.2-115.6 c-192.4,0-378.7,38.9-553.6,115.8C486.1,1558.2,479.4,1559.5,472.8,1559.5z'/%3E%3Cpath class='st1' d='M1046.1,750.9c-206.3,0-405.9-41.7-593-124.1c-24.9-10.9-36.2-40-25.2-64.8c10.9-24.9,39.9-36.3,64.8-25.2 c174.6,76.8,360.8,115.7,553.4,115.7c192.4,0,378.5-38.9,553.4-115.8c24.9-10.7,53.9,0.4,64.8,25.3c10.9,24.8-0.4,53.9-25.2,64.8 C1451.7,709.2,1252.2,750.9,1046.1,750.9z'/%3E%3Cpath class='st1' d='M1783.6,1095.2H308.2c-27.2,0-49.2-22-49.2-49.2c0-27.2,22-49.2,49.2-49.2h1475.4c27.2,0,49.2,22,49.2,49.2 C1832.8,1073.2,1810.8,1095.2,1783.6,1095.2z'/%3E%3Cpath class='st1' d='M1045.9,1832.8c-27.2,0-49.2-22-49.2-49.2V308.2c0-27.2,22-49.2,49.2-49.2c27.2,0,49.2,22,49.2,49.2v1475.4 C1095.1,1810.8,1073.1,1832.8,1045.9,1832.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#header .button.lang {
font-size: 1.200rem;
}
/* MY Panel Menu Mobile */
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .buttonPanel,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .buttonPanel {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .dropdown,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .dropdown,
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .dropleft,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .dropleft,
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .dropright,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .dropright,
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .dropup,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .dropup {
margin: 0;
}
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .button.btnUserPanel,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .button.btnUserPanel,
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .btn.btnMyPanel,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .btn.btnMyPanel {
display: block;
font-size: 1.800rem;
line-height: 1.4;
font-weight: 500;
text-transform: none;
cursor: pointer;
text-align: left;
border: 0;
padding: 0!important;
margin: 0!important;
}
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .button.btnUserPanel .icon:after,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .button.btnUserPanel .icon:after,
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .btn.btnMyPanel .icon:after,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .btn.btnMyPanel .icon:after {
content: "";
width: 25px;
height: 25px;
-webkit-mask: url("../images/svg/user.svg");
mask: url("../images/svg/user.svg");
mask-repeat: space round, no-repeat;
background: #000000 no-repeat center;
display: inline-block;
vertical-align: top;
position: absolute;
right: 0;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .button.btnUserPanel:hover,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .button.btnUserPanel:hover,
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .btn.btnMyPanel:hover,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .btn.btnMyPanel:hover {
color: #a9a9a9;
background: transparent;
}
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .button.logOut,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .button.logOut {
padding-top: 0;
}
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .button.logOut .icon,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .button.logOut .icon {
vertical-align: middle;
}
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .button.logOut span,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .button.logOut span {
display: inline-block;
font-size: 1.400rem;
font-weight: 500;
}
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .button.logUser:after,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .button.logUser:after {
content: "";
width: 25px;
height: 25px;
-webkit-mask: url("../images/svg/user.svg");
mask: url("../images/svg/user.svg");
mask-repeat: space round, no-repeat;
display: inline-block;
vertical-align: top;
position: absolute;
right: 0;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .button.logUser:after,
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .button.logUser:after {
background: #7d994c no-repeat center;
}
/*Loggato*/
[data-user-logged="logged_1"] #header .menu-panel #panelVarie .button.logUser:after {
background: #7d994c no-repeat center;
}
/*Non loggato*/
[data-user-logged="logged_0"] #header .menu-panel #panelVarie .button.logUser:after {
background: #000000 no-repeat center;
}
/************************************************
* Menu lateriale Sx *
************************************************/
#panelMenuHeadSx {
display: none;
}
#panelMenuHeadSx .menuSxHeader {
padding-top: 5.200rem;
text-align: left;
}
.menuSxContainer {
width: 100%;
clear: both;
}
/************ Inizio Menu Lat ************/
div#sidebar-wrapper {
padding: 1.500rem 0 0 0;
margin: 0;
text-align: left;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
/************ Primo Livello ************/
/************ Secondo Livello ************/
/************ Terzo Livello ************/
}
div#sidebar-wrapper li.active {
color: #a9a9a9;
}
div#sidebar-wrapper li.active > a {
color: #a9a9a9;
}
div#sidebar-wrapper li.active:before {
color: #a9a9a9;
}
div#sidebar-wrapper ul {
width: 100%;
margin: 0;
padding: 0;
}
div#sidebar-wrapper ul ul {
margin-top: 0;
margin-bottom: 1.500rem;
}
div#sidebar-wrapper ul ul ul {
margin-left: -1rem;
margin-top: 0.250rem;
margin-bottom: 1.500rem;
}
div#sidebar-wrapper ul li {
list-style-type: none;
padding-left: 0;
padding-right: 0;
padding: 0;
margin: 0;
}
div#sidebar-wrapper ul li:hover > a {
color: #a9a9a9;
}
div#sidebar-wrapper ul ul li {
padding-left: 2.000rem;
padding-right: 0;
padding-top: 0.750rem;
padding-bottom: 0.500rem;
position: relative;
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.15);
transition: 0.25s;
}
div#sidebar-wrapper ul ul li a {
font-family: "FarseL";
font-weight: normal;
font-size: 1.400rem;
line-height: 1.4;
}
div#sidebar-wrapper ul ul li:before {
content: "";
background: #000000 no-repeat center;
background-size: 50% 50%;
-webkit-mask-image: url("../images/svg/arrow-right.svg");
mask-image: url("../images/svg/arrow-right.svg");
-webkit-mask-repeat: space round, no-repeat;
mask-repeat: space round, no-repeat;
position: absolute;
display: inline-block;
left: 0;
width: 1.600rem;
height: 1.800rem;
}
div#sidebar-wrapper ul ul li:hover,
div#sidebar-wrapper ul ul li:focus {
box-shadow: inset 0 -3.25em 0 0 rgba(0, 0, 0, 0.05);
}
div#sidebar-wrapper ul ul li:hover:before,
div#sidebar-wrapper ul ul li:focus:before {
background: #a9a9a9;
}
div#sidebar-wrapper ul ul li:hover > a,
div#sidebar-wrapper ul ul li:focus > a {
color: #a9a9a9;
}
div#sidebar-wrapper ul ul li.active {
box-shadow: inset 0 -3.25em 0 0 transparent;
}
div#sidebar-wrapper ul ul li.active:before {
background: #a9a9a9;
}
div#sidebar-wrapper ul ul li.active > a {
color: #a9a9a9;
}
div#sidebar-wrapper ul ul li:hover:has(> ul),
div#sidebar-wrapper ul ul li:focus:has(> ul),
div#sidebar-wrapper ul ul li.active:has(> ul) {
box-shadow: none;
}
div#sidebar-wrapper ul ul ul li {
padding-right: 0;
padding-top: 0.250rem;
padding-bottom: 0.250rem;
padding-left: 2.000rem;
box-shadow: inset 0 0 0 0 transparent;
}
div#sidebar-wrapper ul ul ul li a {
font-family: "FarseL";
font-weight: normal;
font-size: 1.200rem;
line-height: 1.4;
}
div#sidebar-wrapper ul ul ul li:hover,
div#sidebar-wrapper ul ul ul li:focus {
box-shadow: inset 0 -3.25em 0 0 transparent;
}
div#sidebar-wrapper ul ul ul li:hover:before,
div#sidebar-wrapper ul ul ul li:focus:before {
color: #a9a9a9;
}
div#sidebar-wrapper ul ul ul li:hover > a,
div#sidebar-wrapper ul ul ul li:focus > a {
color: #a9a9a9;
}
div#sidebar-wrapper ul ul ul li:first-child {
margin-top: 1.000rem;
}
div#sidebar-wrapper ul ul ul li.active {
box-shadow: inset 0 -3.25em 0 0 transparent;
}
div#sidebar-wrapper ul ul ul li.active:before {
background: #a9a9a9;
}
div#sidebar-wrapper ul ul ul li.active > a {
color: #a9a9a9;
}
/************************************************
* Menu laterale Sottomenu *
************************************************/
/************ Inizio Menu Lat ************/
#subSidebar-wrapper {
padding: 3.000rem 0 0 0;
margin: 0;
text-align: left;
}
#subSidebar-wrapper ul {
width: 100%;
margin: 0;
padding: 0;
}
#subSidebar-wrapper ul li {
list-style-type: none;
margin: 0;
padding-left: 2.000rem;
padding-right: 0;
padding-top: 0.750rem;
padding-bottom: 0.500rem;
position: relative;
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.15);
transition: 0.25s;
}
#subSidebar-wrapper ul li a {
font-size: 1.400rem;
line-height: 1.4;
}
#subSidebar-wrapper ul li:before {
content: "";
background: #000000 no-repeat center;
background-size: 50% 50%;
-webkit-mask-image: url("../images/svg/arrow-right.svg");
mask-image: url("../images/svg/arrow-right.svg");
-webkit-mask-repeat: space round, no-repeat;
mask-repeat: space round, no-repeat;
position: absolute;
display: inline-block;
left: 0;
width: 1.600rem;
height: 1.800rem;
}
#subSidebar-wrapper ul li:hover,
#subSidebar-wrapper ul li:focus {
box-shadow: inset 0 -3.25em 0 0 rgba(0, 0, 0, 0.05);
}
#subSidebar-wrapper ul li:hover:before,
#subSidebar-wrapper ul li:focus:before {
background: #a9a9a9;
}
#subSidebar-wrapper ul li:hover > a,
#subSidebar-wrapper ul li:focus > a {
color: #a9a9a9;
}
/************************************************
* Footer *
************************************************/
#footerdiv {
position: relative;
padding-left: 0;
padding-right: 0;
}
#footer {
font-size: 1.200rem;
line-height: 1.6;
font-weight: 300;
text-align: center;
text-transform: -0.05rem;
background: #000000;
/**** Links Footer ****/
/**** Schema Footer ****/
/* Visualizzazione Ipad */
/* BOX TOP */
/**** Box Copyright ****/
/* Copyright */
/* Visualizzazione Ipad */
/* Visualizzazione Mobile */
}
#footer #footerContainer {
text-align: left;
color: #ffffff;
padding-top: 5rem;
padding-bottom: 5rem;
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
-webkit-align-items: stretch;
align-items: stretch;
}
#footer #content {
background: #000000;
}
#footer #categories {
position: relative;
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
column-gap: normal;
-moz-column-gap: normal;
-webkit-column-gap: normal;
padding-top: 0;
padding-bottom: 0;
/* Visualizzazione Ipad */
}
#footer #categories a {
display: block;
}
@media screen and (max-width: 991px) {
#footer #categories {
border: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
column-gap: normal;
-moz-column-gap: normal;
-webkit-column-gap: normal;
}
}
#footer #categories2 {
position: relative;
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
column-gap: normal;
-moz-column-gap: normal;
-webkit-column-gap: normal;
padding-top: 0;
padding-bottom: 0;
/* Visualizzazione Ipad */
}
#footer #categories2 a {
display: block;
}
@media screen and (max-width: 991px) {
#footer #categories2 {
border: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
column-gap: normal;
-moz-column-gap: normal;
-webkit-column-gap: normal;
}
}
#footer a {
color: #ffffff;
text-decoration: none;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#footer a:hover {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#footer a > h2 {
font-family: "FarseL";
font-size: 2.000rem;
color: #ffffff;
font-weight: 400;
}
#footer a > h2:hover {
color: #a9a9a9;
}
#footer .box_first {
text-align: left;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
#footer .box_second {
color: #ffffff;
text-align: left;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#footer .box_third {
color: #ffffff;
text-align: left;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
#footer .box_fourth {
color: #ffffff;
text-align: left;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
#footer .box_fifth {
color: #ffffff;
text-align: left;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
@media screen and (max-width: 991px) {
#footer .box_first {
text-align: left;
padding-top: 1.500rem;
padding-left: 3.000rem;
padding-right: 3.000rem;
}
#footer .box_second {
text-align: left;
padding-top: 1.500rem;
padding-left: 3.000rem;
padding-right: 3.000rem;
}
#footer .box_third {
text-align: left;
padding-left: 3.000rem;
padding-right: 3.000rem;
}
#footer .box_fourth {
text-align: left;
padding-top: 1.500rem;
padding-left: 3.000rem;
padding-right: 3.000rem;
}
#footer .box_fifth {
text-align: left;
padding-top: 1.500rem;
padding-left: 3.000rem;
padding-right: 3.000rem;
}
}
#footer h3 {
font-family: "FarseL";
font-weight: normal;
font-size: 1.400rem;
color: #ffffff;
padding-bottom: 0;
margin-top: 0.400rem;
margin-bottom: 1.000rem;
}
#footer h3.title {
font-family: "FarseL";
font-weight: 700;
font-size: 1.700rem;
text-transform: uppercase;
letter-spacing: -0.05rem;
color: #ffffff;
padding-bottom: 0;
}
#footer h3.title span {
text-transform: none;
}
#footer h2 {
font-family: "FarseL";
font-weight: normal;
font-size: 1.800rem;
color: #ffffff;
margin: 0;
}
#footer h4 {
font-family: "FarseL";
font-weight: normal;
font-size: 1.400rem;
color: #ffffff;
}
#footer .riga:after {
content: "";
position: relative;
background-color: rgba(0, 0, 0, 0.35);
width: 100%;
height: 1px;
display: block;
vertical-align: middle;
margin-top: 1.000rem;
margin-bottom: 1.500rem;
}
#footer #links {
padding-top: 0.900rem;
/* Visualizzazione Ipad */
}
#footer #links a {
display: block;
}
#footer .box_top_container .footerRiga {
height: 2px;
background: #ffffff;
}
#footer .box_top {
padding: 25px 15px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#footer .box_top {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
padding: 3.000rem;
}
}
#footer .box_top .socialPanel {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
margin: 0;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#footer .box_top .socialPanel {
width: 100%;
margin-bottom: 1.000rem;
margin-left: 0!important;
margin-right: 0!important;
}
}
#footer .box_top .socialPanel h4 {
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#footer .box_top .socialPanel h4 {
margin-left: 0!important;
}
}
#footer .box_top .newsletterPanel {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
/* Visualizzazione Ipad */
}
#footer .box_top .newsletterPanel .butNewsletter {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#footer .box_top .newsletterPanel .butNewsletter {
margin-left: 0!important;
}
}
#footer .box_top .newsletterPanel .butNewsletter h4 {
color: #ffffff;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#footer .box_top .newsletterPanel .butNewsletter h4 {
margin-left: 0!important;
}
}
#footer .box_top .newsletterPanel .butNewsletter .icon {
display: inline-block;
width: 30px;
height: 30px;
background: #ffffff no-repeat center;
background-size: 50% 50%;
-webkit-mask-image: url("../images/svg/arrow-right.svg");
mask-image: url("../images/svg/arrow-right.svg");
-webkit-mask-repeat: space round, no-repeat;
mask-repeat: space round, no-repeat;
box-shadow: inset 0 0 0 1px #ffffff;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#footer .box_top .newsletterPanel .butNewsletter:hover h4 {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#footer .box_top .newsletterPanel .butNewsletter:hover .icon {
background: #a9a9a9 no-repeat center;
box-shadow: inset 0 0 0 1px #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
@media screen and (max-width: 991px) {
#footer .box_top .newsletterPanel {
width: 100%;
margin-bottom: 0.500rem;
margin-left: 0!important;
margin-right: 0!important;
}
}
#footer .box_copyright_container {
color: #ffffff;
}
#footer .box_copyright_container .footerRiga {
height: 1px;
background: #ffffff;
}
#footer .box_copyright {
color: #ffffff;
font-size: 1.200rem;
padding-top: 3rem;
padding-bottom: 3rem;
text-align: left;
align-items: baseline;
}
#footer .box_copyright span {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
font-size: initial;
}
#footer .box_copyright span .icon {
display: inline-block;
width: 198px;
height: 13px;
background: #ffffff no-repeat center;
-webkit-mask-image: url("../images/logo_blindarte_blindhouse.svg");
mask-image: url("../images/logo_blindarte_blindhouse.svg");
-webkit-mask-repeat: space round, no-repeat;
mask-repeat: space round, no-repeat;
margin: 0 0.500rem;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#footer .box_copyright .menuLinks {
margin: 0;
}
#footer .box_copyright .menuLinks a {
display: inline-block;
margin: 0;
padding: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#footer .box_copyright .menuLinks a + a:before {
content: " | ";
font-weight: 100;
color: rgba(255, 255, 255, 0.35);
margin-left: 0.500rem;
margin-right: 0.500rem;
}
@media screen and (max-width: 991px) {
#footer .addressFooter {
padding-left: 0!important;
padding-right: 0!important;
}
#footer ul#categories {
text-align: center;
}
#footer .panelRegistration {
padding-left: 15px!important;
padding-right: 15px!important;
text-align: left!important;
}
#footer .box_copyright {
flex-direction: column-reverse;
padding: 3rem 1.500rem;
}
#footer .box_copyright .row {
margin-left: 0!important;
margin-right: 0!important;
}
#footer .box_copyright .px-5 {
text-align: left!important;
white-space: normal!important;
padding-bottom: 1.000rem;
}
#footer .box_copyright .menuLinks {
padding-bottom: 1.500rem;
text-align: left;
}
#footer .box_copyright .menuLinks a {
display: block;
}
#footer .box_copyright .menuLinks a + a:before {
content: none;
}
}
@media screen and (max-width: 767px) {
#footer .row {
margin-left: 0!important;
margin-right: 0!important;
}
#footer .panelRegistration {
text-align: center!important;
}
#footer .box_copyright .px-5 {
text-align: center!important;
}
}
/************ Intestazioni ************/
h3 {
position: relative;
}
h3 a {
color: #000000;
}
.titoloHead {
position: relative;
border-bottom-width: 1px;
font-weight: normal;
font-family: "FarseL";
color: #000000;
font-size: 1rem;
}
/************ Box vari ************/
/************ Div vari ************/
/************************************************
* Template standard / Template progetti *
************************************************/
#panelContainer {
padding: 3.000rem;
}
#panelContainerExt {
padding: 0 0 8.000rem 0;
}
#panelContainerHead {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
#panelMenuSx {
padding: 1.500rem 1.500rem;
}
/* la voce non viene mostrata nei menu TOP, NAV e SX */
.noMenu #panelContainerHead {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important;
max-width: 100%;
}
.noMenu #panelContainer {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important;
max-width: 100%;
}
.noMenu #panelMenuSx {
display: none;
}
.noMenu #panelMenuHeadSx {
display: none;
}
/* Non viene mostrato il menu SX */
.noSxMenu #panelContainerHead {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important;
max-width: 100%;
}
.noSxMenu #panelContainer {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.noSxMenu #panelMenuSx {
display: none;
}
.noSxMenu #panelMenuHeadSx {
display: none;
}
/* Visualizzazione Ipad */
@media screen and (max-width: 991px) {
#panelBox {
padding-left: 0;
padding-right: 0;
}
#panelContainer {
padding-left: 1.500rem!important;
padding-right: 1.500rem!important;
}
#panelContainerExt {
padding-bottom: 2.500rem!important;
}
body[class^="templMy"] #panelContainerExt {
padding-left: 0!important;
padding-right: 0!important;
padding-bottom: 2.500rem!important;
}
}
/************ Panel Header ************/
#panelBoxHead {
position: relative;
}
@media (min-width: 1430px) {
#panelBoxHead .container {
width: 1340px;
max-width: 100%;
}
}
#panelHeader {
position: relative;
text-align: center;
padding-top: 4.500rem;
margin-bottom: 1.000rem;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#panelHeader #panelTitlePage {
position: relative;
overflow: hidden;
}
#panelHeader #panelTitlePage h1,
#panelHeader #panelTitlePage h2 {
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
position: relative;
padding: 0 20px;
}
#panelHeader #panelTitlePage h1:before,
#panelHeader #panelTitlePage h2:before,
#panelHeader #panelTitlePage h1:after,
#panelHeader #panelTitlePage h2:after {
content: '';
display: block;
width: 1000px;
position: absolute;
top: 0.73em;
border-top: 1px solid rgba(0, 0, 0, 0.25);
}
#panelHeader #panelTitlePage h1:before,
#panelHeader #panelTitlePage h2:before {
right: 100%;
}
#panelHeader #panelTitlePage h1:after,
#panelHeader #panelTitlePage h2:after {
left: 100%;
}
#panelHeader h1,
#panelHeader h2 {
font-family: "FarseL";
font-weight: 400;
font-size: 3.000rem;
line-height: 1;
letter-spacing: -0.1rem;
color: #000000;
text-transform: none;
text-align: center;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
@media screen and (max-width: 767px) {
#panelHeader {
padding: 15px 0 10px 0;
margin: 0;
}
#panelHeader h1,
#panelHeader h2 {
font-size: 2.400rem;
line-height: 1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
}
body.templLotsList #panelHeader {
display: none;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body.templLotsList #panelHeader:before {
content: "";
background: #f0efee;
width: 100vw;
position: absolute;
right: 0;
left: 0;
bottom: 4px;
height: 100%;
z-index: -1;
display: block;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
@media screen and (max-width: 767px) {
body.templLotsList #panelHeader:before {
width: 100%;
}
}
body.templLotsList #panelHeader #panelBreadCrumbs {
max-width: 1340px;
margin: auto;
}
body.templLotsList #panelHeader #panelTitlePage {
max-width: 1340px;
margin: auto;
}
body.templLotsList #panelHeader #panelTitlePage h4 {
font-family: "FarseL";
font-weight: normal;
font-size: 2.400rem;
line-height: 1;
color: #000000;
text-transform: none;
padding-bottom: 0.500rem;
text-align: center;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
@media screen and (max-width: 767px) {
body.templLotsList #panelHeader #panelTitlePage h4 {
font-size: 2.000rem;
line-height: 1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
}
#panelLinkPrint {
display: none;
}
.timer {
position: absolute;
top: 27px;
background-color: #bbb;
height: 2px;
width: 0px;
}
#panelHeaderCalendar {
vertical-align: middle;
text-align: center;
margin: 0 auto;
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
#panelHeaderCalendar h3 {
margin: 0px;
padding: 0px;
left: auto;
}
/************ Panel Content ************/
#panelContent {
text-align: left;
padding: 0px;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#panelContent .col-12 {
padding-left: 0;
padding-right: 0;
}
#panelContent .col-12 + .col-12 {
margin-top: 1.500rem;
}
}
#panelContent.row {
text-align: left;
margin-left: 0px;
margin-right: 0px;
}
#panelContentExt {
width: 100%;
}
#panelContentPreExt {
text-align: left;
}
div.tablerow {
margin: 0 auto;
width: 100%;
}
#panelContentTop {
margin: 0;
padding: 0;
width: 100%;
}
#panelContentTop img {
margin: 0;
padding: 0;
width: 100%;
height: auto;
}
#panelContentSx {
margin: 0;
padding: 0;
width: 100%;
}
.panelContentTopVideo {
background-color: #000;
width: 100%;
text-align: center;
}
.panelContentTopVideo iframe {
width: 100%;
}
#panelContentTextExt {
margin: 0;
padding: 0;
text-align: left;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#panelContentTextExt .col-12 {
padding-left: 0;
padding-right: 0;
}
}
#panelContentTextExt p {
padding-bottom: 10px;
}
#panelContentText {
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#panelContentText .col-12 {
padding-left: 0;
padding-right: 0;
}
}
#panelContentText p {
padding-bottom: 10px;
}
/************ Panel Right ************/
#panelContentRight {
/*Documenti*/
}
#panelContentRight #panelContentRightDoc {
padding: 1.000rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
#panelContentRight #panelContentRightDoc div.icoFile {
padding: 0px;
}
#panelContentRight #panelContentRightDoc div.icoFileText {
font-family: "FarseL";
}
#panelContentRight #panelContentRightRicinfo {
position: relative;
font-weight: normal;
font-family: "FarseL";
padding-bottom: 0px;
width: 100%;
}
#panelContentRight #panelCaptionRight {
font-weight: normal;
font-family: "FarseL";
padding: 0px;
clear: both;
}
#panelContentRight #panelCaptionRight div.didascalia {
font-size: 1.200rem;
padding: 0.800rem 0 1.500rem;
}
#panelContentRight #panelCaptionRight div.pointdid {
float: left;
margin: 0;
padding: 2px 0;
}
#panelContentRight #panelContentRightDoc div.didascalia {
padding: 5px 0px;
}
#panelContentRight #panelContentRightDoc div.pointdid {
float: left;
margin: 0;
padding: 4px 0;
}
#panelContentRight .card {
border: 0;
}
div.space-line {
clear: both;
margin: 0;
padding: 0;
width: auto;
}
/************ Style for next / prev item ************/
.panelArrowLeft {
position: absolute;
left: 10%;
top: 50%;
}
.panelArrowRight {
position: absolute;
left: 90%;
top: 50%;
margin-left: -43px;
}
/************ Style for doc item ************/
.panelElementContainer {
width: 100%;
min-height: 20px;
}
.panelElementContainer .element {
width: 100%;
float: left;
background: url("/img-main/ico-brochure.png") no-repeat left top;
vertical-align: top;
min-height: 20px;
padding-left: 24px;
padding-top: 4px;
padding-right: 12px;
}
.panelElementContainer .gallery {
width: 100%;
float: left;
background: url(/img-main/ico-gallery.png) no-repeat left top;
vertical-align: top;
min-height: 20px;
padding-left: 24px;
padding-top: 4px;
padding-right: 12px;
}
.panelElementContainer .specTec {
width: 100%;
float: left;
background: url(/img-main/ico-dett.png) no-repeat left top;
vertical-align: top;
min-height: 20px;
padding-left: 24px;
padding-top: 4px;
padding-right: 12px;
}
/*************************************************************
* Photo (template lista ) *
*************************************************************/
a.photo,
a.photopng,
a.photocarr,
a.video,
a.content,
a.linkcont,
a.linkinfo {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
overflow: hidden;
}
a.photo:hover,
a.photopng:hover,
a.photocarr:hover,
a.video:hover,
a.content:hover,
a.linkcont:hover,
a.linkinfo:hover {
cursor: pointer;
}
a.photo img,
a.photopng img,
a.photocarr img,
a.video img,
a.content img,
a.linkcont img,
a.linkinfo img,
.calendarBoxHome a.photocarr img,
.asteListContainer a.linkcont img,
.lotItemList a.linkcont img,
.caseAsta a.linkcont img,
.categoriaLottiItem a.linkcont img {
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
-ms-transition: 0.8s;
transition: 0.8s;
}
a.photo:hover img,
a.photopng:hover img,
a.photocarr:hover img,
a.video:hover img,
a.content:hover img,
a.linkcont:hover img,
a.linkinfo:hover img,
.calendarBoxHome:hover a.photocarr img,
.asteListContainer:hover a.linkcont img,
.lotItemList:hover a.linkcont img,
.caseAsta:hover a.linkcont img,
.categoriaLottiItem:hover a.linkcont img {
opacity: 1;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
a.photo span,
a.photopng span,
a.photocarr span,
a.video span,
a.content span,
a.linkcont span,
a.linkinfo span {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
display: block;
z-index: 1;
}
a.photo span:hover,
a.photopng span:hover,
a.photocarr span:hover,
a.video span:hover,
a.content span:hover,
a.linkcont span:hover,
a.linkinfo span:hover {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
a.photo span:before,
a.photopng span:before,
a.photocarr span:before,
a.video span:before,
a.content span:before,
a.linkcont span:before,
a.linkinfo span:before,
.calendarBoxHome a.photocarr span:before,
.asteListContainer a.linkcont span:before,
.lotItemList a.linkcont span:before,
.caseAsta a.linkcont span:before,
.categoriaLottiItem a.linkcont span:before,
.lotGridContainer .lotItemGrid a.photo span:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.45);
transform: scale(1, 1);
opacity: 0;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
a.photo span:hover:before,
a.photopng span:hover:before,
a.photocarr span:hover:before,
a.video span:hover:before,
a.content span:hover:before,
a.linkcont span:hover:before,
a.linkinfo span:hover:before,
.calendarBoxHome:hover a.photocarr span:before,
.asteListContainer:hover a.linkcont span:before,
.lotItemList:hover a.linkcont span:before,
.caseAsta:hover a.linkcont span:before,
.categoriaLottiItem:hover a.linkcont span:before,
.lotGridContainer .lotItemGrid:hover a.photo span:before {
background-color: rgba(0, 0, 0, 0.45);
transform: scale(1, 1);
opacity: 1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
a.photo span:after,
a.photopng span:after,
a.photocarr span:after,
a.content span:after,
a.linkcont span:after,
a.linkinfo span:after,
.calendarBoxHome a.photocarr span:after,
.asteListContainer a.linkcont span:after,
.lotItemList a.linkcont span:after,
.caseAsta a.linkcont span:after,
.categoriaLottiItem a.linkcont span:after,
.lotGridContainer .lotItemGrid a.photo span:after {
-webkit-mask: url("/img-main/svg/zoom.svg");
mask: url("/img-main/svg/zoom.svg");
mask-repeat: space round, no-repeat;
background: #ffffff no-repeat center;
width: 20px;
height: 20px;
position: absolute;
z-index: 100;
content: "";
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
a.video span:after {
-webkit-mask: url("/img-main/svg/video.svg");
mask: url("/img-main/svg/video.svg");
mask-repeat: space round, no-repeat;
background: #ffffff no-repeat center;
width: 50px;
height: 50px;
position: absolute;
z-index: 100;
content: "";
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -25px;
opacity: 1;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
a.photo span:hover:after,
a.photopng span:hover:after,
a.photocarr span:hover:after,
a.content span:hover:after,
a.linkcont span:hover:after,
a.linkinfo span:hover:after,
.calendarBoxHome:hover a.photocarr span:after,
.asteListContainer:hover a.linkcont span:after,
.lotItemList:hover a.linkcont span:after,
.caseAsta:hover a.linkcont span:after,
.categoriaLottiItem:hover a.linkcont span:after,
.lotGridContainer .lotItemGrid:hover a.photo span:after {
opacity: 1;
width: 36px;
height: 36px;
left: 50%;
top: 50%;
margin-left: -17px;
margin-top: -17px;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
a.video span:hover:after {
opacity: 1;
width: 60px;
height: 60px;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
a.photo.noCover span:before,
a.photo.noCover span:after {
content: none;
}
/****************************************************
* Immagine Object Fit *
****************************************************/
.cover {
width: 100%;
height: 100%;
object-fit: cover;
}
/****************************************************
* Immagini FX *
****************************************************/
.contentBox {
display: block;
position: relative;
overflow: hidden;
}
.contentBox:hover {
cursor: pointer !important;
}
.contentBox.noLink {
/*pointer-events: none;*/
cursor: default !important;
}
.contentBox.noLink:hover {
cursor: default !important;
}
.contentBox .hover {
width: 100%;
height: 100%;
position: absolute;
opacity: 0;
z-index: 5;
padding: 0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.contentBox.noLink .hover {
opacity: 0;
}
.contentBox:hover .hover {
opacity: 0.33;
}
.contentBox.noLink:hover .hover {
opacity: 0;
}
.contentBox .withe {
color: #ffffff;
}
.contentBox .withe .hover {
background-color: #000000;
}
.contentBox .withe .btn {
display: none;
}
.contentBox:hover .withe .btn {
display: inline-block;
color: #ffffff;
background-color: #000000;
}
.contentBox .ratio {
padding: 0;
position: relative;
padding-bottom: 56.666666666667%;
}
.contentBox .ratioThumb {
padding: 0;
position: relative;
padding-bottom: 92.3076923%;
}
.contentBox .titolo {
position: absolute;
left: 0;
top: auto;
bottom: 48%;
width: 100%;
text-align: center;
z-index: 5;
}
.contentBox .ratioThumb .titolo {
position: absolute;
left: 0;
top: auto;
bottom: 48%;
width: 100%;
text-align: center;
z-index: 5;
}
.contentBox .immagine {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-ms-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.contentBox:hover .immagine {
-webkit-transform: scale(1.025);
transform: scale(1.025);
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-ms-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.contentBox.noLink:hover .immagine {
-webkit-transform: scale(1.025);
transform: scale(1.025);
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-ms-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
.contentBox .wrap-img {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
}
/*************************************************************
* Fotogallery style (template fotogallery ) *
*************************************************************/
.templFotogallery #panelContentTextExt {
padding: 3.000rem;
}
.templFotogallery .preview-image-holder {
overflow: hidden;
aspect-ratio: 1;
}
.templFotogallery .preview-image-holder img {
width: 100%;
height: 100%;
object-fit: cover;
}
.templFotogallery #listGalleryContainer.elenco_mostre {
width: 100%;
}
.templFotogallery #listGalleryContainer.elenco_mostre .title_container {
min-width: 0px;
flex-wrap: wrap;
display: flex;
text-align: center;
padding-top: 0;
margin-bottom: 3.000rem;
position: relative;
overflow: hidden;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.templFotogallery #listGalleryContainer.elenco_mostre .title_container {
padding-top: 4.500rem;
margin-bottom: 1.000rem;
}
}
.templFotogallery #listGalleryContainer.elenco_mostre .title_container .title {
font-family: "FarseL";
font-weight: 400;
font-size: 3.000rem;
line-height: 1;
letter-spacing: -0.1rem;
color: #000000;
text-transform: none;
text-align: center;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
position: relative;
padding: 0 20px;
}
.templFotogallery #listGalleryContainer.elenco_mostre .title_container .title:before,
.templFotogallery #listGalleryContainer.elenco_mostre .title_container .title:after {
content: '';
display: block;
width: 1000px;
position: absolute;
top: 0.73em;
border-top: 1px solid rgba(0, 0, 0, 0.25);
}
.templFotogallery #listGalleryContainer.elenco_mostre .title_container .title:before {
right: 100%;
}
.templFotogallery #listGalleryContainer.elenco_mostre .title_container .title:after {
left: 100%;
}
.templFotogallery #listGalleryContainer.elenco_mostre .listGalleryItem div.title {
padding-top: 0.500rem;
}
.templFotogallery #listGalleryContainer.elenco_mostre .listGalleryItem div.title a {
font-size: 1.4000rem;
color: #000000;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templFotogallery #listGalleryContainer.elenco_mostre .listGalleryItem div.title a:hover {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templFotogallery #listGalleryContainer.elenco_mostre .listGalleryItem .preview-image-holder a.photo {
overflow: hidden;
aspect-ratio: 1;
}
.templFotogallery #listGalleryContainer.elenco_mostre .listGalleryItem .preview-image-holder a.photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.templFotogallery #listGalleryContainer.elenco_mostre .listGalleryItem[data-fancybox="images"]:hover {
cursor: pointer;
}
.templFotogallery #listGalleryContainer.dettaglio_mostra {
width: 100%;
}
.templFotogallery #listGalleryContainer.dettaglio_mostra .textParagr {
padding-left: 3.000rem;
padding-right: 3.000rem;
}
.templFotogallery #listGalleryContainer.dettaglio_mostra .listGalleryItem div.title {
padding-top: 0.500rem;
}
.templFotogallery #listGalleryContainer.dettaglio_mostra .listGalleryItem div.title a {
font-size: 1.4000rem;
color: #000000;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templFotogallery #listGalleryContainer.dettaglio_mostra .listGalleryItem div.title a:hover {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templFotogallery #listGalleryContainer.dettaglio_mostra .listGalleryItem .preview-image-holder {
overflow: hidden;
aspect-ratio: 1;
}
.templFotogallery #listGalleryContainer.dettaglio_mostra .listGalleryItem .preview-image-holder img {
width: 100%;
height: 100%;
object-fit: cover;
}
.templFotogallery #listGalleryContainer.dettaglio_mostra .listGalleryItem[data-fancybox="images"]:hover {
cursor: pointer;
}
.templFotogallery .listRow {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 50px;
padding: 3.000rem;
}
@media (min-width: 768px) {
.templFotogallery .listRow {
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
}
}
@media (min-width: 991px) {
.templFotogallery .listRow {
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px;
}
}
/*************************************************************
* Fotogallery /lista style (template fotogallery / lista ) *
*************************************************************/
#sliderAsta {
positoin: relative;
display: block;
padding: 3.500rem 0;
margin: 0;
}
#sliderAsta .container {
width: 1340px;
max-width: 100%;
}
#sliderAsta .title-marquee-wrapper {
width: 1340px;
max-width: 100%;
}
#sliderAsta .panelTitle {
min-width: 0px;
flex-wrap: wrap;
display: flex;
text-align: center;
padding-top: 0;
margin-bottom: 3.000rem;
position: relative;
overflow: hidden;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#sliderAsta .panelTitle {
padding-top: 4.500rem;
margin-bottom: 1.000rem;
}
}
#sliderAsta .panelTitle .title {
font-family: "FarseL";
font-weight: 400;
font-size: 2.600rem;
letter-spacing: -0.1rem;
color: #000000;
text-transform: none;
text-align: center;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
display: inline-block;
vertical-align: baseline;
zoom: 1;
*display: inline;
*vertical-align: auto;
position: relative;
padding: 0 20px;
}
#sliderAsta .panelTitle .title:before,
#sliderAsta .panelTitle .title:after {
content: '';
display: block;
width: 1000px;
position: absolute;
top: 0.73em;
border-top: 1px solid rgba(0, 0, 0, 0.25);
}
#sliderAsta .panelTitle .title:before {
right: 100%;
}
#sliderAsta .panelTitle .title:after {
left: 100%;
}
#sliderAsta [id^="images"] .owl-item > div.slide {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
#sliderAsta [id^="images"] div.slide {
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#sliderAsta [id^="images"] div.slide {
padding-left: 3.000rem!important;
padding-right: 3.000rem!important;
}
}
#sliderAsta [id^="images"] div.slide .containerImg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: relative;
width: 100%;
aspect-ratio: 1;
padding-bottom: 0;
overflow: hidden;
/* Visualizzazione Ipad */
}
#sliderAsta [id^="images"] div.slide .containerImg .photoSliderAsta {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-ms-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
#sliderAsta [id^="images"] div.slide .containerImg span {
display: block;
}
#sliderAsta [id^="images"] div.slide .containerImg:after {
content: '';
position: absolute;
bottom: 0;
width: -webkit-fill-available;
height: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
text-align: left;
background-color: transparent;
margin: 0;
z-index: 6;
/*background-image: linear-gradient(0deg, fade(@princ-color, 15%) 0%, fade(@princ-color, 0%) 35%);*/
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#sliderAsta [id^="images"] div.slide .containerImg img {
object-fit: contain;
object-position: center center;
height: 100%;
}
@media screen and (max-width: 991px) {
#sliderAsta [id^="images"] div.slide .containerImg {
padding: 0;
}
}
#sliderAsta [id^="images"] div.slide div.containerText {
position: relative;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
text-align: left;
padding: 3.000rem 1.500rem;
/* Visualizzazione Ipad */
}
#sliderAsta [id^="images"] div.slide div.containerText .number {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
position: relative;
font-family: "FarseL";
font-size: 2.000rem;
line-height: 1;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
color: #a9a9a9;
margin-bottom: 1.000rem;
}
#sliderAsta [id^="images"] div.slide div.containerText .number span.labelLotto {
display: none;
}
#sliderAsta [id^="images"] div.slide div.containerText div.TitleSliderAutore h3 {
font-family: "FarseL";
font-size: 2.200rem;
font-weight: 300;
line-height: 1;
text-transform: none;
color: #000000;
margin: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#sliderAsta [id^="images"] div.slide div.containerText div.TitleSliderAutore .luogoAutore {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1;
padding: 0;
}
#sliderAsta [id^="images"] div.slide div.containerText div.TitleSliderAsta {
padding-bottom: 1.500rem;
}
#sliderAsta [id^="images"] div.slide div.containerText div.TitleSliderAsta h4 {
font-family: "FarseL";
font-size: 1.800rem;
font-weight: 500;
line-height: 1;
text-transform: none;
color: #000000;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#sliderAsta [id^="images"] div.slide div.containerText div.TitleSliderAutore + div.TitleSliderAsta {
padding-top: 1.000rem;
}
#sliderAsta [id^="images"] div.slide div.containerText div.desc {
display: none;
font-family: "FarseL";
font-weight: normal;
font-size: 1.200rem;
line-height: 1.4;
color: #5d5b5b;
text-transform: none;
padding-bottom: 1.500rem;
}
#sliderAsta [id^="images"] div.slide div.containerText div.desc:first-letter {
text-transform: uppercase;
}
#sliderAsta [id^="images"] div.slide div.containerText .labelPanel {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1;
font-weight: 400;
display: block;
color: #5d5b5b;
text-transform: uppercase;
padding: 0 0 0.500rem;
}
#sliderAsta [id^="images"] div.slide div.containerText .estimate2 {
position: relative;
display: block!important;
padding-bottom: 1.500rem;
}
#sliderAsta [id^="images"] div.slide div.containerText .estimate2 span {
position: relative;
display: block;
font-size: 1.400rem;
line-height: 1;
font-weight: normal;
color: #000000;
padding: 0;
}
#sliderAsta [id^="images"] div.slide div.containerText .aggSliderAsta {
position: relative;
display: block;
font-size: 1.800rem;
line-height: 1;
font-weight: normal;
color: #5d5b5b;
padding: 0;
}
@media screen and (max-width: 991px) {
#sliderAsta [id^="images"] div.slide div.containerText {
padding-left: 0;
padding-right: 0;
}
}
#sliderAsta [id^="images"] div.slide:hover {
cursor: pointer;
}
#sliderAsta [id^="images"] div.slide:hover .photoSliderAsta {
-webkit-transform: scale(1.025);
transform: scale(1.025);
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-ms-transition: 0.8s;
-o-transition: 0.8s;
transition: 0.8s;
}
#sliderAsta [id^="images"] div.slide:hover div.containerText div.TitleSliderAutore h3 {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#sliderAsta [id^="images"] div.slide:hover div.containerText div.TitleSliderAsta h4 {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
/*************************************************************
* List style (template news / press releases / media ) *
*************************************************************/
.tipologieContainer {
display: block;
}
.templNews .itemListContainer {
padding: 1rem 1rem 1.25rem 1rem;
position: relative;
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
-webkit-align-items: stretch;
align-items: stretch;
/* On Hover Navigation */
}
.templNews .itemListContainer span {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
transform: scale(0.8, 0.8);
opacity: 0;
z-index: -1;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templNews .itemListContainer .itemListTitle h4 {
position: relative;
font-size: 2.400rem;
line-height: 1;
font-family: "FarseL";
color: #000000;
font-weight: 300;
}
.templNews .itemListContainer .itemListDate {
font-size: 1.200rem;
line-height: 1.400rem;
position: relative;
color: #000000;
text-align: center;
padding: 1rem;
}
.templNews .itemListContainer .itemListImg {
text-align: center;
vertical-align: top;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.templNews .itemListContainer .itemList {
padding: 1.000rem 1.500rem;
text-align: left;
vertical-align: top;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.templNews .itemListContainer:not( :has(div.itemListDate )) .itemList {
padding-top: 3rem;
}
.templNews .itemListContainer .itemList .itemListButton {
font-family: "FarseL";
font-weight: bold;
margin: 1rem 0;
}
.templNews .itemListContainer .itemListWeek {
text-transform: uppercase;
}
.templNews .itemListContainer .itemListDate .itemListWeek {
font-family: "FarseL";
font-size: 3.4rem;
line-height: 2.2rem;
color: #000000;
}
.templNews .itemListContainer .itemListDay {
color: #000000;
}
.templNews .itemListContainer .itemListMonth {
color: #000000;
}
.templNews .itemListContainer .itemListDoc {
float: left;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.templNews .itemListContainer .itemListAdd {
padding-top: 4px;
}
.templNews .itemListContainer:hover {
cursor: pointer;
}
.templNews .itemListContainer:hover span {
transform: scale(1, 1);
opacity: 1;
}
.templNews .itemListContainer:hover .itemListTitle h4 a {
color: #a9a9a9;
}
.templNews .itemListContainer:hover a.photo img {
opacity: 1;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.templNews .itemListContainer:hover a.photo span:before {
background-color: rgba(0, 0, 0, 0.45);
transform: scale(1, 1);
opacity: 1;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templNews .itemListContainer:hover a.photo span:after {
opacity: 1;
width: 36px;
height: 36px;
left: 50%;
top: 50%;
margin-left: -17px;
margin-top: -17px;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
/*************************************************************
* Lista News Grid *
*************************************************************/
.templNews .elencoPanel {
margin: 0 auto;
padding-left: 3.000rem;
padding-right: 3.000rem;
padding-bottom: 5.000rem;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 50px;
}
@media (min-width: 768px) {
.templNews .elencoPanel {
grid-template-columns: 1fr 1fr;
grid-gap: 40px;
}
}
@media (min-width: 991px) {
.templNews .elencoPanel {
grid-template-columns: repeat(3, 1fr);
grid-gap: 50px;
}
}
.templNews .elencoPanel .itemListContainer {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
border: 1px solid rgba(0, 0, 0, 0.15);
display: flex;
min-height: 100%;
position: relative;
top: 0;
padding: 0;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
/*Eccezione*/
/*
@media (min-width: 991px) {
&:first-child {
grid-column: 1/span 4;
.flex-row;
.itemListImg {
flex: 0 0 50%;
.image-holder-small {
height: 400px;
max-height: 400px;
}
}
.itemList {
flex: 0 0 50%;
background-color: @grigioScuro;
.itemListTitle {
h4 a{
color: @white-color;
position: relative;
font-size: 3.800rem;
line-height: 0.972;
font-weight: 600;
letter-spacing: -0.05rem;
.transition;
}
}
.itemListText {
color: @white-color;
}
}
}
}
*/
}
.templNews .elencoPanel .itemListContainer span {
display: none;
}
.templNews .elencoPanel .itemListContainer .itemListDate {
display: none;
padding: 3.000rem;
padding-bottom: 1.000rem;
font-size: 1.400rem;
font-weight: 300;
letter-spacing: 0;
text-align: left;
color: #a9a9a9;
flex: 0;
max-width: 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.templNews .elencoPanel .itemListContainer .itemListDate .itemListDateDoble {
display: inline;
text-align: left;
margin: 0;
}
.templNews .elencoPanel .itemListContainer .itemListDate .itemListDateDoble + .itemListDateDoble:before {
content: "/";
font-family: "FarseL";
position: relative;
display: inline-block;
margin-left: 0.500rem;
margin-right: 0.500rem;
color: #a9a9a9;
}
.templNews .elencoPanel .itemListContainer .itemListDate .itemListWeek {
display: inline;
font-family: "FarseL";
font-size: inherit;
line-height: inherit;
text-transform: uppercase;
color: #a9a9a9;
}
.templNews .elencoPanel .itemListContainer .itemListDate .itemListDay {
display: inline;
color: #a9a9a9;
}
.templNews .elencoPanel .itemListContainer .itemListDate .itemListMonth {
color: #a9a9a9;
}
.templNews .elencoPanel .itemListContainer .itemListDate .row {
display: inline-block;
}
.templNews .elencoPanel .itemListContainer .itemListDate .mt-4 {
display: inline-block;
max-width: fit-content;
margin-top: auto!important;
}
.templNews .elencoPanel .itemListContainer .itemListImg {
display: block;
max-width: 100%;
padding: 0;
}
.templNews .elencoPanel .itemListContainer .itemListImg .image-holder-small {
padding: 0;
float: none;
min-width: 100%;
height: 250px;
max-height: 250px;
display: block;
overflow: hidden;
text-align: left;
}
.templNews .elencoPanel .itemListContainer .itemListImg .image-holder-small:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
z-index: 1;
margin: auto;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
background-color: transparent;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 35%);
}
.templNews .elencoPanel .itemListContainer .itemListImg .image-holder-small a.photo,
.templNews .elencoPanel .itemListContainer .itemListImg .image-holder-small a.photopng,
.templNews .elencoPanel .itemListContainer .itemListImg .image-holder-small a.photocarr,
.templNews .elencoPanel .itemListContainer .itemListImg .image-holder-small a.video,
.templNews .elencoPanel .itemListContainer .itemListImg .image-holder-small a.content,
.templNews .elencoPanel .itemListContainer .itemListImg .image-holder-small a.linkcont,
.templNews .elencoPanel .itemListContainer .itemListImg .image-holder-small a.linkinfo {
display: inline;
}
.templNews .elencoPanel .itemListContainer .itemListImg .image-holder-small .img-fluid {
display: block;
object-fit: cover;
min-width: 100%;
height: 100%;
}
.templNews .elencoPanel .itemListContainer .itemList {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
flex: 1;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
max-width: 100%;
padding: 3.000rem;
}
.templNews .elencoPanel .itemListContainer .itemList .itemListTitle {
margin: 0;
}
.templNews .elencoPanel .itemListContainer .itemList .itemListTitle h4 {
position: relative;
font-size: 2.400rem;
line-height: 1;
color: #000000;
font-weight: 300;
}
.templNews .elencoPanel .itemListContainer .itemList .itemListTitle h4 a {
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templNews .elencoPanel .itemListContainer .itemList .itemListText {
position: relative;
font-size: 1.200rem;
color: rgba(0, 0, 0, 0.6);
padding: 1.000rem 0 2.500rem;
margin: 0;
margin-bottom: auto!important;
}
.templNews .elencoPanel .itemListContainer .itemList .btn {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 25px 10px 35px;
margin-left: 0;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2px;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
color: #000000;
background: transparent;
text-decoration: none;
transition: color 300ms ease;
border: 2px solid rgba(0, 0, 0, 0.15);
width: 100%;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templNews .elencoPanel .itemListContainer .itemList .btn:after {
content: '';
background: #000000;
-webkit-mask-image: url("../images/svg/right-arrow.svg");
mask-image: url("../images/svg/right-arrow.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 35px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transform: translate3d(0%, 5%, 0);
opacity: 1;
transition-property: background, transform, opacity;
transition-duration: 300ms;
transition-timing-function: ease;
}
.templNews .elencoPanel .itemListContainer .itemList .btn:hover {
color: #a9a9a9;
background: transparent;
}
.templNews .elencoPanel .itemListContainer .itemList .btn:hover:after,
.templNews .elencoPanel .itemListContainer .itemList .btn:hover:after {
background: #a9a9a9;
transform: translate3d(25%, 5%, 0);
opacity: 1;
}
.templNews .elencoPanel .itemListContainer .itemList .btn:hover {
border: 2px solid rgba(169, 169, 169, 0.15);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templNews .elencoPanel .itemListContainer:hover {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
/*************************************************************
* Auction item style (DETTAGLIO LOTTO ) *
*************************************************************/
#dettaglioLotto {
padding-bottom: 12.5rem;
}
.dettLot {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
-webkit-align-items: start;
align-items: start;
}
.dettLot #panelTitlePage {
text-align: center;
}
/************ Navigazione Lotto ************/
#itemLotto {
text-align: left;
/*Next Prev Big*/
}
#itemLotto form {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
margin-top: 5.000rem;
margin-bottom: 0;
}
@media screen and (max-width: 991px) {
#itemLotto form {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
padding: 0;
margin-top: 0;
}
}
#itemLotto #buttonNextPrevLotto {
padding: 0;
text-align: left;
max-width: none;
/* Visualizzazione Mobile */
}
@media screen and (max-width: 991px) {
#itemLotto #buttonNextPrevLotto {
padding-left: 0;
padding-right: 0;
}
}
#itemLotto #buttonNextPrevLotto .pull-right {
margin: 0;
}
#itemLotto #buttonNextPrevLotto .asteListButton {
display: inline-block;
vertical-align: middle;
margin: 0;
}
#itemLotto #buttonNextPrevLotto .asteListButton a.btn {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
font-size: 1.200rem;
line-height: normal;
font-weight: 400;
text-transform: uppercase;
background: transparent;
border: 0;
padding: 0 1rem;
}
#itemLotto #buttonNextPrevLotto .asteListButton a.btn:before {
content: "";
width: 25px;
height: 25px;
-webkit-mask: url("../images/svg/arrow-up.svg");
mask: url("../images/svg/arrow-up.svg");
mask-repeat: space round, no-repeat;
background: #5d5b5b no-repeat center;
position: relative;
display: inline-block;
}
#itemLotto #buttonNextPrevLotto .asteListButton a.btn:hover {
background: transparent;
color: rgba(0, 0, 0, 0.35);
border: 0;
}
#itemLotto #buttonNextPrevLotto .asteListButton a.btn.next,
#itemLotto #buttonNextPrevLotto .asteListButton a.btn.prev {
background: transparent;
border: 0;
width: auto;
height: auto;
padding: 0 0;
}
#itemLotto #buttonNextPrevLotto .asteListButton a.btn.next span,
#itemLotto #buttonNextPrevLotto .asteListButton a.btn.prev span {
display: none;
}
#itemLotto #buttonNextPrevLotto .asteListButton a.btn.next:after {
content: "";
width: 25px;
height: 25px;
-webkit-mask: url("../images/svg/arrow-right.svg");
mask: url("../images/svg/arrow-right.svg");
mask-repeat: space round, no-repeat;
background: #5d5b5b no-repeat center;
position: relative;
display: inline-block;
margin: 0;
}
#itemLotto #buttonNextPrevLotto .asteListButton a.btn.next:before {
content: none;
}
#itemLotto #buttonNextPrevLotto .asteListButton a.btn.prev:before {
content: "";
width: 25px;
height: 25px;
-webkit-mask: url("../images/svg/arrow-left.svg");
mask: url("../images/svg/arrow-left.svg");
mask-repeat: space round, no-repeat;
background: #000000 no-repeat center;
position: relative;
display: inline-block;
margin: 0;
}
#itemLotto #buttonNextPrevLotto .asteListButton a.btn.prev:after {
content: none;
}
#itemLotto #buttonNextPrevLotto .asteListButton #lottoNum {
font-family: "FarseL";
font-size: 1.200rem;
font-weight: 400;
padding: 1rem 0;
vertical-align: middle;
display: inline-block;
border: 1px solid transparent;
}
#itemLotto #buttonNextPrevLotto .asteListButton label.input {
margin: 0;
}
#itemLotto #buttonNextPrevLotto .asteListButton label.input [name='numeroLotto'] {
font-family: "FarseL";
font-size: 1.600rem;
font-weight: 300;
text-align: center;
background: transparent;
padding: 0;
border: none;
}
@media screen and (max-width: 767px) {
#itemLotto #buttonNextPrevLotto .asteListButton a.btn {
padding: 1rem!important;
border: 1px solid rgba(0, 0, 0, 0.15) !important;
}
#itemLotto #buttonNextPrevLotto .asteListButton span {
display: none;
}
#itemLotto #buttonNextPrevLotto .asteListButton.pull-right {
display: none;
}
}
#itemLotto .thetis.tparrows.tp-leftarrow {
left: 0 !important;
z-index: 1;
-webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
transform: matrix(1, 0, 0, 1, 0, 0) !important;
}
#itemLotto .thetis.tparrows.tp-rightarrow {
right: 0 !important;
z-index: 1;
-webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
transform: matrix(1, 0, 0, 1, 0, 0) !important;
}
/************ Dettaglio Lotto ************/
.templAuctionItem #panelBoxHead {
display: none;
}
.templAuctionItem #dettLotDx #titoloAutore .number {
/*
span {
display: none;
}
*/
}
/************ Parte IMG Lotto ************/
#dettLotImg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#dettLotImg {
padding-left: 1.500rem!important;
padding-right: 1.500rem!important;
}
}
#dettLotImg .stageImg {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
#dettLotImg .stageImg a.photo {
aspect-ratio: 1;
width: 100%;
}
#dettLotImg .stageImg a.photo img.img-fluid {
width: 100%;
height: 100%;
object-fit: contain;
}
#dettLotImg #thumbs {
padding-left: 3.000rem;
padding-right: 3.000rem;
margin-top: 3.000rem!important;
}
#dettLotImg #thumbs .owl-thumb-item {
border: 1px solid rgba(0, 0, 0, 0.15);
}
#dettLotImg #thumbs .contentBox .immagine {
-webkit-clip-path: inset(5px);
clip-path: inset(5px);
}
#dettLotImg #thumbs .contentBox:hover .immagine {
-webkit-clip-path: inset(0px);
clip-path: inset(0px);
}
#dettLotImg .contentBox .ratio {
padding: 0;
position: relative;
padding-bottom: 100%;
}
#dettLotImg .contentBox .immagine {
-webkit-clip-path: inset(0);
clip-path: inset(0);
}
#dettLotImg .contentBox .withe .hover {
background-color: rgba(0, 0, 0, 0.35);
}
#dettLotImg .contentBox .withe .hover:before {
-webkit-mask: url("/img-main/svg/zoom.svg");
mask: url("/img-main/svg/zoom.svg");
mask-repeat: space round, no-repeat;
background: #ffffff no-repeat center;
width: 20px;
height: 20px;
position: absolute;
z-index: 100;
content: "";
left: 50%;
top: 50%;
margin-left: -10px;
margin-top: -10px;
opacity: 0;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#dettLotImg .contentBox:hover .immagine {
-webkit-clip-path: inset(-5px);
clip-path: inset(-5px);
}
#dettLotImg .contentBox:hover .withe .hover {
opacity: 1;
}
#dettLotImg .contentBox:hover .hover:before {
opacity: 1;
width: 36px;
height: 36px;
margin-left: -17px;
margin-top: -17px;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#dettLotImg .owl-next {
right: 15px;
}
#dettLotImg .owl-prev {
left: 15px;
}
/************ Parte Dx ************/
#dettLotDx {
text-align: left;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-left: 6.000rem;
padding-right: 6.000rem;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#dettLotDx {
padding-left: 1.500rem!important;
padding-right: 1.500rem!important;
}
}
#dettLotDx #descAsta {
padding: 3.000rem;
background: #f0efee;
/* Visualizzazione Ipad */
}
#dettLotDx #descAsta .copertina_asta {
padding-left: 0;
}
@media screen and (max-width: 991px) {
#dettLotDx #descAsta {
padding: 3.000rem 0;
}
}
#dettLotDx #descAsta .numAsta {
color: #000000;
font-family: "FarseL";
font-size: 1.800rem;
line-height: 1;
font-weight: 300;
letter-spacing: -0.05rem;
text-transform: uppercase;
text-align: left;
padding: 0;
margin: 0;
}
#dettLotDx #descAsta .numAsta span.type {
color: #a9a9a9;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
font-weight: 400;
position: relative;
display: inline-block;
text-transform: uppercase;
}
#dettLotDx #descAsta .numAsta span.part {
text-transform: capitalize;
}
#dettLotDx #descAsta .itemListTitle h4 {
color: #000000;
font-family: "FarseL";
font-size: 2.400rem;
font-weight: 500;
line-height: 1;
letter-spacing: -0.05rem;
}
#dettLotDx #descAsta .itemListData {
text-transform: uppercase;
margin: 0;
}
#dettLotDx #descAsta .contentBox .ratio {
padding: 0;
aspect-ratio: 0.76923077;
}
#dettLotDx #descLotto .boxOrari {
text-align: center;
}
#dettLotDx .number {
position: relative;
}
#dettLotDx .number span {
font-family: "FarseL";
font-size: 2.600rem;
line-height: 2.600rem;
font-weight: 300;
letter-spacing: 0;
color: #a9a9a9;
}
#dettLotDx .number [id^="preferitoIco"] {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
overflow: hidden;
width: 2.600rem;
height: 2.600rem;
line-height: 2.600rem;
text-decoration: none;
padding: 0;
will-change: transform;
white-space: nowrap;
z-index: 10;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 50%;
top: 0;
right: 0;
cursor: pointer;
vertical-align: top;
margin: auto 0;
}
#dettLotDx .number [id^="preferitoIco"]:before {
content: "";
display: block;
width: 13px;
height: 13px;
text-shadow: none;
}
#dettLotDx .number [id^="preferitoIco"][data-original-title^="R"]:before {
-webkit-mask: url("../images/svg/preferite-full.svg");
mask: url("../images/svg/preferite-full.svg");
mask-repeat: space round, no-repeat;
background: #a9a9a9 no-repeat center;
}
#dettLotDx .number [id^="preferitoIco"][data-original-title^="A"]:before {
-webkit-mask: url("../images/svg/preferite.svg");
mask: url("../images/svg/preferite.svg");
mask-repeat: space round, no-repeat;
background: #5d5b5b no-repeat center;
}
#dettLotDx #titoloAutore {
padding: 4.500rem 3.000rem;
/* Visualizzazione Ipad */
}
#dettLotDx #titoloAutore .number {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
position: relative;
color: #a9a9a9;
font-size: 1.800rem;
line-height: 1;
font-weight: 700;
}
#dettLotDx #titoloAutore .number span {
margin-right: 15px;
}
#dettLotDx #titoloAutore #preferitoIco {
color: #000000;
font-size: 1.600rem;
cursor: pointer;
vertical-align: top;
padding-left: 4px;
padding-right: 4px;
margin: auto 0;
}
#dettLotDx #titoloAutore #autore h2,
#dettLotDx #titoloAutore #autore h1 {
display: block;
position: relative;
text-align: left;
font-family: "FarseL";
font-weight: normal;
font-size: 3.000rem;
padding-bottom: 0.500rem;
}
#dettLotDx #titoloAutore #autore h2 .dateAuthor,
#dettLotDx #titoloAutore #autore h1 .dateAuthor {
line-height: normal;
font-family: "FarseL";
font-weight: noraml;
font-size: 1.200rem;
text-transform: uppercase;
}
#dettLotDx #titoloAutore #titleLotto h1 {
color: #000000;
font-family: "FarseL";
font-size: 3.000rem;
line-height: 1;
font-weight: normal;
padding-bottom: 1.000rem;
}
#dettLotDx #titoloAutore #titleLotto h2 {
color: #000000;
font-family: "FarseL";
font-size: 1.600rem;
font-style: italic;
line-height: 1;
font-weight: normal;
padding-bottom: 1.000rem;
}
#dettLotDx #titoloAutore .descr_lotto {
flex: 0 0 100%;
max-width: 100%;
font-family: "FarseL";
font-size: inherit;
line-height: 1.6;
font-weight: 500;
color: #5d5b5b;
margin: 0;
}
#dettLotDx #titoloAutore .descr_lotto:first-letter {
text-transform: uppercase;
}
#dettLotDx #titoloAutore .descr_lotto.descr_dimensioni:first-letter {
text-transform: none;
}
#dettLotDx #titoloAutore .descr_lotto * {
font-family: inherit!important;
font-size: inherit!important;
line-height: inherit!important;
color: inherit!important;
}
#dettLotDx #titoloAutore .desc {
flex: 0 0 100%;
max-width: 100%;
font-family: "FarseL";
font-size: inherit;
line-height: 1.6;
font-weight: 500;
color: #5d5b5b;
margin: 0;
padding-top: 6px;
padding-bottom: 6px;
}
#dettLotDx #titoloAutore .desc:first-letter {
text-transform: uppercase;
}
#dettLotDx #titoloAutore .desc span,
#dettLotDx #titoloAutore .desc p {
font-family: inherit!important;
font-size: inherit!important;
line-height: inherit!important;
color: inherit!important;
}
@media screen and (max-width: 991px) {
#dettLotDx #titoloAutore {
padding-top: 1.500rem;
padding-left: 0;
padding-right: 0;
margin: 0;
}
}
#dettLotDx #lottoBoxStd {
padding-top: 3.500rem!important;
padding-bottom: 4.000rem!important;
font-weight: normal;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
/* Visualizzazione Ipad */
}
#dettLotDx #lottoBoxStd #LottoVal {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
direction: rtl;
padding-bottom: 1.000rem;
}
#dettLotDx #lottoBoxStd #LottoVal .didascalia {
font-family: "FarseL";
color: #000000;
font-size: 1.800rem;
font-weight: 500;
line-height: 1;
margin: 0;
}
#dettLotDx #lottoBoxStd #LottoVal .labelPanel {
font-family: "FarseL";
color: #000000;
font-size: 1.200rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
}
#dettLotDx #lottoBoxStd #LottoStima {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
direction: rtl;
padding-bottom: 1.000rem;
}
#dettLotDx #lottoBoxStd #LottoStima .didascalia {
font-family: "FarseL";
color: #000000;
font-size: 1.600rem;
direction: ltr;
margin: 0;
}
#dettLotDx #lottoBoxStd #LottoStima .labelPanel {
font-family: "FarseL";
color: #000000;
font-size: 1.200rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
order: 1;
flex-grow: 1;
}
@media screen and (max-width: 991px) {
#dettLotDx #lottoBoxStd {
margin: 0;
padding-left: 0!important;
padding-right: 0!important;
}
}
#dettLotDx #lottoBoxStd .statoLottoBox {
font-family: "FarseL";
font-size: 1.400rem;
padding-top: 0.500rem;
padding-bottom: 1.000rem;
}
#dettLotDx #lottoBoxStd .statoLottoBox .didascalia {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
direction: rtl;
}
#dettLotDx #lottoBoxStd .statoLottoBox .didascalia .prezzo_vendita {
margin: 0;
font-size: 1.800rem;
}
#dettLotDx #lottoBoxStd .statoLottoBox .didascalia .conDiritti {
margin: 0;
}
#dettLotDx #lottoBoxStd .statoLottoBox .invenduto + .labelPanel {
color: rgba(0, 0, 0, 0.8);
text-transform: uppercase;
font-family: "FarseL";
font-size: 1.400rem;
font-weight: 500;
}
#dettLotDx #lottoBoxStd .statoLottoBox .aggiudicato + .labelPanel {
text-transform: uppercase;
font-family: "FarseL";
font-weight: 500;
font-size: 1.400rem;
color: #7d994c;
}
#dettLotDx #lottoBoxStd .statoLottoBox .venduto + .labelPanel {
text-transform: uppercase;
color: #9e0b0f;
font-family: "FarseL";
font-size: 1.400rem;
font-weight: 500;
}
#infoLot {
padding: 3.000rem 3.000rem 4.000rem;
/* Visualizzazione Ipad */
}
#infoLot .buttonPanel > div {
display: flex;
}
#infoLot .infoPanel {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
line-height: 1.6;
font-weight: 500;
margin: 0;
}
#infoLot .infoPanel .label {
display: block;
font-weight: bold;
}
#infoLot .infoPanel .label:after {
content: "";
display: inline-block;
position: relative;
height: 5px;
width: 5px;
background-color: #fb8914;
border-radius: 3px;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 8px;
margin-right: 8px;
}
@media screen and (max-width: 991px) {
#infoLot {
margin: 0;
padding-left: 0;
padding-right: 0;
}
}
#altreInfo {
padding: 3.000rem 2.500rem;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#altreInfo {
margin: 0;
}
}
#accordionDescription {
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#accordionDescription.accordion {
padding-left: 1.500rem;
padding-right: 1.500rem;
margin: 0;
}
}
#accordionDescription #heading_1 {
display: none;
}
#dettLotDx .card {
border: 0;
border-radius: 0;
}
#dettLotDx .card-header {
text-align: left;
position: relative;
background: transparent;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 3px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#dettLotDx .card-header {
padding-left: 15px;
padding-right: 15px;
}
}
#dettLotDx [id^="heading"] a {
font-family: "FarseL";
color: #000000;
font-size: 1.200rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
}
#dettLotDx [id^="heading"] a:after {
content: "";
position: relative;
top: 1px;
display: inline-block;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
transition: transform .25s linear;
-webkit-transition: -webkit-transform 0.25s linear;
}
#dettLotDx [id^="heading"] a[aria-expanded="true"]:after {
content: "\2212";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#dettLotDx [id^="heading"] a[aria-expanded="false"]:after {
content: "\002b";
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#dettLotDx [aria-labelledby^="heading"] {
text-align: left;
padding: 22px 20px;
margin: 0;
/* Visualizzazione Ipad */
}
#dettLotDx [aria-labelledby^="heading"] .title {
display: none;
}
#dettLotDx [aria-labelledby^="heading"] .desc {
flex: 0 0 100%;
max-width: 100%;
font-family: "FarseL";
font-size: 1.200rem;
color: #000000;
margin: 0;
padding-top: 6px;
padding-bottom: 6px;
}
#dettLotDx [aria-labelledby^="heading"] .desc .descr_lotto:first-letter {
text-transform: uppercase;
}
#dettLotDx [aria-labelledby^="heading"] .desc .descr_dimensioni:first-letter {
text-transform: none;
}
#dettLotDx [aria-labelledby^="heading"] .desc span,
#dettLotDx [aria-labelledby^="heading"] .desc p {
font-family: inherit!important;
font-size: inherit!important;
line-height: inherit!important;
color: inherit!important;
}
@media screen and (max-width: 991px) {
#dettLotDx [aria-labelledby^="heading"] {
padding-left: 15px;
padding-right: 15px;
}
}
/************ Paging lotti per dettaglio lotto ************/
#pagination-mod {
text-transform: uppercase;
}
#pagination-mod li {
border: 0;
list-style: none;
background: none;
display: inline-block;
margin: 0;
float: left;
padding: 4px;
text-align: center;
min-width: 30px;
border: 1px solid rgba(0, 0, 0, 0.05);
}
#pagination-mod li + li {
margin-left: 1px;
}
#pagination-mod a {
margin-right: 2px;
}
#pagination-mod li.next {
padding: 4px 8px;
border: 1px solid transparent;
}
#pagination-mod li.next.nxt {
margin-left: 2.000rem;
}
#pagination-mod .previous-off,
#pagination-mod .next-off {
color: #000000;
display: block;
float: left;
border: 1px solid transparent;
}
#pagination-mod .next a,
#pagination-mod .previous a {
color: #000000;
}
#pagination-mod .next a:hover,
#pagination-mod .previous a:hover {
color: #000000;
}
#pagination-mod li a:link,
#pagination-mod li a:visited {
color: #000000;
text-decoration: none;
}
#pagination-mod li.active {
color: #a9a9a9;
cursor: default;
}
#pagination-mod li a:hover {
color: #a9a9a9;
}
#pagination-mod .text {
float: left;
color: #000000;
padding-right: 0.500rem;
display: none;
}
/*************************************************************
* List style ( Dettaglio ASTE ) *
*************************************************************/
#dettaglioAsta {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
padding-top: 3.000rem;
padding-bottom: 3.000rem;
position: relative;
background-color: transparent;
}
#dettaglioAsta .image-holder-asta {
position: relative;
z-index: 1;
}
#dettaglioAsta .asteListCopertina {
line-height: 1;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
#dettaglioAsta .asteListCopertina .contentBox {
padding: 0;
}
#dettaglioAsta .asteListCopertina .contentBox .ratio {
padding: 0;
position: relative;
overflow: hidden;
aspect-ratio: 0.76923077;
}
#dettaglioAsta .asteListCopertina .contentBox span {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
z-index: 1;
margin: auto;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
background-color: transparent;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 35%);
}
@media screen and (max-width: 991px) {
#dettaglioAsta .asteListCopertina {
padding: 0;
}
}
#dettaglioAsta .textAsta {
vertical-align: top;
text-align: left;
padding: 1.500rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#dettaglioAsta .textAsta .numAsta {
color: #000000;
font-family: "FarseL";
font-size: 3.000rem;
line-height: 1;
font-weight: 300;
letter-spacing: -0.05rem;
text-transform: uppercase;
text-align: left;
padding: 5px 0px 12px;
margin: 0;
}
#dettaglioAsta .textAsta .numAsta span.type {
color: #a9a9a9;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
font-weight: 400;
position: relative;
display: block;
text-transform: uppercase;
}
#dettaglioAsta .textAsta .numAsta span.part {
text-transform: capitalize;
}
#dettaglioAsta .textAsta .itemListTitle h1 {
position: relative;
font-size: 3.600rem;
line-height: 0.972;
font-family: "FarseL";
color: #000000;
letter-spacing: -0.1rem;
font-weight: 500;
}
#dettaglioAsta .textAsta .itemListTitle span {
font-family: "FarseL";
font-size: 1.800rem;
line-height: 3.600rem;
color: #000000;
text-transform: none;
font-style: italic;
display: none;
}
#dettaglioAsta .textAsta .dataAsta {
font-family: "FarseL";
font-size: 1.800rem;
line-height: 1;
font-weight: 300;
color: #000000;
padding: 0;
padding-bottom: 20px;
}
#dettaglioAsta .textAsta .dataAsta:first-letter {
text-transform: uppercase;
}
#dettaglioAsta .textAsta .dataAsta span {
text-transform: capitalize;
}
#dettaglioAsta .textAsta .itemListText {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1.6;
letter-spacing: 0;
font-weight: normal;
color: rgba(0, 0, 0, 0.8);
text-transform: none;
padding: 0;
padding-bottom: 20px;
}
#dettaglioAsta .textAsta .itemListText:first-letter {
text-transform: uppercase;
}
#dettaglioAsta .textAsta .itemListText .label {
font-weight: 500;
letter-spacing: -0.075rem;
color: #000000;
text-transform: uppercase;
}
#dettaglioAsta #pulsantieraAsta {
vertical-align: top;
text-align: left;
padding: 3.500rem 0;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#dettaglioAsta #pulsantieraAsta {
padding: 1.500rem 0;
}
}
#dettaglioAsta .boxOrari {
clear: none;
padding-left: 0;
margin-bottom: 1.000rem;
}
#dettaglioAsta .boxOrari .orariAsta {
left: 0;
margin-left: 0rem;
}
@media screen and (max-width: 1140px) {
#dettaglioAsta {
margin: 0;
margin-bottom: 1.500rem;
}
#dettaglioAsta .dettaglioAstaContent {
padding: 0;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
#dettaglioAsta .contentBox .ratio {
padding-bottom: 100%;
}
}
#dettaglioAsta .textDesc .itemListText {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1.6;
letter-spacing: 0;
font-weight: normal;
color: rgba(0, 0, 0, 0.8);
text-transform: none;
padding: 7px 25px;
}
#dettaglioAsta .textDesc .itemListText .label {
font-weight: 500;
letter-spacing: -0.075rem;
color: #000000;
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
#dettaglioAsta .textDesc {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
#dettaglioAsta .textDesc .itemListText {
padding: 7px 0;
}
}
/* Eccezione Asta a tempo Aperta */
.templLotsList.asteTempoAperta #dettaglioAsta .textAsta .dataAsta {
display: none;
}
/*************************************************************
* PULSANTE ASTA LIVE *
*************************************************************/
#pulsantieraAsta .btnFilter.butAlive,
.butHomeAlive .btnFilter.butAlive,
.templMyConsole .btnFilter.butAlive,
.templAuctionItem .btnFilter.butAlive {
border: 0;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
padding: 0;
/*Nessuno stato*/
/*Stato Ospite*/
/*Stato Pending*/
/*Stato Abilitato*/
}
#pulsantieraAsta .btnFilter.butAlive span.astaLiveLabel,
.butHomeAlive .btnFilter.butAlive span.astaLiveLabel,
.templMyConsole .btnFilter.butAlive span.astaLiveLabel,
.templAuctionItem .btnFilter.butAlive span.astaLiveLabel {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-ms-flex-item-align: center!important;
align-self: center!important;
font-size: 1.800rem;
text-transform: none;
letter-spacing: -0.075rem;
margin: 1.000rem;
}
#pulsantieraAsta .btnFilter.butAlive span.iconLive,
.butHomeAlive .btnFilter.butAlive span.iconLive,
.templMyConsole .btnFilter.butAlive span.iconLive,
.templAuctionItem .btnFilter.butAlive span.iconLive {
font-size: 0;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
border: none;
background: none;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
margin: 0;
width: 45px;
height: 45px;
min-width: 0;
padding: 0;
color: #ffffff;
border-radius: 50%;
-webkit-transition: color 0.3s;
transition: color 0.3s;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}
#pulsantieraAsta .btnFilter.butAlive span.iconLive:before,
.butHomeAlive .btnFilter.butAlive span.iconLive:before,
.templMyConsole .btnFilter.butAlive span.iconLive:before,
.templAuctionItem .btnFilter.butAlive span.iconLive:before {
content: '';
position: absolute;
top: 2px;
left: 2px;
bottom: 2px;
right: 2px;
border-radius: inherit;
z-index: -1;
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
transition: box-shadow 0.3s, transform 0.3s;
border: 1px dashed rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 0 0 #a9a9a9;
}
#pulsantieraAsta .btnFilter.butAlive span.iconLive:after,
.butHomeAlive .btnFilter.butAlive span.iconLive:after,
.templMyConsole .btnFilter.butAlive span.iconLive:after,
.templAuctionItem .btnFilter.butAlive span.iconLive:after {
content: '';
-webkit-mask: url("../images/svg/user.svg");
mask: url("../images/svg/user.svg");
mask-repeat: space round, no-repeat;
background: #000000 no-repeat center;
width: 25px;
height: 25px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
border: 1px solid;
}
#pulsantieraAsta .btnFilter.butAlive span:last-child,
.butHomeAlive .btnFilter.butAlive span:last-child,
.templMyConsole .btnFilter.butAlive span:last-child,
.templAuctionItem .btnFilter.butAlive span:last-child {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-ms-flex-item-align: center!important;
align-self: center!important;
font-size: 1.400rem;
text-transform: none;
letter-spacing: -0.075rem;
margin: 1.000rem 0;
padding-top: 0.4rem;
border: 0;
}
#pulsantieraAsta .btnFilter.butAlive:hover,
.butHomeAlive .btnFilter.butAlive:hover,
.templMyConsole .btnFilter.butAlive:hover,
.templAuctionItem .btnFilter.butAlive:hover {
border: 0;
background-color: transparent;
}
#pulsantieraAsta .btnFilter.butAlive span,
.butHomeAlive .btnFilter.butAlive span,
.templMyConsole .btnFilter.butAlive span,
.templAuctionItem .btnFilter.butAlive span {
color: #000000;
}
#pulsantieraAsta .btnFilter.butAlive span.iconLive,
.butHomeAlive .btnFilter.butAlive span.iconLive,
.templMyConsole .btnFilter.butAlive span.iconLive,
.templAuctionItem .btnFilter.butAlive span.iconLive {
background-color: transparent;
color: #fb8914;
border: 1px solid #000000;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#pulsantieraAsta .btnFilter.butAlive span.iconLive:before,
.butHomeAlive .btnFilter.butAlive span.iconLive:before,
.templMyConsole .btnFilter.butAlive span.iconLive:before,
.templAuctionItem .btnFilter.butAlive span.iconLive:before {
border: 1px dashed rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 0 0 #000000;
}
#pulsantieraAsta .btnFilter.butAlive span.iconLive:after,
.butHomeAlive .btnFilter.butAlive span.iconLive:after,
.templMyConsole .btnFilter.butAlive span.iconLive:after,
.templAuctionItem .btnFilter.butAlive span.iconLive:after {
background: #000000 no-repeat center;
-webkit-mask: url("../images/svg/user-dis.svg");
mask: url("../images/svg/user-dis.svg");
}
#pulsantieraAsta .btnFilter.butAlive:hover span.iconLive,
.butHomeAlive .btnFilter.butAlive:hover span.iconLive,
.templMyConsole .btnFilter.butAlive:hover span.iconLive,
.templAuctionItem .btnFilter.butAlive:hover span.iconLive {
background-color: transparent;
color: #000000;
border: 1px solid #000000;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
#pulsantieraAsta .btnFilter.butAlive:hover span.iconLive:before,
.butHomeAlive .btnFilter.butAlive:hover span.iconLive:before,
.templMyConsole .btnFilter.butAlive:hover span.iconLive:before,
.templAuctionItem .btnFilter.butAlive:hover span.iconLive:before {
border: 1px dashed transparent;
box-shadow: inset 0 0 0 35px #000000;
}
#pulsantieraAsta .btnFilter.butAlive:hover span.iconLive:after,
.butHomeAlive .btnFilter.butAlive:hover span.iconLive:after,
.templMyConsole .btnFilter.butAlive:hover span.iconLive:after,
.templAuctionItem .btnFilter.butAlive:hover span.iconLive:after {
background: #ffffff no-repeat center;
}
#pulsantieraAsta .btnFilter.butAlive.ospiteAlive span.iconLive:after,
.butHomeAlive .btnFilter.butAlive.ospiteAlive span.iconLive:after,
.templMyConsole .btnFilter.butAlive.ospiteAlive span.iconLive:after,
.templAuctionItem .btnFilter.butAlive.ospiteAlive span.iconLive:after {
-webkit-mask: url("../images/svg/user-ospite.svg");
mask: url("../images/svg/user-ospite.svg");
}
#pulsantieraAsta .btnFilter.butAlive.PENDING span,
.butHomeAlive .btnFilter.butAlive.PENDING span,
.templMyConsole .btnFilter.butAlive.PENDING span,
.templAuctionItem .btnFilter.butAlive.PENDING span {
color: #fb8914;
}
#pulsantieraAsta .btnFilter.butAlive.PENDING span.iconLive,
.butHomeAlive .btnFilter.butAlive.PENDING span.iconLive,
.templMyConsole .btnFilter.butAlive.PENDING span.iconLive,
.templAuctionItem .btnFilter.butAlive.PENDING span.iconLive {
background-color: transparent;
color: #fb8914;
border: 1px solid #fb8914;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#pulsantieraAsta .btnFilter.butAlive.PENDING span.iconLive:before,
.butHomeAlive .btnFilter.butAlive.PENDING span.iconLive:before,
.templMyConsole .btnFilter.butAlive.PENDING span.iconLive:before,
.templAuctionItem .btnFilter.butAlive.PENDING span.iconLive:before {
border: 1px dashed rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 0 0 #fb8914;
}
#pulsantieraAsta .btnFilter.butAlive.PENDING span.iconLive:after,
.butHomeAlive .btnFilter.butAlive.PENDING span.iconLive:after,
.templMyConsole .btnFilter.butAlive.PENDING span.iconLive:after,
.templAuctionItem .btnFilter.butAlive.PENDING span.iconLive:after {
background: #7d994c no-repeat center;
-webkit-mask: url("../images/svg/user-no.svg");
mask: url("../images/svg/user-no.svg");
}
#pulsantieraAsta .btnFilter.butAlive.PENDING:hover span.iconLive,
.butHomeAlive .btnFilter.butAlive.PENDING:hover span.iconLive,
.templMyConsole .btnFilter.butAlive.PENDING:hover span.iconLive,
.templAuctionItem .btnFilter.butAlive.PENDING:hover span.iconLive {
background-color: transparent;
color: #fb8914;
border: 1px solid #fb8914;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
#pulsantieraAsta .btnFilter.butAlive.PENDING:hover span.iconLive:before,
.butHomeAlive .btnFilter.butAlive.PENDING:hover span.iconLive:before,
.templMyConsole .btnFilter.butAlive.PENDING:hover span.iconLive:before,
.templAuctionItem .btnFilter.butAlive.PENDING:hover span.iconLive:before {
border: 1px dashed transparent;
box-shadow: inset 0 0 0 35px #fb8914;
}
#pulsantieraAsta .btnFilter.butAlive.PENDING:hover span.iconLive:after,
.butHomeAlive .btnFilter.butAlive.PENDING:hover span.iconLive:after,
.templMyConsole .btnFilter.butAlive.PENDING:hover span.iconLive:after,
.templAuctionItem .btnFilter.butAlive.PENDING:hover span.iconLive:after {
background: #ffffff no-repeat center;
}
#pulsantieraAsta .btnFilter.butAlive.ABILITATO span,
.butHomeAlive .btnFilter.butAlive.ABILITATO span,
.templMyConsole .btnFilter.butAlive.ABILITATO span,
.templAuctionItem .btnFilter.butAlive.ABILITATO span {
color: #7d994c;
}
#pulsantieraAsta .btnFilter.butAlive.ABILITATO span.iconLive,
.butHomeAlive .btnFilter.butAlive.ABILITATO span.iconLive,
.templMyConsole .btnFilter.butAlive.ABILITATO span.iconLive,
.templAuctionItem .btnFilter.butAlive.ABILITATO span.iconLive {
background-color: transparent;
color: #7d994c;
border: 1px solid #7d994c;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#pulsantieraAsta .btnFilter.butAlive.ABILITATO span.iconLive:before,
.butHomeAlive .btnFilter.butAlive.ABILITATO span.iconLive:before,
.templMyConsole .btnFilter.butAlive.ABILITATO span.iconLive:before,
.templAuctionItem .btnFilter.butAlive.ABILITATO span.iconLive:before {
border: 1px dashed rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 0 0 #7d994c;
}
#pulsantieraAsta .btnFilter.butAlive.ABILITATO span.iconLive:after,
.butHomeAlive .btnFilter.butAlive.ABILITATO span.iconLive:after,
.templMyConsole .btnFilter.butAlive.ABILITATO span.iconLive:after,
.templAuctionItem .btnFilter.butAlive.ABILITATO span.iconLive:after {
background: #7d994c no-repeat center;
}
#pulsantieraAsta .btnFilter.butAlive.ABILITATO:hover span.iconLive,
.butHomeAlive .btnFilter.butAlive.ABILITATO:hover span.iconLive,
.templMyConsole .btnFilter.butAlive.ABILITATO:hover span.iconLive,
.templAuctionItem .btnFilter.butAlive.ABILITATO:hover span.iconLive {
background-color: transparent;
color: #7d994c;
border: 1px solid #7d994c;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
#pulsantieraAsta .btnFilter.butAlive.ABILITATO:hover span.iconLive:before,
.butHomeAlive .btnFilter.butAlive.ABILITATO:hover span.iconLive:before,
.templMyConsole .btnFilter.butAlive.ABILITATO:hover span.iconLive:before,
.templAuctionItem .btnFilter.butAlive.ABILITATO:hover span.iconLive:before {
border: 1px dashed transparent;
box-shadow: inset 0 0 0 35px #7d994c;
}
#pulsantieraAsta .btnFilter.butAlive.ABILITATO:hover span.iconLive:after,
.butHomeAlive .btnFilter.butAlive.ABILITATO:hover span.iconLive:after,
.templMyConsole .btnFilter.butAlive.ABILITATO:hover span.iconLive:after,
.templAuctionItem .btnFilter.butAlive.ABILITATO:hover span.iconLive:after {
background: #ffffff no-repeat center;
}
.templMyConsole .btnFilter.butAlive.PENDING {
z-index: 0;
}
.templMyConsole .btnFilter.butAlive.ABILITATO {
z-index: 0;
}
/*************************************************************
* Template Asta Live Reg *
*************************************************************/
.templAstaLiveReg .fa-star {
font-size: 1.400rem;
}
.templAstaLiveReg .badge {
color: #ffffff;
font-size: 1.200rem;
font-weight: normal;
background-color: #a9a9a9;
font-family: "FarseL";
}
.templAstaLiveReg .card.check-panel .badge {
background-color: #7d994c;
}
.templAstaLiveReg .fa-star {
color: rgba(208, 169, 115, 0.95);
}
.templAstaLiveReg .fa-check-square-o {
color: #7d994c;
}
.templAstaLiveReg .fa-square-o {
color: #9e0b0f;
}
.templAstaLiveReg .style-form .radio,
.templAstaLiveReg .style-form .checkbox {
line-height: auto;
}
/*************************************************************
* VIDEO PAGE *
*************************************************************/
#embVidPrincipale {
padding-bottom: 56.25%;
height: 0;
position: relative;
}
#embVidPrincipale iframe {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#embVidLeftPrincipale {
text-align: left;
}
#embVidDescPrincipale {
line-height: 17px;
margin-bottom: 14px;
}
#embVidDipPrincipale {
text-transform: uppercase;
font-size: 1.200rem;
line-height: 1.800rem;
}
#embVidPrincipaleTextPanel {
padding: 2.500rem 0;
}
#embVidDipListPrincipale {
text-transform: uppercase;
font-size: 1.200rem;
word-spacing: 0.200rem;
color: #000000;
line-height: 1.400rem;
}
#embVidRightPrincipale {
vertical-align: top;
}
#embVidRightPrincipale .etiShare {
text-transform: uppercase;
font-size: 1.200rem;
word-spacing: 0.200rem;
color: #000000;
}
#embVidRightPrincipale .addthis_native_toolbox {
margin: 0 !important;
}
#embVidContainerGrid {
vertical-align: top;
padding: 1.500rem 0;
/* On Hover Navigation */
}
#embVidContainerGrid .embVidGridItems {
text-align: left;
vertical-align: top;
padding: 2.500rem 2.500rem;
}
#embVidContainerGrid .embVidImg {
margin-bottom: 2.500rem;
position: relative;
}
#embVidContainerGrid .embVidImg img {
width: 100%;
}
#embVidContainerGrid .embVidTitle {
padding-bottom: 1.000rem ;
}
#embVidContainerGrid .embVidTitle h4 {
font-size: 2.400rem;
line-height: normal;
}
#embVidContainerGrid .embVidSubTitle h5 {
text-transform: uppercase;
}
#embVidContainerGrid .embVidText {
line-height: normal;
}
#embVidContainerGrid .embVidGridItems .link-hover {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
transform: scale(0.8, 0.8);
opacity: 0;
z-index: -1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#embVidContainerGrid .embVidGridItems:hover .embVidImg a:after {
opacity: 0.95;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#embVidContainerGrid .embVidGridItems:hover .embVidTitle h4 {
color: #a9a9a9;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#embVidContainerGrid .embVidGridItems:hover .link-hover {
transform: scale(1, 1);
opacity: 1;
}
#embVidContainerGrid .embVidGridItems:hover a.video img {
opacity: 1;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
#embVidContainerGrid .embVidGridItems:hover a.video span:after {
opacity: 1;
width: 60px;
height: 60px;
left: 50%;
top: 50%;
margin-left: -30px;
margin-top: -30px;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#embVidContainerGrid .embVidGridItems:hover a.video span:before {
background-color: rgba(0, 0, 0, 0.45);
transform: scale(1, 1);
opacity: 1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
/************ Video collegati all'Asta ************/
#dettaglioAsta #pulsantieraAsta .VidImg {
margin-top: 3rem;
position: relative;
display: inline-block;
}
#dettaglioAsta #pulsantieraAsta .VidImg img {
width: 100%;
height: auto;
}
#dettaglioAsta #pulsantieraAsta .VidImg a:after {
-webkit-mask: url("/img-main/svg/video.svg");
mask: url("/img-main/svg/video.svg");
mask-repeat: space round, no-repeat;
background: #ffffff no-repeat center;
width: 50px;
height: 50px;
position: absolute;
z-index: 100;
content: "";
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -25px;
opacity: 1;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
#dettaglioAsta #pulsantieraAsta .VidImg a span {
opacity: 0;
background: #000000;
position: absolute;
z-index: 1;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
#dettaglioAsta #pulsantieraAsta .VidImg:hover a span {
opacity: 0.33;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
}
#dettaglioAsta #pulsantieraAsta .VidImg:hover a:after {
opacity: 0.95;
transition: all 0.4s ease 0s;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
}
/************ Fine Video collegati all'Asta ************/
/*************************************************************
* Elenco Lotti *
*************************************************************/
.templLotsList #cont {
/*Menu Interno*/
/*Consolle Ricerca*/
}
.templLotsList #cont #panelBox {
max-width: 1140px;
}
@media (min-width: 1430px) {
.templLotsList #cont #panelBox {
width: 1340px;
max-width: 100%;
}
}
.templLotsList #cont .menuInternoAsta {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
width: 100%;
max-width: 1380px;
margin: auto;
margin-bottom: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
/* Visualizzazione Mobile */
}
@media screen and (max-width: 767px) {
.templLotsList #cont .menuInternoAsta {
margin-top: 0;
margin-bottom: 0;
}
}
.templLotsList #cont .menuInternoAsta .menuInterno {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
font-size: 1.600rem;
line-height: 1.800rem;
letter-spacing: 0;
font-weight: 700;
text-align: left;
margin: 0;
padding: 15px 0;
}
.templLotsList #cont .menuInternoAsta .menuInterno:after {
content: "";
background-color: rgba(0, 0, 0, 0.35);
position: relative;
display: inline-flex;
margin: 0 15px;
padding: 0;
width: 1px;
height: 14px;
transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
}
.templLotsList #cont .menuInternoAsta .menuInterno:last-child:after {
content: none;
}
.templLotsList #cont .lotsConsoleContainer {
padding-left: 0;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.templLotsList #cont .lotsConsoleContainer {
padding-left: 3.000rem;
padding-right: 3.000rem;
}
}
.templLotsList #cont .lotsConsoleContainer .psearch_panel {
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.templLotsList #cont .lotsConsoleContainer .psearch_panel {
padding-left: 0!important;
padding-right: 0!important;
}
}
.templLotsList #cont #psearchConsole .style-form {
margin: 0 0 0;
}
.templLotsList #cont #psearchConsole button[type=submit] {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
position: absolute;
right: 0;
top: 0;
width: 36px;
height: 36px;
background: transparent;
}
.templLotsList #cont #psearchConsole button[type=submit] .icon-append {
position: relative;
top: auto;
right: auto;
-ms-transform: none;
transform: none;
text-align: center;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole {
padding: 2.500rem 0;
padding-left: 0;
width: 100%;
background: #f0efee;
border-radius: 3px;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole #criteriPanel {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole #criteriPanel .ordineStima[data-attr="baseAsta"] {
display: none;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole .criteri1 {
-ms-flex: 0 0 100%!important;
flex: 0 0 100%!important;
max-width: 100%!important;
padding-top: 2.500rem;
padding-bottom: 2.500rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole .criteri1 .filtroCat1 {
display: none;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole .criteri1 .filtroCat2 {
display: none;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole .criteri2 {
-ms-flex: 0 0 100%!important;
flex: 0 0 100%!important;
max-width: 100%!important;
padding-top: 2.500rem;
padding-bottom: 2.500rem;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole .criteri2 .ordineTitolo {
display: none;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole .criteri3 {
-ms-flex: 0 0 100%!important;
flex: 0 0 100%!important;
max-width: 100%!important;
padding-top: 2.500rem;
padding-bottom: 2.500rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole .criteri3 .sec-color {
color: #a9a9a9;
padding-left: 0.500rem;
padding-right: 0.500rem;
}
@media (max-width: 991px) {
.templLotsList #cont .lotsConsoleContainer .lotsConsole {
background: transparent;
margin: 0;
padding: 2.500rem 0;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole #criteriPanel {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole [class^="criteri"] {
border: none;
padding-left: 0!important;
padding-right: 0!important;
}
.templLotsList #cont .lotsConsoleContainer .lotsConsole [class^="criteri"] + [class^="criteri"] {
margin-bottom: 2.500rem;
}
}
.templLotsList #cont .panelElLotti {
padding-bottom: 8.000rem;
}
@media (max-width: 991px) {
.templLotsList #cont .panelElLotti {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 991px) {
.templLotsList #cont .panelElLotti .tablerow {
padding-left: 3.000rem;
padding-right: 3.000rem;
}
}
/*************************************************************
* Mostra *
*************************************************************/
.templLotsList.mostra #dettaglioAsta .textAsta .numAsta {
display: none;
}
/*************************************************************
* Compra Subito *
*************************************************************/
.templLotsList.compraSubito #dettaglioAsta .textAsta .numAsta {
display: none;
}
/*************************************************************
* Overview Asta *
*************************************************************/
.templateAuctionOverview {
/*Menu Interno*/
/* Text panel */
}
.templateAuctionOverview .image_carousel_up {
position: relative;
}
.templateAuctionOverview .image_carousel_up .panelTitle {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
width: 100%;
max-width: 1380px;
position: absolute;
z-index: 10;
left: 0;
right: 0;
bottom: 0;
text-align: left;
margin-bottom: 7.500rem;
border-bottom: 0!important;
transition: all 0.65s ease-in-out !important;
-webkit-transition: all 0.65s ease-in-out !important;
-moz-transition: all 0.65s ease-in-out !important;
-o-transition: all 0.65s ease-in-out !important;
}
.templateAuctionOverview .image_carousel_up .type {
font-size: 1.400rem;
line-height: 1.800rem;
text-transform: none;
font-weight: 700;
color: #ffffff;
margin: 0;
padding-bottom: 15px;
}
.templateAuctionOverview .image_carousel_up .type span {
color: #ffffff;
background: #000000;
padding-left: 7px;
padding-right: 7px;
margin-left: 5px;
margin-right: 5px;
}
.templateAuctionOverview .image_carousel_up .itemListTitle {
margin: 0;
}
.templateAuctionOverview .image_carousel_up .itemListTitle h4 {
display: inline-block;
position: relative;
font-family: "FarseL";
font-size: 3.800rem;
font-weight: normal;
line-height: 1;
color: #ffffff;
margin: 0;
margin-bottom: 0.500rem;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.65);
}
.templateAuctionOverview .image_carousel_up .itemListTitle h4 .astaTempo {
position: relative;
display: inline-block;
width: 35px;
height: 35px;
-webkit-mask-image: url("../images/svg/asta-tempo.svg");
mask-image: url("../images/svg/asta-tempo.svg");
mask-repeat: space round, no-repeat;
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin: 0 5px;
-webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.65));
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.templateAuctionOverview .image_carousel_up .itemListTitle h4 .astaLivePremium {
position: relative;
display: inline-block;
width: 35px;
height: 35px;
-webkit-mask-image: url("../images/svg/asta-premium.svg");
mask-image: url("../images/svg/asta-premium.svg");
mask-repeat: space round, no-repeat;
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin: 0 5px;
-webkit-filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.65));
filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.65));
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.templateAuctionOverview .image_carousel_up .itemListData {
font-family: "FarseL";
font-weight: 700;
font-size: 1.800rem;
line-height: 1;
color: #ffffff;
margin: 0;
}
.templateAuctionOverview .image_carousel_up .itemListData .separatore {
display: inline-block;
height: 1.700rem;
margin: 0 0.700rem;
position: relative;
border-left: 1px solid #a9a9a9;
vertical-align: bottom;
}
.templateAuctionOverview .image_carousel_up .itemListData div {
display: inline-block;
}
.templateAuctionOverview .image_carousel_up .itemListData .first-letter:first-letter {
text-transform: uppercase;
}
.templateAuctionOverview .menuInternoAsta {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
width: 100%;
max-width: 1140px;
margin: auto;
margin-top: 20px;
margin-bottom: 40px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.templateAuctionOverview .menuInternoAsta .menuInterno {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
font-size: 1.600rem;
line-height: 1.800rem;
font-weight: 700;
text-align: left;
margin: 0;
padding: 15px 0;
}
.templateAuctionOverview .menuInternoAsta .menuInterno:after {
content: "";
background-color: rgba(0, 0, 0, 0.35);
position: relative;
display: inline-flex;
margin: 0 15px;
padding: 0;
width: 1px;
height: 14px;
transition: all 0.6s;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
-o-transition: all 0.6s;
}
.templateAuctionOverview .menuInternoAsta .menuInterno:last-child:after {
content: none;
}
.templateAuctionOverview .textPanel {
font-size: 1.400rem;
padding: 3.000rem;
}
.templateAuctionOverview .textPanel .contentPanel {
position: relative;
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 12rem;
-moz-column-gap: 12rem;
-webkit-column-gap: 12rem;
padding: 0;
text-align: left;
}
.templateAuctionOverview .textPanel .contentPanel:first-letter {
font-size: 52px;
line-height: 16px;
font-weight: 700;
text-align: left;
padding: 10px 15px 10px 0;
margin-right: 0;
float: left;
}
.templateAuctionOverview .videoPanel {
background-color: rgba(0, 0, 0, 0.05);
padding: 3.000rem;
}
.templateAuctionOverview .videoPanel .containerVideoPanel {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
padding: 4.500rem 0 3.000rem;
}
.templateAuctionOverview .videoPanel .containerVideoPanel .title:before {
content: "";
position: absolute;
display: block;
width: 2px;
height: 17px;
top: 50%;
left: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
background: #a9a9a9;
background-repeat: no-repeat;
background-position: top center;
background-size: auto;
}
.templateAuctionOverview .videoPanel .containerVideoPanel .title {
font-family: "FarseL";
font-size: 2.800rem;
font-weight: 700;
line-height: 3.000rem;
position: relative;
text-align: left;
padding-left: 15px;
margin: 0;
}
.templateAuctionOverview .videoPanel .containerVideoPanel .title b {
font-weight: 700;
}
.templateAuctionOverview .videoPanel .containerVideoPanel .subTitle {
font-family: "FarseL";
font-size: 1.800rem;
font-weight: 700;
position: relative;
text-align: left;
padding-left: 15px;
padding-bottom: 10px;
margin: 0;
}
.templateAuctionOverview .videoPanel .containerVideoPanel .text {
font-family: "FarseL";
font-size: 1.400rem;
font-weight: normal;
position: relative;
text-align: left;
padding-left: 15px;
margin: 0;
}
.templateAuctionOverview .bannerPanel {
/*Immagine*/
}
.templateAuctionOverview .bannerPanel .item {
overflow: hidden;
display: block;
position: relative;
margin: 0;
height: 100vh;
max-height: 440px;
}
.templateAuctionOverview .bannerPanel .item .depContainer {
display: block;
content: "";
height: 100%;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: absolute;
background: rgba(0, 0, 0, 0.15);
}
.templateAuctionOverview .bannerPanel .item .depContainer .img-cover {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-backface-visibility: hidden;
-webkit-transition: transform 0.5s ease-in-out 0s;
-moz-transition: transform 0.5s ease-in-out 0s;
-o-transition: transform 0.5s ease-in-out 0s;
-ms-transition: transform 0.5s ease-in-out 0s;
transition: transform 0.5s ease-in-out 0s;
}
.templateAuctionOverview .bannerPanel .item .depContainer .img-cover {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: block;
height: 100%;
position: relative;
width: 100%;
}
/*************************************************************
* Dipartimenti *
*************************************************************/
@media (min-width: 1430px) {
.templDipartimenti #panelBox.container {
width: 1340px;
max-width: 100%;
}
}
.templDipartimenti .textContainer.p-2 {
padding: 0!important;
}
.templDipartimenti .row {
margin-left: 0;
margin-right: 0;
}
.templDipartimenti .itemListContainer {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
padding: 3.000rem;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.templDipartimenti .itemListContainer {
padding: 1.500rem 0;
}
}
@media (min-width: 992px) {
.templDipartimenti .itemListContainer.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
.templDipartimenti .itemListContainer .contBoxImg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: relative;
width: 100%;
}
.templDipartimenti .itemListContainer .contBoxImg .contentBox {
padding: 0;
}
.templDipartimenti .itemListContainer .contBoxImg .contentBox .ratio {
padding: 0;
position: relative;
overflow: hidden;
aspect-ratio: 1;
}
.templDipartimenti .itemListContainer .contBoxImg .contentBox .ratio:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
z-index: 1;
margin: auto;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
background-color: transparent;
/*background-image: linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 35%);*/
}
.templDipartimenti .itemListContainer .contBoxImg .contentBox span {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
border: none;
background: rgba(0, 0, 0, 0.35);
vertical-align: middle;
position: absolute;
z-index: 10;
visibility: hidden;
transition: .3s all;
transform: translateY(30px);
transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
left: 50%;
top: 50%;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
margin: 0;
margin-left: -25px;
margin-top: -25px;
width: 50px;
height: 50px;
min-width: 0;
padding: 0;
color: #fff;
border-radius: 50%;
}
.templDipartimenti .itemListContainer .contBoxImg .contentBox span:before {
content: "";
width: 30px;
height: 30px;
-webkit-mask: url("../images/svg/plus-mini.svg");
mask: url("../images/svg/plus-mini.svg");
mask-repeat: space round, no-repeat;
background: #ffffff no-repeat center;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin: auto;
}
.templDipartimenti .itemListContainer .contBoxText {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 2.000rem 3.000rem!important;
margin: 0;
}
.templDipartimenti .itemListContainer .contBoxText .headerBoxText {
padding-left: 0!important;
padding-right: 0!important;
}
.templDipartimenti .itemListContainer .contBoxText .headerBoxText h5 {
font-family: "FarseL";
font-size: 2.600rem;
line-height: 1;
font-weight: 500;
color: #000000;
text-transform: none;
text-align: left;
letter-spacing: -0.05rem;
padding: 0;
}
.templDipartimenti .itemListContainer .contBoxText .textBoxText {
padding-left: 0!important;
padding-right: 0!important;
text-align: left;
}
.templDipartimenti .itemListContainer .contBoxText .textUnderline {
/*display: none;*/
}
.templDipartimenti .itemListContainer:hover {
cursor: pointer;
opacity: 1;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
/*Foto Rettifica*/
}
.templDipartimenti .itemListContainer:hover .headerBoxText h5 {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templDipartimenti .itemListContainer:hover .contentBox .hover {
opacity: 0.33;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templDipartimenti .itemListContainer:hover .contentBox .immagine {
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: .8s;
-moz-transition: .8s;
-ms-transition: .8s;
-o-transition: .8s;
transition: .8s;
}
.templDipartimenti .itemListContainer:hover .contBoxImg .contentBox span {
visibility: visible;
transform: translateY(0);
transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
}
.templDipartimenti .videoSfondo {
display: none;
}
/************ Dettaglio Dipartimento ************/
.templDipartimentiDett {
/* Video */
/* Contact Panel */
/* Text panel */
/* Calendario Aste */
}
.templDipartimentiDett .panelDip .textBox .textContent {
position: relative;
padding-top: 1.500rem;
padding-left: 4.500rem;
padding-bottom: 4.500rem;
padding-right: 4.500rem;
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 12.000rem;
-moz-column-gap: 12.000rem;
-webkit-column-gap: 12.000rem;
}
.templDipartimentiDett .panelDip .textBox .textContent:before {
background: url("/img-head/tratt.png") repeat-x scroll left bottom transparent;
content: "";
position: absolute;
top: 1.500rem;
height: 1.500rem;
line-height: 1;
width: 30px;
left: 0;
vertical-align: middle;
}
@media screen and (max-width: 991px) {
.templDipartimentiDett .panelDip .textBox .textContent {
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
padding-left: 0;
padding-right: 0;
}
.templDipartimentiDett .panelDip .textBox .textContent:before {
content: none;
}
}
@media screen and (max-width: 991px) {
.templDipartimentiDett #panelContainerHead {
padding-top: 1.500rem;
}
}
.templDipartimentiDett section:nth-child(even) {
background: rgba(0, 0, 0, 0.05);
}
.templDipartimentiDett section:nth-child(odd) {
background: transparent;
}
.templDipartimentiDett .asteDipTitle {
font-family: "FarseL";
font-size: 2.200rem;
font-weight: 300;
line-height: 1;
color: #000000;
text-align: left;
}
.templDipartimentiDett .itemListTitle {
font-family: "FarseL";
font-size: 2.600rem;
line-height: 1;
color: #000000;
text-transform: none;
display: block;
padding: 0.5rem 0 1.000rem;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.templDipartimentiDett .asteDipContainer {
display: block;
position: relative;
}
.templDipartimentiDett .asteDipContainer .itemListDett {
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
text-transform: uppercase;
text-align: left;
position: relative;
}
.templDipartimentiDett .asteDipContainer .asteListContainerDett {
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
-webkit-align-items: stretch;
align-items: stretch;
background: transparent;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.templDipartimentiDett .asteDipContainer .asteListContainerDett:hover .itemListTitle {
color: #000000;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.templDipartimentiDett .asteDipContainer .asteListImgDett img {
border: 1px solid rgba(0, 0, 0, 0.15);
}
.templDipartimentiDett .asteDipContainer .asteListContainerDett:hover {
cursor: pointer;
background: rgba(0, 0, 0, 0.05);
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.templDipartimentiDett .asteDipContainer .asteListContainerDett.noBorder {
border-top: none;
}
.templDipartimentiDett #elencoAsteDip {
background: rgba(0, 0, 0, 0.05);
}
.templDipartimentiDett .videoPanel {
padding: 3.000rem;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.templDipartimentiDett .videoPanel {
padding: 3.000rem 0!important;
}
}
.templDipartimentiDett .videoPanel .badge_svg {
top: 35px;
left: 0;
right: auto;
/* Visualizzazione Ipad */
}
.templDipartimentiDett .videoPanel .badge_svg text.badge_text {
letter-spacing: 26px;
}
@media screen and (max-width: 991px) {
.templDipartimentiDett .videoPanel .badge_svg {
display: none;
}
}
.templDipartimentiDett .videoPanel .containerVideoPanel {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
padding: 4.500rem 0 3.000rem;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.templDipartimentiDett .videoPanel .containerVideoPanel {
padding: 0!important;
}
}
.templDipartimentiDett .videoPanel .containerVideoPanel .title {
font-family: "FarseL";
font-size: 2.600rem;
font-weight: 300;
line-height: 1;
position: relative;
text-align: left;
margin: 0;
}
.templDipartimentiDett .videoPanel .containerVideoPanel .title b {
font-weight: 700;
}
.templDipartimentiDett .videoPanel .containerVideoPanel .subTitle {
font-family: "FarseL";
font-size: 1.800rem;
font-weight: 700;
position: relative;
text-align: left;
padding-left: 15px;
padding-bottom: 10px;
margin: 0;
}
.templDipartimentiDett .videoPanel .containerVideoPanel .text {
font-family: "FarseL";
font-size: 1.400rem;
font-weight: normal;
position: relative;
text-align: left;
padding-left: 15px;
margin: 0;
}
.templDipartimentiDett .videoPanel .containerVideoPanel .video {
--column-gap: 25px;
--row-gap: 25px;
grid-template-columns: repeat(7, minmax(0, 1fr));
grid-gap: 30px;
display: grid;
grid-auto-rows: 1fr;
grid-auto-flow: dense;
padding: 3.000rem 0;
width: 100%;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.templDipartimentiDett .videoPanel .containerVideoPanel .video {
display: block;
padding: 0;
}
}
.templDipartimentiDett .videoPanel .containerVideoPanel .video .item-video {
grid-auto-rows: 1fr minmax(auto, 100px);
grid-column: span 5;
overflow: hidden;
display: grid;
position: relative;
margin: 0;
}
.templDipartimentiDett .videoPanel .containerVideoPanel .video .desc-videoPanel {
grid-auto-rows: 1fr minmax(auto, 100px);
grid-column: span 2;
overflow: hidden;
display: grid;
position: relative;
margin: 0;
}
.templDipartimentiDett .contactPanel {
padding: 3.500rem 1.500rem 6.500rem;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.templDipartimentiDett .contactPanel {
padding: 3.500rem 0 6.500rem;
}
}
.templDipartimentiDett .contactPanel .panelTitle {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
padding: 4.500rem 0 3.000rem;
}
.templDipartimentiDett .contactPanel .panelTitle .title:before {
content: "";
position: absolute;
display: block;
width: 2px;
height: 17px;
top: 50%;
left: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
background: #a9a9a9;
background-repeat: no-repeat;
background-position: top center;
background-size: auto;
}
.templDipartimentiDett .contactPanel .panelTitle .title {
font-family: "FarseL";
font-size: 2.400rem;
font-weight: 300;
line-height: 1;
position: relative;
text-align: left;
padding-left: 15px;
margin: 0;
}
.templDipartimentiDett .contactPanel .panelTitle .title b {
font-weight: 700;
}
.templDipartimentiDett .contactPanel .expertContentPanel {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
padding: 1.500rem 3.000rem;
margin: 0;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.templDipartimentiDett .contactPanel .expertContentPanel {
padding: 1.500rem 0;
}
}
.templDipartimentiDett .contactPanel .expertContentPanel .refListImgDett {
/* Visualizzazione Ipad */
}
.templDipartimentiDett .contactPanel .expertContentPanel .refListImgDett img {
position: relative;
min-width: 100%;
width: 150px;
height: 150px;
object-fit: cover;
object-position: top center;
}
@media screen and (max-width: 991px) {
.templDipartimentiDett .contactPanel .expertContentPanel .refListImgDett {
margin: 0;
}
}
.templDipartimentiDett .contactPanel .expertContentPanel .refDett {
-ms-flex-positive: 1!important;
flex-grow: 1!important;
padding-top: 2.000rem;
text-align: left;
font-size: 1.400rem;
font-weight: normal;
}
.templDipartimentiDett .contactPanel .expertContentPanel .refDett h4 {
font-family: "FarseL";
font-size: 2.200rem;
font-weight: 300;
}
.templDipartimentiDett .contactPanel .expertContentPanel .refDett .name {
font-weight: 700;
}
.templDipartimentiDett .contactPanel .expertContentPanel .refDett .mail {
margin-bottom: 1.500rem;
font-weight: 700;
}
.templDipartimentiDett .textPanel {
font-size: 1.400rem;
padding: 3.000rem 1.500rem;
/* Visualizzazione Mobile */
}
@media screen and (max-width: 767px) {
.templDipartimentiDett .textPanel {
padding: 3.000rem 0;
}
}
.templDipartimentiDett .textPanel .contentPanel {
position: relative;
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 12rem;
-moz-column-gap: 12rem;
-webkit-column-gap: 12rem;
padding: 0;
text-align: left;
/* Visualizzazione Mobile */
}
@media screen and (max-width: 767px) {
.templDipartimentiDett .textPanel .contentPanel {
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
column-gap: 0;
-moz-column-gap: 0;
-webkit-column-gap: 0;
}
}
.templDipartimentiDett .textPanel .contentPanel:first-letter {
font-size: 52px;
line-height: 1;
font-weight: 700;
text-align: left;
padding: 0 5px 0 0;
margin-right: 0;
float: left;
}
.templDipartimentiDett #elencoAsteDip {
padding: 3.500rem 1.500rem 6.500rem;
}
.templDipartimentiDett #elencoAsteDip .asteDipTitle {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
margin: 4.500rem auto 3.000rem;
padding: 0 15px!important;
font-family: "FarseL";
font-size: 2.400rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
position: relative;
text-align: center;
/* Visualizzazione Mobile */
}
@media screen and (max-width: 767px) {
.templDipartimentiDett #elencoAsteDip .asteDipTitle {
margin-left: 0;
margin-right: 0;
}
}
.templDipartimentiDett #elencoAsteDip .asteDipTitle b {
font-weight: 700;
}
.templDipartimentiDett #elencoAsteDip .asteDipContainer {
position: relative;
padding-left: 15px!important;
padding-right: 15px!important;
/* Visualizzazione Mobile */
}
@media screen and (max-width: 767px) {
.templDipartimentiDett #elencoAsteDip .asteDipContainer {
padding-left: 0!important;
padding-right: 0!important;
}
}
.templDipartimentiDett #elencoAsteDip #dipAste {
list-style: none;
padding-bottom: 25px;
/*Hover styles*/
}
.templDipartimentiDett #elencoAsteDip #dipAste.owl-theme .owl-nav.disabled {
display: none;
}
.templDipartimentiDett #elencoAsteDip #dipAste.owl-theme .owl-dots {
display: none;
}
.templDipartimentiDett #elencoAsteDip #dipAste .owl-item .asteListContainerDett {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
/*padding-left: 1.5rem!important;*/
/*padding-right: 1.5rem!important;*/
}
.templDipartimentiDett #elencoAsteDip #dipAste .asteListImgDett {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.templDipartimentiDett #elencoAsteDip #dipAste .itemListDett {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: left;
padding-top: 30px;
padding-right: 30px;
padding-left: 15px;
padding-right: 15px;
}
.templDipartimentiDett #elencoAsteDip #dipAste .typeImg .astaTempo {
position: absolute;
top: 0;
left: 0;
z-index: 10;
margin: 15px;
display: block;
width: 25px;
height: 25px;
-webkit-mask-image: url("../images/svg/asta-tempo.svg");
mask-image: url("../images/svg/asta-tempo.svg");
mask-repeat: space round, no-repeat;
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.45));
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.templDipartimentiDett #elencoAsteDip #dipAste .typeImg .astaLivePremium {
position: absolute;
top: 0;
left: 0;
z-index: 10;
margin: 15px;
display: block;
width: 25px;
height: 25px;
-webkit-mask-image: url("../images/svg/asta-premium.svg");
mask-image: url("../images/svg/asta-premium.svg");
mask-repeat: space round, no-repeat;
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
filter: drop-shadow(0px 1px 0px rgba(0, 0, 0, 0.45));
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.templDipartimentiDett #elencoAsteDip #dipAste .dataImg {
position: absolute;
bottom: 0;
padding: 20px 15px;
color: #ffffff;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);
z-index: 10;
left: 0;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
display: none!important;
}
.templDipartimentiDett #elencoAsteDip #dipAste .dataImg .data {
font-family: "FarseL";
font-weight: normal;
font-size: 4.800rem;
line-height: 1;
flex: 1;
padding-right: 12px;
}
.templDipartimentiDett #elencoAsteDip #dipAste .dataImg .right {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 8px 12px;
margin: 0;
}
.templDipartimentiDett #elencoAsteDip #dipAste .dataImg .right:before {
content: "";
display: block;
position: absolute;
left: 0;
width: 1px;
height: 3.400rem;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.45);
background-color: #ffffff;
}
.templDipartimentiDett #elencoAsteDip #dipAste .dataImg .month {
font-family: "FarseL";
font-weight: normal;
font-size: 1.800rem;
line-height: 1;
text-align: left;
margin: 0;
}
.templDipartimentiDett #elencoAsteDip #dipAste .dataImg .year {
font-family: "FarseL";
font-weight: normal;
font-size: 1.800rem;
line-height: 1;
text-align: left;
margin: 0;
}
.templDipartimentiDett #elencoAsteDip #dipAste .type {
color: #000000;
font-family: "FarseL";
font-size: 1.800rem;
line-height: 1;
font-weight: 300;
letter-spacing: -0.05rem;
text-transform: uppercase;
text-align: left;
padding: 0;
margin: 0;
}
.templDipartimentiDett #elencoAsteDip #dipAste .type span.type {
color: #a9a9a9;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
font-weight: 400;
position: relative;
display: inline-block;
text-transform: uppercase;
}
.templDipartimentiDett #elencoAsteDip #dipAste .type span.part {
text-transform: capitalize;
}
.templDipartimentiDett #elencoAsteDip #dipAste .contentBox {
padding: 0;
}
.templDipartimentiDett #elencoAsteDip #dipAste .contentBox .ratio {
padding: 0;
position: relative;
overflow: hidden;
padding-bottom: 141.40625%;
}
.templDipartimentiDett #elencoAsteDip #dipAste .contentBox .ratio:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 44%;
}
.templDipartimentiDett #elencoAsteDip #dipAste .contentBox span {
background: transparent;
width: 100%;
height: 100%;
max-width: calc(100% - 3.5em);
max-height: calc(100% - 3.5em);
position: absolute;
border: 1px solid rgba(255, 255, 255, 0.15);
z-index: -1;
margin: auto;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.templDipartimentiDett #elencoAsteDip #dipAste .numAsta {
color: #000000;
font-family: "FarseL";
font-size: 1.800rem;
line-height: 1;
font-weight: 300;
letter-spacing: -0.05rem;
text-transform: uppercase;
text-align: left;
padding: 0;
margin: 0;
}
.templDipartimentiDett #elencoAsteDip #dipAste .numAsta span.type {
color: #a9a9a9;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
font-weight: 400;
position: relative;
display: inline-block;
text-transform: uppercase;
}
.templDipartimentiDett #elencoAsteDip #dipAste .numAsta span.part {
text-transform: capitalize;
}
.templDipartimentiDett #elencoAsteDip #dipAste .dataAsta {
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
color: #ffffff;
text-transform: uppercase;
}
.templDipartimentiDett #elencoAsteDip #dipAste .itemListTitle {
position: relative;
font-family: "FarseL";
font-size: 3.000rem;
line-height: 1;
font-weight: 300;
padding-bottom: 1.500rem;
}
.templDipartimentiDett #elencoAsteDip #dipAste .itemListData {
font-family: "FarseL";
font-weight: normal;
font-size: 1.800rem;
line-height: 1;
}
.templDipartimentiDett #elencoAsteDip #dipAste .itemListData .separatore {
display: inline-block;
height: 1.500rem;
margin: 0 0.700rem;
position: relative;
border-left: 1px solid #a9a9a9;
vertical-align: bottom;
}
.templDipartimentiDett #elencoAsteDip #dipAste .itemListData div:first-letter {
text-transform: uppercase;
}
.templDipartimentiDett #elencoAsteDip #dipAste .owl-item .asteListContainerDett:hover {
cursor: pointer;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.templDipartimentiDett #elencoAsteDip #dipAste .owl-item .asteListContainerDett:hover .hover {
opacity: 0;
-webkit-transition: .5s linear 0.25s !important;
-o-transition: .5s linear 0.25s !important;
transition: .5s linear 0.25s !important;
}
.templDipartimentiDett #elencoAsteDip #dipAste .owl-item .asteListContainerDett:hover .immagine {
-webkit-clip-path: inset(0px);
clip-path: inset(0px);
-webkit-transition: .5s linear !important;
-o-transition: .5s linear !important;
transition: .5s linear !important;
}
.templDipartimentiDett #elencoAsteDip #dipAste .owl-item .asteListContainerDett:hover .wrap-img {
-webkit-transform: scale(1.025, 1.025);
-ms-transform: scale(1.025, 1.025);
transform: scale(1.025, 1.025);
-webkit-backface-visibility: hidden;
-webkit-transition: transform 0.5s ease-in-out 0s;
-moz-transition: transform 0.5s ease-in-out 0s;
-o-transition: transform 0.5s ease-in-out 0s;
-ms-transition: transform 0.5s ease-in-out 0s;
transition: transform 0.5s ease-in-out 0s;
}
@media screen and (max-width: 767px) {
.templDipartimentiDett #elencoAsteDip #dipAste {
padding-left: 0!important;
padding-right: 0!important;
}
.templDipartimentiDett #elencoAsteDip #dipAste .owl-item .asteListContainerDett {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
padding-left: 0!important;
padding-right: 0!important;
padding-bottom: 0!important;
}
.templDipartimentiDett #elencoAsteDip #dipAste .numAsta {
padding-top: 55px;
}
.templDipartimentiDett #elencoAsteDip #dipAste .boxRight {
position: relative!important;
left: 0;
top: auto!important;
bottom: auto!important;
padding-left: 0!important;
padding-right: 0!important;
}
.templDipartimentiDett #elencoAsteDip #dipAste .itemListTitle h5 {
text-align: left;
}
.templDipartimentiDett #elencoAsteDip #dipAste .itemListData {
text-align: left;
}
}
.templDipartimentiDett #imgDip {
padding: 3.500rem 1.500rem 6.500rem;
/* Visualizzazione Mobile */
}
@media screen and (max-width: 767px) {
.templDipartimentiDett #imgDip {
padding: 3.000rem 1.500rem;
}
}
.templDipartimentiDett #imgDip .asteDipTitle {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
margin: 4.500rem auto 3.000rem;
padding: 0 15px!important;
font-family: "FarseL";
font-size: 2.400rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
position: relative;
text-align: center;
/* Visualizzazione Mobile */
}
@media screen and (max-width: 767px) {
.templDipartimentiDett #imgDip .asteDipTitle {
margin-left: 0;
margin-right: 0;
}
}
.templDipartimentiDett #imgDip .asteDipTitle b {
font-weight: 700;
}
.templDipartimentiDett #imgDip .itemListDett {
text-align: left;
}
.templDipartimentiDett #documentiDip {
padding: 3.500rem 1.500rem 6.500rem;
/* Visualizzazione Mobile */
}
@media screen and (max-width: 767px) {
.templDipartimentiDett #documentiDip {
padding: 3.000rem 1.500rem!important;
}
}
.templDipartimentiDett #documentiDip .asteDipTitle {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
-webkit-box-align: baseline!important;
-ms-flex-align: baseline!important;
align-items: baseline!important;
margin: 4.500rem auto 3.000rem;
padding: 0 15px!important;
font-family: "FarseL";
font-size: 2.400rem;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
position: relative;
text-align: center;
/* Visualizzazione Mobile */
}
@media screen and (max-width: 767px) {
.templDipartimentiDett #documentiDip .asteDipTitle {
margin-left: 0;
margin-right: 0;
}
}
.templDipartimentiDett #documentiDip .asteDipTitle b {
font-weight: 700;
}
.templDipartimentiDett #documentiDip .itemListDett {
text-align: left;
}
.templDipartimentiDett .imgDipContainer .title {
font-family: "FarseL";
font-size: 2.000rem;
line-height: 1.800rem;
color: #000000;
position: relative;
display: block;
}
.templDipartimentiDett .imgDipContainer .contentBox .ratio {
padding: 0;
position: relative;
padding-bottom: 100%;
}
.templDipartimentiDett .refDipContainer .name {
font-family: "FarseL";
font-size: 2.400rem;
line-height: 2.200rem;
color: #000000;
position: relative;
display: block;
padding: 2.500rem 0 0;
}
.templDipartimentiDett .riga:after {
content: "";
position: relative;
background-color: rgba(0, 0, 0, 0.15);
width: 100%;
max-width: 87px;
height: 1px;
display: inline-block;
vertical-align: middle;
margin: 1.000rem 0 1.000rem;
}
.templDipartimentiDett .refDipContainer .labelDepartment {
font-family: "FarseL";
font-size: 1.300rem;
line-height: 1.400rem;
text-transform: uppercase;
color: #000000;
display: block;
}
.templDipartimentiDett #documentiDip .referPanel .card {
display: grid;
grid-template-columns: auto auto auto;
grid-gap: 25px;
padding: 10px;
border: 0;
background: transparent;
}
@media screen and (max-width: 991px) {
.templDipartimentiDett #documentiDip .referPanel .card {
grid-template-columns: auto;
grid-gap: 0;
padding: 0!important;
}
}
/*************************************************************
* Aste a Tempo *
*************************************************************/
.AsteTempoLogo,
.astaLivePremium,
.AsteCompraSubitoLogo {
border-radius: 50%;
cursor: pointer;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
width: 75px;
height: 75px;
line-height: 75px;
margin: 0;
position: absolute;
text-align: center;
text-decoration: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transition: #000000 0.3s;
-webkit-transition: #000000 0.3s;
border: 1px solid rgba(0, 0, 0, 0.25);
color: #000000;
transition: #000000 0.3s;
z-index: 2;
}
.AsteTempoLogo:after,
.astaLivePremium:after,
.AsteCompraSubitoLogo:after {
content: '';
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
border-radius: 50%;
box-sizing: content-box;
pointer-events: none;
position: absolute;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
background: rgba(0, 0, 0, 0.8);
left: 5px;
right: 5px;
top: 5px;
bottom: 5px;
padding: 0;
transition: transform 0.2s, opacity 0.2s;
z-index: -1;
}
.AsteTempoLogo:before {
/* content: "\e824"; */
content: '';
-webkit-mask-image: url('../images/svg/asta-tempo.svg');
mask-image: url('../images/svg/asta-tempo.svg');
mask-repeat: space round, no-repeat;
background-color: #ffffff;
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin: auto;
}
.astaLivePremium:before {
content: '';
-webkit-mask-image: url('../images/svg/asta-premium.svg');
mask-image: url('../images/svg/asta-premium.svg');
mask-repeat: space round, no-repeat;
background-color: #ffffff;
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin: auto;
}
.AsteCompraSubitoLogo:before {
/* content: "\e824"; */
content: '';
-webkit-mask-image: url('../images/svg/asta-compra-subito.svg');
mask-image: url('../images/svg/asta-compra-subito.svg');
mask-repeat: space round, no-repeat;
background-color: #ffffff;
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin: auto;
}
/* calendario future*/
.asteListContent .AsteTempoLogo:after,
.asteListContent .astaLivePremium:after,
.asteListContent .AsteCompraSubitoLogo:after {
margin: 0;
}
/* calendario passate*/
.pastAuction .asteListContent .AsteTempoLogo:after,
.pastAuction .asteListContent .astaLivePremium:after,
.pastAuction .asteListContent .AsteCompraSubitoLogo:after {
margin: 0;
}
/* Asta*/
#dettaglioAsta .asteListImg .AsteTempoLogo:after,
#dettaglioAsta .asteListImg .astaLivePremium:after,
#dettaglioAsta .asteListImg .AsteCompraSubitoLogo:after {
margin: 0;
}
/*************************************************************
* Auction Calendar *
*************************************************************/
.templAuctionCalendar {
/* Eccezione Asta a tempo Aperta */
/* Visualizzazione Ipad */
}
.templAuctionCalendar #panelContainerExt {
padding: 0;
}
.templAuctionCalendar.asteTempoAperta #testataAste {
display: none;
}
.templAuctionCalendar.asteTempoAperta .asteListContainer .itemList .dataAsta {
display: none;
}
.templAuctionCalendar br[clear="all"] {
display: none;
}
@media screen and (max-width: 991px) {
.templAuctionCalendar #cont {
padding-left: 0!important;
padding-right: 0!important;
}
}
/*************************************************************
* List style (Calendario Aste) *
*************************************************************/
.asteListContainer {
padding: 0;
position: relative;
display: block;
margin: 0;
}
/*************************************************************
* Compra Subito *
*************************************************************/
.compraSubitoOnly .asteListContainer.futureAuction .itemList {
margin: 0;
}
.compraSubitoOnly .asteListContainer.futureAuction .itemList > div {
width: 100%;
}
/*************************************************************
* Future Auctions *
*************************************************************/
.asteFuturePanel {
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.asteFuturePanel {
padding-left: 1.500rem!important;
padding-right: 1.500rem!important;
}
}
#asteFuture {
grid-template-columns: repeat(6, minmax(0, 1fr));
grid-gap: 70px 35px;
display: grid;
grid-auto-rows: 1fr;
grid-auto-flow: dense;
width: 100%;
padding: 0;
list-style: none;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#asteFuture {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 0;
}
}
.asteListContainer.futureAuction {
grid-auto-rows: 1fr minmax(auto, 150px);
grid-row: span 1;
grid-column: span 2;
overflow: hidden;
display: grid;
position: relative;
height: 100%;
margin: 0;
/* Visualizzazione Ipad */
/* Visualizzazione Ipad */
}
.asteListContainer.futureAuction:last-child:nth-child(3n - 1) {
grid-column-end: -2;
}
.asteListContainer.futureAuction:nth-last-child(2):nth-child(3n + 1) {
grid-column-end: 4;
}
.asteListContainer.futureAuction:last-child:nth-child(3n - 2) {
grid-column-end: 5;
}
@media screen and (max-width: 991px) {
.asteListContainer.futureAuction {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.asteListContainer.futureAuction:last-child:nth-child(3n - 1) {
grid-column-end: 1;
}
.asteListContainer.futureAuction:nth-last-child(2):nth-child(3n + 1) {
grid-column-end: 1;
}
.asteListContainer.futureAuction:last-child:nth-child(3n - 2) {
grid-column-end: 1;
}
}
.asteListContainer.futureAuction .asteListContent {
display: flex;
flex-direction: column;
height: 100%;
z-index: 1;
text-align: left;
}
.asteListContainer.futureAuction .numAsta {
color: #000000;
font-family: "FarseL";
font-size: 2.200rem;
line-height: 1;
font-weight: normal;
letter-spacing: -0.05rem;
text-transform: uppercase;
text-align: left;
padding: 5px 0px 12px;
margin: 0;
}
.asteListContainer.futureAuction .numAsta span.type {
color: #a9a9a9;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
font-weight: 400;
position: relative;
display: block;
text-transform: uppercase;
}
.asteListContainer.futureAuction .numAsta span.part {
text-transform: capitalize;
}
.asteListContainer.futureAuction .asteListImg {
/* Visualizzazione Ipad */
}
.asteListContainer.futureAuction .asteListImg .backNumAsta {
display: none;
}
.asteListContainer.futureAuction .asteListImg .post-button {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
border: none;
background: rgba(0, 0, 0, 0.35);
vertical-align: middle;
position: absolute;
z-index: 10;
visibility: hidden;
transition: .3s all;
transform: translateY(30px);
transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
left: 50%;
top: 50%;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
margin: 0;
margin-left: -25px;
margin-top: -25px;
width: 50px;
height: 50px;
min-width: 0;
padding: 0;
color: #fff;
border-radius: 50%;
}
.asteListContainer.futureAuction .asteListImg .post-button .button_icon {
width: 30px;
height: 30px;
-webkit-mask: url("../images/svg/plus-mini.svg");
mask: url("../images/svg/plus-mini.svg");
mask-repeat: space round, no-repeat;
background: #ffffff no-repeat center;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.asteListContainer.futureAuction .asteListImg .contentBox .ratio {
padding: 0;
position: relative;
aspect-ratio: 0.76923077;
}
.asteListContainer.futureAuction .asteListImg .contentBox .ratio .immagine {
position: relative;
}
@media screen and (max-width: 991px) {
.asteListContainer.futureAuction .asteListImg {
order: 1;
}
}
.asteListContainer.futureAuction .itemList {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
flex-grow: 1;
padding-top: 1.800rem;
/* Visualizzazione Ipad */
}
.asteListContainer.futureAuction .itemList .itemListTitle h4 {
position: relative;
font-size: 3.000rem;
line-height: 0.925;
font-weight: normal;
font-family: "FarseL";
color: #000000;
letter-spacing: -0.1rem;
}
.asteListContainer.futureAuction .itemList .itemListTitle h4 span {
font-family: "FarseL";
font-size: 1.800rem;
line-height: 3.000rem;
letter-spacing: 0;
color: #000000;
text-transform: none;
font-style: italic;
display: none;
}
.asteListContainer.futureAuction .itemList .itemListText {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1.6;
letter-spacing: 0;
font-weight: normal;
color: rgba(0, 0, 0, 0.8);
text-transform: none;
padding: 0;
padding-bottom: 20px;
}
.asteListContainer.futureAuction .itemList .itemListText:first-letter {
text-transform: uppercase;
}
.asteListContainer.futureAuction .itemList .itemListText .label {
font-weight: 500;
letter-spacing: -0.075rem;
color: #000000;
text-transform: uppercase;
}
.asteListContainer.futureAuction .itemList .dataAsta {
font-family: "FarseL";
font-size: 1.600rem;
line-height: 1;
font-weight: normal;
color: #000000;
padding: 0;
padding-bottom: 20px;
}
.asteListContainer.futureAuction .itemList .dataAsta:first-letter {
text-transform: uppercase;
}
.asteListContainer.futureAuction .itemList .dataAsta span {
text-transform: capitalize;
}
@media screen and (max-width: 991px) {
.asteListContainer.futureAuction .itemList {
order: 2;
padding: 0!important;
}
}
.asteListContainer.futureAuction:hover {
cursor: pointer;
opacity: 1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.asteListContainer.futureAuction:hover .itemListTitle h4 {
color: #a9a9a9;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.asteListContainer.futureAuction:hover .link-hover {
transform: scale(1, 1);
opacity: 1;
}
.asteListContainer.futureAuction:hover .contentBox .withe .hover {
background-color: #000000;
}
.asteListContainer.futureAuction:hover .contentBox .immagine {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.asteListContainer.futureAuction:hover .contentBox .post-button {
visibility: visible;
transform: translateY(0);
transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
}
.asteListContainer.futureAuction .link-hover {
display: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
transform: scale(0.8, 0.8);
opacity: 0;
z-index: -1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
@media screen and (max-width: 991px) {
.asteListContainer.futureAuction .itemList .col-xs-12 {
padding-left: 0!important;
padding-right: 0!important;
}
}
/*************************************************************
* Past Auctions *
*************************************************************/
#panelTitleAstePassate {
overflow: hidden;
position: relative;
text-align: center;
padding-top: 4.5rem;
margin-bottom: 1rem;
}
#panelTitleAstePassate h2 {
display: inline-block;
vertical-align: baseline;
position: relative;
padding: 0 20px;
}
#panelTitleAstePassate h2:before,
#panelTitleAstePassate h2:after {
content: '';
display: block;
width: 1000px;
position: absolute;
top: 0.73em;
border-top: 1px solid rgba(0, 0, 0, 0.25);
}
#panelTitleAstePassate h2:before {
right: 100%;
}
#panelTitleAstePassate h2:after {
left: 100%;
}
#panelTitleAstePassate h2 {
font-family: "FarseL";
font-weight: 400;
font-size: 3.000rem;
line-height: 1;
letter-spacing: -0.1rem;
color: #000000;
text-transform: none;
text-align: center;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#asteArchivio {
grid-template-columns: repeat(6, minmax(0, 1fr));
grid-gap: 70px 35px;
display: grid;
grid-auto-rows: 1fr;
grid-auto-flow: dense;
width: 100%;
padding: 0;
list-style: none;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#asteArchivio {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.asteListContainer.pastAuction {
grid-auto-rows: 1fr minmax(auto, 150px);
grid-row: span 1;
grid-column: span 2;
overflow: hidden;
display: grid;
position: relative;
height: 100%;
margin: 0;
/* Visualizzazione Ipad */
}
.asteListContainer.pastAuction:last-child:nth-child(3n - 1) {
grid-column-end: -2;
}
.asteListContainer.pastAuction:nth-last-child(2):nth-child(3n + 1) {
grid-column-end: 4;
}
.asteListContainer.pastAuction:last-child:nth-child(3n - 2) {
grid-column-end: 5;
}
.asteListContainer.pastAuction .asteListContent {
display: flex;
flex-direction: column;
height: 100%;
z-index: 1;
text-align: left;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.asteListContainer.pastAuction .asteListContent {
padding-left: 0!important;
padding-right: 0!important;
}
}
.asteListContainer.pastAuction .numAsta {
color: #000000;
font-family: "FarseL";
font-size: 2.200rem;
line-height: 1;
font-weight: normal;
letter-spacing: -0.05rem;
text-transform: uppercase;
text-align: left;
padding: 5px 0px 12px;
margin: 0;
}
.asteListContainer.pastAuction .numAsta span.type {
color: #a9a9a9;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
font-weight: 400;
position: relative;
display: block;
text-transform: uppercase;
}
.asteListContainer.pastAuction .numAsta span.part {
text-transform: capitalize;
}
.asteListContainer.pastAuction .asteListImg {
/* Visualizzazione Ipad */
}
.asteListContainer.pastAuction .asteListImg .backNumAsta {
display: none;
}
.asteListContainer.pastAuction .asteListImg .post-button {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
border: none;
background: rgba(0, 0, 0, 0.35);
vertical-align: middle;
position: absolute;
z-index: 10;
visibility: hidden;
transition: .3s all;
transform: translateY(30px);
transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
left: 50%;
top: 50%;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
margin: 0;
margin-left: -25px;
margin-top: -25px;
width: 50px;
height: 50px;
min-width: 0;
padding: 0;
color: #fff;
border-radius: 50%;
}
.asteListContainer.pastAuction .asteListImg .post-button .button_icon {
width: 30px;
height: 30px;
-webkit-mask: url("../images/svg/plus-mini.svg");
mask: url("../images/svg/plus-mini.svg");
mask-repeat: space round, no-repeat;
background: #ffffff no-repeat center;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.asteListContainer.pastAuction .asteListImg .contentBox .ratio {
padding: 0;
position: relative;
aspect-ratio: 0.76923077;
}
.asteListContainer.pastAuction .asteListImg .contentBox .ratio .immagine {
position: relative;
}
@media screen and (max-width: 991px) {
.asteListContainer.pastAuction .asteListImg {
order: 1;
}
}
.asteListContainer.pastAuction .itemList {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
flex-grow: 1;
padding-top: 1.800rem;
/* Visualizzazione Ipad */
}
.asteListContainer.pastAuction .itemList .itemListTitle h4 {
position: relative;
font-size: 3.000rem;
line-height: 0.925;
font-weight: normal;
font-family: "FarseL";
color: #000000;
letter-spacing: -0.1rem;
}
.asteListContainer.pastAuction .itemList .itemListTitle h4 span {
font-family: "FarseL";
font-size: 1.800rem;
line-height: 3.000rem;
letter-spacing: 0;
color: #000000;
text-transform: none;
font-style: italic;
display: none;
}
.asteListContainer.pastAuction .itemList .itemListText {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1.6;
letter-spacing: 0;
font-weight: normal;
color: rgba(0, 0, 0, 0.8);
text-transform: none;
padding: 0;
padding-bottom: 20px;
}
.asteListContainer.pastAuction .itemList .itemListText .label {
font-weight: 500;
letter-spacing: -0.075rem;
color: #000000;
text-transform: uppercase;
}
.asteListContainer.pastAuction .itemList .dataAsta {
font-family: "FarseL";
font-size: 1.600rem;
line-height: 1;
font-weight: normal;
color: #000000;
padding: 0;
padding-bottom: 20px;
}
.asteListContainer.pastAuction .itemList .dataAsta:first-letter {
text-transform: uppercase;
}
@media screen and (max-width: 991px) {
.asteListContainer.pastAuction .itemList {
order: 2;
padding: 0!important;
}
}
.asteListContainer.pastAuction:hover {
cursor: pointer;
opacity: 1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.asteListContainer.pastAuction:hover .itemListTitle h4 {
color: #a9a9a9;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.asteListContainer.pastAuction:hover .link-hover {
transform: scale(1, 1);
opacity: 1;
}
.asteListContainer.pastAuction:hover .contentBox .withe .hover {
background-color: #000000;
}
.asteListContainer.pastAuction:hover .contentBox .immagine {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.asteListContainer.pastAuction:hover .contentBox .post-button {
visibility: visible;
transform: translateY(0);
transition: visibility 0.2s, opacity 0.2s, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
}
@media screen and (max-width: 991px) {
.asteListContainer.pastAuction .itemList .col-xs-12 {
padding-left: 0!important;
padding-right: 0!important;
}
}
.asteArchivioPanel {
/* Pulsante Tutte le aste */
}
.asteArchivioPanel .linkAuction {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
color: #000000;
font-family: "FarseL";
font-size: 2.400rem;
font-weight: 300;
line-height: 1;
font-style: normal;
letter-spacing: -0.1rem;
text-align: center;
text-transform: none;
padding: 50px;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 50%;
width: 100%;
max-width: 250px;
aspect-ratio: 1;
transform: translate(0, -15px);
}
.asteArchivioPanel .linkAuction:before,
.asteArchivioPanel .linkAuction:after {
content: "";
position: absolute;
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
background-color: transparent;
border-radius: 50%;
transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
transition-duration: 1s;
z-index: -1;
}
.asteArchivioPanel .linkAuction:after {
opacity: 0;
background-color: #f0efee;
transform: scale(0.75);
}
.asteArchivioPanel .linkAuction span:after {
content: " ";
display: block;
height: 2px;
max-width: 6.8rem;
width: 100%;
margin: 1.8rem auto;
position: relative;
background: #000000;
}
.asteArchivioPanel .linkAuction:hover {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.asteArchivioPanel .linkAuction:hover:before {
opacity: 0;
transform: scale(0.75);
}
.asteArchivioPanel .linkAuction:hover:after {
opacity: 1;
transform: scale(1);
}
/*************************************************************
* Box Orari *
*************************************************************/
.boxOrari {
display: inline-block;
font-family: "FarseL";
font-weight: bold;
text-transform: uppercase;
padding: 0;
position: relative;
}
.boxOrari a {
color: #000000;
}
.orariAsta {
display: none;
position: absolute;
z-index: 10000;
width: 30.000rem;
left: 50%;
margin-left: -10rem;
padding: 1rem 1.5rem;
background: #ffffff;
font-size: 1.1rem;
font-family: "FarseL";
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.tornata {
padding: 0.5rem 1rem;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
.tornata.prima {
border: 1px solid transparent;
}
/*************************************************************
* Lots list / grid *
*************************************************************/
/****************** Lots List ******************/
#lotListGridContainer {
vertical-align: top;
}
#lotListGridContainer + .lotViewsContainer {
padding-bottom: 20vh!important;
}
#lotListGridContainer .preloadListLots {
display: block;
background: #ffffff;
position: absolute;
z-index: 10;
right: 0;
top: 0;
bottom: 0;
left: 0;
}
.lotListContainer .rigaLotListGridContainer {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 6px;
display: grid;
grid-auto-flow: dense;
width: 100%;
}
.lotListContainer .lotItemList {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
position: relative;
display: block;
width: 100%;
vertical-align: top;
text-align: left;
padding: 2.000rem 0;
cursor: pointer;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotListContainer .lotItemList[data-lot="highlight"] {
grid-row: span 1;
grid-column: span 1;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.lotListContainer .lotItemList[data-lot="highlight"] .preview {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
/* Visualizzazione Ipad */
}
.lotListContainer .lotItemList[data-lot="highlight"] .preview:after {
content: none;
}
.lotListContainer .lotItemList[data-lot="highlight"] .preview .image-holder-list a {
/*max-height: 600px;*/
}
@media screen and (max-width: 768px) {
.lotListContainer .lotItemList[data-lot="highlight"] .preview {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel {
height: auto;
display: grid;
grid-template-rows: max-content auto;
text-align: left;
padding-left: 0;
padding-right: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
/* Visualizzazione Ipad */
}
@media screen and (min-width: 992px) {
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
margin: auto;
}
}
@media screen and (max-width: 991px) {
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel .content {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
padding: 0 4.000rem 0;
}
@media screen and (max-width: 767px) {
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel .content {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
}
@media screen and (max-width: 576px) {
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel .content {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel .content .number {
font-size: 2.400rem;
line-height: 1;
font-weight: 300;
}
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel .content .titleLot .title h3 {
font-size: 2.400rem;
line-height: 1;
font-weight: 500;
}
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel .content .titleOpera h4 {
font-size: 1.400rem;
line-height: 1.2;
font-weight: 500;
font-style: italic;
}
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel .buttons {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
@media screen and (max-width: 767px) {
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel .buttons {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
}
@media screen and (max-width: 576px) {
.lotListContainer .lotItemList[data-lot="highlight"] .contentPanel .buttons {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.lotListContainer .lotItemList .titleGrid {
display: none;
}
.lotListContainer .lotItemList .containerLotItemNew {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
height: 100%;
}
.lotListContainer .lotItemList .link-hover {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
transform: scale(0.8, 0.8);
opacity: 0;
z-index: -1;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotListContainer .lotItemList:hover .link-hover {
transform: scale(1, 1);
opacity: 0;
}
.lotListContainer .lotItemList .preview {
padding-left: 0;
padding-right: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
max-width: 30%;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 768px) {
.lotListContainer .lotItemList .preview {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.lotListContainer .lotItemList .preview .number {
display: none;
}
.lotListContainer .lotItemList .preview .image-holder-list {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
padding: 0;
border: 0;
/* Visualizzazione Ipad */
}
.lotListContainer .lotItemList .preview .image-holder-list img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
object-fit: contain;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.lotListContainer .lotItemList .preview .image-holder-list img {
object-position: left;
}
}
.lotListContainer .lotItemList .preview .image-holder-list a {
position: relative;
max-height: 500px;
-webkit-clip-path: inset(0%);
clip-path: inset(0%);
}
.lotListContainer .lotItemList .preview .image-holder-list a:before {
display: table;
padding-top: 100%;
content: '';
}
@media screen and (max-width: 991px) {
.lotListContainer .lotItemList .preview .image-holder-list {
padding: 0;
}
}
.lotListContainer .lotItemList .contentPanel {
text-align: left;
padding-left: 45px;
padding-right: 45px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-ms-flex: 0 0 70%;
flex: 0 0 70%;
max-width: 70%;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 768px) {
.lotListContainer .lotItemList .contentPanel {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.lotListContainer .lotItemList .content {
position: relative;
text-align: left;
padding: 1.500rem 3.000rem 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.lotListContainer .lotItemList .content .number {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
font-family: "FarseL";
font-size: 2.000rem;
line-height: 1;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
color: #a9a9a9;
position: relative;
margin-bottom: 1.5rem;
}
.lotListContainer .lotItemList .content .number div {
text-align: left;
margin: 0;
margin-right: 15px;
}
.lotListContainer .lotItemList .content .number [id^="preferitoIco"] {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
overflow: hidden;
width: 2.600rem;
height: 2.600rem;
line-height: 2.600rem;
text-decoration: none;
padding: 0;
will-change: transform;
white-space: nowrap;
z-index: 10;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 50%;
top: 0;
right: 0;
cursor: pointer;
vertical-align: top;
margin: auto 0;
}
.lotListContainer .lotItemList .content .number [id^="preferitoIco"]:before {
content: "";
display: block;
width: 13px;
height: 13px;
text-shadow: none;
}
.lotListContainer .lotItemList .content .number [id^="preferitoIco"][data-original-title^="R"]:before {
-webkit-mask: url("../images/svg/preferite-full.svg");
mask: url("../images/svg/preferite-full.svg");
mask-repeat: space round, no-repeat;
background: #a9a9a9 no-repeat center;
}
.lotListContainer .lotItemList .content .number [id^="preferitoIco"][data-original-title^="A"]:before {
-webkit-mask: url("../images/svg/preferite.svg");
mask: url("../images/svg/preferite.svg");
mask-repeat: space round, no-repeat;
background: #5d5b5b no-repeat center;
}
.lotListContainer .lotItemList .content .title {
margin: 0;
padding-bottom: 1.000rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.lotListContainer .lotItemList .content .title h3 {
font-family: "FarseL";
color: #000000;
font-size: 2.000rem;
line-height: 1;
font-weight: 500;
padding: 0;
margin: 0;
}
.lotListContainer .lotItemList .content .luogoAutore {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1;
padding: 0;
}
.lotListContainer .lotItemList .content .titleOpera {
position: relative;
display: block;
padding: 0;
padding-bottom: 1.000rem;
margin: 0!important;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.lotListContainer .lotItemList .content .titleOpera h4 {
font-family: "FarseL";
font-size: 1.800rem;
line-height: 1;
font-weight: normal;
color: #000000;
padding: 0;
margin: 0;
}
.lotListContainer .lotItemList .content .dataOpera {
position: relative;
display: block;
font-size: 1.400rem;
line-height: 1.800rem;
color: #5d5b5b;
padding: 0;
margin: 0;
}
.lotListContainer .lotItemList .content .desc {
color: #5d5b5b;
/*display: none;*/
}
.lotListContainer .lotItemList .content .desc:first-letter {
text-transform: uppercase;
}
.lotListContainer .lotItemList .buttons {
text-align: left;
padding: 1.5rem;
margin-top: 4.7rem;
order: 3;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.lotListContainer .lotItemList .buttons {
padding: 0!important;
margin-top: 0;
}
}
.lotListContainer .lotItemList .buttons .labelPanel {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1;
font-weight: 400;
display: block;
color: #5d5b5b;
text-transform: uppercase;
padding: 0 0 0.500rem;
}
.lotListContainer .lotItemList .buttons .dateContdown {
position: relative;
display: block;
clear: both;
font-family: "FarseL";
}
.lotListContainer .lotItemList .buttons .dateContdown > span {
position: relative;
display: inline-block;
font-size: 1.000rem;
line-height: 1.800rem;
font-weight: normal;
color: rgba(0, 0, 0, 0.65);
text-transform: lowercase;
padding: 0 5px 0 5px;
}
.lotListContainer .lotItemList .buttons .dateContdown > span:first-child {
padding-left: 0;
}
.lotListContainer .lotItemList .buttons .dateContdown span span {
font-size: 1.800rem;
line-height: 1;
font-weight: normal;
color: #000000;
}
.lotListContainer .lotItemList .buttons .dateContdown span span + span {
display: inline;
font-size: 1.000rem;
padding-left: 2px;
font-weight: 600;
}
.lotListContainer .lotItemList .buttons .dateContdown span span + span:before {
content: " : ";
display: inline-block;
font-size: 1.600rem;
line-height: 1;
font-weight: normal;
color: #000000;
position: absolute;
left: 0;
}
.lotListContainer .lotItemList .buttons .dateContdown span#days span + span:before {
content: none;
}
.lotListContainer .lotItemList .buttons [id^="dateClose"] {
position: relative;
display: block;
padding-bottom: 1.500rem;
}
.lotListContainer .lotItemList .buttons [id^="dateClose"] .dateClose {
position: relative;
display: block;
font-size: 1.400rem;
line-height: 1;
font-weight: 500;
color: #000000;
padding: 0;
}
.lotListContainer .lotItemList .buttons [id^="expired"] {
position: relative;
display: block;
padding-bottom: 1.500rem;
}
.lotListContainer .lotItemList .buttons [id^="expired"] .dateClose {
position: relative;
display: block;
font-size: 1.600rem;
line-height: 1;
font-weight: 500;
color: #000000;
padding: 0;
}
.lotListContainer .lotItemList .buttons [id^="expired"] [id^="risNoSup"],
.lotListContainer .lotItemList .buttons [id^="expired"] [id^="risSup"] {
font-size: 1.200rem;
}
.lotListContainer .lotItemList .buttons .expired {
position: relative;
display: block;
font-size: 1.600rem;
line-height: 1;
font-weight: 500;
color: #000000;
padding: 0;
padding-bottom: 1.500rem;
}
.lotListContainer .lotItemList .buttons .offertaPanel {
position: relative;
display: block;
clear: both;
font-family: "FarseL";
font-size: 2.400rem;
font-weight: 300;
line-height: 1;
color: #000000;
}
.lotListContainer .lotItemList .buttons .estimate {
position: relative;
display: block;
padding-bottom: 1.500rem;
}
.lotListContainer .lotItemList .buttons .estimate span {
position: relative;
display: block;
font-size: 1.800rem;
line-height: 1;
font-weight: normal;
color: #000000;
padding: 0;
}
.lotListContainer .lotItemList .buttons .estimate2 {
position: relative;
display: block;
padding-bottom: 1.500rem;
}
.lotListContainer .lotItemList .buttons .estimate2 span {
position: relative;
display: block;
font-size: 1.800rem;
line-height: 1;
font-weight: normal;
color: #000000;
padding: 0;
}
.lotListContainer .lotItemList:hover {
cursor: pointer;
}
.lotListContainer .lotItemList:hover .titleOpera h4 {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotListContainer .lotItemList:hover a.photo {
-webkit-clip-path: inset(0px);
clip-path: inset(0px);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotListContainer .statoLotto {
position: relative;
display: block;
color: #000000;
font-size: 1.400rem;
line-height: 1;
font-weight: normal;
margin-top: 0rem;
margin-bottom: 1.500rem;
text-align: left;
}
.lotListContainer .statoLotto .labelPanel {
text-transform: uppercase;
}
.lotListContainer .statoLotto .conDiritti {
padding-top: 0.500rem;
padding-bottom: 0.500rem;
}
.lotListContainer .statoLotto span {
font-size: 1.200rem;
line-height: 1;
font-weight: normal;
}
.lotListContainer .statoLotto .invenduto {
color: #000000;
}
.lotListContainer .statoLotto .aggiudicato,
.lotListContainer .statoLotto .aggiudicato .labelPanel {
color: #7d994c;
}
.lotListContainer .statoLotto .venduto,
.lotListContainer .statoLotto .venduto .labelPanel {
color: #9e0b0f;
}
/***************** Lots Grid *****************/
.lotGridContainer .rigaLotListGridContainer {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 30px;
display: grid;
grid-auto-rows: 1fr;
grid-auto-flow: dense;
width: 100%;
/* Visualizzazione Ipad */
/* Visualizzazione Mobile */
}
@media screen and (max-width: 1200px) {
.lotGridContainer .rigaLotListGridContainer {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 50px;
}
}
@media screen and (max-width: 767px) {
.lotGridContainer .rigaLotListGridContainer {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 60px;
}
}
.lotGridContainer .lotItemList {
grid-row: span 1;
grid-column: span 1;
overflow: hidden;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
position: relative;
margin: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotGridContainer .lotItemList[data-lot="highlight"] {
grid-column: span 2;
grid-row: span 2;
border-bottom: 2px solid #000000;
}
.lotGridContainer .lotItemList[data-lot="highlight"] .preview:after {
content: none;
}
.lotGridContainer .lotItemList[data-lot="highlight"] .preview .image-holder-list a {
max-height: 648px;
}
.lotGridContainer .lotItemList[data-lot="highlight"] .contentPanel {
margin: auto;
max-width: 350px;
}
.lotGridContainer .lotItemList[data-lot="highlight"] .contentPanel .content {
padding: 0 4.500rem 0;
}
.lotGridContainer .lotItemList[data-lot="highlight"] .contentPanel .content .number {
font-size: 2.400rem;
line-height: 1;
padding-top: 2px;
}
.lotGridContainer .lotItemList[data-lot="highlight"] .contentPanel .content .titleLot .title h3 {
font-size: 2.400rem;
line-height: 1;
font-weight: 500;
}
.lotGridContainer .lotItemList[data-lot="highlight"] .contentPanel .content .titleOpera h4 {
font-size: 1.400rem;
line-height: 1.2;
font-weight: 500;
font-style: italic;
}
.lotGridContainer .lotItemList .titleGrid {
display: none;
}
.lotGridContainer .lotItemList .preview {
-ms-flex: inherit;
flex: inherit;
text-align: center;
margin-bottom: 10px;
}
.lotGridContainer .lotItemList .preview .number {
display: none;
}
.lotGridContainer .lotItemList .preview .image-holder-list {
position: relative;
display: grid;
grid-template-columns: repeat(1, 1fr);
padding: 0;
border: 0;
/* Visualizzazione Ipad */
}
.lotGridContainer .lotItemList .preview .image-holder-list img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
object-fit: contain;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.lotGridContainer .lotItemList .preview .image-holder-list img {
object-position: left;
}
}
.lotGridContainer .lotItemList .preview .image-holder-list a {
position: relative;
max-height: 500px;
-webkit-clip-path: inset(0%);
clip-path: inset(0%);
}
.lotGridContainer .lotItemList .preview .image-holder-list a:before {
display: table;
padding-top: 100%;
content: '';
}
@media screen and (max-width: 991px) {
.lotGridContainer .lotItemList .preview .image-holder-list {
padding: 0;
}
}
.lotGridContainer .lotItemList .contentPanel {
margin: 0;
}
.lotGridContainer .lotItemList .content {
position: relative;
text-align: left;
padding: 1.500rem 3.000rem 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.lotGridContainer .lotItemList .content {
padding: 0!important;
margin-top: 0;
}
}
.lotGridContainer .lotItemList .content .number {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
font-family: "FarseL";
font-size: 2.000rem;
line-height: 1;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0;
color: #a9a9a9;
position: relative;
margin-bottom: 1.5rem;
}
.lotGridContainer .lotItemList .content .number div {
text-align: left;
margin: 0;
margin-right: 15px;
}
.lotGridContainer .lotItemList .content .number [id^="preferitoIco"] {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
overflow: hidden;
width: 2.600rem;
height: 2.600rem;
line-height: 2.600rem;
text-decoration: none;
padding: 0;
will-change: transform;
white-space: nowrap;
z-index: 10;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 50%;
top: 0;
right: 0;
cursor: pointer;
vertical-align: top;
margin: auto 0;
}
.lotGridContainer .lotItemList .content .number [id^="preferitoIco"]:before {
content: "";
display: block;
width: 13px;
height: 13px;
text-shadow: none;
}
.lotGridContainer .lotItemList .content .number [id^="preferitoIco"][data-original-title^="R"]:before {
-webkit-mask: url("../images/svg/preferite-full.svg");
mask: url("../images/svg/preferite-full.svg");
mask-repeat: space round, no-repeat;
background: #a9a9a9 no-repeat center;
}
.lotGridContainer .lotItemList .content .number [id^="preferitoIco"][data-original-title^="A"]:before {
-webkit-mask: url("../images/svg/preferite.svg");
mask: url("../images/svg/preferite.svg");
mask-repeat: space round, no-repeat;
background: #5d5b5b no-repeat center;
}
.lotGridContainer .lotItemList .content .title {
margin: 0;
padding-bottom: 1.000rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.lotGridContainer .lotItemList .content .title h3 {
font-family: "FarseL";
color: #000000;
font-size: 2.000rem;
line-height: 1;
font-weight: 500;
padding: 0;
margin: 0;
}
.lotGridContainer .lotItemList .content .luogoAutore {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1;
padding: 0;
}
.lotGridContainer .lotItemList .content .titleOpera {
position: relative;
display: block;
padding: 0;
padding-bottom: 1.000rem;
}
.lotGridContainer .lotItemList .content .titleOpera h4 {
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1.2;
font-weight: 500;
font-style: italic;
color: #000000;
padding: 0;
margin: 0;
}
.lotGridContainer .lotItemList .content .dataOpera {
position: relative;
display: block;
font-size: 1.400rem;
line-height: 1.800rem;
color: #5d5b5b;
padding: 0;
margin: 0;
}
.lotGridContainer .lotItemList .content .desc {
flex: 0 0 100%;
max-width: 100%;
font-family: "FarseL";
font-size: 1.200rem;
font-weight: 500;
color: #5d5b5b;
margin: 0;
padding-bottom: 2.500rem;
}
.lotGridContainer .lotItemList .content .desc .descr_lotto:first-letter {
text-transform: uppercase;
}
.lotGridContainer .lotItemList .content .desc .descr_dimensioni:first-letter {
text-transform: none;
}
.lotGridContainer .lotItemList .content .desc span,
.lotGridContainer .lotItemList .content .desc p {
font-family: inherit!important;
font-size: inherit!important;
line-height: inherit!important;
color: inherit!important;
}
.lotGridContainer .lotItemList .buttons {
text-align: left;
padding: 0 3.000rem 4.5rem;
order: 3;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.lotGridContainer .lotItemList .buttons {
padding: 0!important;
margin-top: 0;
}
}
.lotGridContainer .lotItemList .buttons .labelPanel {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1;
font-weight: 400;
display: block;
text-transform: uppercase;
color: #5d5b5b;
padding: 0 0 0.500rem;
}
.lotGridContainer .lotItemList .buttons .dateContdown {
position: relative;
display: block;
clear: both;
font-family: "FarseL";
}
.lotGridContainer .lotItemList .buttons .dateContdown > span {
position: relative;
display: inline-block;
font-size: 1.000rem;
line-height: 1.800rem;
font-weight: normal;
color: rgba(0, 0, 0, 0.65);
text-transform: lowercase;
padding: 0 5px 0 5px;
}
.lotGridContainer .lotItemList .buttons .dateContdown > span:first-child {
padding-left: 0;
}
.lotGridContainer .lotItemList .buttons .dateContdown span span {
font-size: 1.800rem;
line-height: 1;
font-weight: normal;
color: #000000;
}
.lotGridContainer .lotItemList .buttons .dateContdown span span + span {
display: inline;
font-size: 1.000rem;
padding-left: 2px;
font-weight: 600;
}
.lotGridContainer .lotItemList .buttons .dateContdown span span + span:before {
content: " : ";
display: inline-block;
font-size: 1.600rem;
line-height: 1;
font-weight: normal;
color: #000000;
position: absolute;
left: 0;
}
.lotGridContainer .lotItemList .buttons .dateContdown span#days span + span:before {
content: none;
}
.lotGridContainer .lotItemList .buttons [id^="dateClose"] {
position: relative;
display: block;
padding-bottom: 1.500rem;
}
.lotGridContainer .lotItemList .buttons [id^="dateClose"] .dateClose {
position: relative;
display: block;
font-size: 1.400rem;
line-height: 1;
font-weight: 500;
color: #000000;
padding: 0;
}
.lotGridContainer .lotItemList .buttons [id^="expired"] {
position: relative;
display: block;
padding-bottom: 1.500rem;
}
.lotGridContainer .lotItemList .buttons [id^="expired"] .dateClose {
position: relative;
display: block;
font-size: 1.600rem;
line-height: 1;
font-weight: 500;
color: #000000;
padding: 0;
}
.lotGridContainer .lotItemList .buttons [id^="expired"] [id^="risNoSup"],
.lotGridContainer .lotItemList .buttons [id^="expired"] [id^="risSup"] {
font-size: 1.200rem;
}
.lotGridContainer .lotItemList .buttons .expired {
position: relative;
display: block;
font-size: 1.600rem;
line-height: 1;
font-weight: 500;
color: #000000;
text-transform: uppercase;
padding: 0;
padding-bottom: 1.500rem;
}
.lotGridContainer .lotItemList .buttons .offertaPanel {
position: relative;
display: block;
clear: both;
font-family: "FarseL";
font-size: 2.400rem;
font-weight: 300;
line-height: 1;
color: #000000;
}
.lotGridContainer .lotItemList .buttons .estimate {
position: relative;
display: block;
padding-bottom: 1.500rem;
}
.lotGridContainer .lotItemList .buttons .estimate span {
position: relative;
display: block;
font-size: 1.400rem;
line-height: 1;
font-weight: 500;
color: #000000;
padding: 0;
}
.lotGridContainer .lotItemList .buttons .estimate2 {
position: relative;
display: block;
padding-bottom: 1.500rem;
}
.lotGridContainer .lotItemList .buttons .estimate2 span {
position: relative;
display: block;
font-size: 1.400rem;
line-height: 1;
font-weight: 500;
color: #000000;
padding: 0;
}
.lotGridContainer .lotItemList:hover {
cursor: pointer;
}
.lotGridContainer .lotItemList:hover .titleOpera h4 {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotGridContainer .lotItemList:hover a.photo {
-webkit-clip-path: inset(0px);
clip-path: inset(0px);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotGridContainer .lotItemList .statoLotto {
position: relative;
display: block;
color: #000000;
font-size: 1.400rem;
line-height: 1;
font-weight: normal;
margin-top: 0rem;
margin-bottom: 1.500rem;
text-align: left;
}
.lotGridContainer .lotItemList .statoLotto .labelPanel {
text-transform: uppercase;
}
.lotGridContainer .lotItemList .statoLotto .conDiritti {
padding-top: 0.500rem;
padding-bottom: 0.500rem;
}
.lotGridContainer .lotItemList .statoLotto span {
font-size: 1.200rem;
line-height: 1;
font-weight: normal;
}
.lotGridContainer .lotItemList .statoLotto .invenduto {
color: #000000;
}
.lotGridContainer .lotItemList .statoLotto .aggiudicato,
.lotGridContainer .lotItemList .statoLotto .aggiudicato .labelPanel {
color: #7d994c;
}
.lotGridContainer .lotItemList .statoLotto .venduto,
.lotGridContainer .lotItemList .statoLotto .venduto .labelPanel {
color: #9e0b0f;
}
.compraSubito .lotListContainer .lotItemList .content .number div,
.compraSubito .lotGridContainer .lotItemList .content .number div {
display: none;
}
/***************** Lots Tiles *****************/
.lotTilesContainer .lotItemList {
position: relative;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotTilesContainer .lotItemList:hover {
cursor: pointer;
}
.lotTilesContainer .lotItemList .titleGrid {
display: none;
}
.lotTilesContainer .lotItemList .containerLotItemNew {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
height: 100%;
}
.lotTilesContainer .lotItemList .link-hover {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
transform: scale(0.8, 0.8);
opacity: 0;
z-index: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotTilesContainer .lotItemList:hover .link-hover {
transform: scale(1, 1);
opacity: 1;
}
.lotTilesContainer .lotItemList .preview {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-bottom: 2.500rem;
}
.lotTilesContainer .lotItemList .content {
position: relative;
text-align: left;
z-index: 1;
padding: 30px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.lotTilesContainer .lotItemList .content .luogoAutore {
font-family: "FarseL";
font-size: 1.300rem;
line-height: 1.400rem;
text-transform: uppercase;
display: block;
padding: 0;
}
.lotTilesContainer .lotItemList .content .titleOpera {
position: relative;
font-family: "FarseL";
font-size: 1.300rem;
line-height: 1.400rem;
text-transform: uppercase;
display: block;
padding: 0;
}
.lotTilesContainer .lotItemList .content .titleOpera h4 {
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1.2;
font-weight: 500;
font-style: italic;
text-transform: none;
padding: 0;
margin: 0;
}
.lotTilesContainer .lotItemList .content .title h3 {
font-family: "FarseL";
font-weight: normal;
color: #000000;
text-transform: none;
font-size: 2.600rem;
line-height: 1;
padding: 0;
margin: 0px;
}
.lotTilesContainer .lotItemList .content .numBack {
font-family: "FarseL";
font-size: 10rem;
font-weight: 300;
line-height: 8.4rem;
color: #ffffff;
position: absolute;
left: 0;
top: 0;
z-index: 0;
display: none;
}
.lotTilesContainer .lotItemList .content .number {
position: relative;
display: block;
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
line-height: 1;
font-weight: normal;
text-transform: uppercase;
padding: 0;
padding-bottom: 1.000rem;
}
.lotTilesContainer .lotItemList .content .riga {
content: "";
position: relative;
background-color: rgba(0, 0, 0, 0.15);
width: 34px;
height: 1px;
display: inline-block;
vertical-align: middle;
margin: 1.500rem 0 2.500rem;
}
.lotTilesContainer .lotItemList .content .desc {
position: relative;
display: block;
font-size: 1.300rem;
line-height: 1.600rem;
padding: 0;
}
.lotTilesContainer .lotItemList .content .desc:first-letter {
text-transform: uppercase;
}
.lotTilesContainer .lotItemList:hover .content .titleOpera h4 {
color: #a9a9a9;
}
.lotTilesContainer .lotItemList .preview {
z-index: 1;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.lotTilesContainer .lotItemList .preview .image-holder-list {
width: 100%;
height: 350px;
vertical-align: middle;
display: table;
background: #f0efee;
}
.lotTilesContainer .lotItemList .preview .image-holder-list a {
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
}
.lotTilesContainer .lotItemList .preview img {
width: auto;
height: auto;
max-width: 100%;
max-height: 350px;
}
.lotTilesContainer .lotItemList .preview .noThumbLogo {
border: none;
}
.lotTilesContainer .lotItemList .buttons {
text-align: left;
z-index: 1;
padding: 0 30px;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.lotTilesContainer .lotItemList .buttons {
padding: 0!important;
margin-top: 0;
}
}
.lotTilesContainer .lotItemList .buttons .dateContdown {
position: relative;
display: block;
clear: both;
font-family: "FarseL";
font-size: 1.800rem;
line-height: 2.200rem;
font-weight: normal;
color: #000000;
padding-bottom: 1.000rem;
}
.lotTilesContainer .lotItemList .buttons .offertaPanel {
position: relative;
display: block;
clear: both;
font-family: "FarseL";
font-size: 2.400rem;
line-height: 1;
font-weight: 300;
color: #000000;
padding-bottom: 1.000rem;
}
.lotTilesContainer .lotItemList .buttons .labelPanel {
font-size: 1.200rem;
line-height: 1;
font-weight: 400;
display: block;
font-family: "FarseL";
color: #5d5b5b;
padding: 0 0 0.500rem;
}
.lotTilesContainer .lotItemList .buttons .estimate {
position: relative;
display: block;
clear: both;
font-family: "FarseL";
font-size: 1.800rem;
line-height: 1;
font-weight: normal;
color: rgba(0, 0, 0, 0.3);
padding-bottom: 1.000rem;
}
.lotTilesContainer .lotItemList .buttons .estimate .labelPanel {
padding: 0;
}
.lotTilesContainer .lotItemList .buttons .estimate2 {
position: relative;
display: block;
clear: both;
font-family: "FarseL";
font-size: 2.200rem;
line-height: 1;
font-weight: normal;
color: rgba(0, 0, 0, 0.3);
padding-bottom: 2.000rem;
text-transform: uppercase;
}
.lotTilesContainer .lotItemList .buttons .estimate2 .labelPanel {
padding: 0;
}
.lotTilesContainer .lotItemList .statoLotto {
position: relative;
display: block;
color: #a9a9a9;
font-size: 1.400rem;
line-height: 1.600rem;
text-transform: uppercase;
font-weight: 500;
font-family: "FarseL";
margin-top: 0rem;
margin-bottom: 1.500rem;
text-align: left;
}
.lotTilesContainer .lotItemList .statoLotto .invenduto {
color: #000000;
text-transform: uppercase;
}
.lotTilesContainer .lotItemList .statoLotto .aggiudicato {
text-transform: uppercase;
}
.lotTilesContainer .lotItemList .statoLotto .aggiudicato,
.lotTilesContainer .lotItemList .statoLotto .aggiudicato .labelPanel {
color: #7d994c;
}
.lotTilesContainer .lotItemList .statoLotto .venduto {
text-transform: uppercase;
}
.lotTilesContainer .lotItemList .statoLotto .venduto,
.lotTilesContainer .lotItemList .statoLotto .venduto .labelPanel {
color: #9e0b0f;
}
/*********** Paginazione ***********/
.lotViewsContainer {
width: 100%;
position: relative;
padding: 2.5rem 0 0;
}
.lotViewsContainer form {
width: 100%;
position: relative;
padding: 0;
height: auto;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
.lotViewsContainer .leftBox {
padding-left: 1rem;
text-align: left;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.lotViewsContainer .leftBox h3 {
font-family: "FarseL";
font-weight: 500;
color: #000000;
font-size: 2.2rem;
line-height: 1;
letter-spacing: -0.075rem;
text-align: left;
margin-left: 0;
}
.lotViewsContainer .rightBox {
padding-right: 1rem;
text-align: right;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.lotViewsContainer .elementsDiv {
position: relative;
text-align: center;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.lotViewsContainer .elementsDiv div {
cursor: pointer;
display: inline-block;
height: 30px;
width: 30px;
opacity: 0.45;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotViewsContainer .elementsDiv div.goList {
-webkit-mask: url("../images/svg/list.svg");
mask: url("../images/svg/list.svg");
background: #000000 no-repeat center;
background-size: contain;
}
.lotViewsContainer .elementsDiv div.goGrid {
display: none;
-webkit-mask: url("../images/svg/tiles.svg");
mask: url("../images/svg/tiles.svg");
background: #000000 no-repeat center;
background-size: contain;
}
.lotViewsContainer .elementsDiv div.goGrid2 {
-webkit-mask: url("../images/svg/grid.svg");
mask: url("../images/svg/grid.svg");
background: #000000 no-repeat center;
background-size: contain;
}
.lotViewsContainer .elementsDiv div:hover,
.lotViewsContainer .elementsDiv div.selected {
opacity: 1;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotViewsContainer .rightBox .viewsDiv {
display: inline-block;
padding-right: 1rem;
padding-top: 0px;
margin: 0 auto;
}
.lotViewsContainer .rightBox .viewsDiv .bootstrap-select.btn-group .dropdown-toggle .filter-option {
width: auto;
}
.lotViewsContainer .dropdown {
display: inline-block;
}
.lotViewsContainer .dropdown-menu {
font-size: 1.200rem;
line-height: 1.400rem;
letter-spacing: -0.075rem;
font-weight: normal!important;
text-transform: none;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
min-width: 220px;
border-radius: 0;
border: 0;
transform: translateY(10px);
opacity: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotViewsContainer .show > .dropdown-menu {
display: block;
visibility: visible;
transform: translateY(0);
opacity: 1;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotViewsContainer .dropdown-item {
font-size: 1.400rem;
line-height: 1.600rem;
letter-spacing: -0.075rem;
font-weight: normal!important;
text-transform: none;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotViewsContainer .dropdown-item:focus,
.lotViewsContainer .dropdown-item:hover {
color: #a9a9a9;
background: rgba(0, 0, 0, 0.05);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotViewsContainer .btn.btn-default.dropdown-toggle {
letter-spacing: 0!important;
font-weight: normal;
text-transform: none!important;
display: inline-block;
}
.lotViewsContainer .btn.btn-default {
padding-left: 0;
display: none;
}
.lotViewsContainer .btn.btn-default:hover {
color: #a9a9a9;
background: transparent;
}
.lotViewsContainer .btn.btn-default.selClass {
padding-left: 1.000rem;
display: inline-block;
background: rgba(0, 0, 0, 0.05);
}
.lotViewsContainer .btn.btn-default.selClass i {
color: rgba(0, 0, 0, 0.35);
}
.lotViewsContainer .dropdown-toggle:after {
font-family: "FontAwesome";
content: "\f107 ";
display: inline-block;
vertical-align: middle;
border: 0;
width: auto;
height: auto;
-webkit-transform: rotate(0);
transform: rotate(0);
transition: all 0.6s;
}
.lotViewsContainer .dropdown.open .dropdown-toggle:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: all 0.6s;
}
.lotPagingSeparator {
position: relative;
display: block;
width: 100%;
clear: both;
height: 1px;
margin-top: 30px;
padding-left: 14px;
border-top: 1px solid rgba(0, 0, 0, 0.15);
}
/*********** Search list style ***********/
.templSearchResults .lotGridContainer .rigaLotListGridContainer {
--column-gap: 25px;
--row-gap: 25px;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 30px;
display: grid;
grid-auto-rows: auto;
grid-auto-flow: dense;
width: 100%;
/* Visualizzazione Ipad */
/* Visualizzazione Mobile */
}
@media screen and (max-width: 991px) {
.templSearchResults .lotGridContainer .rigaLotListGridContainer {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 50px;
}
}
@media screen and (max-width: 767px) {
.templSearchResults .lotGridContainer .rigaLotListGridContainer {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 60px;
}
}
.templSearchResults .lotGridContainer .rigaLotListGridContainer .lotItemList {
/* Visualizzazione Ipad */
/* Visualizzazione Mobile */
}
.templSearchResults .lotGridContainer .rigaLotListGridContainer .lotItemList .preview {
padding-right: 0!important;
}
.templSearchResults .lotGridContainer .rigaLotListGridContainer .lotItemList .contentPanel {
padding: 0 1.500rem!important;
}
.templSearchResults .lotGridContainer .rigaLotListGridContainer .lotItemList .content {
padding: 1.500rem 1.500rem!important;
}
.templSearchResults .lotGridContainer .rigaLotListGridContainer .lotItemList .buttons {
padding: 0 1.500rem!important;
}
@media screen and (max-width: 991px) {
.templSearchResults .lotGridContainer .rigaLotListGridContainer .lotItemList {
grid-column-start: 1;
grid-column-end: 3;
}
}
@media screen and (max-width: 767px) {
.templSearchResults .lotGridContainer .rigaLotListGridContainer .lotItemList {
grid-column-start: 1;
grid-column-end: 2;
}
}
.templSearchResults .lotListContainer .rigaLotListGridContainer {
--column-gap: 25px;
--row-gap: 25px;
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 0;
display: grid;
grid-auto-rows: auto;
grid-auto-flow: dense;
width: 100%;
/* Visualizzazione Ipad */
/* Visualizzazione Mobile */
}
@media screen and (max-width: 991px) {
.templSearchResults .lotListContainer .rigaLotListGridContainer {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 50px;
}
}
@media screen and (max-width: 767px) {
.templSearchResults .lotListContainer .rigaLotListGridContainer {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 60px;
}
}
.templSearchResults .lotListContainer .rigaLotListGridContainer .lotItemList {
grid-column-start: 1;
grid-column-end: 4;
text-align: left;
padding-left: 1.000rem;
padding-right: 1.000rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
/* Visualizzazione Ipad */
/* Visualizzazione Mobile */
}
.templSearchResults .lotListContainer .rigaLotListGridContainer .lotItemList .preview {
padding-right: 0!important;
}
.templSearchResults .lotListContainer .rigaLotListGridContainer .lotItemList .contentPanel {
padding: 0 1.500rem!important;
}
.templSearchResults .lotListContainer .rigaLotListGridContainer .lotItemList .content {
padding: 0 1.500rem!important;
}
.templSearchResults .lotListContainer .rigaLotListGridContainer .lotItemList .buttons {
padding: 0 1.500rem!important;
margin-top: 3.7rem;
}
@media screen and (max-width: 991px) {
.templSearchResults .lotListContainer .rigaLotListGridContainer .lotItemList {
grid-column-start: 1;
grid-column-end: 3;
}
}
@media screen and (max-width: 767px) {
.templSearchResults .lotListContainer .rigaLotListGridContainer .lotItemList {
grid-column-start: 1;
grid-column-end: 2;
}
}
.templSearchResults .lotsHeaderAuction {
grid-column-start: 1;
grid-column-end: 4;
text-align: left;
padding-left: 1.000rem;
padding-right: 1.000rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
/* Visualizzazione Ipad */
/* Visualizzazione Mobile */
}
@media screen and (max-width: 991px) {
.templSearchResults .lotsHeaderAuction {
grid-column-start: 1;
grid-column-end: 3;
}
}
@media screen and (max-width: 767px) {
.templSearchResults .lotsHeaderAuction {
grid-column-start: 1;
grid-column-end: 2;
}
}
.templSearchResults .lotsHeaderAuction h4 {
font-family: "FarseL";
font-weight: 700;
text-transform: uppercase;
font-size: 1.600rem;
line-height: initial;
margin-bottom: 1.000rem;
margin-top: 2.500rem;
}
.templSearchResults .lotsHeaderAuction h4 a {
margin: 0px;
padding: 0px;
font-size: 1.4rem;
color: #000000;
}
.templSearchResults .lotsHeaderAuction h4 a:hover {
font-size: 1.4rem;
margin: 0px;
padding: 0px;
}
/*************************************************************
* My Panel Consolle *
*************************************************************/
body[class="templMyConsole"] #panelBoxHead #panelBreadCrumbs {
display: none !important;
}
body[class^="templMyConsole"] {
/* Registrazione veloce */
/* Autori Interesse */
/* Categorie Interesse */
/*********** Login ***********/
/*********** Richieste Acquisto ***********/
/*********** Ordini Inevasi ***********/
/*********** Estratti conto ***********/
/*********** Elenco Aggiudicazioni ***********/
/*********** Elenco Offerte ***********/
/*********** Elenco Preferiti ***********/
/*********** Elenco Condition Report ***********/
/*********** Richieste Valutazioni ***********/
/*********** Carte di Credito ***********/
}
body[class^="templMyConsole"] #panelBoxHead {
padding-left: 40px !important;
padding-right: 40px !important;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #contactFormContainerRight {
border: none;
border-top: 1px dashed rgba(0, 0, 0, 0.15);
padding: 3.000rem!important;
text-align: left;
}
@media (min-width: 992px) {
body[class^="templMyConsole"][data-user-logged="logged_0"] #contactFormContainerRight {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 768px) {
body[class^="templMyConsole"][data-user-logged="logged_0"] #contactFormContainerRight {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #contactFormContainerLeft {
padding: 0;
padding-bottom: 4.500rem;
}
@media (min-width: 992px) {
body[class^="templMyConsole"][data-user-logged="logged_0"] #contactFormContainerLeft {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
}
@media (min-width: 768px) {
body[class^="templMyConsole"][data-user-logged="logged_0"] #contactFormContainerLeft {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #registeredUser {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 30px;
border-right: 1px solid rgba(0, 0, 0, 0.15);
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
body[class^="templMyConsole"][data-user-logged="logged_0"] #registeredUser {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0;
padding-bottom: 3.000rem;
border: none;
}
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #registeredUser .panelTitle .label {
font-size: 2.000rem;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #registeredUser .form-group.row.border-bottom-1 {
border-bottom: 0;
padding-bottom: 0;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #registeredUser .labelContactForm {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #registeredUser .fieldContactForm {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #registeredUser .form-group-button .labelContactForm {
display: none;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #registeredUser .form-group-button .btn.butPrinc {
display: inline-block;
color: #ffffff;
background-color: #000000;
font-size: 1.600rem;
font-weight: 500;
letter-spacing: 0;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
border-radius: 3px;
border: 0;
overflow: hidden;
padding: 1.25rem 2rem;
margin: 0;
margin-bottom: 1.000rem;
position: relative;
text-decoration: none;
z-index: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width: 100%;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #registeredUser .form-group-button .btn.butPrinc:hover {
border: 0;
background-color: #a9a9a9;
color: #000000;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #signUp {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
padding: 30px;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
body[class^="templMyConsole"][data-user-logged="logged_0"] #signUp {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 0;
padding-bottom: 3.000rem;
}
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #signUp .panelTitle {
padding-bottom: 1.500rem;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #signUp .panelTitle .label {
font-size: 2.000rem;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #signUp .labelContactForm {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #signUp .fieldContactForm {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
body[class^="templMyConsole"][data-user-logged="logged_0"] #signUp .form-group-button .btn.butPrinc {
margin: 0;
margin-bottom: 10px;
}
body[class^="templMyConsole"] .userPanel {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
padding: .5rem 0;
}
body[class^="templMyConsole"] #panelTitlePage .utente,
body[class^="templMyConsole"] #panelTitlePage .idWeb {
display: inline-block;
font-family: "FarseL";
font-weight: normal;
font-size: 1.400rem;
color: #000000;
vertical-align: middle;
text-decoration: none;
text-transform: none;
margin: 0 1.000rem;
}
body[class^="templMyConsole"] #panelTitlePage .utente {
margin-left: 0;
}
body[class^="templMyConsole"] .separator {
background-color: rgba(0, 0, 0, 0.15);
position: relative;
display: block;
margin: 0;
padding: 0;
width: 1px;
height: 14px;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
body[class^="templMyConsole"] #TabbedPanels1 .nav-tabs {
display: flex;
flex-flow: row wrap;
justify-content: center;
border: 0;
border-radius: 5px;
gap: 1px;
background: #f0efee;
}
@media (min-width: 768px) {
body[class^="templMyConsole"] #TabbedPanels1 .nav-tabs {
margin-bottom: 1.500rem;
}
}
@media (min-width: 1150px) {
body[class^="templMyConsole"] #TabbedPanels1 .nav-tabs {
margin-bottom: 3.000rem;
}
}
body[class^="templMyConsole"] #TabbedPanels1 .nav-item {
position: relative;
display: block;
margin: 0;
text-align: center;
flex: 1;
font-family: "FarseL";
font-weight: 500;
text-transform: uppercase;
font-size: 1.200rem;
line-height: 1.400rem;
}
body[class^="templMyConsole"] #TabbedPanels1 .nav-item:first-child:before,
body[class^="templMyConsole"] #TabbedPanels1 .nav-item::after {
content: '';
position: absolute;
top: 20%;
right: 0;
z-index: -1;
width: 1px;
height: 60%;
background: #ffffff;
}
body[class^="templMyConsole"] #TabbedPanels1 .nav-item .nav-link {
overflow: visible;
line-height: 1;
transition: color 0.2s;
color: #000000;
border: 0;
border-radius: 5px;
outline: none;
padding: 2rem 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
body[class^="templMyConsole"] #TabbedPanels1 .nav-item .nav-link:hover {
background-color: #e4e3e2;
color: #000000;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
body[class^="templMyConsole"] #TabbedPanels1 .nav-item .nav-link.active,
body[class^="templMyConsole"] #TabbedPanels1 .nav-item .nav-link.active:hover {
background: #e4e3e2;
color: #000000;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
body[class^="templMyConsole"] #TabbedPanels1 .nav-item .nav-link.active::after {
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border: solid transparent;
border-width: 10px;
border-top-color: #e4e3e2;
content: '';
pointer-events: none;
}
body[class^="templMyConsole"] #TabbedPanels1 .tab-content {
margin-top: 2px;
cursor: inherit;
}
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent {
min-height: 300px;
/* Visualizzazione Ipad */
}
@media (min-width: 768px) {
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent {
padding: 1.500rem!important;
}
}
@media (min-width: 1150px) {
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent {
padding: 3.000rem!important;
}
}
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent h4 {
font-family: "FarseL";
font-size: 1.600rem;
font-weight: 500;
}
@media (min-width: 768px) {
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent h4 {
padding: 1.500rem 0!important;
}
}
@media (min-width: 1150px) {
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent h4 {
padding: 1.500rem 0!important;
}
}
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent .funzioni {
padding: 2.500rem;
}
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent .funzioni .card {
border-radius: 10px;
}
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent .funzioni .card .card-body {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
flex-direction: column;
}
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent .funzioni .card .card-body .buttonPanel {
position: relative;
margin-left: 0;
margin-right: 0;
margin-top: 1.000rem;
}
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent .funzioni .card .card-body .buttonPanel .btn {
width: 100%;
padding: .500rem 2.000rem .500rem 2.500rem;
}
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent .funzioni .card .card-body .funzionititle {
padding: 1.500rem 2.500rem;
font-family: "FarseL";
font-weight: 700;
color: #000000;
text-transform: uppercase;
font-size: 1.400rem;
margin-left: 0;
margin-right: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent .funzioni .card .card-body .funzionitext {
font-family: "FarseL";
flex-grow: 1;
margin-left: 0;
margin-right: 0;
}
@media screen and (max-width: 991px) {
body[class^="templMyConsole"] #TabbedPanels1 .TabbedPanelsContent {
padding: 1.5rem 0!important;
}
}
body[class^="templMyConsole"] #searchAuthor {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.500rem !important;
background: #f0efee;
border-radius: 5px;
border-bottom: 0;
}
body[class^="templMyConsole"] #searchAuthor .folderTitle {
font-family: "FarseL";
font-size: 1.600rem;
font-weight: 500;
}
body[class^="templMyConsole"] #searchAuthor .folderTitle i {
display: none;
}
body[class^="templMyConsole"] [name^="autoriCli"] {
padding: 3.000rem;
}
body[class^="templMyConsole"] [name^="autoriCli"] .folderTitle {
font-family: "FarseL";
font-size: 1.600rem;
font-weight: 500;
}
@media (min-width: 768px) {
body[class^="templMyConsole"] [name^="autoriCli"] .folderTitle {
padding: 1.500rem 0!important;
}
}
@media (min-width: 1150px) {
body[class^="templMyConsole"] [name^="autoriCli"] .folderTitle {
padding: 1.500rem 0!important;
}
}
body[class^="templMyConsole"] [name^="autoriCli"] .folderTitle i {
display: none;
}
body[class^="templMyConsole"] .style-form .myCategorie {
padding: 1.500rem;
padding-left: 0;
padding-top: 0;
text-align: left;
}
body[class^="templMyConsole"] .style-form .myCategorie .checkCat1 label {
font-family: "FarseL";
font-weight: 500;
font-size: 1.400rem;
color: #000000;
}
body[class^="templMyConsole"] .style-form .myCategorie .checkCat2 label {
font-family: "FarseL";
font-weight: normal;
font-size: 1.200rem;
}
body[class^="templMyConsole"] .style-form .myCategorie .radio,
body[class^="templMyConsole"] .style-form .myCategorie .checkbox {
/*line-height: normal;*/
}
body[class^="templMyConsole"] .style-form .myCategorie .buttonPanel {
position: relative;
margin-left: 0;
margin-right: 0;
margin-top: 1.500rem;
}
body[class^="templMyConsole"] .style-form .myCategorie .buttonPanel .btn {
width: 100%;
padding: .500rem 2.000rem .500rem 2.500rem;
}
body[class^="templMyConsole"] .style-form .form-group.row.border-bottom-1 {
padding-bottom: 1rem;
}
body[class^="templMyConsole"] .elRichiesteAcquisto_panel {
margin-top: 3.000rem;
/*Ordini*/
}
body[class^="templMyConsole"] .elRichiesteAcquisto_panel .row.heading,
body[class^="templMyConsole"] .elRichiesteAcquisto_panel .row.body {
align-items: start;
justify-content: center;
gap: 15px;
padding: 15px;
}
body[class^="templMyConsole"] .elRichiesteAcquisto_panel .row.heading div,
body[class^="templMyConsole"] .elRichiesteAcquisto_panel .row.body div {
text-align: left;
padding: 0;
}
body[class^="templMyConsole"] .elRichiesteAcquisto_panel .row.heading .tImgPref img,
body[class^="templMyConsole"] .elRichiesteAcquisto_panel .row.body .tImgPref img {
max-width: 80px;
aspect-ratio: 1;
object-fit: contain;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body[class^="templMyConsole"] .elRichiesteAcquisto_panel .row.heading div:last-child,
body[class^="templMyConsole"] .elRichiesteAcquisto_panel .row.body div:last-child {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .elRichiesteAcquisto_panel .row.heading .btn,
body[class^="templMyConsole"] .elRichiesteAcquisto_panel .row.body .btn {
aspect-ratio: 1;
min-width: unset;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
padding: 0;
}
body[class^="templMyConsole"] .ordiniInevasi_panel {
margin-top: 3.000rem;
/*Ordini*/
}
body[class^="templMyConsole"] .ordiniInevasi_panel .row.heading,
body[class^="templMyConsole"] .ordiniInevasi_panel .row.body {
align-items: start;
justify-content: center;
gap: 15px;
padding: 15px;
}
body[class^="templMyConsole"] .ordiniInevasi_panel .row.heading div,
body[class^="templMyConsole"] .ordiniInevasi_panel .row.body div {
text-align: left;
padding: 0;
}
body[class^="templMyConsole"] .ordiniInevasi_panel .row.heading div:last-child,
body[class^="templMyConsole"] .ordiniInevasi_panel .row.body div:last-child {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .ordiniInevasi_panel .row.heading .btn,
body[class^="templMyConsole"] .ordiniInevasi_panel .row.body .btn {
aspect-ratio: 1;
min-width: unset;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
padding: 0;
}
body[class^="templMyConsole"] .estrattiConto_panel {
margin-top: 3.000rem;
/*Ordini*/
}
body[class^="templMyConsole"] .estrattiConto_panel .row.heading,
body[class^="templMyConsole"] .estrattiConto_panel .row.body {
align-items: start;
justify-content: center;
gap: 15px;
padding: 15px;
}
body[class^="templMyConsole"] .estrattiConto_panel .row.heading div,
body[class^="templMyConsole"] .estrattiConto_panel .row.body div {
text-align: left;
padding: 0;
}
body[class^="templMyConsole"] .estrattiConto_panel .row.heading div:last-child,
body[class^="templMyConsole"] .estrattiConto_panel .row.body div:last-child {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .estrattiConto_panel .row.heading .btn,
body[class^="templMyConsole"] .estrattiConto_panel .row.body .btn {
aspect-ratio: 1;
min-width: unset;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
padding: 0;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel {
margin-top: 3.000rem;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .tAsta h3 {
font-family: "FarseL";
font-weight: 700;
font-size: 1.800rem;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .tAsta h3 span {
font-family: "FarseL";
font-weight: normal;
font-size: 1.400rem;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta {
background: #f0efee;
border-collspe: collapse;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding: 0;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.heading,
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.body {
align-items: start;
justify-content: center;
gap: 15px;
padding: 15px;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.heading div,
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.body div {
text-align: left;
padding: 0;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.heading .tDesPref,
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.body .tDesPref {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.heading .tImgPref img,
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.body .tImgPref img {
max-width: 80px;
aspect-ratio: 1;
object-fit: contain;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.heading .tStatoPref,
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.body .tStatoPref {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.heading .tStatoPref b.statoLotto,
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.body .tStatoPref b.statoLotto {
text-transform: uppercase;
margin-right: 15px;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.heading .tLottoPref a,
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.body .tLottoPref a {
text-decoration: underline;
position: relative;
display: inline-block;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.heading .tTitPref a,
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.body .tTitPref a {
text-transform: uppercase;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.heading .btn,
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.body .btn {
aspect-ratio: 1;
min-width: unset;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
padding: 0;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.footer {
align-items: start;
justify-content: center;
gap: 15px;
padding: 15px;
padding-bottom: 0;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.footer div {
text-align: left;
padding: 0;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.footer .totImp {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .elAggiudicazioni_panel .offerteXasta .row.footer + .row.footer {
padding-top: 0;
}
body[class^="templMyConsole"] [name="ricerca"] {
display: flex;
align-items: center;
justify-content: center;
margin-top: 3.000rem;
}
body[class^="templMyConsole"] .elOfferte_panel .btnPanel {
padding: 0;
}
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta {
background: #f0efee;
border-collspe: collapse;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding: 0;
/*Ordini*/
}
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.heading {
font-size: 1.200rem;
text-transform: uppercase;
padding-top: 1.000rem;
padding-bottom: 1.000rem;
}
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.heading,
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.body {
align-items: start;
justify-content: center;
gap: 15px;
padding: 15px;
/*Importi*/
}
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.heading div,
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.body div {
text-align: left;
padding: 0;
}
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.heading .tImgPref img,
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.body .tImgPref img {
max-width: 80px;
aspect-ratio: 1;
object-fit: contain;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.heading .tImp,
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.body .tImp {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.heading .tStaAgg,
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.body .tStaAgg {
text-align: right;
}
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.heading .totNetAggAsta,
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.body .totNetAggAsta {
text-transform: uppercase;
padding-top: 1.500rem;
padding-bottom: 1.500rem;
font-size: 1.600rem;
}
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.heading .totImp,
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.body .totImp {
font-size: 1.600rem;
text-align: right;
text-transform: uppercase;
padding-top: 1.500rem;
padding-bottom: 1.500rem;
}
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.heading .btn,
body[class^="templMyConsole"] .elOfferte_panel .offerteXasta .row.body .btn {
aspect-ratio: 1;
min-width: unset;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
padding: 0;
}
body[class^="templMyConsole"] .filterPanel {
display: flex;
align-items: center;
justify-content: center;
margin-top: 3.000rem;
gap: 10px;
}
body[class^="templMyConsole"] .elLottiPreferiti_panel h3 {
padding-bottom: 1.000rem;
}
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta {
background: #f0efee;
border-collspe: collapse;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding: 0;
}
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.heading,
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.body {
align-items: start;
justify-content: center;
gap: 15px;
padding: 15px;
}
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.heading div,
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.body div {
text-align: left;
padding: 0;
}
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.heading .tDesPref,
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.body .tDesPref {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.heading .tImgPref img,
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.body .tImgPref img {
max-width: 80px;
aspect-ratio: 1;
object-fit: contain;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.heading .tStatoPref,
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.body .tStatoPref {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.heading .tStatoPref b.statoLotto,
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.body .tStatoPref b.statoLotto {
text-transform: uppercase;
margin-right: 15px;
}
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.heading .tLottoPref a,
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.body .tLottoPref a {
text-decoration: underline;
position: relative;
display: inline-block;
}
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.heading .tTitPref a,
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.body .tTitPref a {
text-transform: uppercase;
}
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.heading .btn,
body[class^="templMyConsole"] .elLottiPreferiti_panel .offerteXasta .row.body .btn {
aspect-ratio: 1;
min-width: unset;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
padding: 0;
}
body[class^="templMyConsole"] .elConditionReport_panel .filterPanel {
display: flex;
align-items: center;
justify-content: center;
margin-top: 3.000rem;
}
body[class^="templMyConsole"] .elConditionReport_panel .row.heading,
body[class^="templMyConsole"] .elConditionReport_panel .row.body {
align-items: start;
justify-content: center;
gap: 15px;
padding: 15px;
}
body[class^="templMyConsole"] .elConditionReport_panel .row.heading div,
body[class^="templMyConsole"] .elConditionReport_panel .row.body div {
text-align: left;
padding: 0;
}
body[class^="templMyConsole"] .elConditionReport_panel .row.heading .tDes2,
body[class^="templMyConsole"] .elConditionReport_panel .row.body .tDes2 {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .elConditionReport_panel .row.heading .tImgPref img,
body[class^="templMyConsole"] .elConditionReport_panel .row.body .tImgPref img {
max-width: 80px;
aspect-ratio: 1;
object-fit: contain;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body[class^="templMyConsole"] .elConditionReport_panel .row.heading .tStatoPref,
body[class^="templMyConsole"] .elConditionReport_panel .row.body .tStatoPref {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .elConditionReport_panel .row.heading .tStatoPref b.statoLotto,
body[class^="templMyConsole"] .elConditionReport_panel .row.body .tStatoPref b.statoLotto {
text-transform: uppercase;
margin-right: 15px;
}
body[class^="templMyConsole"] .elConditionReport_panel .row.heading .tLottoPref a,
body[class^="templMyConsole"] .elConditionReport_panel .row.body .tLottoPref a {
text-decoration: underline;
position: relative;
display: inline-block;
}
body[class^="templMyConsole"] .elConditionReport_panel .row.heading .tTitPref a,
body[class^="templMyConsole"] .elConditionReport_panel .row.body .tTitPref a {
text-transform: uppercase;
}
body[class^="templMyConsole"] .elConditionReport_panel .row.heading .btn,
body[class^="templMyConsole"] .elConditionReport_panel .row.body .btn {
aspect-ratio: 1;
min-width: unset;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
padding: 0;
}
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .filterPanel {
display: flex;
align-items: center;
justify-content: center;
margin-top: 3.000rem;
}
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.heading,
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.body {
align-items: start;
justify-content: center;
gap: 15px;
padding: 15px;
}
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.heading div,
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.body div {
text-align: left;
padding: 0;
}
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.heading .tDettaglio,
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.body .tDettaglio {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.heading .tImgPref img,
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.body .tImgPref img {
max-width: 80px;
aspect-ratio: 1;
object-fit: contain;
border: 1px solid rgba(0, 0, 0, 0.15);
}
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.heading .tStatoPref,
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.body .tStatoPref {
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.heading .tStatoPref b.statoLotto,
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.body .tStatoPref b.statoLotto {
text-transform: uppercase;
margin-right: 15px;
}
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.heading .tLottoPref a,
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.body .tLottoPref a {
text-decoration: underline;
position: relative;
display: inline-block;
}
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.heading .tTitPref a,
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.body .tTitPref a {
text-transform: uppercase;
}
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.heading .btn,
body[class^="templMyConsole"] .elRichiesteValutazioni_panel .row.body .btn {
aspect-ratio: 1;
min-width: unset;
display: inline-flex;
align-items: center;
justify-content: center;
width: 35px;
padding: 0;
}
body[class^="templMyConsole"] .imgCC {
padding: 1.000rem;
}
body[class^="templMyConsole"] #netamount.ro,
body[class^="templMyConsole"] #item_name.ro,
body[class^="templMyConsole"] #trackId.ro {
background-color: #dcdcdc;
}
body[class^="templMyConsole"] .boxWhatSecure {
clear: both;
padding: 0.5rem 1.500rem;
}
body[class^="templMyConsole"] #whatSecure {
position: absolute;
display: none;
width: 228px;
z-index: 10000;
}
body[class^="templMyConsole"] #whatSecure img {
border: 3px solid rgba(0, 0, 0, 0.15);
}
body[class^="templMyConsole"] .decretoCC {
background-color: rgba(0, 0, 0, 0.05);
padding: 10px 14px 10px 14px;
margin-top: 10px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
/*********** Stampa Offerte ***********/
.templMyPrintBids {
margin: 0;
padding: 0;
background-color: #FFFFFF;
}
.templMyPrintBids .boxMinimal {
padding-top: 10px;
}
.templMyPrintBids #header.headerMinimal {
height: 95px;
width: 640px;
}
.templMyPrintBids .datiCli {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.templMyPrintBids .campoCli {
padding-left: 3px;
float: left;
}
.templMyPrintBids .datoCli {
float: right;
padding-right: 10px;
}
.templMyPrintBids .offerteM {
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.templMyPrintBids .tLottoM {
float: left;
width: 50px;
}
.templMyPrintBids .tDataM {
float: left;
width: 120px;
}
.templMyPrintBids .tDesM {
float: left;
width: 260px;
padding-right: 10px;
}
.templMyPrintBids .tImpM {
float: left;
width: 50px;
}
.templMyPrintBids .tTelM {
float: left;
width: 60px;
text-align: center;
}
.templMyPrintBids .tTelM b {
text-align: left;
}
.templMyPrintBids .tTelM img {
padding-top: 5px;
}
.templMyPrintBids .tRilM {
float: left;
width: 30px;
text-align: center;
}
.templMyPrintBids #contMin {
width: 600px;
height: auto;
overflow: hidden;
padding: 20px;
margin-top: 20px;
text-align: center;
margin: 0 auto;
}
.templMyPrintVal .container {
/*max-width: 640px; */
}
.templMyPrintVal .container h2.labelTitle {
font-size: 2.800rem;
line-height: 1;
font-weight: normal;
letter-spacing: 0;
}
.templMyPrintVal .container h4.labelTitle {
font-size: 1.800rem;
line-height: 1;
font-weight: normal;
letter-spacing: 0;
}
.templMyPrintVal .container .dataTable {
width: 100%;
padding: 1.500rem 0;
}
.templMyPrintVal .container .dataTable .row:hover {
background-color: rgba(0, 0, 0, 0.05);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templMyPrintVal .container .row {
margin: 0;
min-height: 2.500rem;
}
.templMyPrintVal .container .row div.label1,
.templMyPrintVal .container .row div.label2 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.templMyPrintVal .container .row div.label1 {
margin: 0;
font-size: 1.400rem;
line-height: 1.2;
font-weight: 500;
}
.templMyPrintVal .container .row div.label2 {
margin: 0;
font-size: 1.400rem;
line-height: 1.2;
font-weight: normal;
}
.templMyPrintVal .container .row div.label2:before {
content: " ";
}
/*********** Paga Fatture ***********/
.itemContactForm.sovraprezzo {
padding: 1rem 0.5rem 1.5rem;
}
/*********** Documenti personali ***********/
.documentiAl.background-evidence {
background-color: #f0efee;
border-radius: 5px;
margin-top: 3.000rem;
margin-bottom: 3.000rem;
}
.documentiAl h1 {
font-weight: normal;
text-align: left;
font-family: "FarseL";
text-transform: uppercase;
color: #000000;
font-size: 1.200rem;
}
.documentiAl > div {
padding-left: 0;
}
.documentiAl div.heading {
text-transform: uppercase;
font-family: "FarseL";
font-weight: 700;
font-size: 1.200rem;
}
.documentiAl div div {
padding: 0.500rem;
text-align: left;
}
.documentiAl .btn {
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 3px;
min-width: inherit;
font-size: 1.200rem;
line-height: normal;
font-weight: 500;
}
.tipD {
display: inline-blocK;
width: 24.666%;
text-align: left;
padding: 0.5rem;
}
.fil {
display: inline-blocK;
width: 64.666%;
text-align: left;
padding: 0.5rem;
}
.azion {
display: inline-blocK;
width: 9.666%;
text-align: left;
padding: 0.5rem;
}
div.separatorDoc {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
/*********** Grid Striped ***********/
.grid-striped .row {
margin-left: 0;
margin-right: 0;
}
.grid-striped .row.heading {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-weight: 700;
}
.grid-striped .row.body {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.grid-striped .row.body:nth-of-type(odd) {
background-color: rgba(139, 137, 136, 0.05);
}
.grid-striped .row.body:hover {
background-color: rgba(139, 137, 136, 0.1);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
/*********** Ecommerce Cataloghi ***********/
.catalogContainer .cataloghiList {
padding-left: 0;
padding-right: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.catalogContainer .cataloghiRightContainer {
padding-left: 0;
padding-right: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.cataloghiListContainer {
position: relative;
padding: 1.500rem;
/* On Hover Navigation */
}
.cataloghiListContainer .cataloghiListImg {
text-align: left;
padding-left: 0;
}
.cataloghiListContainer .cataloghiListImg img {
max-width: 160px;
width: 100%;
height: auto;
}
.cataloghiListContainer .cataloghiListImgDati {
text-align: left;
}
.cataloghiListContainer .cataloghiListTitle h4 {
font-family: "FarseL";
font-size: 2.200rem;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.cataloghiListContainer .link-hover {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
transform: scale(0.8, 0.8);
opacity: 0;
z-index: -1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.cataloghiListContainer:hover {
cursor: pointer;
}
.cataloghiListContainer:hover .btn {
background: #000000;
color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.cataloghiListContainer:hover .cataloghiListTitle h4 {
color: #a9a9a9;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.cataloghiListContainer:hover .link-hover {
transform: scale(1, 1);
opacity: 1;
}
/*********** Carrello Ecommerce Cataloghi ***********/
.divCarrello {
width: 100%;
display: block;
text-align: right;
padding: 1.000rem 1.500rem;
margin-bottom: 0.500rem;
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1.400rem;
color: #000000;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.divCarrello b {
text-transform: uppercase;
}
.divCarrello:before {
font-family: "FontAwesome";
content: "\f07a";
font-style: normal;
font-weight: 400;
text-align: center;
text-transform: none;
line-height: 1.400rem;
font-size: 1.200rem;
color: #000000;
margin-right: 0.5rem;
}
.divCarrello .elemCarrello {
content: "";
position: relative;
display: inline-block;
vertical-align: top;
font-family: "FarseL";
text-transform: uppercase;
font-size: 1.200rem;
}
.divCarrello .elemCarrello:before {
content: "/";
position: relative;
display: inline-block;
text-align: center;
width: 1rem;
margin: 0 1rem;
height: 1.400rem;
}
.divCarrello .elemCarrello b:before {
content: "\f067";
font-family: "FontAwesome";
position: relative;
display: inline-block;
width: 1.800rem;
margin: 0 1.000rem;
height: 1.800rem;
vertical-align: top;
}
/*********** Abbonamenti Cataloghi ***********/
.catContainer {
text-align: left;
padding: 0;
}
.cataloghiAbboTitle {
font-size: 1.500rem;
line-height: 1.600rem;
text-transform: uppercase;
font-family: "FarseL";
font-weight: 700;
color: #000000;
padding: 2rem 0 0.5rem;
}
.cataloghiAbboContainer {
text-align: left;
padding: 2.5rem;
margin-bottom: 2.500rem;
/* On Hover Navigation */
}
.cataloghiAbboContainer .cataloghiListTitle {
text-align: left;
display: block;
margin: 0px;
padding: 0px;
}
.cataloghiAbboContainer .cataloghiListTitle {
font-family: "FarseL";
font-size: 2.200rem;
font-weight: normal;
color: #000000;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.cataloghiAbboContainer .cataloghiListText {
text-align: left;
margin: 0px;
padding: 0.5rem 0 1.000rem;
}
.cataloghiAbboContainer .cataloghiListPrezzi {
text-align: left;
margin: 0px;
padding: 0.5rem 0 1.000rem;
}
.cataloghiAbboContainer .cataloghiAbboText {
text-align: left;
margin: 0px;
padding: 0.5rem 0 1.000rem;
}
.cataloghiAbboContainer .cataloghiListButton {
text-align: left;
margin: 0px;
padding: 0.5rem 0 1.000rem;
}
.cataloghiAbboContainer .cataloghiListPrezBut {
text-align: left;
display: block;
margin: 0px;
padding: 0.5rem 0 1.000rem;
}
.cataloghiAbboContainer .cataloghiAbboListPrezzi {
text-align: left;
width: 19.666%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.cataloghiAbboContainer .link-hover {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
transform: scale(0.8, 0.8);
opacity: 0;
z-index: -1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.cataloghiAbboContainer:hover {
cursor: pointer;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.cataloghiAbboContainer:hover .btn {
border: 1px solid rgba(0, 0, 0, 0.15);
background: #000000;
color: #ffffff;
}
.cataloghiAbboContainer:hover .cataloghiListTitle {
color: #a9a9a9;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.cataloghiAbboContainer:hover .link-hover {
transform: scale(1, 1);
opacity: 1;
}
/*********** Stock Cataloghi ***********/
.cataloghiStockContainer {
text-align: left;
padding: 2.5rem;
margin-bottom: 2.500rem;
/* On Hover Navigation */
}
.cataloghiStockContainer .cataloghiListTitle {
font-family: "FarseL";
color: #000000;
font-size: 2.200rem;
font-weight: normal;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.cataloghiStockContainer .link-hover {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
transform: scale(0.8, 0.8);
opacity: 0;
z-index: -1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.cataloghiStockContainer:hover {
cursor: pointer;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.cataloghiStockContainer:hover .btn {
border: 1px solid rgba(0, 0, 0, 0.15);
background: #000000;
color: #ffffff;
}
.cataloghiStockContainer:hover .cataloghiListTitle {
color: #a9a9a9;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.cataloghiStockContainer:hover .link-hover {
transform: scale(1, 1);
opacity: 1;
}
/*********** Carrello Cataloghi ***********/
.telaioCarrello {
padding-top: 1.000rem;
}
.telaioCarrello .totaleCarrello b {
font-family: "FarseL";
color: #000000;
font-size: 2.200rem;
font-weight: normal;
}
/*********** Conferma Carrello Cataloghi ***********/
#formConfermaCart {
padding-top: 10px;
}
#formConfermaCart img.cc {
vertical-align: middle;
padding-left: 10px;
}
.selDropCarrello b {
color: rgba(0, 0, 0, 0.8);
}
.articoloCarrello.conf {
width: 567px;
}
.quantitaCarrello.conf {
width: 67px;
}
.spedizioneCarrello {
display: table;
padding: 0.5rem;
width: 100%;
border: 3px solid rgba(0, 0, 0, 0.15);
}
.spedizioneCarrelloHead {
display: table;
padding: 0.5rem;
width: 100%;
}
.spedizioneCarrello .spedizioneCarrelloTitle {
padding: 2rem 0 0.5rem;
margin-bottom: 0.5rem;
display: block;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.spedizioneCarrelloTitle h4 {
font-weight: normal;
font-family: "FarseL";
font-weight: bold;
text-transform: uppercase;
color: #000000;
font-size: 1.200rem;
}
.spedizioneCarrello .spedizioneIndirizzo {
display: table;
width: 100%;
vertical-align: top;
}
.spedizioneCarrello .spedizioneIndirizzo .campiSped {
display: table-cell;
padding: 0.5rem;
width: 29.666%;
text-align: left;
}
.spedizioneCarrello .spedizioneIndirizzo .campiSped select {
padding: 0rem;
}
/**********************************************************************************
* Documentation / Banner style (template documentazione / template banner ) *
**********************************************************************************/
#docContainer {
position: relative;
}
#docContainer .docParagr {
padding-bottom: 3.000rem;
}
#docContainer .itemDoc .doc {
position: relative;
width: 100%;
height: auto;
}
#docContainer .itemDoc .doc .image-holder-small {
position: relative;
max-width: 200px;
max-height: 300px;
overflow: hidden;
margin: 0;
}
#docContainer .itemDoc .doc .image-holder-small a.photo {
position: relative;
margin: 0;
padding: 0;
}
#docContainer .itemDoc .doc .image-holder-small a.photo img {
width: 100%;
height: 100%;
object-fit: contain;
}
#docContainer .title {
position: relative;
}
#docContainer .didascalia {
position: relative;
}
#docContainer .didascalia a {
line-height: 1.2;
text-decoration: underline;
}
/********************************************************
* Stili per pagina Staff / Contatti *
********************************************************/
.templStaff h3 {
font-size: 3rem;
font-weight: 300;
}
.templStaff h5 {
font-size: 2.2rem;
font-weight: 400;
}
.templStaff .subtitle {
color: #000000;
font-size: 1.8rem;
font-weight: 400;
}
.templStaff .circular--portrait {
position: relative;
width: 200px;
height: 200px;
overflow: hidden;
border-radius: 50%;
}
.templStaff .circular--portrait img {
width: 100%;
height: auto;
filter: contrast(1.1);
}
/****************************************************
* BreadCrumbs *
****************************************************/
.breadcrumbs {
padding: 0;
width: auto;
text-align: center;
display: inline-block;
}
.breadcrumbs ul {
list-style: none;
margin: 0;
padding: 0;
width: auto;
}
.breadcrumbs li {
display: inline-block;
margin: 0;
margin-right: 15px;
padding: 0;
padding-right: 0;
}
.breadcrumbs li:first-child {
display: none;
}
.breadcrumbs li:last-child {
display: none;
}
.breadcrumbs li.lastItem {
background: none;
}
.breadcrumbs a {
padding: 0px;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
font-weight: normal;
color: #000000;
text-decoration: none;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.breadcrumbs a:hover {
color: #a9a9a9;
text-decoration: none;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.templAuctionCalendar .breadcrumbs li.bcSessionParent,
.templDipartimenti .breadcrumbs li.bcSessionParent {
display: none;
}
/********************************************************
* Invia link / Print Page style *
********************************************************/
.sendPrintBox {
float: right;
vertical-align: top;
padding-top: 2px;
padding-right: 10px;
font-size: 1.000rem;
}
.sendPrintBox div {
float: right;
padding-bottom: 2px;
}
.sendPrintBox .center {
padding-right: 1px;
}
.sendPrintBox .asteListButton {
white-space: nowrap;
margin-left: 3px;
}
/*************************************************************
* General Navigation Slider *
*************************************************************/
/* ARROWS Slider Absolute */
.thetis.tparrows {
cursor: pointer;
min-width: 40px;
min-height: 40px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
background-color: transparent;
border: 1px solid rgba(0, 0, 0, 0.35);
border-radius: 50%;
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
transition: box-shadow 0.3s, transform 0.3s;
box-shadow: inset 0 0 0 0 #000000;
}
.thetis.tparrows:before {
content: "";
/*font-family: "revicons";*/
/*font-size:30px;*/
/*color:#aaa;*/
display: block;
/*line-height: 70px;*/
text-align: center;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
z-index: 2;
position: relative;
border-radius: 0;
min-width: 30px;
min-height: 30px;
}
.thetis.tparrows span {
display: none;
}
.thetis.tparrows:hover {
background-color: transparent;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
border: 1px solid transparent;
box-shadow: inset 0 0 0 35px #000000;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.thetis.tparrows:hover:before {
color: #a9a9a9;
}
.thetis.tparrows.tp-leftarrow:before {
/* content: "\e824"; */
content: "";
background-size: 50% 50%;
background-color: #000000;
-webkit-mask: url("../images/svg/left-arrowslider.svg") no-repeat 50% 50%;
mask: url("../images/svg/left-arrowslider.svg") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
mask-repeat: space round, no-repeat;
opacity: 1;
position: absolute;
top: 4px;
bottom: 4px;
left: 4px;
right: 6px;
}
.thetis.tparrows.tp-leftarrow:hover:before {
background-color: #ffffff;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.thetis.tparrows.tp-rightarrow:before {
/* content: "\e824"; */
content: "";
background-size: 50% 50%;
background-color: #000000;
-webkit-mask: url("../images/svg/right-arrowslider.svg") no-repeat 50% 50%;
mask: url("../images/svg/right-arrowslider.svg") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
mask-repeat: space round, no-repeat;
opacity: 1;
position: absolute;
top: 4px;
bottom: 4px;
left: 6px;
right: 4px;
}
.thetis.tparrows.tp-rightarrow:hover:before {
background-color: #ffffff;
}
/* Next Prev Mini*/
.thetis.tparrows.little {
cursor: pointer;
background: rgba(255, 255, 255, 0.67);
min-width: 25px;
min-height: 25px;
}
.thetis.tparrows.little:before {
min-width: 25px;
min-height: 25px;
}
.thetis.tparrows.little.tp-leftarrow {
left: 0 !important;
transform: matrix(1, 0, 0, 1, 10, -12) !important;
top: 50%;
}
.thetis.tparrows.little.tp-leftarrow:before {
content: "";
background-size: 50% 50%;
background-color: #000000;
-webkit-mask: url("../images/svg/left-arrowslider.svg") no-repeat 50% 50%;
mask: url("../images/svg/left-arrowslider.svg") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
left: auto;
}
.thetis.tparrows.little.tp-rightarrow {
right: 0 !important;
transform: matrix(1, 0, 0, 1, -22, -12) !important;
top: 50%;
}
.thetis.tparrows.little.tp-rightarrow:before {
content: "";
background-size: 50% 50%;
background-color: #000000;
-webkit-mask: url("../images/svg/right-arrowslider.svg") no-repeat 50% 50%;
mask: url("../images/svg/right-arrowslider.svg") no-repeat 50% 50%;
-webkit-mask-size: cover;
mask-size: cover;
right: auto!Important;
}
.thetis.tparrows.tp-leftarrow {
left: 0 !important;
transform: matrix(1, 0, 0, 1, 25, -22) !important;
top: 50%;
}
.thetis.tparrows.tp-rightarrow {
left: auto !important;
right: 0 !important;
transform: matrix(1, 0, 0, 1, -25, -22) !important;
top: 50%;
}
.tp-title-wrap {
position: absolute;
z-index: 0;
display: inline-block;
background: rgba(255, 255, 255, 0.7);
/*min-height:60px;*/
/*line-height:60px;*/
top: -20px;
margin-left: 0px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transform-origin: 0% 50%;
-webkit-transform-origin: 0% 50%;
}
.thetis.tp-leftarrow .tp-title-wrap {
left: 65px;
}
.thetis.tp-rightarrow .tp-title-wrap {
right: 65px;
-webkit-transform-origin: 100% 50%;
}
.thetis.tparrows:hover .tp-title-wrap {
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
.thetis .tp-arr-titleholder {
font-family: "FarseL";
position: relative;
text-transform: uppercase;
color: #000000;
font-size: 1.200rem;
letter-spacing: 0.150rem;
line-height: 90px;
white-space: nowrap;
padding: 15px 20px 15px 90px;
}
.thetis.tp-rightarrow .tp-arr-titleholder {
margin-left: 0px;
padding: 15px 90px 15px 20px;
}
.thetis.tparrows:hover .tp-arr-titleholder {
transform: translateX(0px);
-webkit-transform: translateX(0px);
transition-delay: 0.1s;
opacity: 1;
}
.thetis .tp-arr-imgholder {
width: 90px;
height: 90px;
position: absolute;
left: 100%;
display: block;
background-size: cover;
background-position: center center;
top: 0px;
right: -90px;
}
.thetis.tp-rightarrow .tp-arr-imgholder {
right: auto;
left: -90px;
}
/* ARROWS Slider Asta */
#fooSliderAsta .tp-leftarrow.tparrows.thetis {
top: 50%;
left: 0px;
opacity: 0;
}
#fooSliderAsta .tp-rightarrow.tparrows.thetis {
top: 50%;
right: -55px;
opacity: 0;
}
#fooSliderAsta:hover .tp-leftarrow.tparrows.thetis,
#fooSliderAsta:hover .tp-rightarrow.tparrows.thetis {
opacity: 1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
/* ARROWS Libreria */
#carouselLibri .tp-leftarrow.tparrows.thetis {
top: 50%;
left: 0px;
opacity: 0;
}
#carouselLibri .tp-rightarrow.tparrows.thetis {
top: 50%;
right: -55px;
opacity: 0;
}
#carouselLibri:hover .tp-leftarrow.tparrows.thetis,
#carouselLibri:hover .tp-rightarrow.tparrows.thetis {
opacity: 1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
/* BULLETS Rev Slider */
.thetis.tp-bullets {
transform: matrix(1, 0, 0, 1, 75, -45) !important;
}
.thetis .tp-bullet {
width: 4px;
height: 4px;
margin: 1px;
margin-top: 10px;
position: absolute !important;
cursor: pointer;
border-radius: 50%;
display: block !important;
background: #000000 !important;
border: 1 solid #000000 !important;
}
#wrapperHome.testoChiaro .thetis .tp-bullet {
background: #ffffff !important;
border: 1 solid #ffffff !important;
}
.thetis .tp-bullet:hover,
.thetis .tp-bullet.selected {
transform: scale(1.3);
background: #a9a9a9 !important;
border-color: #a9a9a9 !important;
}
#wrapperHome.testoChiaro .thetis .tp-bullet:hover,
#wrapperHome.testoChiaro .thetis .tp-bullet.selected {
background: sec-color !important;
border: 0 solid sec-color !important;
}
/********************************************************
* Slide e Testo *
********************************************************/
.list_carousel {
margin: 0;
}
.list_carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.list_carousel li {
font-size: 1.200rem;
color: #000000;
text-align: left;
width: 307px;
height: 150px;
padding: 0;
margin: 0;
display: block;
float: left;
vertical-align: top;
padding-left: 12px;
padding-top: 0px;
padding-right: 8px;
}
.list_carousel_news_top {
margin: 0;
}
.list_carousel_news_top ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
.list_carousel_news_top li {
font-size: 1.200rem;
color: #000000;
text-align: left;
width: 250px;
height: 264px;
padding: 0;
margin: 0;
display: block;
float: left;
vertical-align: top;
padding-left: 20px;
padding-top: 0px;
margin-top: 0;
margin-left: 0;
}
/*************************************************************
* Styles Form *
*************************************************************/
.style-form {
padding-left: 0;
padding-right: 0;
/* Rettifica impostazioni browser */
/* Visualizzazione Ipad */
}
.style-form .form-group.row {
margin-left: 0;
margin-right: 0;
}
.style-form div.requestedField {
font-size: 0.800rem;
line-height: normal;
margin-left: 0.500rem;
margin-right: 0.500rem;
vertical-align: text-top;
display: inline-block;
text-rendering: auto;
font-family: "bootstrap-icons";
color: #9e0b0f;
}
.style-form .radio i,
.style-form .checkbox i {
margin-top: 5px;
border-color: #8b8988;
}
.style-form div.requestedField:before {
content: "\F151";
}
.style-form .input-file .button {
color: #ffffff;
}
.style-form .select select {
font-family: "FarseL";
font-weight: normal;
background: transparent;
border-width: 1px;
}
.style-form .select select option {
font-family: "FarseL";
color: #000000;
}
.style-form .select i:after {
display: none;
}
.style-form .select i {
display: inline-block;
font: normal normal normal 14px/1 "bootstrap-icons";
font-size: 1.200rem;
text-rendering: auto;
background: transparent;
box-shadow: 0 0 0 12px transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.000rem;
}
.style-form .select i:before {
content: "\F229";
border: 0!important;
}
.style-form input:-webkit-autofill,
.style-form input:-webkit-autofill:hover,
.style-form input:-webkit-autofill:focus,
.style-form textarea:-webkit-autofill,
.style-form textarea:-webkit-autofill:hover,
.style-form textarea:-webkit-autofill:focus,
.style-form select:-webkit-autofill,
.style-form select:-webkit-autofill:hover,
.style-form select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 50px #ffffff inset !important;
/* Change the color to your own background color */
-webkit-text-fill-color: #000000;
}
@media screen and (max-width: 991px) {
.style-form {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.style-form#formLotsConsole {
padding-top: 0;
}
.style-form#formThickboxWin {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.style-form#formThickboxWin .border {
border: none!important;
padding: 0 15px!important;
}
.style-form#formThickboxWin .col-xs-12 {
padding-left: 0!important;
padding-right: 0!important;
}
.style-form#formThickboxWin .background-evidence {
padding: 15px!important;
}
.style-form#formThickboxWin label b {
font-size: 1.800rem;
}
.style-form#formThickboxWin label.note {
text-align: left;
padding-bottom: 15px;
}
.style-form#ricercaInAsta {
padding-left: 0;
padding-right: 0;
}
.style-form label.select {
margin-left: 0!important;
margin-right: 0!important;
}
.style-form .style-form .input,
.style-form .style-form .select,
.style-form .style-form .textarea,
.style-form .style-form .radio,
.style-form .style-form .checkbox,
.style-form .style-form .toggle,
.style-form .style-form .button {
padding-left: 0;
padding-right: 0;
}
.style-form .labelContactForm,
.style-form .fieldContactForm {
padding-left: 0;
padding-right: 0;
}
.style-form .buttonPanel {
padding-left: 0;
padding-right: 0;
}
.style-form .buttonPanel .btn.butPrinc {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
/*************************************************************
* Sitemap style (Template sitemap ) *
*************************************************************/
.templSiteMap div.sitemaptop {
text-align: left;
list-style: none;
width: 100%;
padding-left: 3.000rem;
padding-right: 3.000rem;
padding-bottom: 3.000rem;
}
.templSiteMap div.sitemaptop > a {
display: flex;
align-items: center;
gap: 10px;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
font-size: 1.800rem;
font-family: "FarseL";
font-weight: 500;
margin-bottom: 1.000rem;
}
.templSiteMap div.sitemaptop > a:before {
content: "";
width: 12px;
height: 12px;
mask-image: url("../images/svg/arrow-down.svg");
mask-repeat: no-repeat;
background: #000000 no-repeat center;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templSiteMap div.sitemaptop div.sitemap {
padding-top: 1.000rem;
padding-bottom: 1.5rem;
}
.templSiteMap div.sitemaptop div.sitemap .item {
padding-left: 0;
}
.templSiteMap div.sitemaptop div.sitemap .item > a {
display: flex;
align-items: stretch;
gap: 10px;
width: 100%;
font-size: 1.400rem;
font-family: "FarseL";
font-weight: 500;
margin-bottom: 1.000rem;
}
.templSiteMap div.sitemaptop div.sitemap .item > a:before {
content: "";
width: 12px;
height: 12px;
mask-image: url("../images/svg/arrow-right.svg");
mask-repeat: no-repeat;
background: #000000 no-repeat center;
margin-top: 5px;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
/****************************************************************
* Stili per funzioni di tooltip *
****************************************************************/
#previewTooltip {
position: absolute;
border: 2px solid rgba(0, 0, 0, 0.15);
background-color: #ffffff;
padding: 1.000rem;
display: none;
color: #000000;
font-weight: normal;
font-family: "FarseL";
font-size: 1.000rem;
z-index: 999;
width: auto;
text-align: center;
}
/****************************************************************
* Stili per funzioni di loading *
****************************************************************/
#loading {
width: 100%;
height: 680px;
text-align: center;
padding-top: 50px;
}
#targetLoading {
width: 100;
height: auto;
}
div.pleaseWait {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
clear: both;
}
div.pleaseWait b {
font-size: 1rem;
color: #555;
font-weight: normal;
}
/************ Stili per pop-up catalogo ************/
td.thinHR {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
height: 1px;
}
/************ Stili per pagina dettaglio catalogo ************/
.noborder {
border: none;
}
.clearBoth {
clear: both;
}
.borderBottom {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
/************ Criteri ************/
#testataAste {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1.400rem;
padding: 0;
text-align: left;
}
@media screen and (max-width: 991px) {
#testataAste {
padding-left: 1.500rem;
padding-right: 1.500rem;
}
}
#testataAste div.rigaSep {
display: inline-block;
vertical-align: middle;
}
#testataAste .dropdown {
display: inline-block;
}
@media screen and (max-width: 991px) {
#testataAste .dropdown {
display: block;
margin: 0;
width: 100%;
}
}
#testataAste .dropdown-menu {
font-size: 1.200rem;
line-height: 1.400rem;
font-weight: normal!important;
text-transform: uppercase;
width: 100%;
/*top: auto !important;*/
left: auto !important;
text-align: left;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 991px) {
#testataAste .dropdown-menu {
top: 0 !important;
left: 0 !important;
}
}
#testataAste .dropdown-item {
font-size: 1.200rem;
line-height: 1.600rem;
font-weight: normal!important;
text-transform: uppercase;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
#testataAste .dropdown-item:focus,
#testataAste .dropdown-item:hover {
color: #a9a9a9;
background: rgba(0, 0, 0, 0.05);
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#testataAste .btn.btnFilter.dropdown-toggle {
display: inline-flex;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
#testataAste .btn.btnFilter {
display: none;
}
#testataAste .btn.btnFilter.selClass {
margin-left: 1.000rem;
display: inline-flex;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
}
@media screen and (max-width: 991px) {
#testataAste .btn.btnFilter.selClass {
padding-left: 3.000rem;
margin-left: 0;
margin-right: 0!important;
}
}
#testataAste .btn.btnFilter.selClass i {
color: rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 991px) {
#testataAste .btn.btnFilter {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
#testataAste .dropdown-toggle:after {
font-family: "FontAwesome";
content: "\f107 ";
display: inline-block;
vertical-align: bottom;
font-size: medium;
border: 0;
width: auto;
height: auto;
-webkit-transform: rotate(0);
transform: rotate(0);
transition: all 0.6s;
}
#testataAste .dropdown.show .dropdown-toggle:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: all 0.6s;
}
/************************************************
* Aste a tempo *
************************************************/
#boxOffertaTempoStima {
display: block;
position: relative;
padding: 3.000rem 3.000rem;
border-top: 2px solid #000000;
border-bottom: 2px solid #000000;
/* Visualizzazione Ipad */
/************ Countdown asp ************/
/************ MaxBid ************/
/************ MaxBid ************/
/************ AsteTempo 2 ************/
/************ Offerta non mia ************/
/************ Offerta mia ************/
/************ Offerta mia - NO riserva ************/
/************ Lotto Scadenza Lista ************/
/************ Spiegazioni ************/
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima {
padding: 3.000rem 0;
}
}
#boxOffertaTempoStima #boxAstaChiusa {
position: relative;
display: block;
text-transform: uppercase;
color: #5d5b5b;
padding-top: 0.5rem;
text-align: center;
}
#boxOffertaTempoStima .boxOffertaAttuale {
position: relative;
display: block;
text-align: center;
}
#boxOffertaTempoStima .boxOffertaAttuale.myOffer {
color: #7d994c;
}
#boxOffertaTempoStima #spyBoxRefresh {
font-weight: normal;
}
#boxOffertaTempoStima #boxCountdown {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end !important;
padding-bottom: 3.5rem;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #boxCountdown {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
}
}
#boxOffertaTempoStima #boxCountdown .label {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #boxCountdown .label {
margin-bottom: 0.500rem;
}
}
#boxOffertaTempoStima #boxCountdown #countdown {
font-family: "FarseL";
color: #9e0b0f;
font-size: 2.000rem;
line-height: 1;
margin: 0;
order: 1;
}
#boxOffertaTempoStima #boxCountdown #countdown span + span:before {
content: ":";
padding-right: 0.500rem;
display: inline-block;
font-weight: normal;
}
#boxOffertaTempoStima #boxCountdown #countdown span:last-child:before {
content: none;
}
#boxOffertaTempoStima #boxCountdown #countdownLabel {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
}
#boxOffertaTempoStima #boxInElaborazione {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end !important;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #boxInElaborazione {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
}
}
#boxOffertaTempoStima #boxInElaborazione .label {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #boxInElaborazione .label {
margin-bottom: 0.500rem;
}
}
#boxOffertaTempoStima #boxInElaborazione #elaborazione {
font-family: "FarseL";
color: #9e0b0f;
font-size: 1.800rem;
line-height: 1;
margin: 0;
order: 1;
}
#boxOffertaTempoStima #boxInElaborazione #elaborazione span + span:before {
content: ":";
padding-right: 0.500rem;
display: inline-block;
font-weight: normal;
}
#boxOffertaTempoStima #boxInElaborazione #elaborazione span:last-child:before {
content: none;
}
#boxOffertaTempoStima #boxTermineAsta {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end !important;
padding-bottom: 1.000rem;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #boxTermineAsta {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
padding-bottom: 1.500rem;
}
}
#boxOffertaTempoStima #boxTermineAsta .label {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #boxTermineAsta .label {
margin-bottom: 0.500rem;
}
}
#boxOffertaTempoStima #boxTermineAsta #termine {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: normal;
line-height: 1;
margin: 0;
order: 1;
}
#boxOffertaTempoStima #boxTermineAsta #termineLabel {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
}
#boxOffertaTempoStima #boxBaseAstaStima {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end !important;
padding-bottom: 1.000rem;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #boxBaseAstaStima {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
padding-bottom: 1.500rem;
}
}
#boxOffertaTempoStima #boxBaseAstaStima [class^="label"] {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #boxBaseAstaStima [class^="label"] {
margin-bottom: 0.500rem;
}
}
#boxOffertaTempoStima #boxBaseAstaStima span {
font-family: "FarseL";
color: #000000;
font-size: 1.800rem;
font-weight: 500;
line-height: 1;
margin: 0;
order: 1;
}
#boxOffertaTempoStima .baseAstatempo {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
padding-bottom: 1.000rem;
/* Visualizzazione Ipad */
}
#boxOffertaTempoStima .baseAstatempo#baseAsta {
display: none!important;
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima .baseAstatempo {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
padding-bottom: 1.500rem;
}
}
#boxOffertaTempoStima .baseAstatempo [class^="label"] {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima .baseAstatempo [class^="label"] {
margin-bottom: 0.500rem;
}
}
#boxOffertaTempoStima .baseAstatempo br {
display: none;
}
#boxOffertaTempoStima .baseAstatempo span {
font-family: "FarseL";
color: #000000;
font-size: 1.600rem;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
margin: 0;
order: 1;
}
#boxOffertaTempoStima #boxCondizioniAsta {
display: none;
}
#boxOffertaTempoStima #boxOffertaMax {
padding: 0;
font-weight: 500;
}
#boxOffertaTempoStima #boxOffertaMax [class^="label"] {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
padding-top: 1.000rem;
padding-bottom: 1.000rem;
}
#boxOffertaTempoStima #boxOffertaMax #formMaxBid {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
margin: 0;
padding-bottom: 1.000rem;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #boxOffertaMax #formMaxBid {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
padding-bottom: 1.500rem;
}
}
#boxOffertaTempoStima #boxOffertaMax #formMaxBid [class^="label"] {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: 500;
line-height: 1;
text-transform: uppercase;
margin: 0;
}
#boxOffertaTempoStima #boxOffertaMax #formMaxBid #boxBidMax {
background: none;
border: 0;
box-sizing: border-box;
display: inline-block;
padding: 0;
margin: 0;
margin-right: 0.500rem;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
background: #f0efee;
color: #000000;
font-size: 1.600rem;
font-weight: 500;
min-width: 320px;
width: 100%;
text-transform: uppercase;
position: relative;
vertical-align: middle;
text-align: left;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #boxOffertaMax #formMaxBid #boxBidMax {
margin: 0;
margin-bottom: 0.500rem;
}
}
#boxOffertaTempoStima #boxOffertaMax #formMaxBid #boxBidMax .field {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
margin: 0;
padding-left: 1rem;
padding-right: 1rem;
}
#boxOffertaTempoStima #boxOffertaMax #formMaxBid #boxBidMax .field select {
flex-grow: 1;
font-family: "FarseL";
color: #000000;
font-size: 1.600rem;
font-weight: 500;
line-height: 1;
height: auto;
border: 0;
padding: 0.800rem 1rem;
margin: 0;
background: transparent;
}
#boxOffertaTempoStima #boxOffertaMax #formMaxBid #boxBidMax .field {
font-size: 0px;
}
#boxOffertaTempoStima #boxOffertaMax #formMaxBid #boxBidMax .field:before {
content: "\20AC";
font-size: 1.600rem;
text-rendering: auto;
background: transparent;
box-shadow: 0 0 0 12px transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0.800rem 1rem;
}
#boxOffertaTempoStima #boxOffertaMax #formMaxBid #boxBidMax .field i {
font-size: 1.600rem;
font-weight: 500;
}
#boxOffertaTempoStima #boxOffertaMax #formMaxBid .buttonMaxBid {
font-family: "FarseL";
color: #ffffff;
font-size: 1.600rem;
font-weight: 500;
text-decoration: none;
text-align: center;
background-color: #000000;
height: 100%;
width: 100%;
padding: 0.800rem 1rem;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
#boxOffertaTempoStima #boxOffertaMax #formMaxBid .buttonMaxBid:hover {
background-color: #a9a9a9;
color: #ffffff;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#boxOffertaTempoStima .boxBuyNowPrice {
padding: 0;
font-weight: 500;
margin-top: 1rem;
}
#boxOffertaTempoStima .boxBuyNowPrice [class^="label"] {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: 400;
line-height: 1;
margin: 0;
}
#boxOffertaTempoStima .boxInElaborazione {
position: relative;
display: block;
padding-top: 0.500rem;
margin-right: 1.000rem;
}
#boxOffertaTempoStima #boxOffertaTempoLoading {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 120 40' xmlns='http://www.w3.org/2000/svg' fill='%23161a1d'%3E%3Ccircle cx='15' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='60' cy='15' r='9' fill-opacity='0.3'%3E%3Canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='105' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite' /%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite' /%3E%3C/circle%3E%3C/svg%3E%0A");
-webkit-background-size: 60px auto;
-moz-background-size: 60px auto;
-o-background-size: 60px auto;
background-size: 60px auto;
background-position: center center;
background-repeat: no-repeat;
background-color: #ffffff;
z-index: 100;
}
#boxOffertaTempoStima #numeroOfferte {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end !important;
padding-bottom: 3.5rem;
}
#boxOffertaTempoStima #numeroOfferte [class^="label"] {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
margin: 0;
}
#boxOffertaTempoStima #numeroOfferte span {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
line-height: 1;
margin: 0;
order: 1;
}
#boxOffertaTempoStima #offriATempo {
display: none;
margin-top: 3.500rem;
margin-bottom: 1.500rem;
display: block;
}
#boxOffertaTempoStima #offriATempo .btn.butPrinc {
padding: 1.250rem 2.000rem;
}
#boxOffertaTempoStima #miaOffertaTempo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end !important;
padding-bottom: 2.5rem;
}
#boxOffertaTempoStima #miaOffertaTempo .miaOffertaTempoLabel {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: normal;
line-height: 1;
margin: 0;
}
#boxOffertaTempoStima #miaOffertaTempo .label span {
font-size: 1.200rem;
line-height: 1;
margin: 0;
}
#boxOffertaTempoStima #miaOffertaTempo #miaOffertaTempoVal {
font-family: "FarseL";
color: #000000;
font-size: 2.400rem;
line-height: 1;
margin: 0;
color: #7d994c;
order: 1;
}
#boxOffertaTempoStima #currOffertaTempo {
display: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end !important;
padding-bottom: 2.5rem;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #currOffertaTempo {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
padding-top: 1.0rem;
}
}
#boxOffertaTempoStima #currOffertaTempo .label {
font-family: "FarseL";
color: #000000;
font-size: 1.400rem;
font-weight: normal;
line-height: 1;
text-transform: uppercase;
margin: 0;
}
#boxOffertaTempoStima #currOffertaTempo .label span {
font-size: 1.200rem;
line-height: 1;
margin: 0;
}
#boxOffertaTempoStima #currOffertaTempo #currOffertaTempoVal {
font-family: "FarseL";
color: #000000;
font-size: 2.400rem;
line-height: 1;
margin: 0;
color: #9e0b0f;
order: 1;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#boxOffertaTempoStima #currOffertaTempo #currOffertaTempoVal {
padding-top: 0.500rem;
}
}
#boxOffertaTempoStima.miaOff #boxCountdown #countdown {
color: #7d994c;
}
#boxOffertaTempoStima.miaOffNoRiserva #boxCountdown #countdown {
color: #fb8914;
}
#boxOffertaTempoStima.miaOffNoRiserva #miaOffertaTempoVal {
color: #fb8914;
}
#boxOffertaTempoStima .lottoScadenza {
color: #9e0b0f;
}
#boxOffertaTempoStima #labelInfo {
position: relative;
display: block;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
margin: 0.500rem 2.500rem;
font-weight: 500;
}
#boxOffertaTempoStima #labelInfo:empty {
display: none;
}
#boxOffertaTempoStima #noBid {
position: relative;
display: block;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
margin: 0 2.500rem 2.500rem;
font-weight: 500;
}
#boxOffertaTempoStima #noBid:empty {
display: none;
}
#boxOffertaTempoStima #noBid {
color: #9e0b0f;
border-color: #9e0b0f;
}
#boxOffertaTempoStima.miaOff #noBid {
color: #7d994c;
border-color: #7d994c;
}
#boxOffertaTempoStima.miaOffNoRiserva #noBid {
color: #fb8914;
border-color: #7d994c;
}
[class^="risSup"] {
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
margin: 0;
color: #000000;
}
[class^="risNoSup"] {
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
margin: 0;
color: #9e0b0f;
}
/************ Lotto Scadenza Lista ************/
.lottoScadenza {
color: #9e0b0f;
}
/************************************************
* Stili per funzioni di loading *
************************************************/
body #jpreLoader {
left: 0 !important;
width: 100%;
height: 3px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
body #jprePercentage {
height: auto;
top: 1.000rem;
font-size: 1.200rem;
font-family: "FarseL";
font-weight: normal;
text-shadow: none;
color: #a9a9a9;
border-radius: 0;
display: none;
}
body #jpreOverlay {
background-color: #ffffff;
}
body #jpreBar {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-image: none;
background-color: #000000;
border-radius: 0;
}
#loading {
width: 100%;
height: 680px;
text-align: center;
padding-top: 50px;
}
.logo-loading > div.logo-preload {
width: 100%;
max-width: 200px;
height: 100px;
margin-bottom: -50px;
display: inline-block;
background-image: url("../images/logo.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInTop;
animation-name: fadeInTop;
}
#targetLoading {
width: 100;
height: auto;
}
div.pleaseWait {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
clear: both;
}
div.pleaseWait b {
font-size: 1.200rem;
color: #ffffff;
font-weight: normal;
}
/************************************************
* 8. Social Network *
************************************************/
/************ Social config ************/
[class^="soc-"] {
background: transparent;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.socialItem .soc-facebook:before {
content: "\F344";
}
.socialItem .soc-pinterest:before {
content: "\F663";
}
.socialItem .soc-twitter-x:before {
content: "\F8DB";
}
.socialItem .soc-twitter:before {
content: "\F8DB";
}
.socialItem .soc-linkedin:before {
content: "\F472";
}
.socialItem .soc-youtube:before {
content: "\F62B";
}
.socialItem .soc-whatsapp:before {
content: "\F618";
}
.socialItem .soc-instagram:before {
content: "\F437";
}
.socialItem .soc-rss:before {
content: ", ";
}
.socialItem .soc-email1:before {
content: "<";
}
.socialItem .soc-email2:before {
content: ".";
}
/************ Social ************/
.socialItem {
display: inline-block;
background: transparent;
padding: 0;
}
.socialItem a {
font-family: "bootstrap-icons" !important;
font-style: normal;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
overflow: hidden;
text-decoration: none;
text-align: center;
text-transform: none;
position: relative;
z-index: 1;
line-height: 2.000rem;
font-size: 2.000rem;
height: 37px;
width: 37px;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.15);
margin: 0;
padding: 0;
color: #000000;
opacity: 1;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.socialItem a:hover {
color: #ffffff;
opacity: 1;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.socialItem a:hover:before {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.socialItem:hover {
background: transparent;
color: #ffffff;
}
.socialItem:hover a {
color: #ffffff;
opacity: 1;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.socialItem + .socialItem {
margin-left: 0.300rem;
}
/************ Social Share ************/
h4.introLabel {
position: relative;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
color: #000000;
font-weight: 500;
text-transform: uppercase;
margin: 0;
}
h4.introLabel:after {
content: '';
margin: 5px auto 15px;
display: block;
width: 31px;
max-width: 100%;
height: 2px;
background-color: #a9a9a9;
}
#social-share .socialItem.btn {
border: 0;
padding: 0;
min-width: auto;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#social-share .socialItem.btn a {
font-family: "bootstrap-icons";
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
border: 1px solid rgba(0, 0, 0, 0.15);
position: relative;
z-index: 1;
font-size: 1.800rem;
height: auto;
width: auto;
padding: 10px;
aspect-ratio: 1;
margin: 0 5px;
border-radius: 50%;
color: #000000;
background: #ffffff;
opacity: 1;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#social-share .socialItem.btn:hover {
color: #ffffff;
background: transparent;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#social-share .socialItem.btn:hover a {
color: #ffffff;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
#dettLotSx #social-share {
margin: 1rem 0;
}
/************************************************
* PriceRangeBar *
************************************************/
.priceRangeBar {
padding: 0 0.5rem 0 0;
text-align: left;
position: relative;
width: 100%;
display: inline-block;
}
.priceRangeBar .layout-slider {
width: 97.5%;
}
/*************************************************************
* Loading (Template sitemap ) *
*************************************************************/
#preloaderHome .loadingLogo {
display: inline-block;
padding-top: 0;
margin-bottom: 35px;
}
#preloaderHome .loadingTxt {
width: 100%;
display: inline-block;
text-align: center;
font-family: "FarseL";
font-size: 1.000rem;
padding-bottom: 20px;
color: rgba(0, 0, 0, 0.8);
}
/*************************************************************
* Condition Report e Total Cost *
*************************************************************/
.templMyConditionReport .itemListText {
text-align: left;
padding: 0.5rem;
}
.templMyConditionReport .rigaTitle {
margin-bottom: 1.500rem;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.templMyConditionReport .dettLotto {
text-align: left;
}
.templMyConditionReport h2 {
font-weight: normal;
}
/*************************************************************
* Total Cost *
*************************************************************/
.templMyTotalCost .title {
margin-top: 1.500rem;
}
.templMyTotalCost .label {
color: #2e2e2d;
position: relative;
text-transform: uppercase;
}
.templMyTotalCost .alert {
margin-top: 0.800rem;
}
.templMyTotalCost .view {
padding-top: 0.500rem;
padding-bottom: 0.500rem;
}
.templMyTotalCost .total {
font-family: "FarseL";
color: #000000;
position: relative;
font-size: 1.600rem;
text-transform: uppercase;
padding-top: 0.500rem;
padding-bottom: 0.500rem;
}
.templMyTotalCost .riga {
margin-top: 2.500rem;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.templMyTotalCost .rigaTitle {
margin-bottom: 1.500rem;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.templMyTotalCost .container {
padding-top: 1.200rem;
padding-left: 0;
padding-right: 0;
text-align: left;
}
.templMyTotalCost select {
width: 100%;
}
/*************************************************************
* Search *
*************************************************************/
.sb-search {
position: relative;
width: 0%;
min-width: 360px;
height: 36px;
float: right;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
}
input.sb-search-input {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
background: #ffffff;
width: 100%;
height: 36px;
margin: 0;
z-index: 10;
border: 3px solid rgba(0, 0, 0, 0.15);
padding: 1rem 4rem 1rem 1rem;
font-size: 1.4rem;
color: #000000;
}
.sb-search-input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.45);
}
.sb-search-input:-moz-placeholder {
color: rgba(0, 0, 0, 0.45);
}
.sb-search-input::-moz-placeholder {
color: rgba(0, 0, 0, 0.45);
}
.sb-search-input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.45);
}
.sb-icon-search,
.sb-search-submit {
width: 30px;
height: 30px;
display: block;
position: absolute;
right: 3px;
top: 3px;
padding: 0;
margin: 0;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.sb-search-submit {
background: #ffffff;
/* IE needs this */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
/* IE 8 */
filter: alpha(opacity=0);
/* IE 5-7 */
opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
}
.sb-icon-search {
color: #ffffff;
background: #a9a9a9;
z-index: 90;
font-size: 1.4rem;
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {
content: '\f002';
}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
width: 100%;
}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
background: #da6d0d;
color: #ffffff;
z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
z-index: 90;
}
/************************************************
* Search *
************************************************/
#header form.ricerca {
margin: 0px;
}
#psearch {
/* Search Box */
/* Change autocomplete styles in WebKit */
}
#psearch .form-group {
margin-bottom: 0;
}
#psearch .form-group label.campoRicerca {
margin-bottom: 0;
}
#psearch input.testo:focus {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
-webkit-text-fill-color: #000000;
-webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.05) inset !important;
transition: background-color 5000s ease-in-out 0s;
}
#psearch input.testo {
font-size: 5.400rem;
line-height: 1.2!important;
height: auto;
margin: 0;
padding: 0;
padding-left: 15px;
padding-right: 15px;
width: 100%;
transition: width 0.25s;
text-align: center;
text-rendering: geometricprecision;
font-family: "FarseL";
color: #000000;
font-weight: 100;
background: transparent;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
#psearch input.testo {
font-size: 3.400rem;
line-height: 1.2!important;
}
}
#psearch input.testo:-webkit-autofill,
#psearch input.testo:-webkit-autofill:hover,
#psearch input.testo:-webkit-autofill:focus {
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
-webkit-text-fill-color: #000000;
-webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0.05) inset !important;
transition: background-color 5000s ease-in-out 0s;
}
#psearch .icon-append {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
background: rgba(0, 0, 0, 0.35);
cursor: pointer;
width: 45px;
height: 45px;
padding: 0;
border-radius: 50%;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
#psearch .icon-append:before {
content: "";
display: block;
width: 35px;
height: 35px;
-webkit-mask-image: url("../images/svg/search.svg");
mask-image: url("../images/svg/search.svg");
mask-repeat: space round, no-repeat;
background: #ffffff;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
#psearch .icon-append:hover {
background: #a9a9a9;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#psearch label.search_info {
color: rgba(0, 0, 0, 0.45);
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1.600rem;
font-weight: normal;
text-align: center;
padding: 0;
}
#psearch input.testo:focus + label.search_info {
color: rgba(0, 0, 0, 0.8);
pointer-events: none;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#psearch .style-form .radio i,
#psearch .style-form .checkbox i {
margin-top: 5px;
}
#psearch .style-form .label {
font-weight: 500;
}
#psearch div.ricercaIn {
text-align: center;
color: rgba(0, 0, 0, 0.45);
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1.600rem;
font-weight: normal;
}
#psearch .badge {
color: #ffffff;
font-family: "FarseL";
font-size: 1.200rem;
font-weight: normal;
background-color: #000000;
}
#psearch .btn.butPrinc {
font-size: 1.600rem;
line-height: 1.800rem;
}
@media screen and (max-width: 991px) {
#psearch .style-form .label {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
}
}
/*************************************************************
* Lots Consolle *
*************************************************************/
.lotsConsole {
text-align: left;
z-index: 11;
/* Visualizzazione Ipad */
}
.lotsConsole .criteriFilterPanel,
.lotsConsole .criteri1,
.lotsConsole .criteri2,
.lotsConsole .criteri3,
.lotsConsole .criteri4 {
padding-left: 3.000rem!important;
padding-right: 3.000rem!important;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.lotsConsole .criteriFilterPanel,
.lotsConsole .criteri1,
.lotsConsole .criteri2,
.lotsConsole .criteri3,
.lotsConsole .criteri4 {
padding-left: 1.500rem!important;
}
}
.lotsConsole .butFilterAll {
display: flex;
margin: 0;
margin-right: 0.500rem;
}
.lotsConsole .butFilterAll .label {
margin: 0;
}
.lotsConsole .butFilterAll .btn.butSecond {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
font-size: 1.200rem;
line-height: 1;
font-weight: normal;
text-transform: none;
text-transform: uppercase;
letter-spacing: 0.150rem;
position: relative;
z-index: 1;
border-radius: 3px;
cursor: pointer;
padding: 0.500rem 1.500rem 0.500rem 1.000rem;
margin: 0 0 15px 0;
background-color: #000000;
color: #ffffff;
transition: padding-right 0.25s ease 0s;
white-space: nowrap;
}
.lotsConsole .butFilterAll .btn.butSecond:after {
content: none;
}
.lotsConsole .butFilterAll .fa {
font-family: "bootstrap-icons" !important;
margin: 0;
margin-top: 0.100rem;
margin-right: 0.750rem;
}
.lotsConsole .butFilterAll .fa.fa-sliders:before {
content: "\F788";
}
.lotsConsole .butFilterAll:after {
content: none;
}
.lotsConsole .butResetAll {
display: flex;
margin: 0;
}
.lotsConsole .butResetAll .label {
margin: 0;
}
.lotsConsole .butResetAll .btn.butSecond {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: start!important;
-ms-flex-pack: start!important;
justify-content: flex-start !important;
font-size: 1.200rem;
line-height: 1;
font-weight: normal;
text-transform: none;
text-transform: uppercase;
letter-spacing: 0.150rem;
position: relative;
z-index: 1;
border-radius: 3px;
cursor: pointer;
padding: 0.500rem 1.500rem 0.500rem 1.000rem;
margin: 0 0 15px 0;
background-color: #000000;
color: #ffffff;
transition: padding-right 0.25s ease 0s;
white-space: nowrap;
}
.lotsConsole .butResetAll .btn.butSecond:after {
content: none;
}
.lotsConsole .butResetAll .fa {
font-family: "bootstrap-icons" !important;
margin: 0;
margin-top: 0.100rem;
margin-right: 0.750rem;
}
.lotsConsole .butResetAll .fa.fa-times:before {
content: "\F659";
}
.lotsConsole .butResetAll:after {
content: none;
}
.lotsConsole button {
border: 0;
}
.lotsConsole .style-form .input input {
font-size: 1.600rem;
line-height: auto;
height: auto;
width: 100%;
transition: width 0.25s;
text-align: left;
text-rendering: geometricprecision;
font-family: "FarseL";
font-weight: 500;
color: #000000;
margin: 0;
padding: 5px 15px;
background: transparent;
border: 1px solid transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.lotsConsole .style-form .icon-append {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
background: transparent;
cursor: pointer;
width: 36px;
height: 36px;
padding: 0;
border-radius: 50%;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotsConsole .style-form .icon-append:after {
content: "";
display: block;
width: 22px;
height: 22px;
mask-image: url("../images/svg/search.svg");
mask-repeat: space round, no-repeat;
background: #000000;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.lotsConsole .style-form .icon-append.fa-search:before {
content: none;
}
.lotsConsole .style-form .icon-append:hover {
background: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.lotsConsole .style-form .campoRicerca button:nth-last-child(2) .icon-append {
right: 5px;
border-left-width: 0;
border-left-style: solid;
}
.lotsConsole .style-form .select .dropdown.bootstrap-select {
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
font-weight: normal;
width: 100%;
}
.lotsConsole .style-form .select .dropdown.bootstrap-select .btn {
font-family: "FarseL";
font-size: 1.400rem;
line-height: 2.000rem;
font-weight: normal;
text-transform: capitalize;
color: #000000;
}
.lotsConsole .style-form .select select {
font-family: "FarseL";
font-size: 1.600rem;
line-height: 2.000rem;
font-weight: 500;
letter-spacing: -0.05rem;
text-transform: capitalize;
border-width: 0;
padding-left: 0;
color: #000000;
height: auto;
padding: 0 15px 0 0;
}
.lotsConsole .style-form .select select option {
font-family: "FarseL";
color: #000000;
}
.lotsConsole .style-form .select i:after {
display: none;
}
.lotsConsole .style-form .select i {
display: none;
}
.lotsConsole .labelText {
font-family: "FarseL";
font-size: 1.200rem;
font-weight: normal;
color: #000000;
letter-spacing: 0;
text-transform: uppercase;
padding-bottom: 1.500rem!important;
}
.lotsConsole .labelText .sec-color {
font-weight: 500;
color: #a9a9a9;
}
.lotsConsole .labelText:first-letter {
text-transform: uppercase;
}
.lotsConsole .jslider .jslider-value {
font-family: "FarseL";
font-size: 1.600rem;
font-weight: 500;
}
.lotsConsole .jslider .labelText span {
color: #000000;
}
.lotsConsole .jslider .jslider-value {
top: 20px;
background: transparent;
}
.lotsConsole .jslider .jslider-value span:not(:empty):after {
content: '\20AC';
padding-left: 5px;
}
.lotsConsole .jslider .jslider-scale {
display: none;
}
.lotsConsole .jslider.jslider_blue .jslider-bg i,
.lotsConsole .jslider.jslider_blue .jslider-pointer {
background-image: url('../images/jslider.png');
}
.lotsConsole .btn {
display: block;
width: 100%;
/*height: 39px;*/
padding: 0 15px 0 0;
outline: none;
border-style: solid;
border-radius: 0;
background: transparent;
margin: 0;
margin-bottom: 0.5rem;
font-family: "FarseL";
font-size: 1.600rem;
line-height: 2.000rem;
font-weight: 500;
letter-spacing: -0.05rem;
text-transform: none;
border-width: 0;
color: #000000;
appearance: normal;
-moz-appearance: none;
-webkit-appearance: none;
border-color: #000000;
transition: border-color 0.3s;
-o-transition: border-color 0.3s;
-ms-transition: border-color 0.3s;
-moz-transition: border-color 0.3s;
-webkit-transition: border-color 0.3s;
}
.lotsConsole .btn:hover {
background: transparent;
color: #a9a9a9;
border-width: 0;
}
.lotsConsole .btn + .lotsConsole .btn {
margin-top: 0.250rem;
}
.lotsConsole .btn.selClass {
color: #a9a9a9;
background: transparent;
border-width: 0;
}
.lotsConsole .btn.selClass i {
line-height: 1.800rem;
}
@media screen and (max-width: 991px) {
.lotsConsole .btn {
text-align: left;
}
}
/*************************************************************
* Sticky DIV *
*************************************************************/
.stickyPanel {
position: sticky;
top: 85px;
}
/*************************************************************
* Template WEB VIEW *
*************************************************************/
.templWebView body {
background: none;
}
.templWebView #container {
background: none;
}
.templWebView #panelBoxHead {
background: none;
}
.templWebView .breadcrumbs {
display: none;
}
.templWebView #panelTitlePage h1 {
text-align: center;
}
/*************************************************************
* Template Search Results *
*************************************************************/
.templSearchResults #searchResults {
max-width: 1140px;
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.templSearchResults #searchResults {
margin-top: 1.000rem;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
}
.templSearchResults #searchResults .itemListContainer {
padding: 1rem 1rem 1.25rem 1rem;
position: relative;
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
width: 100%;
-webkit-align-items: stretch;
align-items: stretch;
/* On Hover Navigation */
}
.templSearchResults #searchResults .itemListContainer span {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.05);
transform: scale(0.8, 0.8);
opacity: 0;
z-index: -1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.templSearchResults #searchResults .itemListContainer:hover span {
transform: scale(1, 1);
opacity: 1;
}
.templSearchResults #searchResults .itemListContainer:hover {
cursor: pointer;
}
.templSearchResults #searchResults .itemListContainer .itemListTitle h4 {
position: relative;
font-size: 2.800rem;
line-height: 2.600rem;
font-family: "FarseL";
letter-spacing: -0.025rem;
font-weight: 400;
color: #000000;
}
.templSearchResults #searchResults .itemListContainer:hover .itemListTitle h4 {
color: #a9a9a9;
}
.templSearchResults #searchResults .itemListContainer .itemListDate {
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1.200rem;
letter-spacing: -0.05rem;
position: relative;
text-transform: uppercase;
color: rgba(0, 0, 0, 0.8);
display: inline-block;
text-align: center;
padding: 1rem;
}
.templSearchResults #searchResults .itemListContainer .itemListDateDoble + .itemListDateDoble {
display: none;
}
.templSearchResults #searchResults .itemListContainer .itemListImg {
text-align: center;
vertical-align: top;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.templSearchResults #searchResults .itemListContainer .itemList {
padding: 2.500rem 1.500rem;
text-align: left;
vertical-align: top;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.templSearchResults #searchResults .itemListContainer .itemList .itemListButton {
font-family: "FarseL";
font-weight: 500;
margin: 1rem 0;
}
.templSearchResults #searchResults .itemListContainer .itemListDate .itemListWeek {
font-family: "FarseL";
font-size: 5rem;
line-height: 5rem;
letter-spacing: -0.05rem;
color: #000000;
}
.templSearchResults #searchResults .itemListContainer .itemListDay {
color: #000000;
}
.templSearchResults #searchResults .itemListContainer .itemListMonth {
color: #000000;
}
.templSearchResults #searchResults .itemListContainer .itemListDoc {
float: left;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.templSearchResults #searchResults .itemListContainer .itemListAdd {
padding-top: 4px;
}
.templSearchResults #searchResults .itemListContainer:hover {
cursor: pointer;
}
.templSearchResults #searchResults .itemListContainer:hover span {
transform: scale(1, 1);
opacity: 1;
}
.templSearchResults #searchResults .itemListContainer:hover .itemListTitle h4 a {
color: #a9a9a9;
}
.templSearchResults #searchResults .itemListContainer:hover a.photo img {
opacity: 1;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
}
.templSearchResults #searchResults .itemListContainer:hover a.photo span:before {
background-color: rgba(0, 0, 0, 0.45);
transform: scale(1, 1);
opacity: 1;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.templSearchResults #searchResults .itemListContainer:hover a.photo span:after {
opacity: 1;
width: 36px;
height: 36px;
left: 50%;
top: 50%;
margin-left: -17px;
margin-top: -17px;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.templSearchResults .lotsConsole {
padding: 2.500rem 1.500rem 2.500rem;
padding-left: 0;
width: 100%;
background: #f0efee;
}
.templSearchResults .lotsConsole #criteriPanel {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.templSearchResults .criteri1 {
-ms-flex: 0 0 100%!important;
flex: 0 0 100%!important;
max-width: 100%!important;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.templSearchResults .criteri2 {
-ms-flex: 0 0 100%!important;
flex: 0 0 100%!important;
max-width: 100%!important;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.templSearchResults .criteri3 {
-ms-flex: 0 0 100%!important;
flex: 0 0 100%!important;
max-width: 100%!important;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.templSearchResults [class*="criteri"] + [class*="criteri"] {
padding-top: 2.500rem;
}
/*************************************************************
* Richieste di Valutazione *
*************************************************************/
.templFormModuloValutazione {
/************ Effect 1 ************/
}
.templFormModuloValutazione #stepBar {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
width: 100%;
background: rgba(0, 0, 0, 0.15);
margin-bottom: 4.000rem;
}
.templFormModuloValutazione #stepBar .step1,
.templFormModuloValutazione #stepBar .step2,
.templFormModuloValutazione #stepBar .step3 {
background: #000000;
color: #ffffff;
padding: 2px 0;
}
.templFormModuloValutazione #stepBar .step1 {
width: 33.33%;
margin: 0;
}
.templFormModuloValutazione #stepBar .step2 {
width: 66.66%;
margin: 0;
}
.templFormModuloValutazione #stepBar .step3 {
width: 100%;
margin: 0;
}
.templFormModuloValutazione .regLoginVal {
padding-top: 5px;
}
.templFormModuloValutazione .regVal {
width: 68%;
display: inline-block;
vertical-align: top;
}
.templFormModuloValutazione .loginVal {
width: 30%;
display: inline-block;
vertical-align: top;
}
.templFormModuloValutazione .loginVal a.ImgBtn {
float: none;
display: inline-block;
}
.templFormModuloValutazione .messageVal {
width: 100%;
display: inline-block;
vertical-align: top;
}
.templFormModuloValutazione #campiVal {
display: none;
}
.templFormModuloValutazione .boxValImg {
display: table;
}
.templFormModuloValutazione .boxValImg img {
vertical-align: middle;
}
.templFormModuloValutazione .pathForm {
position: absolute;
z-index: -1;
left: 15%;
right: 15%;
width: 70%;
overflow: hidden;
display: block;
}
.templFormModuloValutazione .pathForm div {
background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
border: 1px solid rgba(255, 255, 255, 0);
border-radius: 50%;
display: inline-block;
height: 2px;
margin: 95px 1rem;
width: 2px;
}
.templFormModuloValutazione .hi-icon-effect-1 {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-orient: horizontal!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: row!important;
flex-direction: row!important;
margin-top: 4.000rem;
margin-bottom: 4.000rem;
/*Hover Styles*/
}
.templFormModuloValutazione .hi-icon-effect-1 .hi-icon {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
border: none;
background: #ffffff;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
margin-right: 0;
min-width: 0;
padding: 0;
border-radius: 50%;
-webkit-transition: color 0.3s;
transition: color 0.3s;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.templFormModuloValutazione .hi-icon-effect-1 .hi-icon:before {
content: '';
position: absolute;
top: 3px;
left: 3px;
bottom: 3px;
right: 3px;
border-radius: inherit;
z-index: -1;
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
transition: box-shadow 0.3s, transform 0.3s;
border: 1px dashed rgba(0, 0, 0, 0.15);
background: transparent;
box-shadow: inset 0 0 0 0 #a9a9a9;
}
.templFormModuloValutazione .hi-icon-effect-1 .hi-icon:after {
content: "";
width: 110px;
height: 110px;
}
.templFormModuloValutazione .hi-icon-effect-1 .hi-icon.informazioni:after {
-webkit-mask: url("../images/svg/informazioni.svg") center;
mask: url("../images/svg/informazioni.svg") center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 50%;
mask-size: 50%;
background: #000000 no-repeat center;
}
.templFormModuloValutazione .hi-icon-effect-1 .hi-icon.fotografie:after {
-webkit-mask: url("../images/svg/fotografie.svg") center;
mask: url("../images/svg/fotografie.svg") center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 50%;
mask-size: 50%;
background: #000000 no-repeat center;
}
.templFormModuloValutazione .hi-icon-effect-1 .hi-icon.modulo:after {
-webkit-mask: url("../images/svg/modulo.svg") center;
mask: url("../images/svg/modulo.svg") center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 50%;
mask-size: 50%;
background: #000000 no-repeat center;
}
.templFormModuloValutazione .hi-icon-effect-1 .hi-icon.onStep:before {
transition-duration: .4s,.8s,.8s,.8s;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
border: 1px dashed transparent;
box-shadow: inset 0 0 0 5px rgba(169, 169, 169, 0.15);
}
.templFormModuloValutazione .hi-icon-effect-1 .hi-icon.onStep:after {
background: #a9a9a9 no-repeat center;
}
#myAwesomeDropzone.dropzone {
min-height: inherit;
border: 4px solid rgba(0, 0, 0, 0.1);
background: white;
padding: 30px 30px;
}
#myAwesomeDropzone.dropzone.dz-clickable .dz-message,
#myAwesomeDropzone.dropzone.dz-clickable .dz-message * {
text-transform: uppercase;
letter-spacing: 0.2rem;
}
#myAwesomeDropzone.dropzone .dz-message {
text-align: center;
margin: 3rem 0;
}
#myAwesomeDropzone.dropzone .dz-message h4 {
margin: 1.5rem 0;
}
#myAwesomeDropzone.dropzone .dz-message .icon-download {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
width: 80px;
height: 80px;
border: none;
background: #ffffff;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
margin-right: 0;
min-width: 0;
margin: auto;
padding: 0;
border-radius: 50%;
-webkit-transition: color 0.3s;
transition: color 0.3s;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}
#myAwesomeDropzone.dropzone .dz-message .icon-download:before {
content: '';
position: absolute;
top: 3px;
left: 3px;
bottom: 3px;
right: 3px;
border-radius: inherit;
z-index: -1;
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
transition: box-shadow 0.3s, transform 0.3s;
border: 1px dashed rgba(0, 0, 0, 0.15);
background: transparent;
box-shadow: inset 0 0 0 0 #a9a9a9;
}
#myAwesomeDropzone.dropzone .dz-message .icon-download:after {
content: "";
width: 40px;
height: 40px;
margin: auto;
-webkit-mask: url("../images/svg/bottom-arrow.svg") center;
mask: url("../images/svg/bottom-arrow.svg") center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: #000000 no-repeat center;
}
.testoInternoVendita {
width: 100%;
margin: 0 auto;
}
.testoInternoVendita h2 {
font-size: 2.400rem;
line-height: 1;
font-weight: 400;
margin-bottom: 15px;
color: #000000;
}
.testoInternoVendita .titlePoint {
font-size: 1.800rem;
line-height: 1;
font-weight: 400;
color: #000000;
}
.testoInternoVendita h4 {
font-size: 1.800rem;
line-height: 1;
font-weight: 400;
margin-bottom: 15px;
color: #000000;
}
.testoInternoVendita .icon-button {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
border: none;
background: none;
vertical-align: middle;
position: relative;
z-index: 1;
right: 0;
margin-bottom: 25px;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
width: 70px;
height: 70px;
min-width: 0;
padding: 0;
color: #ffffff;
border-radius: 50%;
-webkit-transition: color 0.3s;
transition: color 0.3s;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.testoInternoVendita .icon-button:before {
content: '';
position: absolute;
top: 3px;
left: 3px;
bottom: 3px;
right: 3px;
border-radius: inherit;
z-index: -1;
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
transition: box-shadow 0.3s, transform 0.3s;
border: 1px dashed rgba(0, 0, 0, 0.15);
background: #ffffff;
box-shadow: inset 0 0 0 0 #a9a9a9;
}
.testoInternoVendita .icon-button .button_icon {
width: 40px;
height: 40px;
}
.testoInternoVendita .gratis .button_icon {
-webkit-mask: url("../images/svg/gratis.svg") center center;
mask: url("../images/svg/gratis.svg") center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: #000000 no-repeat center;
}
.testoInternoVendita .semplice .button_icon {
-webkit-mask: url("../images/svg/semplice.svg") center center;
mask: url("../images/svg/semplice.svg") center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: #000000 no-repeat center;
}
.testoInternoVendita .veloce .button_icon {
-webkit-mask: url("../images/svg/veloce.svg") center center;
mask: url("../images/svg/veloce.svg") center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: #000000 no-repeat center;
}
.testoInternoVendita .soddisfazione .button_icon {
-webkit-mask: url("../images/svg/soddisfazione.svg") center center;
mask: url("../images/svg/soddisfazione.svg") center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: #000000 no-repeat center;
}
.testoInternoVendita .informazioni .button_icon {
-webkit-mask: url("../images/svg/informazioni.svg") center center;
mask: url("../images/svg/informazioni.svg") center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: #000000 no-repeat center;
}
.testoInternoVendita .fotografie .button_icon {
-webkit-mask: url("../images/svg/fotografie.svg") center center;
mask: url("../images/svg/fotografie.svg") center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: #000000 no-repeat center;
}
.testoInternoVendita .modulo .button_icon {
-webkit-mask: url("../images/svg/modulo.svg") center center;
mask: url("../images/svg/modulo.svg") center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: #000000 no-repeat center;
}
.testoInternoVendita p {
padding-bottom: 20px;
}
.fieldContactForm.select-style {
width: 100%;
display: inline-block;
position: relative;
margin-bottom: 20px;
}
.fieldContactForm.select-style:after {
background: #fafafa url("/img-main/ricerca-arrowdown.png") no-repeat;
content: "";
height: 20px;
width: 20px;
position: absolute;
right: 15px;
bottom: 6px;
z-index: 1;
-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;
transition: all 0.6s;
}
.fieldContactForm.select-style select {
display: block;
width: 100%;
height: auto;
padding: 5px 8px;
outline: none;
border-width: 2px;
border-style: solid;
border-radius: 3px;
background: #ffffff;
font: 15px/19px;
color: #404040;
appearance: normal;
-moz-appearance: none;
-webkit-appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.fieldContactForm.select-style select:focus {
outline: none;
}
/*************************************************************
* Buttons *
*************************************************************/
.btn {
font-family: "FarseL";
background: #ffffff;
color: #000000;
cursor: pointer;
display: inline-block;
padding: 1.000rem 2.500rem;
margin: 0.250rem 0;
white-space: normal;
border-radius: 2px;
text-decoration: none;
text-transform: uppercase;
font-size: 1.200rem;
line-height: 1.600rem;
font-weight: 500;
outline: none;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.btn:hover {
background: #000000;
color: #ffffff;
text-decoration: none;
border: 1px solid rgba(0, 0, 0, 0);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.btn.selClass {
background: rgba(0, 0, 0, 0.15);
color: #000000;
border: 1px solid rgba(0, 0, 0, 0);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
/* Angoli circolari */
.btn.butCircle {
border-radius: 25px;
}
.btn.butPrinc {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 25px 10px 35px;
margin-left: 0;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2px;
font-family: "FarseL";
font-size: 1.400rem;
line-height: 1;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
color: #000000;
background: transparent;
text-decoration: none;
transition: color 300ms ease;
}
.btn.butPrinc:after {
content: '';
background: #000000;
-webkit-mask-image: url("../images/svg/right-arrow.svg");
mask-image: url("../images/svg/right-arrow.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 35px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transform: translate3d(0%, 5%, 0);
opacity: 1;
transition-property: background, transform, opacity;
transition-duration: 300ms;
transition-timing-function: ease;
}
.btn.butPrinc:hover {
color: #a9a9a9;
background: transparent;
}
.btn.butPrinc:hover:after,
.btn.butPrinc:hover:after {
background: #a9a9a9;
transform: translate3d(25%, 5%, 0);
opacity: 1;
}
.btn.butPrincEvident {
display: inline-block;
color: #ffffff;
background-color: #000000;
font-size: 1.600rem;
font-weight: 500;
letter-spacing: 0;
text-transform: uppercase;
vertical-align: middle;
text-align: center;
border-radius: 3px;
border: 0;
overflow: hidden;
padding: 1.25rem 2rem;
margin: 0;
margin-bottom: 1.000rem;
position: relative;
text-decoration: none;
z-index: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.btn.butPrincEvident:hover {
border: 0;
background-color: #a9a9a9;
color: #000000;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.btn.butSecond {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
color: #000000;
background: transparent;
text-decoration: none;
transition: color 300ms ease;
}
.btn.butSecond:after {
content: '';
background: #000000;
-webkit-mask-image: url("../images/svg/right-arrow.svg");
mask-image: url("../images/svg/right-arrow.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 35px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transform: translate3d(0%, 0%, 0);
opacity: 1;
transition-property: background, transform, opacity;
transition-duration: 300ms;
transition-timing-function: ease;
}
.btn.butSecond:hover {
color: #a9a9a9;
background: transparent;
}
.btn.butSecond:hover:after,
.btn.butSecond:hover:after {
background: #a9a9a9;
transform: translate3d(25%, 0%, 0);
opacity: 1;
}
.btn.butThird {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 25px 10px 35px;
margin-left: 0;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2px;
font-size: 1.400rem;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
color: #000000;
background: transparent;
text-decoration: none;
transition: color 300ms ease;
padding: 1rem 3.5rem 1rem 4.5rem;
font-family: "FarseL";
font-size: 2.000rem;
line-height: 1;
font-weight: 300;
text-transform: none;
}
.btn.butThird:after {
content: '';
background: #000000;
-webkit-mask-image: url("../images/svg/right-arrow.svg");
mask-image: url("../images/svg/right-arrow.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 35px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transform: translate3d(0%, 5%, 0);
opacity: 1;
transition-property: background, transform, opacity;
transition-duration: 300ms;
transition-timing-function: ease;
}
.btn.butThird:hover {
color: #a9a9a9;
background: transparent;
}
.btn.butThird:hover:after,
.btn.butThird:hover:after {
background: #a9a9a9;
transform: translate3d(25%, 5%, 0);
opacity: 1;
}
.btn.butThird:after {
width: 40px;
height: 20px;
}
.btn.textUnderline {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 2px 0;
margin-left: 0;
margin-bottom: 5px;
border: 0;
border-radius: 0;
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1.35;
font-weight: 500;
letter-spacing: 0;
text-transform: uppercase;
color: #000000;
background: transparent;
text-decoration: none;
transition: color 300ms ease;
}
.btn.textUnderline:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
height: 0.1rem;
transform: translateY(0%);
transition: right 300ms ease;
background-color: #000000;
opacity: 1;
}
.btn.textUnderline:hover {
color: #a9a9a9;
background: transparent;
}
.btn.textUnderline:hover:before,
.btn.textUnderline:hover:before {
left: 1.000rem;
right: 1.000rem;
opacity: 1;
background-color: #a9a9a9;
}
.link.arrow {
position: relative;
display: block;
border: none;
outline: 0;
padding: 0;
text-align: left;
margin: 0;
font: normal 600 1.2rem/1.6 "FarseL";
font-weight: 500;
text-transform: uppercase;
color: #000000;
cursor: pointer;
background: transparent;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
-webkit-transition: all ease-in-out 400ms;
-moz-transition: all ease-in-out 400ms;
-o-transition: all ease-in-out 400ms;
transition: all ease-in-out 400ms;
}
.link.arrow:after {
content: "";
display: inline-block;
margin-left: 3px;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
width: 28px;
height: 10px;
-webkit-mask: url("../images/svg/custom-arrow-right.svg");
mask: url("../images/svg/custom-arrow-right.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: #000000 no-repeat center;
}
.link.arrow:hover {
color: #a9a9a9;
}
.link.arrow:hover:after {
background: #a9a9a9 no-repeat center;
-webkit-transform: translateX(7px);
-moz-transform: translateX(7px);
-ms-transform: translateX(7px);
transform: translateX(7px);
}
.btn.butIco {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
border-radius: 3rem;
border: 1px solid rgba(0, 0, 0, 0.15);
color: #000000;
overflow: hidden;
padding: 1rem 2rem;
position: relative;
text-decoration: none;
transition: 0.2s transform ease-in-out;
will-change: transform;
white-space: nowrap;
z-index: 0;
}
.btn.butIco:after {
content: "";
background-color: rgba(255, 255, 255, 0.15);
border-radius: 3rem;
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transform-origin: top left;
transform: translate(-100%, 0) rotate(0deg);
transition: 0.2s transform ease-out;
width: 100%;
will-change: transform;
z-index: -1;
}
.btn.butIco i.fa {
font-size: 1.700rem;
line-height: 1.600rem;
}
.btn.butIco span {
font-family: "FarseL";
font-weight: normal;
font-size: 1.800rem;
margin: 0;
padding-left: 0.500rem;
}
.btn.butIco:hover {
border: 1px solid transparent;
color: #ffffff;
transform: scale(1);
will-change: transform;
}
.btn.butIco:hover:after {
transform: translate(0, 0);
}
.btn.butClose {
font-family: "FarseL";
font-weight: 500;
padding: 0.500rem 1.500rem 0.500rem 0;
text-align: left;
margin: 0;
position: relative;
border: 0;
background: transparent;
-webkit-transition: all ease-in-out 400ms;
-moz-transition: all ease-in-out 400ms;
-o-transition: all ease-in-out 400ms;
transition: all ease-in-out 400ms;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
}
.btn.butClose:hover {
color: #a9a9a9;
}
.btn.butClose:after {
content: "";
position: absolute;
display: block;
right: 8px;
width: 14px;
height: 14px;
mask-image: url("../images/svg/close.svg");
mask-repeat: space round, no-repeat;
background: #000000;
background-repeat: no-repeat;
background-size: contain;
color: transparent;
text-shadow: none;
background-position: center;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
.btn.smallBtn {
padding: 0.500rem;
font-size: 1.000rem;
line-height: 1;
aspect-ratio: 1;
border-radius: 2px;
}
.btn.btnFilter {
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 2px;
color: #000000;
display: inline-block;
font-family: "FarseL";
font-size: 1.400rem;
line-height: normal;
font-weight: 500;
text-transform: uppercase;
padding: 0.500rem 2.000rem ;
background: transparent;
}
.btn.btnFilter:hover {
border: 1px solid #a9a9a9;
background: #a9a9a9;
color: #ffffff;
}
.btn.btnFilter.white {
border: 1px solid rgba(255, 255, 255, 0.35);
color: #ffffff;
}
.btn.btnFilter.white:hover {
border: 1px solid rgba(169, 169, 169, 0.35);
background: #a9a9a9;
color: #ffffff;
}
.btn.btnFilter.black {
border: 1px solid rgba(0, 0, 0, 0.35);
background: #000000;
color: #ffffff;
}
.btn.btnFilter.black:hover {
border: 1px solid rgba(169, 169, 169, 0.35);
background: #a9a9a9;
color: #ffffff;
}
.btn.btnFilter.secColor {
border: 1px solid rgba(169, 169, 169, 0.35);
color: rgba(169, 169, 169, 0.8);
}
.btn.btnFilter.secColor:hover {
border: 1px solid #a9a9a9;
color: #a9a9a9;
}
.btn.btnFilter.selClass {
color: #a9a9a9;
background: rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
/*Rettifica colori pulsanti Bootstrap*/
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}
.butShape {
position: relative;
display: block;
height: 70px;
width: 70px;
}
.butShape .circle {
position: relative;
height: 100%;
width: 100%;
display: block;
}
.butShape .circle:before {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
-webkit-transform: scale(0.7);
transform: scale(0.7);
transition: -webkit-transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
border: 1px solid #000000;
border-radius: 50%;
opacity: .4;
}
.butShape .circle:after {
position: absolute;
top: 50%;
left: 50%;
height: 60px;
width: 60px;
margin-top: -30px;
margin-left: -30px;
content: "";
-webkit-transform: scale(1);
transform: scale(1);
transition: -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
border: 1px dashed #000000;
border-radius: 50%;
opacity: .3;
}
.butShape .icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-mask-image: url("../images/svg/search.svg");
mask-image: url("../images/svg/search.svg");
mask-repeat: space round, no-repeat;
background: #000000;
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.butShape:hover .circle:before {
-webkit-transform: scale(1);
transform: scale(1);
}
a:hover + .butShape .circle:before {
-webkit-transform: scale(1);
transform: scale(1);
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
/*************************************************************
* Menu Persistent *
*************************************************************/
#menuPersistent.navFixed {
background: #ffffff;
height: 58px;
position: fixed;
top: -55px;
width: 100%;
text-align: center;
z-index: 1000;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#menuPersistent.navFixed.nav-down {
top: 0px;
-webkit-box-shadow: 0 0px 40px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0px 40px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 40px 0 rgba(0, 0, 0, 0.1);
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#menuPersistent.navFixed.nav-up {
top: -50px;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#menuPersistent .center-content-wrapper {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-left: 30px;
padding-right: 30px;
}
#menuPersistent .wrap-logo {
margin-left: 0;
padding: 10px 0;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
#menuPersistent .wrap-right {
margin-right: 0;
padding: 10px 0;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
#menuPersistent .wrap-right .button.SearchTrigger {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
}
#menuPersistent .logo {
width: 150px;
height: 35px;
display: inline-block;
-webkit-transition: all 250ms ease-in;
-moz-transition: all 250ms ease-in;
-o-transition: all 250ms ease-in;
transition: all 250ms ease-in;
}
#menuPersistent .progress-container {
background-color: #000000;
height: 3px;
width: 100%;
}
#menuPersistent .progress-container .progressBar {
background-color: #a9a9a9;
transition: background .15s ease;
height: 3px;
width: 0%;
margin: 0;
}
/************************************************
* Cols - Same height *
************************************************/
.row.sameHeight {
display: flex;
flex-wrap: wrap;
justify-content: space-between !important;
align-items: start;
gap: 50px;
padding: 4.500rem 3.000rem;
}
@media (min-width: 992px) {
.row.sameHeight {
gap: 50px;
}
}
@media (min-width: 1150px) {
.row.sameHeight {
gap: 90px;
}
}
@media (min-width: 992px) {
.row.sameHeight #contactFormContainerLeft {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
}
.row.sameHeight #contactFormContainerLeft h4 {
font-family: "FarseL";
font-size: 2.000rem;
font-smooth: always;
margin-top: 1.500rem;
}
@media (min-width: 992px) {
.row.sameHeight #contactFormContainerLeft .labelContactForm {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
.row.sameHeight #contactFormContainerLeft .fieldContactForm {
padding-left: 0;
padding-right: 0;
}
}
.row.sameHeight #contactFormContainerRight {
background: #f0efee;
border: 0!important;
border-radius: 5px;
}
.row.sameHeight #contactFormContainerRight h4 {
font-family: "FarseL";
font-size: 2.000rem;
font-smooth: always;
}
/*************************************************************
* OL List *
*************************************************************/
#panelContentTextExt ol.numberFirst {
list-style-type: none;
list-style-type: decimal !ie;
/*IE 7- hack*/
margin: 0;
padding: 0;
padding-left: 3rem;
counter-reset: item;
display: inherit;
overflow: hidden;
}
#panelContentTextExt ol.numberFirst > li {
position: relative;
margin-bottom: 2rem;
padding-left: 0.5rem;
min-height: 3rem;
border: 1px solid transparent;
}
#panelContentTextExt ol.numberFirst > li:before {
position: absolute;
top: 0;
left: -1.4rem;
width: 1.000rem;
font-size: 1.4rem;
line-height: 1;
text-align: right;
color: #000000;
content: counters(item, ".") ".";
counter-increment: item;
font-family: "FarseL";
}
#panelContentTextExt ol.numberSecond {
list-style-type: none;
list-style-type: decimal !ie;
/*IE 7- hack*/
margin: 0;
margin-left: 2rem;
padding: 0;
padding-left: 3rem;
counter-reset: item;
display: inherit;
overflow: hidden;
}
#panelContentTextExt ol.numberSecond > li:first-child {
margin-top: 1rem;
}
#panelContentTextExt ol.numberSecond > li {
position: relative;
margin-bottom: 2rem;
padding-left: 1.5rem;
min-height: 3rem;
}
#panelContentTextExt ol.numberSecond > li:before {
position: absolute;
top: 0;
left: -1.4rem;
width: 1.000rem;
line-height: 1;
text-align: right;
color: #a9a9a9;
content: counters(item, ".") ".";
counter-increment: item;
font-family: "FarseL";
}
#panelContentTextExt ol.numberFirst ol {
list-style-type: none;
list-style-type: decimal !ie;
/*IE 7- hack*/
margin: 0;
padding: 0;
padding-left: 2rem;
counter-reset: item;
display: inherit;
overflow: hidden;
}
#panelContentTextExt ol.numberFirst ol > li:first-child {
margin-top: 1rem;
}
#panelContentTextExt ol.numberFirst ol > li {
position: relative;
margin-bottom: 2rem;
padding-left: 1.5rem;
min-height: 3rem;
}
#panelContentTextExt ol.numberFirst ol > li:before {
position: absolute;
top: 0;
left: -1.4rem;
width: 1.000rem;
line-height: 1;
text-align: right;
color: #a9a9a9;
content: counters(item, ".") ".";
counter-increment: item;
font-family: "FarseL";
}
/************************************************
* Select Custom *
************************************************/
.bootstrap-select.dropdown div.dropdown-menu {
font-size: 1.200rem;
line-height: 1.400rem;
letter-spacing: 0.050rem;
font-weight: 500!important;
text-transform: uppercase;
top: auto!important;
left: auto !important;
text-align: left;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.bootstrap-select.dropdown div.dropdown-menu {
top: 0!important;
}
}
.bootstrap-select.dropdown ul.dropdown-menu {
width: 100%;
min-width: inherit;
}
.bootstrap-select.dropdown .dropdown-item {
font-size: 1.200rem;
line-height: 1.600rem;
letter-spacing: 0.050rem;
font-weight: 500!important;
text-transform: uppercase;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.bootstrap-select.dropdown .dropdown-item:focus,
.bootstrap-select.dropdown .dropdown-item:hover,
.bootstrap-select.dropdown .dropdown-item:active,
.bootstrap-select.dropdown .dropdown-item.active {
color: #a9a9a9;
background: #f0efee;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.bootstrap-select.dropdown .bs-ok-default:after {
content: '';
display: block;
width: .5em;
height: 0.8em;
border-style: solid;
border-width: 0 .14em .14em 0;
}
.bootstrap-select.dropdown .btn.btnFilter.dropdown-toggle {
display: inline-block;
}
.bootstrap-select.dropdown .btn.btnFilter {
display: none;
}
.bootstrap-select.dropdown .btn.btnFilter:hover {
color: #a9a9a9;
background: transparent;
}
.bootstrap-select.dropdown .dropdown-toggle .filter-option {
width: auto;
}
.bootstrap-select.dropdown .dropdown-toggle .bs-caret {
display: none;
}
.bootstrap-select.dropdown .dropdown-toggle:after {
font-family: "FontAwesome";
content: "\f107 ";
display: inline-block;
vertical-align: middle;
border: 0;
width: auto;
height: auto;
margin-left: 1.000rem;
-webkit-transform: rotate(0);
transform: rotate(0);
transition: all 0.6s;
}
.bootstrap-select.dropdown.show .dropdown-toggle:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
transition: all 0.6s;
}
#formElements .bootstrap-select.btn-group {
width: auto;
}
/************************************************
* Icon Css *
************************************************/
.fa.arrowRx {
font-size: 0.800rem;
margin-right: 0.500rem;
}
.fa.arrowRx:before {
font-family: "FontAwesome";
content: "\f054";
vertical-align: bottom;
}
/************************************************
* Back to Top *
************************************************/
.progress-wrap {
cursor: pointer;
position: fixed;
right: 50px;
bottom: 50px;
height: 46px;
width: 46px;
display: block;
border-radius: 50px;
box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.1);
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateY(35px);
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.progress-wrap:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
display: block;
-webkit-mask: url("../images/svg/top-arrow.svg");
mask: url("../images/svg/top-arrow.svg");
mask-repeat: space round, no-repeat;
background: #000000 no-repeat center;
z-index: 10;
width: 25px;
height: 25px;
margin: auto;
padding: 0px;
border-radius: 0;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.progress-wrap.active-progress {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
}
.progress-wrap.active-progress:after {
opacity: 1;
visibility: visible;
}
.progress-wrap:hover:after {
background: #a9a9a9 no-repeat center;
}
.progress-wrap svg path {
fill: none;
}
.progress-wrap svg.progress-circle path {
stroke: #909090;
stroke-width: 7;
fill: #ffffff;
box-sizing: border-box;
-webkit-transition: all 200ms linear;
transition: all 200ms linear;
}
.back-to-top {
cursor: pointer;
position: fixed;
display: none;
right: 45px;
bottom: 45px;
z-index: 1029;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.back-to-top .iconContainer {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
background: #000000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
border: 2px solid rgba(0, 0, 0, 0.1);
height: 45px;
width: 45px;
padding: 0;
text-align: center;
text-decoration: none;
border-radius: 100%;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.back-to-top .iconContainer .icon {
position: relative;
display: block;
-webkit-mask: url("../images/svg/top-arrow.svg");
mask: url("../images/svg/top-arrow.svg");
mask-repeat: space round, no-repeat;
background: #ffffff no-repeat center;
margin: auto;
text-align: center;
z-index: 10;
width: 25px;
height: 25px;
padding: 0px;
border-radius: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.back-to-top:hover .iconContainer {
background: #a9a9a9;
color: #000000;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
border: 2px solid rgba(0, 0, 0, 0.1);
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
/************************************************
* Cookies directive *
************************************************/
/************************************************
* No Thumb *
************************************************/
.noThumbLogo {
top: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
-webkit-background-size: 37% auto;
-moz-background-size: 37% auto;
-o-background-size: 37% auto;
background-size: 37% auto;
background-color: #f0efee;
background-image: url('../images/noThumb.png');
background-repeat: no-repeat;
background-position: 50% 50%;
}
.noThumbLogo_img {
width: 100%;
height: 100%;
z-index: 1;
background-size: 50% auto;
background-color: #f0efee;
background-image: url('../images/noThumb.png');
background-repeat: no-repeat;
background-position: 50% 50%;
}
/************************************************
* Finestra registrazione *
************************************************/
.templLotsMap .titleAsta {
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
padding: 2.500rem 0 0.500rem;
margin-bottom: 1.000rem;
}
.templLotsMap .titleAsta h1 {
font-size: 1.8rem;
}
.templLotsMap .titleLots {
font-size: 1.2rem;
text-align: left;
min-height: 50px;
padding: 1.000rem 1.500rem;
line-height: 1;
}
/****************************************************
* Box Newsletter *
*****************************************************/
#boxReg {
font-size: 1.200rem;
}
#boxReg .backBoxNewsletter {
background-image: url("../images/back-newsletter.jpg");
}
#boxReg form.cmxform legend {
letter-spacing: normal;
font-size: 2.200rem;
line-height: 2.000rem;
display: inline-block;
font-family: "FarseL";
font-weight: normal;
text-align: center;
}
#boxReg form.cmxform legend span {
font-size: 1.200rem;
line-height: normal;
font-family: "FarseL";
font-weight: normal;
display: block;
}
#boxReg .form-group > [class*='col-'] {
padding: 0 0.250rem;
}
#boxReg .form-group.row {
margin-top: 1.500rem;
margin-bottom: 0.500rem;
margin-left: 0;
margin-right: 0;
}
#boxReg label.icon {
padding: 0 0.500rem;
text-transform: uppercase;
}
#boxReg .style-form .radio i,
#boxReg .style-form .checkbox i {
margin-top: 5px;
}
#boxReg .btn.butPrinc {
width: 100%;
text-align: center;
margin: 0;
margin-bottom: 1.00rem;
padding: 1.000rem 2.000rem;
}
#boxReg .btn.butPrincEvident {
width: 100%;
text-align: center;
margin: 0;
padding: 1.500rem 2.000rem;
}
#boxReg #showHide {
position: absolute;
top: 10px;
right: 5%;
}
/****************************************************
* Mappa Google style *
*****************************************************/
#responsive_map {
width: 1340px;
max-width: 100%;
height: 600px;
}
a[href^="http://maps.google.com/maps"] {
display: none !important;
}
.adp-legal {
display: none !important;
}
.gm-style-iw {
max-width: none !important;
min-width: none !important;
max-height: none !important;
min-height: none !important;
overflow-y: hidden !important;
overflow-x: hidden !important;
line-height: normal !important;
padding: 5px !important;
}
.gm-style-cc,
div.gmnoprint div.gm-style-cc {
visibility: hidden;
}
.gm-style-cc:last-child {
visibility: hidden;
right: 0!Important;
}
.gm-iv-container {
height: 48px!Important;
}
.gm-iv-close {
margin-top: 1.000rem!Important;
}
.gm-iv-address {
min-height: inherit!Important;
}
.gm-iv-address-link {
display: none;
}
.gm-iv-horizontal-separator {
display: none;
}
.adp,
.adp table {
font-family: "FarseL" !important;
background-color: transparent !important;
}
.adp-placemark {
border: 0 !important;
}
.adp-directions {
width: 100%!important;
}
.adp-step,
.adp-substep {
text-align: left;
}
.adp-step,
.adp-text {
padding-left: 2.500rem;
padding-right: 2.500rem;
text-transform: uppercase;
}
.gmnoprint {
bottom: auto !important;
}
/************************************************
* Area Riservata *
************************************************/
.icoGreen {
font-size: 1.800rem;
margin-right: 1.000rem;
color: rgba(51, 204, 51, 0.95);
width: 2.500rem;
text-align: center;
}
.labelGreen {
font-size: 1.200rem;
padding: 0.200rem 1.500rem;
font-family: "FarseL";
color: #ffffff;
text-transform: uppercase;
border-radius: 3px;
background: rgba(51, 204, 51, 0.95);
}
.icoOrange {
font-size: 1.800rem;
padding-right: 1.000rem;
color: rgba(255, 153, 0, 0.95);
width: 2.500rem;
text-align: center;
vertical-align: middle;
}
.labelOrange {
font-size: 1.200rem;
padding: 0.200rem 1.500rem;
font-family: "FarseL";
color: #ffffff;
text-transform: uppercase;
border-radius: 3px;
background: rgba(255, 153, 0, 0.95);
}
.icoRed {
font-size: 1.800rem;
padding-right: 1.000rem;
color: rgba(204, 0, 0, 0.95);
width: 2.500rem;
text-align: center;
vertical-align: middle;
}
.labelRed {
font-size: 1.200rem;
padding: 0.200rem 1.500rem;
font-family: "FarseL";
color: #ffffff;
text-transform: uppercase;
border-radius: 3px;
background: rgba(204, 0, 0, 0.95);
}
.alert-info,
.alert-success,
.alert-warning,
.alert-error,
.alert-validation,
.alert {
font-size: 1.200rem;
font-family: "FarseL";
text-transform: uppercase;
border: 2px solid;
margin: 10px 0px;
padding: 1.000rem 1.500rem;
background: transparent;
border-radius: 5px;
box-shadow: none;
}
.alert-info {
border-color: #00529B;
color: #00529B;
background: transparent;
}
.alert-success {
border-color: rgba(51, 204, 51, 0.95);
color: rgba(51, 204, 51, 0.95);
background: transparent;
}
.alert-warning {
border-color: rgba(255, 153, 0, 0.95);
color: rgba(255, 153, 0, 0.95);
background: transparent;
}
.alert-error {
border-color: rgba(204, 0, 0, 0.95);
color: rgba(204, 0, 0, 0.95);
background: transparent;
}
/****************************************************
* Elenco Autori *
*****************************************************/
.templAutori {
/* Titolo slider autori */
/* Slider autori */
/* Text autori */
}
.templAutori .title-marquee-wrapper {
width: 1340px;
max-width: 100%;
}
.templAutori .title-marquee-wrapper .panelTitle .title {
font-weight: 500!important;
letter-spacing: -0.05rem;
}
.templAutori #myCarouselAutori {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.templAutori #myCarouselAutori .slide .containerImg .ratio {
padding: 0;
position: relative;
overflow: hidden;
padding-bottom: 72.5%;
}
.templAutori #myCarouselAutori .slide .containerImg .ratio .immagine {
display: block;
content: "";
height: 100%;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: absolute;
background: #ffffff;
}
.templAutori #myCarouselAutori .slide .containerImg .ratio .immagine img {
display: block;
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutori #myCarouselAutori .slide .containerImg .ratio span {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
z-index: 1;
margin: auto;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
background-color: transparent;
/*background-image: linear-gradient(0deg, fade(@princ-color, 15%) 0%, fade(@princ-color, 0%) 35%);*/
}
.templAutori #myCarouselAutori .slide .containerImg .ratio span:before {
content: none;
}
.templAutori #myCarouselAutori .slide .containerText {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 25px 35px;
text-align: left;
margin: 0;
z-index: 6;
background-color: transparent;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
}
.templAutori #myCarouselAutori .slide .containerText .titleSliderAsta {
margin-top: auto;
margin-left: 0;
margin-right: 0;
}
.templAutori #myCarouselAutori .slide .containerText .titleSliderAsta h4 {
font-family: "FarseL";
color: #ffffff;
position: relative;
font-size: 2.400rem;
line-height: 0.972;
font-weight: 500;
letter-spacing: -0.05rem;
margin: 0;
margin-bottom: 0.500rem;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutori #myCarouselAutori .slide .containerText .titleSliderAsta h5 {
color: #ffffff;
font-size: 1.200rem;
font-weight: 400;
letter-spacing: 0;
clear: both;
padding: 0;
margin: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutori #myCarouselAutori .slide .post-button {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
border: none;
background: none;
vertical-align: middle;
bottom: 25px;
right: 25px;
position: absolute;
z-index: 10;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
margin: 0;
width: 40px;
height: 40px;
min-width: 0;
padding: 0;
color: #fff;
border-radius: 50%;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.templAutori #myCarouselAutori .slide .post-button:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
z-index: -1;
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
transition: box-shadow 0.3s, transform 0.3s;
box-shadow: inset 0 0 0 30px #a9a9a9;
}
.templAutori #myCarouselAutori .slide .post-button .button_icon {
background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 2091.9 2091.9' style='enable-background:new 0 0 2091.9 2091.9;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0h2091.9v2091.9H0V0z'/%3E%3Cg%3E%3Cpath class='st1' d='M1120.4,643.8l-42.1,41.5l336.2,331.3h-851v58.7h850.9l-336.2,331.3l42.1,41.5l408-402.2L1120.4,643.8z'/%3E%3C/g%3E%3C/svg%3E%0A");
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.templAutori .searchAuthorContainer {
width: 1340px;
max-width: 100%;
/*Pannello ricerca*/
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor {
position: relative;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
margin-bottom: 4.000rem;
gap: 20px;
height: 44px;
padding-right: 20px;
background: #f0efee;
border-radius: 5px;
font-size: 14px;
transition: background .3s;
z-index: 1;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchTextual {
display: block;
background: #e4e3e2;
border-radius: 5px;
max-width: 500px;
width: 100%;
height: 100%;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchTextual .style-form {
margin: 0;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchTextual .input {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
margin-bottom: 0;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchTextual .input:before {
content: "";
display: inline-block;
width: 25px;
height: 25px;
-webkit-mask: url("../images/svg/search.svg");
mask: url("../images/svg/search.svg");
mask-repeat: space round, no-repeat;
background: #8b8988 no-repeat center;
text-shadow: none;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchTextual .input input {
position: relative;
flex: 1;
min-width: 82px;
max-width: 500px;
display: inline-block;
-webkit-appearance: none;
font-family: "FarseL";
font-size: 1.400rem;
font-weight: 500;
letter-spacing: -0.025rem;
height: 100%;
background: transparent;
border: none;
padding: 0;
padding-left: 10px;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchTextual .input input::-webkit-input-placeholder {
color: #000000;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchTextual .input input:-ms-input-placeholder {
color: #000000;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchTextual .input input::placeholder {
color: #000000;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchAlphabet {
flex: 1;
display: flex;
justify-content: space-between;
align-items: center;
max-width: 100%;
height: 100%;
overflow: hidden;
white-space: nowrap;
/*
STYLE SHEET FOR JQUERY LISTNAV PLUGIN
*/
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchAlphabet .listNav,
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchAlphabet .ln-letters {
overflow: hidden;
display: flex;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchAlphabet .ln-letter-count {
color: #000000;
font-size: 1.000rem;
left: 0;
line-height: 1.35;
position: absolute;
text-align: center;
top: 0;
width: 22px!important;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchAlphabet .listNavHide {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchAlphabet .ln-letters a {
position: relative;
display: inline-block;
line-height: normal;
color: #000000;
text-align: center;
border: none;
cursor: pointer;
float: none;
font-size: 1.400rem;
font-weight: 500;
line-height: 1.4;
min-width: 12px;
padding: 0;
margin-left: 5px;
margin-right: 5px;
text-decoration: none;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchAlphabet .ln-letters a.ln-disabled {
background: transparent;
color: #e4e3e2;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchAlphabet .ln-letters a.ln-selected {
background: transparent;
color: #a9a9a9;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchAlphabet .ln-letters a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background-repeat: no-repeat;
background-image: linear-gradient(to right, #000000 45%, #e4e3e2 55%);
background-size: 220% 100%;
background-position: 100% 50%;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchAlphabet .ln-letters a:hover {
background: transparent;
}
.templAutori .searchAuthorContainer #panelContentSearchAuthor #searchAlphabet .ln-letters a:hover:before {
background-position: 0% 50%;
}
.templAutori .grid_searchResults {
max-width: 100%;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 1.5rem;
}
@media screen and (max-width: 768px) {
.templAutori .grid_searchResults {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
}
@media screen and (max-width: 991px) {
.templAutori .grid_searchResults {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
}
.templAutori .grid_searchResults > div {
width: 100%;
display: block;
padding-left: 15px;
padding-right: 15px;
}
.templAutori .grid_searchResults > div a {
font-size: 1.500rem;
color: #000000;
font-weight: 500;
letter-spacing: -0.05rem;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutori .grid_searchResults > div a:hover {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
/*Dettaglio autore*/
@media (min-width: 1430px) {
.templAutore section[id^="artista"] .container {
width: 1380px;
max-width: 100%;
}
}
.templAutore section[id="artista_datiPrincipali"] {
background: #f0efee;
}
.templAutore section[id="artista_datiPrincipali"] .container {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
padding-top: 25px;
padding-bottom: 35px;
}
.templAutore section[id="artista_datiPrincipali"] .refListImgDett {
max-width: 235px;
}
.templAutore section[id="artista_datiPrincipali"] .refListImgDett .ratio {
padding: 0;
position: relative;
overflow: hidden;
padding-bottom: 100%;
}
.templAutore section[id="artista_datiPrincipali"] .refListImgDett .ratio .immagine {
display: block;
content: "";
height: 100%;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: absolute;
background: #ffffff;
}
.templAutore section[id="artista_datiPrincipali"] .refListImgDett .ratio .immagine img {
display: block;
width: 100%;
height: 100%;
position: relative;
object-fit: cover;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_datiPrincipali"] .refListImgDett .ratio span {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
z-index: 1;
margin: auto;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
background-color: transparent;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 35%);
}
.templAutore section[id="artista_datiPrincipali"] .refListImgDett .ratio span:before {
content: none;
}
.templAutore section[id="artista_datiPrincipali"] .refListTextDett a.back_artisti {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
font-size: 1.400rem;
line-height: normal;
font-weight: 500;
text-transform: uppercase;
background: transparent;
border: 0;
padding: 0;
margin: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_datiPrincipali"] .refListTextDett a.back_artisti:before {
content: "";
width: 25px;
height: 25px;
-webkit-mask: url("../images/svg/back.svg");
mask: url("../images/svg/back.svg");
mask-repeat: space round, no-repeat;
background: #d3d1ce no-repeat center;
position: relative;
display: inline-block;
}
.templAutore section[id="artista_datiPrincipali"] .refListTextDett a.back_artisti:hover {
background: transparent;
color: #a9a9a9;
border: 0;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_datiPrincipali"] .refListTextDett h1 {
font-size: 3.600rem;
line-height: 1;
font-weight: 500;
letter-spacing: -0.05rem;
margin: 0;
}
.templAutore section[id="artista_datiPrincipali"] .refListTextDett .dateAuthor {
font-size: 1.800rem;
line-height: 1;
font-weight: 500;
letter-spacing: -0.05rem;
margin: 0;
}
.templAutore section[id="artista_datiPrincipali"] .refListTextDett .preferite {
margin: 0;
margin-top: auto;
}
.templAutore section[id="artista_datiPrincipali"] .refListTextDett .preferite [id^="preferitoIco"] {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
overflow: hidden;
width: 2.600rem;
height: 2.600rem;
line-height: 2.600rem;
position: absolute;
text-decoration: none;
padding: 0;
will-change: transform;
white-space: nowrap;
z-index: 10;
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 50%;
top: 0;
right: 0;
cursor: pointer;
vertical-align: top;
margin: auto 0;
}
.templAutore section[id="artista_datiPrincipali"] .refListTextDett .preferite [id^="preferitoIco"]:before {
content: "";
display: block;
width: 13px;
height: 13px;
text-shadow: none;
}
.templAutore section[id="artista_datiPrincipali"] .refListTextDett .preferite [id^="preferitoIco"][data-original-title^="R"]:before {
-webkit-mask: url("../images/svg/preferite-full.svg");
mask: url("../images/svg/preferite-full.svg");
mask-repeat: space round, no-repeat;
background: #a9a9a9 no-repeat center;
}
.templAutore section[id="artista_datiPrincipali"] .refListTextDett .preferite [id^="preferitoIco"][data-original-title^="A"]:before {
-webkit-mask: url("../images/svg/preferite.svg");
mask: url("../images/svg/preferite.svg");
mask-repeat: space round, no-repeat;
background: #5d5b5b no-repeat center;
}
.templAutore section[id="artista_datiPrincipali"] .panel_valutazione {
flex: 0 0 25%;
max-width: 25%;
}
.templAutore section[id="artista_datiPrincipali"] .panel_valutazione div.label {
font-size: 1.600rem;
line-height: 1;
font-weight: 500;
letter-spacing: -0.05rem;
margin: 0;
padding: 1.000rem 1.500rem;
width: 80%;
}
@media (min-width: 1430px) {
.templAutore section[id="artista_biografia"] .container {
width: 1140px;
max-width: 100%;
padding: 4.000rem 3.000rem 7.500rem;
}
}
.templAutore section[id="artista_biografia"] .panelTitle .title h3 {
font-family: #000000;
font-size: 2.400rem;
font-weight: 700!important;
letter-spacing: -0.05rem;
line-height: 1;
position: relative;
text-align: left;
padding-left: 15px;
margin: 0;
margin-bottom: 1.500rem;
}
.templAutore section[id="artista_biografia"] .panelTitle .title h3:before {
content: "";
position: absolute;
display: block;
width: 2px;
height: 17px;
top: 50%;
left: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
background: #a9a9a9;
background-repeat: no-repeat;
background-position: top center;
background-size: auto;
}
.templAutore section[id="artista_biografia"] .textContent {
max-width: 100%;
margin: 0 auto;
position: relative;
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 12rem;
-moz-column-gap: 12rem;
-webkit-column-gap: 12rem;
padding: 0;
letter-spacing: 0;
text-align: left;
color: color-text;
}
.templAutore section[id="artista_biografia"] .textContent > div {
width: 100%;
display: block;
padding-left: 15px;
padding-right: 15px;
}
.templAutore section[id="artista_biografia"] .textContent:first-letter {
font-size: 52px;
line-height: 1;
font-weight: 500;
text-align: left;
padding: 0 15px 0 0;
margin-right: 0;
float: left;
}
.templAutore section[id="artista_biografia"] + section[id="artista_asteFuture"] {
background: #f0efee;
}
.templAutore section[id="artista_asteFuture"] .container {
padding-top: 40px;
padding-bottom: 40px;
}
.templAutore section[id="artista_asteFuture"] .nav-link {
font-family: "FarseL";
font-size: 2.400rem;
font-weight: 700!important;
line-height: 1;
letter-spacing: -0.05rem;
position: relative;
text-align: left;
padding-left: 15px;
padding-bottom: 0;
}
.templAutore section[id="artista_asteFuture"] .nav-link:before {
content: "";
position: absolute;
display: block;
width: 2px;
height: 17px;
top: 50%;
left: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
background: #a9a9a9;
background-repeat: no-repeat;
background-position: top center;
background-size: auto;
}
@media (min-width: 1430px) {
.templAutore section[id="artista_asteFuture"] .nav-link {
width: 1140px;
max-width: 100%;
}
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta {
/*Griglia*/
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta.grid-container {
--column-gap: 15px;
--row-gap: 25px;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 15px;
display: grid;
grid-auto-rows: 1fr;
grid-auto-flow: dense;
width: 100%;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta.grid-container div.slide {
grid-auto-rows: 1fr minmax(auto, 150px);
grid-row: span 1;
grid-column: span 1;
overflow: hidden;
display: grid;
position: relative;
margin: 0;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerImg {
position: relative;
overflow: hidden;
max-height: 500px;
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerImg .photoSliderAsta {
/* Visualizzazione Ipad */
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerImg .photoSliderAsta span {
display: block;
padding-bottom: 100%;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerImg .photoSliderAsta:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
text-align: left;
background-color: transparent;
margin: 0;
z-index: 6;
/*background-image: linear-gradient(0deg, fade(@princ-color, 15%) 0%, fade(@princ-color, 0%) 35%);*/
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerImg .photoSliderAsta:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
opacity: 0;
background-color: #000000;
margin: 0;
z-index: 5;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerImg .photoSliderAsta img {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
object-fit: cover;
object-position: center center;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
@media screen and (max-width: 991px) {
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerImg .photoSliderAsta {
padding: 0;
}
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerText {
position: relative;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
text-align: left;
padding-top: 30px;
padding-right: 30px;
padding-left: 15px;
padding-right: 15px;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerText div.TitleSliderAutore h3 {
font-family: "FarseL";
font-weight: 700;
font-size: 2.400rem;
line-height: 1;
letter-spacing: -0.05rem;
color: #000000;
margin-bottom: 0;
text-transform: none;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerText div.TitleSliderAutore .luogoAutore {
display: none;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerText div.TitleSliderAsta {
font-family: "FarseL";
font-weight: normal;
font-size: 1.600rem;
line-height: 1;
letter-spacing: -0.05rem;
text-transform: none;
padding-bottom: 1.500rem;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide .containerText div.desc {
display: none;
font-family: "FarseL";
font-weight: 700;
font-size: 1.600rem;
line-height: 1;
text-transform: none;
padding-bottom: 1.500rem;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide:hover img {
opacity: 1;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
-ms-transition: 0.8s;
transition: 0.8s;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide:hover .photoSliderAsta:before {
opacity: 0.33;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_asteFuture"] #sliderAsta #myCarouselimagesInAsta div.slide:hover div.TitleSliderAutore h3 {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_astePassate"] .container {
padding-top: 40px;
padding-bottom: 40px;
}
.templAutore section[id="artista_astePassate"] .nav-link {
font-family: "FarseL";
font-size: 2.400rem;
font-weight: 700!important;
line-height: 1;
letter-spacing: -0.05rem;
position: relative;
text-align: left;
padding-left: 15px;
padding-bottom: 0;
}
.templAutore section[id="artista_astePassate"] .nav-link:before {
content: "";
position: absolute;
display: block;
width: 2px;
height: 17px;
top: 50%;
left: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
background: #a9a9a9;
background-repeat: no-repeat;
background-position: top center;
background-size: auto;
}
@media (min-width: 1430px) {
.templAutore section[id="artista_astePassate"] .nav-link {
width: 1140px;
max-width: 100%;
}
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati {
/*Griglia*/
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati.grid-container {
--column-gap: 15px;
--row-gap: 25px;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 15px;
display: grid;
grid-auto-rows: 1fr;
grid-auto-flow: dense;
width: 100%;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati.grid-container div.slide {
grid-auto-rows: 1fr minmax(auto, 150px);
grid-row: span 1;
grid-column: span 1;
overflow: hidden;
display: grid;
position: relative;
margin: 0;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-box-align: stretch!important;
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerImg {
position: relative;
overflow: hidden;
max-height: 500px;
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerImg .photoSliderAsta {
/* Visualizzazione Ipad */
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerImg .photoSliderAsta span {
display: block;
padding-bottom: 100%;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerImg .photoSliderAsta:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
text-align: left;
background-color: transparent;
margin: 0;
z-index: 6;
/*background-image: linear-gradient(0deg, fade(@princ-color, 15%) 0%, fade(@princ-color, 0%) 35%);*/
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerImg .photoSliderAsta:before {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
opacity: 0;
background-color: #000000;
margin: 0;
z-index: 5;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerImg .photoSliderAsta img {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
object-fit: cover;
object-position: center center;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
@media screen and (max-width: 991px) {
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerImg .photoSliderAsta {
padding: 0;
}
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerText {
position: relative;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
width: 100%;
text-align: left;
padding-top: 30px;
padding-right: 30px;
padding-left: 15px;
padding-right: 15px;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerText div.TitleSliderAutore h3 {
font-family: "FarseL";
font-weight: 700;
font-size: 2.400rem;
line-height: 1;
letter-spacing: -0.05rem;
color: #000000;
margin-bottom: 0;
text-transform: none;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerText div.TitleSliderAutore .luogoAutore {
display: none;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerText div.TitleSliderAsta {
font-family: "FarseL";
font-weight: normal;
font-size: 1.600rem;
line-height: 1;
letter-spacing: -0.05rem;
text-transform: none;
padding-bottom: 1.500rem;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide .containerText div.desc {
display: none;
font-family: "FarseL";
font-weight: 700;
font-size: 1.600rem;
line-height: 1;
text-transform: none;
padding-bottom: 1.500rem;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide:hover img {
opacity: 1;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transition: 0.8s;
-moz-transition: 0.8s;
-o-transition: 0.8s;
-ms-transition: 0.8s;
transition: 0.8s;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide:hover .photoSliderAsta:before {
opacity: 0.33;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.templAutore section[id="artista_astePassate"] #sliderAsta #myCarouselimagesPassati div.slide:hover div.TitleSliderAutore h3 {
color: #a9a9a9;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
/****************************************************
* Fancybox *
*****************************************************/
.fancybox-slide--iframe .fancybox-content {
height: 100%!important;
width: 100%;
max-width: 800px;
max-height: 600px;
}
.fancybox-slide--iframe {
background: rgba(0, 0, 0, 0.8);
/* Visualizzazione Ipad */
}
@media screen and (max-width: 991px) {
.fancybox-slide--iframe {
padding: 40px 15px;
}
.fancybox-slide--iframe .fancybox-content {
max-height: none;
}
}
.fancybox-slide--iframe.fullscreen .fancybox-content {
width: calc(100% - 20px) !important;
height: calc(100% - 20px) !important;
max-width: inherit!important;
max-height: inherit!important;
}
/****************************************************
* Bootstrap Revisioni *
*****************************************************/
dl,
ol,
ul {
padding-left: 1.500rem;
}
/****************************************************
* Owl Carousel *
*****************************************************/
/* Owl Carousel Standard */
.owl-theme.owl-carousel ul {
list-style: none;
}
.owl-theme.owl-carousel .owl-item img {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.owl-theme.owl-carousel .owl-nav {
margin-top: 0;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme.owl-carousel .owl-nav [class*="owl-"] {
color: #ffffff;
font-size: 14px;
padding: 7px;
background: transparent;
border: 1px solid transparent;
display: inline-block;
cursor: pointer;
border-radius: 50%;
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
transition: box-shadow 0.3s, transform 0.3s;
box-shadow: inset 0 0 0 1px rgba(169, 169, 169, 0.15);
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.owl-theme.owl-carousel .owl-nav [class*="owl-"]:hover {
background: transparent;
color: #ffffff;
border: 1px solid transparent;
text-decoration: none;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.owl-theme.owl-carousel .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme.owl-carousel .owl-next {
margin-right: 0;
right: -60px;
}
.owl-theme.owl-carousel .owl-next i {
display: none;
}
.owl-theme.owl-carousel .owl-nav .owl-next:before {
/* content: "\e824"; */
content: "";
background: #000000 no-repeat center;
background-size: 50% 50%;
-webkit-mask-image: url("../images/svg/right-arrowslider.svg");
mask-image: url("../images/svg/right-arrowslider.svg");
mask-repeat: space round, no-repeat;
opacity: 1;
position: absolute;
left: 2px;
top: 2px;
bottom: 2px;
right: 2px;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.owl-theme.owl-carousel .owl-nav .owl-next:hover:before {
/* content: "\e824"; */
background: #a9a9a9 no-repeat center;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.owl-theme.owl-carousel .owl-prev {
margin-left: ;
left: -60px;
}
.owl-theme.owl-carousel .owl-prev i {
display: none;
}
.owl-theme.owl-carousel .owl-nav .owl-prev:before {
/* content: "\e824"; */
content: "";
background: #000000 no-repeat center;
background-size: 50% 50%;
-webkit-mask-image: url("../images/svg/left-arrowslider.svg");
mask-image: url("../images/svg/left-arrowslider.svg");
mask-repeat: space round, no-repeat;
opacity: 1;
position: absolute;
left: 2px;
top: 2px;
bottom: 2px;
right: 2px;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.owl-theme.owl-carousel .owl-nav .owl-prev:hover:before {
/* content: "\e824"; */
background: #a9a9a9 no-repeat center;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme.owlVertDots .owl-dots {
position: absolute;
left: -1.5rem;
top: 2.000rem;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
width: 5px;
height: 5px;
margin: 2px;
background: #000000;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 50%;
border: 1px solid transparent;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
width: 7px;
height: 7px;
margin: 1px 1px;
background: #ffffff;
border: 1px solid #a9a9a9;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.owl-prev {
background: rgba(0, 0, 0, 0.45);
width: 40px;
height: 40px;
position: absolute;
top: 50%;
margin-top: -20px;
display: block !important;
border-radius: 50%;
border: 0px solid #000000;
}
.owl-next {
background: rgba(0, 0, 0, 0.45);
width: 40px;
height: 40px;
position: absolute;
top: 50%;
margin-top: -20px;
right: -25px;
display: block !important;
border-radius: 50%;
border: 0px solid black;
}
.owl-prev i,
.owl-next i {
transform: scale(2);
color: #ffffff;
}
/* On Hover Navigation */
.owl-prev,
.owl-next {
opacity: 0 !important;
}
.owl-carousel:hover .owl-nav .owl-prev {
opacity: 1 !important;
}
.owl-carousel:hover .owl-nav .owl-next {
opacity: 1 !important;
}
/* Navigation Thumb */
.owl-thumbs .owl-item.current {
opacity: .33;
}
.owl-thumbs .owl-prev {
background: rgba(0, 0, 0, 0.45);
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
display: block !important;
border-radius: 0;
border: 0px solid #000000;
}
.owl-thumbs .owl-next {
background: rgba(0, 0, 0, 0.45);
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
right: -25px;
display: block !important;
border-radius: 0;
border: 0px solid #000000;
}
.owl-thumbs .owl-prev i,
.owl-thumbs .owl-next i {
transform: scale(1);
color: #ffffff;
}
.owl-thumbs .owl-prev i,
.owl-thumbs .owl-next i {
transform: scale(1);
color: #ffffff;
}
/* Owl Carousel Internal Nav */
.owl-theme.owl-carousel.owlInternalNav .owl-nav [class*='owl-'] {
background: rgba(255, 255, 255, 0.45);
color: transparent;
border: 2px solid rgba(0, 0, 0, 0.45);
text-decoration: none;
cursor: pointer;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.owl-theme.owl-carousel.owlInternalNav .owl-nav [class*='owl-']:hover {
background: rgba(255, 255, 255, 0.7);
border: 2px solid #000000;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.owl-theme.owl-carousel.owlInternalNav .owl-next {
margin-right: 0;
right: 10px;
}
.owl-theme.owl-carousel.owlInternalNav .owl-nav .owl-next:before {
/* content: "\e824"; */
content: "";
background: #000000 no-repeat center;
background-size: 50% 50%;
-webkit-mask-image: url("../images/svg/right-arrowslider.svg");
mask-image: url("../images/svg/right-arrowslider.svg");
mask-repeat: space round, no-repeat;
opacity: 1;
position: absolute;
left: 2px;
top: 2px;
bottom: 2px;
right: 2px;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.owl-theme.owl-carousel.owlInternalNav .owl-prev {
margin-left: ;
left: 10px;
}
.owl-theme.owl-carousel.owlInternalNav .owl-nav .owl-prev:before {
/* content: "\e824"; */
content: "";
background: #000000 no-repeat center;
background-size: 50% 50%;
-webkit-mask-image: url("../images/svg/left-arrowslider.svg");
mask-image: url("../images/svg/left-arrowslider.svg");
mask-repeat: space round, no-repeat;
opacity: 1;
position: absolute;
left: 2px;
top: 2px;
bottom: 2px;
right: 2px;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.owl-theme.owlInternalNav.owlVertDots .owl-dots {
position: absolute;
right: 0;
top: 2.500rem;
padding-left: 10px;
padding-top: 15px;
border-left: 1px solid rgba(0, 0, 0, 0.45);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.owl-theme.owl-carousel.owlInternalNav.noNav .owl-nav {
display: none;
}
/************************************************
* Conversione valute *
************************************************/
.dropdown.euroConverter {
display: block;
}
.dropdown.euroConverter .euroConverter-button:hover + .dropdown-menu {
display: block;
}
.dropdown.euroConverter .dropdown > .dropdown-toggle:active {
pointer-events: none;
}
.dropdown.euroConverter .euroConverter-button {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
cursor: pointer;
padding: 0 10px;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.dropdown.euroConverter .euroConverter-button .icon {
display: inline-block;
width: 20px;
height: 20px;
-webkit-mask: url("../images/svg/euro-converter.svg");
mask: url("../images/svg/euro-converter.svg");
background: #000000 no-repeat center;
background-size: contain;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.dropdown.euroConverter .euroConverter-button:hover .icon {
background: #a9a9a9 no-repeat center;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
.dropdown.euroConverter .euroConverter-button .text {
display: none;
}
.dropdown.euroConverter .dropdown-menu {
font-family: "FarseL";
font-size: 1.2rem;
line-height: 1.4rem;
padding: 2rem;
margin-top: 0.5rem;
text-align: left;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0, 0, 5px, #333333;
-moz-box-shadow: 0, 0, 5px, #333333;
box-shadow: 0, 0, 5px, #333333;
}
.dropdown.euroConverter .titEuroConv {
font-weight: bold;
}
.dropdown.euroConverter .titEuroConv:after {
background: rgba(0, 0, 0, 0.35);
content: "";
margin-top: 1rem;
margin-bottom: 1.5rem;
height: .1rem;
display: block;
width: 7.3rem;
}
.dropdown.euroConverter .ValEuroConv.USD {
margin-bottom: 1rem;
}
.dropdown.euroConverter .ValEuroConv.GBP {
margin-bottom: 1rem;
}
/****************************************************
* Form Container *
*****************************************************/
#contactFormContainerRight {
padding-right: 0;
}
#contactFormContainerRight h4 {
font-family: "FarseL";
font-size: 2.000rem;
font-smooth: always;
}
#contactFormContainerLeft {
padding-left: 0;
}
#contactFormContainerLeft h4 {
font-family: "FarseL";
font-size: 2.000rem;
font-smooth: always;
}
#contactFormContainerLeft .btn.butPrinc {
width: 100%;
}
/****************************************************
* Dropdown menu FX *
*****************************************************/
@media (min-width: 992px) {
.animate {
animation-duration: 0.3s;
-webkit-animation-duration: 0.3s;
animation-fill-mode: both;
-webkit-animation-fill-mode: both;
}
}
@keyframes slideIn {
0% {
transform: translateY(1rem);
opacity: 0;
}
100% {
transform: translateY(0rem);
opacity: 1;
}
0% {
transform: translateY(1rem);
opacity: 0;
}
}
@-webkit-keyframes slideIn {
0% {
-webkit-transform: transform;
-webkit-opacity: 0;
}
100% {
-webkit-transform: translateY(0);
-webkit-opacity: 1;
}
0% {
-webkit-transform: translateY(1rem);
-webkit-opacity: 0;
}
}
.slideIn {
-webkit-animation-name: slideIn;
animation-name: slideIn;
}
/****************************************************
* Contenuti Blocchi Statici *
*****************************************************/
.bg-contain,
.bg-cover {
background-repeat: no-repeat;
background-position: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bg-cover {
background-size: cover;
}
.bg-image {
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
}
.gallery-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gallery-item:focus img,
.gallery-item:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.gallery-item img {
width: 100%;
will-change: transform;
-webkit-transition: -webkit-transform 1.8s cubic-bezier(0.2, 1, 0.2, 1);
transition: -webkit-transform 1.8s cubic-bezier(0.2, 1, 0.2, 1);
-o-transition: transform 1.8s cubic-bezier(0.2, 1, 0.2, 1);
transition: transform 1.8s cubic-bezier(0.2, 1, 0.2, 1);
transition: transform 1.8s cubic-bezier(0.2, 1, 0.2, 1), -webkit-transform 1.8s cubic-bezier(0.2, 1, 0.2, 1);
}
.gallery-item-lg::before {
padding-top: 100%;
}
.gallery-item-lg::before,
.gallery-item-md::before,
.gallery-item-sm::before,
.gallery-item-xl::before {
content: "";
display: block;
}
.gallery-item-lg img,
.gallery-item-md img,
.gallery-item-sm img,
.gallery-item-xl img {
position: absolute;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.gallery-item-lg,
.gallery-item-md,
.gallery-item-sm,
.gallery-item-xl {
position: relative;
overflow: hidden;
/* Visualizzazione Mobile */
}
@media screen and (max-width: 767px) {
.gallery-item-lg,
.gallery-item-md,
.gallery-item-sm,
.gallery-item-xl {
margin-top: 1.500rem;
margin-bottom: 1.500rem;
}
}
/****** Panel ******/
.panel-evidence {
border-radius: 0.5rem;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.panel-evidence-gold {
border-radius: 0.5rem;
background: rgba(0, 0, 0, 0.05);
}
/****** Lista ******/
.list-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: 0;
}
.list-group-icon-primary-bg i {
position: absolute;
left: 0;
background: rgba(0, 0, 0, 0.05);
color: #000000;
font-weight: 700;
height: 40px;
width: 40px;
line-height: 2;
text-align: center;
border-radius: 50%;
margin-right: 10px !important;
font-size: 1.800rem;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0;
}
.list-group-icon-primary-bg span {
position: absolute;
left: 0;
background: rgba(0, 0, 0, 0.05);
color: #000000;
font-weight: 700;
height: 40px;
width: 40px;
line-height: 2;
text-align: center;
border-radius: 50%;
margin-right: 10px !important;
font-size: 1.800rem;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 0;
}
.list-group-icon-primary-bg .list-group-item {
border: 0;
margin-left: 0;
}
.list-group-icon-primary-bg .list-group i {
background: #ffffff;
color: rgba(0, 0, 0, 0.45);
font-weight: 700;
height: 40px;
width: 40px;
line-height: 2.4;
font-size: 1.4rem;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.list-group-icon-primary-bg .list-group span {
background: #ffffff;
color: rgba(0, 0, 0, 0.45);
font-weight: 700;
height: 40px;
width: 40px;
line-height: 2.4;
font-size: 1.4rem;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.list-group-borderless .list-group-item {
border: none;
padding: 1rem 0 2.500rem;
padding-left: 5.000rem;
}
.list-group-borderless .list-group-item:first-letter {
text-transform: uppercase;
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit;
}
/****** blockquote ******/
.blockquote {
position: relative;
padding-left: 50px;
font-size: 1.600rem;
}
.blockquote .blockquote-footer {
margin-top: 12px;
}
.blockquote:before {
content: '"';
position: absolute;
top: 0;
left: 0;
font-size: 4rem;
line-height: 1em;
font-weight: normal;
color: #000000;
}
/* blockquote bg primary */
.blockquote.blockquote-primary {
background: #000000;
color: #ffffff;
padding: 20px 20px 30px 60px;
border-radius: 0;
}
.blockquote.blockquote-primary * {
color: #ffffff;
}
.blockquote.blockquote-primary:before {
color: #ffffff !important;
top: 20px;
left: 20px;
}
/* blockquote bg dark */
.blockquote.blockquote-dark {
background: #000000;
color: #ffffff;
padding: 20px 20px 30px 60px;
border-radius: 0;
}
.blockquote.blockquote-dark * {
color: #ffffff;
}
.blockquote.blockquote-dark:before {
top: 20px;
left: 20px;
}
/* blockquote bg light */
.blockquote.blockquote-light {
background: rgba(0, 0, 0, 0.05);
color: #000000;
padding: 20px 20px 30px 60px;
border-radius: 0;
}
.blockquote.blockquote-light * {
color: #5d5b5b;
}
.blockquote.blockquote-light:before {
top: 20px;
left: 20px;
}
/* blockquote primary line*/
.blockquote.blockquote-line {
padding: 25px;
border-left: 3px solid #a9a9a9;
}
.blockquote.blockquote-line:before {
display: none;
}
.blockquote-footer {
margin-top: 1.500rem;
margin-bottom: 1.500rem;
font-size: 1.400rem;
color: #5d5b5b;
}
.blockquote-footer::before {
content: "\2014\00A0";
}
/****** Text ******/
.text-primary-shadow {
text-shadow: 0.03em 0.03em 0 #000000;
}
.text-dark-shadow {
text-shadow: 0.03em 0.03em 0 #000000;
}
.text-white-shadow {
text-shadow: 0.03em 0.03em 0 #ffffff;
}
.text-light-shadow {
text-shadow: 0.03em 0.03em 0 rgba(0, 0, 0, 0.05);
}
.text-dark-stroke {
color: transparent !important;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #000000;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/****** Card ******/
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0;
background-color: #ffffff;
background-clip: border-box;
}
/****************************************************
* Video Js *
*****************************************************/
/* Player. */
.vjs-custom.video-js {
color: #000000;
/* Play button. */
/* "bars" */
}
.vjs-custom.video-js .vjs-control-bar {
background-color: #ffffff;
}
.vjs-custom.video-js .vjs-poster {
background-color: #ffffff;
}
.vjs-custom.video-js .vjs-big-play-button {
border-color: #000000;
}
.vjs-custom.video-js .vjs-volume-level,
.vjs-custom.video-js .vjs-play-progress,
.vjs-custom.video-js .vjs-slider-bar {
background: #000000;
}
.vjs-custom.video-js .vjs-load-progress div {
background: #a9a9a9;
}
/****************************************************
* Recaptcha Google *
*****************************************************/
.g-recaptcha {
height: auto;
width: 100%;
}
.g-recaptcha > div {
width: 100% !important;
}
.g-recaptcha iframe {
width: 100% !important;
}
/************************************************
* Step Form *
************************************************/
.stepForm {
width: 100%;
overflow: hidden;
}
.stepForm .buttonPanel {
display: none;
}
.stepForm > .steps {
position: relative;
display: block;
width: 100%;
}
.stepForm > .steps > ul {
display: table;
width: 100%;
table-layout: fixed;
margin: 0;
padding: 0;
list-style: none;
}
.stepForm > .steps > ul > li {
display: table-cell;
width: auto;
vertical-align: top;
text-align: center;
position: relative;
}
.stepForm > .steps > ul > li:after {
content: '';
z-index: 9;
display: block;
position: absolute;
right: 0;
top: 45px;
width: 50%;
height: 3px;
background-color: #a9a9a9;
}
.stepForm > .steps > ul > li:before {
content: '';
z-index: 9;
display: block;
position: absolute;
left: 0;
top: 45px;
width: 50%;
height: 3px;
background-color: #a9a9a9;
}
.stepForm > .steps > ul > li a {
position: relative;
padding-top: 52px;
margin-top: 20px;
margin-bottom: 40px;
display: block;
}
.stepForm > .steps > ul > li:first-child:before {
content: none;
}
.stepForm > .steps > ul > li:last-child:after {
content: none;
}
.stepForm > .steps > ul > li.current > a {
color: #000000;
cursor: default;
}
.stepForm > .steps > ul > li.current .step {
border-color: #a9a9a9;
background-color: #ffffff;
color: #a9a9a9;
}
.stepForm > .steps > ul > li.current:after {
background-color: rgba(0, 0, 0, 0.15);
}
.stepForm > .steps > ul > li.disabled a {
color: #8b8988;
cursor: default;
}
.stepForm > .steps > ul > li.disabled a:focus {
color: #8b8988;
cursor: default;
}
.stepForm > .steps > ul > li.disabled a:hover {
color: #8b8988;
cursor: default;
}
.stepForm > .steps > ul > li.done a {
color: #8b8988;
}
.stepForm > .steps > ul > li.done a:focus {
color: #8b8988;
}
.stepForm > .steps > ul > li.done a:hover {
color: #8b8988;
}
.stepForm > .steps > ul > li.done .step {
background-color: #a9a9a9;
border-color: #a9a9a9;
color: #ffffff;
}
.stepForm > .steps > ul > li.error .step {
border-color: #9e0b0f;
color: #9e0b0f;
}
.stepForm > .steps > ul > li.current ~ li:after {
background-color: rgba(0, 0, 0, 0.15);
}
.stepForm > .steps > ul > li.current ~ li:before {
background-color: rgba(0, 0, 0, 0.15);
}
.stepForm > .steps .current-info {
position: absolute;
left: -99999px;
}
.stepForm > .steps .step {
background-color: #ffffff;
display: inline-block;
position: absolute;
top: 0;
left: 50%;
margin-left: -24px;
z-index: 10;
text-align: center;
width: 50px;
height: 50px;
line-height: 45px;
border: 3px solid rgba(0, 0, 0, 0.15);
font-size: 1.3rem;
border-radius: 50%;
}
.stepForm .content {
margin-left: 0 !important;
}
.stepForm > .content {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
min-width: 0;
word-wrap: break-word;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
padding: 3.000rem;
overflow: hidden;
width: auto;
margin: 0;
}
.stepForm > .content > .title {
position: absolute;
left: -99999px;
}
.stepForm > .content > .body {
padding: 0;
margin-left: 0;
margin-right: 0;
}
@media (max-width: 768px) {
.stepForm > .content > .body {
padding: 0;
}
}
.stepForm > .content > iframe {
border: 0;
width: 100%;
height: 100%;
}
.stepForm > .actions {
position: relative;
display: block;
text-align: center;
padding: 20px 20px 20px;
}
.stepForm > .actions > ul {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: center!important;
-ms-flex-align: center!important;
align-items: center!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
list-style: none;
padding: 0;
margin: 0;
}
.stepForm > .actions > ul:after {
content: '';
display: table;
clear: both;
}
.stepForm > .actions > ul > li {
float: left;
}
.stepForm > .actions > ul > li > a {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 25px 10px 25px;
margin-left: 0;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2.500rem;
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
color: #000000;
background: transparent;
min-width: 280px;
text-decoration: none;
transition: color 300ms ease;
}
.stepForm > .actions > ul > li > a:after {
content: '';
background: #000000;
-webkit-mask-image: url("../images/svg/right-arrow.svg");
mask-image: url("../images/svg/right-arrow.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 35px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transform: translate3d(0%, 5%, 0);
opacity: 1;
transition-property: background, transform, opacity;
transition-duration: 300ms;
transition-timing-function: ease;
}
.stepForm > .actions > ul > li > a:hover {
color: #a9a9a9;
background: transparent;
}
.stepForm > .actions > ul > li > a:hover:after,
.stepForm > .actions > ul > li > a:hover:after {
background: #a9a9a9;
transform: translate3d(25%, 5%, 0);
opacity: 1;
}
.stepForm > .actions > ul > li > a:focus {
-webkit-box-shadow: 0 0 0 100px #f0efee inset;
box-shadow: 0 0 0 100px #f0efee inset;
}
.stepForm > .actions > ul > li > a:hover {
-webkit-box-shadow: 0 0 0 100px #f0efee inset;
box-shadow: 0 0 0 100px #f0efee inset;
}
.stepForm > .actions > ul > li > a:active {
-webkit-box-shadow: 0 0 0 100px #f0efee inset;
box-shadow: 0 0 0 100px #f0efee inset;
}
.stepForm > .actions > ul > li > a[href="#finish"] {
background: #f0efee;
}
.stepForm > .actions > ul > li > a[href="#previous"] {
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 25px 10px 25px;
margin-left: 0;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 2.500rem;
font-family: "FarseL";
font-size: 1.200rem;
line-height: 1;
font-weight: 400;
letter-spacing: 0;
text-transform: uppercase;
color: #000000;
background: transparent;
text-decoration: none;
transition: color 300ms ease;
}
.stepForm > .actions > ul > li > a[href="#previous"]:after {
content: none;
}
.stepForm > .actions > ul > li > a[href="#previous"]:before {
content: '';
background: #000000;
-webkit-mask-image: url("../images/svg/left-arrow.svg");
mask-image: url("../images/svg/left-arrow.svg");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
width: 35px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
transform: translate3d(0%, 5%, 0);
opacity: 1;
transition-property: background, transform, opacity;
transition-duration: 300ms;
transition-timing-function: ease;
}
.stepForm > .actions > ul > li > a[href="#previous"]:hover {
color: #a9a9a9;
background: transparent;
}
.stepForm > .actions > ul > li > a[href="#previous"]:hover:before,
.stepForm > .actions > ul > li > a[href="#previous"]:hover:before {
background: #a9a9a9;
transform: translate3d(-25%, 5%, 0);
opacity: 1;
}
.stepForm > .actions > ul > li > a[href="#previous"]:focus {
-webkit-box-shadow: 0 0 0 100px #f0efee inset;
box-shadow: 0 0 0 100px #f0efee inset;
}
.stepForm > .actions > ul > li > a[href="#previous"]:hover {
-webkit-box-shadow: 0 0 0 100px #f0efee inset;
box-shadow: 0 0 0 100px #f0efee inset;
}
.stepForm > .actions > ul > li > a[href="#previous"]:active {
-webkit-box-shadow: 0 0 0 100px #f0efee inset;
box-shadow: 0 0 0 100px #f0efee inset;
}
.stepForm > .actions > ul > li + li {
margin-left: 10px;
}
.stepForm > .actions > ul > li.disabled > a {
color: #8b8988;
}
.stepForm > .actions > ul > li.disabled > a:focus {
color: #8b8988;
}
.stepForm > .actions > ul > li.disabled > a:hover {
color: #8b8988;
}
.stepForm > .actions > ul > li.disabled > a[href="#previous"] {
-webkit-box-shadow: none;
box-shadow: none;
}
.stepForm > .actions > ul > li.disabled > a[href="#previous"]:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.stepForm > .actions > ul > li.disabled > a[href="#previous"]:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.stepForm.wizard-notification > .steps > ul > li:after {
top: 39px;
width: 50%;
height: 2px;
background-color: #a9a9a9;
}
.stepForm.wizard-notification > .steps > ul > li:before {
top: 39px;
width: 50%;
height: 2px;
background-color: #a9a9a9;
}
.stepForm.wizard-notification > .steps > ul > li.current .step {
border: 2px solid #a9a9a9;
color: #a9a9a9;
line-height: 36px;
}
.stepForm.wizard-notification > .steps > ul > li.current .step:after {
border-top-color: #a9a9a9;
}
.stepForm.wizard-notification > .steps > ul > li.current:after {
background-color: rgba(0, 0, 0, 0.15);
}
.stepForm.wizard-notification > .steps > ul > li.done .step {
color: #ffffff;
}
.stepForm.wizard-notification > .steps > ul > li.done .step:after {
border-top-color: #a9a9a9;
}
.stepForm.wizard-notification > .steps > ul > li.current ~ li:after {
background-color: rgba(0, 0, 0, 0.15);
}
.stepForm.wizard-notification > .steps > ul > li.current ~ li:before {
background-color: rgba(0, 0, 0, 0.15);
}
.stepForm.wizard-notification > .steps .step {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 1.3rem;
border-radius: 15%;
background-color: rgba(0, 0, 0, 0.15);
}
.stepForm.wizard-notification > .steps .step:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -8px;
margin-bottom: -8px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 8px solid rgba(0, 0, 0, 0.15);
}
.stepForm.vertical > .steps {
display: inline;
float: left;
width: 20%;
}
.stepForm.vertical > .steps > ul > li {
display: block;
width: 100%;
}
.stepForm.vertical > .steps > ul > li:after {
background-color: transparent;
}
.stepForm.vertical > .steps > ul > li:before {
background-color: transparent;
}
.stepForm.vertical > .steps > ul > li.current:after {
background-color: transparent;
}
.stepForm.vertical > .steps > ul > li.current:before {
background-color: transparent;
}
.stepForm.vertical > .steps > ul > li.current ~ li:after {
background-color: transparent;
}
.stepForm.vertical > .steps > ul > li.current ~ li:before {
background-color: transparent;
}
@media (max-width: 991px) {
.stepForm {
padding-left: 0;
padding-right: 0;
}
.stepForm > .actions {
padding-left: 0;
padding-right: 0;
}
.stepForm > .actions > ul {
float: none;
}
.stepForm > .actions > ul > li {
float: none;
margin-left: 0!important;
}
.stepForm > .actions > ul > li > a {
width: 100%;
margin-bottom: 0.500rem;
text-align: center;
}
.stepForm > .steps > ul {
margin-bottom: 20px;
}
.stepForm > .steps > ul > li {
display: block;
float: left;
}
.stepForm > .steps > ul > li > a {
margin-bottom: 0;
}
.stepForm > .steps > ul > li:first-child:before {
content: '';
}
.stepForm > .steps > ul > li:last-child:after {
content: '';
background-color: #a9a9a9;
}
.stepForm.vertical > .steps {
width: 15%;
}
}
@media (max-width: 480px) {
.stepForm > .steps > ul > li {
display: block;
float: left;
width: 25%;
}
.stepForm > .steps > ul > li > a {
font-size: 10px;
}
.stepForm > .steps > ul > li.current:after {
background-color: #a9a9a9;
}
.stepForm.vertical > .steps {
width: 100%;
float: none;
}
.stepForm.vertical > .steps > ul > li {
display: block;
float: left;
width: 25%;
}
.stepForm.vertical > .steps > ul > li > a {
font-size: 10px;
}
}
/************************************************
* Loading Icon *
************************************************/
.loadingIco {
position: absolute;
z-index: 999;
height: 2em;
width: 2em;
overflow: show;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
/* Transparent Overlay */
.loadingIco:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: transparent;
}
/* :not(:required) hides these rules from IE9 and below */
.loadingIco:not(:required) {
/* hide "loading..." text */
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.loadingIco:not(:required):after {
content: '';
display: block;
font-size: 10px;
width: 0.6em;
height: 0.6em;
margin-top: -0.5em;
-webkit-animation: spinner 1500ms infinite linear;
-moz-animation: spinner 1500ms infinite linear;
-ms-animation: spinner 1500ms infinite linear;
-o-animation: spinner 1500ms infinite linear;
animation: spinner 1500ms infinite linear;
border-radius: 0.5em;
-webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}
/* Animation */
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/****************************************************
* Search panel *
*****************************************************/
#panelBox {
text-align: left;
}
.ais-RefinementList-list {
list-style: none;
}
search-bar {
/* Search Box */
/* Variabili */
}
search-bar::part(instant-search) {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0;
margin-left: 0;
}
search-bar::part(filter-container) {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
search-bar::part(search-panel__results) {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666666%;
flex: 0 0 66.666666%;
max-width: 66.666666%;
}
search-bar::part(ais-SearchBox-input) {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0;
margin-left: 0;
width: 100%;
height: auto;
background-color: transparent;
}
search-bar::part(container) .ais-InstantSearch {
width: 100%;
}
search-bar::part(search-input) {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
display: block;
height: calc(4.25rem);
padding: 0.375rem 0.75rem;
font-size: 1.4rem;
line-height: 1.5;
color: #000000;
background-color: #ffffff;
background-clip: padding-box;
border-radius: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
search-bar::part(search-button) {
position: relative;
height: calc(4.25rem);
width: calc(4.25rem);
margin-bottom: 0;
}
search-bar::part(search-reset) {
position: relative;
height: calc(4.25rem);
width: calc(4.25rem);
margin-bottom: 0;
}
search-bar::part(item-container) {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-align: start!important;
-ms-flex-align: start!important;
align-items: flex-start !important;
-webkit-box-pack: justify!important;
-ms-flex-pack: center!important;
justify-content: center!important;
position: relative;
text-align: left;
padding: 1.5rem;
cursor: pointer;
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
search-bar::part(item_image) {
flex: 0 0 33.333333%;
max-width: 33.333333%;
position: relative;
width: 100%;
text-align: center;
padding-right: 15px;
padding-left: 15px;
}
search-bar::part(image-link) {
position: relative;
display: block;
border: 1px solid rgba(0, 0, 0, 0.15);
}
search-bar::part(item-image) {
width: auto;
max-width: 100%;
height: 100vh;
max-height: 250px;
object-fit: contain;
float: none;
vertical-align: inherit;
}
search-bar::part(item_text) {
flex: 0 0 66.666667%;
max-width: 66.666667%;
position: relative;
width: 100%;
text-align: left;
padding-right: 15px;
padding-left: 15px;
}
search-bar::part(ais-SearchBox-input) {
display: flex;
flex-wrap: wrap;
margin-right: 0;
margin-left: 0;
width: 100%;
height: auto;
background-color: transparent;
}
search-bar::part(search-input) {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
display: block;
height: calc(4.25rem);
padding: 0.375rem 0.75rem;
font-size: 1.4rem;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
search-bar::part(search-button) {
position: relative;
height: calc(4.25rem);
width: calc(4.25rem);
margin-bottom: 0;
}
search-bar::part(search-reset) {
position: relative;
height: calc(4.25rem);
width: calc(4.25rem);
margin-bottom: 0;
}
search-bar::part(item-label) {
display: flex;
align-items: flex-start;
cursor: pointer;
padding: 5px;
}
search-bar::part(filtro-text) {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between !important;
flex-grow: 1;
}
search-bar::part(categorie-list) {
--listType: none;
}
search-bar::part(base-list) {
--listType: none;
--marginRight: 10px;
}
search-bar::part(archiviata-list) {
--listType: none;
--dFlex: flex;
--alignItems: flex-start;
--cursor: pointer;
--padding: 5px;
--marginR: 10px;
}
search-bar::part(test) {
--listType: none;
}
search-bar::part(archiviata-list) {
margin-block-start: 1rem;
margin-block-end: 1rem;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 40px;
}
search-bar::part(filter-container) {
z-index: 2;
}
search-bar::part(filtro-archiviate),
search-bar::part(filtro-baseAsta),
search-bar::part(filtro-categoria) {
margin-bottom: 1.6em;
}
search-bar::part(titolo-archiviate),
search-bar::part(titolo-baseAsta),
search-bar::part(titolo-categoria) {
position: relative;
margin-bottom: .2em;
padding: 10px 0 10px 20px;
color: #9a9a9a;
text-transform: uppercase;
font-weight: 700;
font-size: 1.3rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
search-bar::part(titolo-archiviate):before,
search-bar::part(titolo-baseAsta):before,
search-bar::part(titolo-categoria)::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 16px;
height: 16px;
background: url(../images/svg/arrow-down.svg) no-repeat center center;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform .3s;
}
search-bar::part(item-checkbox),
search-bar::part(base-list) input[type=radio] {
position: absolute;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0;
z-index: 2;
}
search-bar::part(item-checkbox)::checked {
border-color: #41307c;
background-color: #41307c;
}
/****************************************************
* Range Slider *
*****************************************************/
.range-slider {
/* Round */
}
.range-slider .irs-line-mid {
background-color: rgba(0, 0, 0, 0.25) !important;
height: 0.25rem;
}
.range-slider .irs-line-right {
background-color: rgba(0, 0, 0, 0.25) !important;
}
.range-slider .irs-bar {
background-color: rgba(0, 0, 0, 0.75) !important;
height: 2px;
}
.range-slider .irs-bar-edge {
background-color: rgba(0, 0, 0, 0.75) !important;
}
.range-slider.irs--round .irs-line {
background-color: rgba(0, 0, 0, 0.15) !important;
height: 2px;
}
.range-slider.irs--round .irs-bar {
background-color: #000000;
height: 2px;
}
.range-slider.irs--round .irs-shadow {
background-color: rgba(0, 0, 0, 0.15) !important;
}
.range-slider.irs--round .irs-handle {
background: #ffffff;
cursor: -webkit-grab;
cursor: grab;
-webkit-tap-highlight-color: transparent;
top: 25px;
width: 23px;
height: 23px;
border: 2px solid #000000;
position: absolute;
outline: none;
display: block;
pointer-events: auto;
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;
}
.range-slider.irs--round .irs-handle:hover {
box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.15);
background-color: #000000;
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;
}
.range-slider.irs--round .irs-handle.state_hover {
background-color: #a9a9a9 !important;
color: #ffffff !important;
}
.range-slider.irs--round .irs-from {
font-size: 1.1rem;
line-height: 1.2;
min-width: 2.5rem;
padding: 3px 5px;
background-color: #000000 !important;
color: #ffffff !important;
box-shadow: none;
}
.range-slider.irs--round .irs-to {
font-size: 1.1rem;
line-height: 1.2;
min-width: 2.5rem;
padding: 3px 5px;
background-color: #000000 !important;
color: #ffffff !important;
box-shadow: none;
}
.range-slider.irs--round .irs-single {
background-color: #000000 !important;
color: #ffffff !important;
}
.range-slider.irs--round .irs-min {
background-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.5);
}
.range-slider.irs--round .irs-max {
background-color: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.5);
}
.range-slider.irs--round .irs-from {
background-color: #ffffff;
border-radius: 4px;
color: #000000;
text-shadow: none;
}
.range-slider.irs--round .irs-from:before {
border-top-color: #000000 !important;
}
.range-slider.irs--round .irs-to {
background-color: #000000 !important;
color: #ffffff !important;
}
.range-slider.irs--round .irs-to:before {
border-top-color: #000000 !important;
}
.range-slider.irs--round .irs-single {
background-color: #000000 !important;
color: #ffffff !important;
}
.range-slider.irs--round .irs-single:before {
border-top-color: #000000 !important;
}
.range-slider-indicator.range-slider-grid {
height: 5rem;
}
.range-slider-indicator.range-slider-grid .irs {
height: inherit;
}
.range-slider-grid .irs-grid-text {
border-radius: 6.1875rem;
color: #666666;
display: inline-block;
font-size: 0.875rem;
line-height: 1;
min-width: 2.5rem;
padding: 0.25rem;
}
.range-slider-grid .irs-grid-text.current {
background: rgba(55, 125, 255, 0.1);
color: #000000;
}
.range-slider-grid .irs-grid-pol {
background-color: rgba(0, 0, 0, 0.25);
height: 0.9rem;
}
/****************************************************
* Show Password *
*****************************************************/
.style-form .icon-append.icon-eye {
cursor: pointer;
top: 39px;
transform: translateY(-35px);
-webkit-transition: all linear 0.2s;
-moz-transition: all linear 0.2s;
transition: all linear 0.2s;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.style-form .icon-append.icon-eye:before {
content: "\F341";
}
.style-form .icon-append.icon-eye.show:before {
content: "\F340";
}
/****************************************************
* Iframe Fullscreen zoom *
*****************************************************/
.templAuctionItem .fancybox__container .fancybox__carousel {
margin: inherit;
}
.templAuctionItem .fancybox__container .fancybox__carousel .fancybox-image,
.templAuctionItem .fancybox__container .fancybox__carousel .fancybox-spaceball {
background: inherit;
border: 0;
height: 100%;
left: auto;
margin: 0;
max-height: none;
max-width: none;
padding: inherit;
position: inherit;
top: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.templAuctionItem .fancybox__container .f-thumbs__viewport {
margin: inherit;
}
.templAuctionItem .fancybox__container .f-thumbs__viewport .f-thumbs__track {
margin: inherit;
}
/****************************************************
* Mobile Visualizzazioni *
*****************************************************/
/* Visualizzazione Ipad */
@media screen and (max-width: 991px) {
/*************** Header ****************/
#header #pnavmenu {
padding-top: 1.000rem;
}
#header .headerBoxLeft {
left: 15px;
}
#header .headerBoxRight {
right: 15px;
}
#header-wrap {
height: auto;
}
/*************** Panel Header ****************/
#panelContainerExt #panelHeader {
width: 100%;
}
/*************** Homepage Slider ****************/
/* Homepage Slider*/
#full-width-slider {
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
top: auto !important;
width: 100% !important;
max-width: none !important;
}
.infoBlockTop .sliderTitle h1 .personalizedTop {
font-size: 20pt !important;
line-height: 20pt !important;
padding-top: 10px !important;
}
.infoBlockTop .sliderLuogo .personBlack {
font-size: 14pt !important;
line-height: 13pt !important;
}
.infoBlockTop .sliderLuogo .personColored {
font-size: 12pt !important;
line-height: 11pt !important;
}
.infoBlockTop .sliderTitle {
padding-bottom: 2px;
}
.infoBlockTop .sliderTitle h1 {
font-size: 16pt;
line-height: 14pt;
letter-spacing: -0.1pt;
font-family: 'CorporateAMediumItalic';
font-style: normal;
}
.infoBlockTop .sliderTitle h1 b {
font-size: 12pt;
line-height: 10pt;
letter-spacing: 1pt;
font-style: normal;
}
.infoBlockTop .sliderLuogo {
font-size: 8pt;
line-height: 7pt;
text-transform: uppercase;
letter-spacing: 1pt;
color: #666666;
color: rgba(0, 0, 0, 0.7);
}
.rsMinW .rsBullets {
display: none !important;
}
.scrollHome,
.rsSlideCount,
.rsArrow {
display: none !important;
}
.rsABlock {
left: 5% !important;
right: 5% !important;
bottom: auto !important;
top: 20% !important;
height: auto !important;
width: auto !important;
overflow: auto !important;
margin: auto !important;
padding: auto !important;
text-align: center !important;
}
.infoBlockTop {
display: block !important;
position: relative !important;
right: 0 !important;
}
.infoBlockBottom .calendLink {
width: 100%;
padding-top: 10px;
padding-bottom: 10% !important;
}
.rsMinW .rsBullets {
bottom: 3%;
}
/*************** Calendario Homepage Aste ****************/
#introCalendar {
width: 100% !important;
}
#introContainer div.top {
padding-top: 50px !important;
}
#introContainer div.bottom {
padding-top: 50px !important;
}
.list_carousel_calendar.auctions h4.titlecarousel {
padding: 0 !important;
text-align: center !important;
}
.list_carousel_calendar.auctions .calendarBoxHome .boxLeft {
width: 100% !important;
height: 230px;
display: block;
float: none !important;
position: relative;
z-index: 1;
font-size: 8pt;
padding: 0 25px !important;
margin: 21px 0 0;
text-align: center;
right: 0 !important;
left: 0 !important;
}
.list_carousel_calendar.auctions .calendarBoxHome .title {
padding: 0 60px !important;
}
.calendarBoxHome img {
width: 100% !important;
}
.boxCalendarContainer {
margin: 50px 0 0;
}
.list_carousel_calendar h4.titlecarousel {
padding: 0 !important;
text-align: center !important;
}
#panelPagination {
height: auto !important;
right: 0 !important;
top: 5px !important;
left: 0 !important;
}
#calendar_home_exhibitions li {
background: none transparent !important;
}
/*************** Header Ricerca ****************/
.searchDivMainInput {
padding-top: 20% !important;
}
.searchDivMainInputField {
font-size: 1.6rem !important;
}
.searchDivMainInputLabelContent {
font-size: 1.6rem !important;
top: 35% !important;
height: auto;
}
#psearch div.ricerca_in {
padding-top: 5% !important;
}
#psearch div.ricerca_invia {
padding-top: 5%;
}
/*************** Calendario Aste ****************/
/*************** Dettaglio Asta ****************/
#dettaglioAsta {
-webkit-align-items: flex-start;
align-items: flex-start;
padding-left: 3.000rem;
padding-right: 3.000rem;
}
#dettaglioAsta img {
width: 100%;
height: auto;
}
#dettaglioAsta .asteListImg img {
width: 100%;
height: auto;
}
.lotPagingContainer {
width: 100%;
display: block !important;
}
.lotPagingContainer .leftBox {
width: 100%;
}
.lotPagingContainer .rightBox {
width: 100%;
text-align: left;
}
.lotViewsContainer .rightBox .viewsDiv {
padding-right: 0;
}
#lotListGridContainer .lotItemList {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
text-align: left;
}
#lotListGridContainer .lotItemList .contentPanel {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-left: 0!important;
padding-right: 0!important;
}
#lotListGridContainer .lotItemList .preview {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 0!important;
padding-right: 0!important;
}
#lotListGridContainer .lotItemList .buttons {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.lotListContainer .lotItemList {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
text-align: left;
padding: 1.500rem;
}
.lotListContainer .lotItemList .containerLotItemNew {
display: block;
text-align: left;
}
.lotListContainer .lotItemList .containerLotItemNew .image-holder-list img {
width: 100%;
height: auto;
max-width: 200px;
max-height: 200px;
}
.lotListContainer .lotItemList .content .titleOpera {
padding: 0 0 0.750rem;
}
.lotListContainer .lotItemList .content {
padding: 1.000rem 0 0.750rem;
}
.lotListContainer .lotItemList .buttons {
padding: 1.500rem 0;
}
.lotListContainer .lotItemList .buttons .btn {
width: auto;
}
.lotListContainer .lotItemList .preview {
text-align: left;
padding-left: 0;
padding-right: 0;
}
.lotGridContainer .lotItemList .containerLotItemNew {
display: block;
}
.lotGridContainer .lotItemList .preview .image-holder-list {
height: 340px;
}
.lotGridContainer .lotItemList .preview img {
width: 100%;
height: auto;
}
.dettLot {
display: block;
}
#dettLotContainer {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
text-align: left;
}
#dettLotCenter {
width: 100%;
}
#dettLotSx {
order: 2;
-webkit-order: 2;
-mozorder: 2;
padding: 2.500rem 1.500rem;
}
#dettLotSx #datiLotto {
padding-bottom: 20px;
margin-bottom: 20px;
}
#dettLotDx {
order: 3;
-webkit-order: 3;
-mozorder: 3;
}
.stageImg {
display: block !important;
}
#carousel-wrapper .caroufredsel_wrapper {
margin: 0 auto !important;
}
#thumbs-wrapper .caroufredsel_wrapper_thumb {
margin: 0 auto !important;
right: 0 !important;
left: 0 !important;
}
/*************** Asta ****************/
.asteListContainer .pulsantieraAsta {
padding: 1.500rem 0;
}
.contConsole {
padding: 1.500rem 0;
}
.lotsConsole #psearchConsole div.sb-search {
position: relative;
width: 100%;
min-width: inherit;
float: none;
border: none;
}
/*************** Template Standard ****************/
#panelContent {
padding: 2.500rem 15px;
margin: 0;
}
#panelLinkPrint {
display: none;
}
#panelContentRight {
margin-left: 0;
margin-bottom: 3.500rem;
}
.image-holder {
min-width: auto;
}
#panelContentRight img {
width: 100%;
}
div.imgzoom {
margin: 0 auto;
}
/*************** Template Standard ****************/
.image-holder {
width: 100% !important;
height: auto;
}
.image-holder img {
width: 100% !important;
height: auto !important;
}
/*************** Dipartimenti ****************/
.refDipContainer {
float: none !important;
}
.refDipContainer #panelContentRight img {
width: 100%;
}
.refDipContainer .refListImgDett img {
width: 100%;
}
.refDipContainer .refDett .text {
word-break: break-word;
}
/*************** Vendere ****************/
.googlemapContainer {
width: 100% !important;
}
/*************** Vendere ****************/
.testoInternoVendita .venderePanel .vendereCol-4 {
width: 50%;
}
.testoInternoVendita h2 {
margin-bottom: 20px;
}
.testoInternoVendita .venderePanel .btn {
white-space: normal;
height: 120px;
}
.testoInternoVendita .itemImgInternoVendita {
margin-bottom: 20px;
}
/*************** Case Aste ****************/
.caseAsta {
display: block ;
clear: both;
padding-left: 0;
padding-right: 0;
padding-bottom: 1.500rem;
}
.caseAsta:after {
content: "";
clear: both;
width: 100%;
display: block;
}
/*************** Menu Nav ****************/
/*************** Menu Top ****************/
#header .topmenu ul.subnavmenu {
min-width: 20.000rem;
right: 0;
}
/*************** Nav Fixed ****************/
.navFixed .navmenu li.top a {
letter-spacing: 0rem;
}
/*************** Menu Left ****************/
#panelMenuSx {
padding-left: 0;
}
/*************** Container Box ****************/
#panelContainerBox {
padding-right: 0;
}
}
/* Visualizzazione Mobile */
@media screen and (max-width: 767px) {
/*@media only screen and (min-width:320px) and (max-width:760px){
*/
/* Preloading */
#jpreSlide {
left: 0 !important;
right: 0 !important;
}
#jpreSlide img {
width: 100%;
}
/* Header */
#header {
padding-left: 1.500rem;
padding-right: 1.500rem;
}
#header {
z-index: 10;
white-space: inherit;
position: relative;
height: auto !important;
}
#wrapperHome #header {
z-index: 1000;
height: auto;
}
#headerBottom {
display: none;
}
#wrapperHome #searchPanel {
display: none !important;
}
#header #userPanel {
display: none !important;
}
/* Nav Fixed */
.navFixed {
display: none !important;
}
/* Header Logo */
#header .testata .logo {
height: 25px;
}
#header #pnavmenu {
padding-top: 1.000rem;
}
#header .headerBoxLeft {
left: 15px;
}
#header .headerBoxRight {
right: 15px;
}
#wrapperHome.testoChiaro #section0 #header .logo a {
background-size: contain;
}
/* Sub Header */
#subHeader {
display: none;
}
/* Header Menu Languages */
/* #header .languages { position: relative; vertical-align: top; text-align: center; width:100%; top:0; right:0; left:0; } */
#header #pmyuserpanel {
display: none;
}
/* Header Ricerca */
.sb-search {
min-width: 310px;
}
#header .topMenuStatic {
display: none !important;
}
#header .menuStick .SearchTrigger.button {
margin-left: 10px;
text-decoration: none;
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);
}
#header .menuStick .SearchTrigger.button {
background-color: transparent;
background-image: url("/img-main/zoom.svg");
background-repeat: no-repeat;
background-position: center center;
width: 26px;
height: 14px;
top: 0;
left: 50%;
position: absolute;
display: inline-block;
padding: 0.300rem 0.1rem 0.300rem 0.1rem;
line-height: 1.125rem;
cursor: pointer;
}
/* Header Ricerca */
.searchDivMainInput {
padding-top: 20% !important;
}
.searchDivMainInputField {
font-size: 1.6rem !important;
}
.searchDivMainInputLabelContent {
font-size: 1.6rem !important;
top: 35% !important;
height: auto;
}
#header .checkSearch {
display: inline-block;
white-space: normal;
}
#psearch div.ricerca_in {
padding-top: 5% !important;
white-space: normal;
}
#psearch div.ricerca_invia {
padding-top: 5%;
}
/* Header Menu Principale */
#header #ptopmenu {
display: none;
}
#header #pnavmenu {
display: none;
}
#header #psearch.appear {
display: block;
}
#header .headerBoxLeft {
display: none;
}
#psearchHome {
margin: 0rem !important;
padding: 1.500rem 0 1.500rem !important;
}
#psearchHome .searchHomeInput {
width: 100% !important;
min-width: inherit !important;
}
#psearchHome .searchHomeRadio {
padding: 2.000rem 4.500rem;
}
#psearchHomeContent {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 3.500rem 0 4.500rem !important;
}
#header .languages {
display: none;
}
#header .menuStick,
.menuStick {
display: block !important;
position: relative;
padding: 0.500rem;
padding-bottom: 0.500rem;
padding-left: 1.500rem;
padding-right: 1.500rem;
}
#header .menuStick .slicknav_menu .slicknav_nav {
padding-top: 1.000rem;
padding-bottom: 1.500rem;
padding-left: 0;
padding-right: 0;
}
#header .menuStick .slicknav_menu ul.navmenu li.top {
display: block;
float: none !important;
}
#header .menuStick .slicknav_menu ul.navmenu li.separtopmenu {
display: none;
}
#header .menuStick .slicknav_menu ul.subnavmenu {
position: relative;
top: 0 !important;
padding: 0 0 1.000rem;
margin-bottom: 0;
border: 0;
}
#header .menuStick .topmenu h2 {
font-family: inherit;
color: inherit ;
font-weight: normal;
font-smooth: always;
font-size: inherit;
}
#header .menuStick .slicknav_menu ul.subnavmenu li {
text-align: center;
}
#header .menuStick .navmenu li.top a {
font-size: 1.400rem;
}
#header .menuStick ul.subnavmenu {
box-shadow: none !important;
}
#header .menuStick ul.subnavmenu li a {
font-size: 1.200rem !important;
padding: 0;
}
#header .menuStick .slicknav_menu ul.subnavmenu li a {
color: rgba(0, 0, 0, 0.85);
}
#header .menuStick .slicknav_menu ul.subnavmenu li a:hover,
#header .menuStick .slicknav_menu ul.subnavmenu li a:focus {
color: rgba(0, 0, 0, 0.45);
}
#header .menuStick .slicknav_menu ul.subnavmenu li.titleMenu {
color: rgba(0, 0, 0, 0.75);
}
#header .menuStick ul li h2 {
padding: 0;
display: inline-block;
line-height: 17px;
}
#header .menuStick .slicknav_menu .navmenu li.top h2 a:after {
display: none;
}
#header .menuStick .slicknav_menu ul.subnavmenu:before {
content: "";
background: transparent url("/img-main/riga.png") repeat-x scroll center bottom;
position: relative;
height: 1px;
width: 8rem;
margin-top: 0.500rem;
margin-bottom: 0.750rem;
display: inline-block;
text-align: center;
}
#header .menuStick .slicknav_menu ul.subnavmenu:after {
content: "";
background: transparent url("/img-main/riga.png") repeat-x scroll center bottom;
position: relative;
height: 1px;
width: 8rem;
margin-top: 0.500rem;
margin-bottom: 0.750rem;
display: inline-block;
text-align: center;
}
#header .menuStick .userPanelSlick:before {
content: "";
background: transparent url("/img-main/riga.png") repeat-x scroll center bottom;
position: relative;
height: 1px;
width: 8rem;
margin-top: 0.500rem;
margin-bottom: 0.750rem;
display: inline-block;
text-align: center;
}
#header .menuStick .userPanelSlick:after {
content: "";
background: transparent url("/img-main/riga.png") repeat-x scroll center bottom;
position: relative;
height: 1px;
width: 8rem;
margin-top: 0.500rem;
margin-bottom: 0.750rem;
display: inline-block;
text-align: center;
}
#header .menuStick .slicknav_menu div.my_panel_user {
display: block;
float: none;
text-align: center;
}
#header .menuStick div.txtMyPanelUser {
float: none;
}
#header .menuStick div.my_panel_user a {
font-size: inherit;
letter-spacing: 1px;
}
#header .menuStick div.txtMyPanelUser h4 {
font-size: inherit;
letter-spacing: 1px;
}
#header .menuStick .slicknav_menu .userpanel a {
padding: 2px 10px;
}
#header .menuStick .slicknav_menu .userpanel .contMyP {
padding: 1.500rem 0;
}
#header .menuStick .slicknav_menu .topmenu a {
color: rgba(0, 0, 0, 0.75);
}
#header .menuStick .slicknav_menu a:hover {
background: transparent;
}
#header .menuStick .slicknav_menu .userpanel a {
font-family: 'RobotoBold';
letter-spacing: 0.200rem;
}
/* Header Menu Ricerca */
#header #ptopmenu {
position: relative;
width: 100%;
left: 0;
right: 0;
top: 0;
background-color: transparent !important;
}
div.txtMyPannello h4,
#header #pmyuserpanel div.signin h4,
#header #pmyuserpanel div.signin-out h4 a {
font-family: inherit !important;
}
/* Link */
#panelHeaderCalendar {
height: auto !important;
width: 100% !important;
padding-bottom: 10px !important;
}
#panelHeaderCalendar #panelPagination {
right: auto !important;
left: auto !important;
display: inline-block !important;
position: relative !important;
width: 100%;
top: auto !important;
}
#panelHeaderCalendar #panelTitleHome {
right: auto !important;
left: auto !important;
display: inline-block !important;
text-align: center !important;
}
/* Homepage Slider*/
#full-width-slider {
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
top: auto !important;
width: 100% !important;
max-width: none !important;
}
.infoBlockTop .sliderTitle h1 .personalizedTop {
font-size: 16pt !important;
line-height: 14pt !important;
padding-top: 10px !important;
}
.infoBlockTop .sliderLuogo .personBlack {
font-size: 12pt !important;
line-height: 11pt !important;
}
.infoBlockTop .sliderLuogo .personColored {
font-size: 10pt !important;
line-height: 9pt !important;
}
.infoBlockTop .sliderTitle {
padding-bottom: 2px;
}
.infoBlockTop .sliderTitle h1 {
font-size: 16pt;
line-height: 14pt;
letter-spacing: -0.1pt;
font-family: 'CorporateAMediumItalic';
font-style: normal;
}
.infoBlockTop .sliderTitle h1 b {
font-size: 12pt;
line-height: 10pt;
letter-spacing: 1pt;
font-style: normal;
}
.infoBlockTop .sliderLuogo {
font-size: 8pt;
line-height: 7pt;
text-transform: uppercase;
letter-spacing: 1pt;
color: #666666;
color: rgba(0, 0, 0, 0.7);
}
.rsMinW .rsBullets {
display: none !important;
}
.scrollHome,
.rsSlideCount,
.rsArrow {
display: none !important;
}
.rsABlock {
left: 5% !important;
right: 5% !important;
bottom: auto !important;
top: 20% !important;
height: auto !important;
width: auto !important;
overflow: auto !important;
margin: auto !important;
padding: auto !important;
text-align: center !important;
}
.infoBlockTop {
display: block !important;
position: relative !important;
right: 0 !important;
}
.rsMinW .rsBullets {
bottom: 3%;
}
/* Homepage Calendar Slider*/
#introCalendar {
height: auto !important;
width: 100% !important;
overflow: hidden !important;
display: inline-block !important;
position: relative !important;
text-align: center !important;
}
#boxNewsHomeContainer {
height: auto !important;
width: 100% !important;
overflow: hidden !important;
display: inline-block !important;
position: relative !important;
text-align: center !important;
padding: 0px !important;
}
#boxNewsHomeContainer li {
min-width: inherit !important;
min-height: inherit !important;
height: auto !important;
}
#boxNewsHomeContainer li img {
width: 100% !important;
height: auto !important;
}
.list_carousel_calendar_3box li {
font-size: 0.75rem !important;
line-height: 1rem !important;
}
.rsMinW .rsArrowRight {
right: 0 !important;
bottom: 50% !important;
}
.rsMinW .rsArrowLeft {
left: 0 !important;
bottom: 50% !important;
}
.calendarBoxHome .esposizioneBoxHome {
line-height: normal !important;
}
#lotListGridContainer {
padding: 0;
}
#wrapperHome #calendarLots,
#wrapperHome #calendarAuctions {
padding: 0;
}
#wrapperHome .lotGridContainer .lotItemList {
padding-left: 0;
padding-right: 0;
}
/* Homepage Sliders Seconda Fascia*/
#panelTitleHome div.labelTitleHome {
font-size: 0.8rem !important;
line-height: 0.8rem !important;
}
#contAnimSpalla {
height: auto !important;
width: 100% !important;
overflow: hidden !important;
position: relative !important;
text-align: center !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
-webkit-align-items: center;
align-items: center;
margin: auto !important;
}
/* Homepage Box Left Slider*/
#contAnimSpalla #boxEventiHomeContainer {
float: none !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
width: 100% !important;
text-align: center !important;
max-width: 460px !important;
padding-bottom: 20px;
}
#contAnimSpalla #boxEventiHomeContainer div.imgBoxHome {
float: none !important;
max-width: 460px !important;
}
#contAnimSpalla #boxEventiHomeContainer div.imgBoxHome img {
width: 100% !important;
max-width: 460px !important;
height: auto !important;
}
#contAnimSpalla #boxArchiveHomeContainer .list_carousel_news_top li {
font-size: 0.75rem !important;
height: auto !important;
}
#contAnimSpalla #boxEventiHomeContainer div.contBoxHome {
padding: 15px 25px 25px !important;
}
.lotGridContainer .lotItemList .statoLotto {
text-align: center;
}
.lotGridContainer .lotItemList .buttons:before {
content: none;
}
/* Homepage Box Right Slider*/
.list_carousel_calendar_3box li {
text-align: center !important;
}
#panelTitleHome div {
padding: 0 1.500rem;
}
#contAnimSpalla #boxArchiveHomeContainer {
order: 2;
-webkit-order: 2;
-mozorder: 2;
}
#contAnimSpalla #boxArchiveHomeContainer {
float: none !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
width: 100% !important;
text-align: center !important;
max-width: 460px !important;
}
#contAnimSpalla #boxArchiveHomeContainer div.imgBoxHome {
float: none !important;
max-width: 460px !important;
}
#contAnimSpalla #boxArchiveHomeContainer div.imgBoxHome img {
width: 100% !important;
max-width: 460px !important;
height: auto !important;
}
#contAnimSpalla #boxArchiveHomeContainer .list_carousel_news_top li {
font-size: 0.75rem !important;
height: auto !important;
}
#contAnimSpalla #boxArchiveHomeContainer div.contBoxHome {
padding: 15px 25px 25px !important;
}
.titleOpera {
padding-top: 1.500rem;
}
/* Homepage Terza Riga Servizio*/
/* Footer*/
#footerdiv {
white-space: normal !important;
}
#footer {
width: 100% !important;
padding: 0;
padding-bottom: 2.500rem;
}
#footer dl,
#footer ol,
#footer ul {
list-style: none;
padding: 2.500rem;
}
#footer #footerContainer {
text-align: left;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
#footer .box_fourth div.riga {
display: none;
}
#footer .box_footer_center {
display: none;
}
#footer .box_social {
text-align: left;
}
/* Menu Lx Paginate Interne */
#panelBoxHead,
#panelBoxHead .container {
padding-left: 0px !important;
padding-right: 0px !important;
}
/* Menu Lx Paginate Interne */
#panelMenuHeadSx {
display: none;
}
#displayMiddle,
#displayBottom,
.SottoMenuSx {
display: none;
}
#panelMenuSx {
display: none;
}
/* Rettifiche Bootstrap */
.container {
padding-left: 0;
padding-right: 0;
}
.row {
margin-left: 0;
margin-right: 0;
}
/* Container Paginate Interne */
#panelContainer,
#panelContainerExt {
width: 100% !important;
float: none !important;
padding: 0;
text-align: center !important;
font-size: 1rem !important;
background: none transparent !important;
}
#panelContentTextExt {
width: 100% !important;
float: none !important;
padding: 0;
}
#panelContentExt {
padding-left: 0;
padding-right: 0;
}
#panelContentTextExt .anteprimaDip {
height: auto !important;
}
#panelContentTextExt div.panelDip {
padding: 0 1.500rem !important;
}
#panelContainerExt #panelTitlePage h1,
#panelContainerExt #panelTitlePage h5 {
font-size: 1.600rem;
line-height: 1.600rem;
}
#panelContainer .widthLayout1 {
width: 100% !important;
padding-top: 0 !important;
}
#panelContentTop div {
display: block !important;
text-align: center;
max-width: inherit !important;
}
#panelContentTop .image-holder {
display: inline-block !important;
width: auto !important;
height: auto !important;
max-width: 100% !important;
}
#panelContentTop .image-holder img {
width: auto !important;
height: auto !important;
max-width: 100% !important;
}
#panelContentTop .posnextprev,
#panelContentTop .pagination {
display: inline-block !important;
}
/* Container Paginate Interne ASTE */
.image_carousel_auctions_gallery div.carimage-holder {
min-height: inherit !important;
min-width: inherit !important;
display: block;
text-align: center;
}
.image_carousel_auctions_gallery div.carimage-holder .riquadroImg {
display: inherit !important;
height: inherit !important;
width: inherit !important;
}
.image_carousel_auctions_gallery div.carimage-holder .caption {
width: inherit !important;
}
.image_carousel_auctions_gallery div.carimage-holder div.riquadroImg img {
width: 100% !important;
max-width: 250px !important;
height: auto !important;
}
#fooSliderAsta {
height: 320px;
display: inline-block;
width: 100% !important;
}
#sliderAsta div.slide .basketImg {
display: inline-block !important;
height: inherit !important;
text-align: center;
position: relative;
}
#sliderAsta div.slide .basketImg a.ImgToplot {
display: inline-block !important;
min-width: inherit !important;
}
#sliderAsta div.slide div.containerText {
width: 100% !important;
display: inline-block;
left: 0;
right: 0;
padding: 8px 10px 16px;
}
#sliderAsta div.slide div.basketImg img {
width: auto !important;
height: auto !important;
max-height: 420px;
}
.descResultsBox {
width: 100%;
display: block;
text-align: center !important;
}
.lotsConsole {
width: 100%;
display: block;
text-align: center !important;
height: auto !important;
background: none;
}
.lotsConsole .criteri1 {
text-align: center;
}
.lotsConsole .criteri1 .separtorCri {
display: none !important;
}
.criteri1 .asteListButton.title {
display: none !important;
}
.lotsHeaderAuction {
padding: 40px 0px 0px !important;
}
.lotsConsole .orderButtons {
float: none;
}
.lotViewsContainer .rightBox {
float: right;
display: inline-block;
width: auto;
padding-right: 10px;
}
.lotViewsContainer .rightBox .elementsDiv a:last-child {
display: none !important;
}
.lotViewsContainer .rightBox .elementsDiv a:nth-child(2) {
background: none !important;
padding-right: 0;
}
.lotPagingContainer .rightBox {
float: right;
display: inline-block;
width: auto;
padding-right: 10px;
}
.lotsConsole .priceRangeBar,
.lotsConsole .priceRangeBarIntro {
display: none !important;
}
.lotViewsContainer .rightBox .viewsDiv {
display: none !important;
}
.lotPagingContainer .lotViewsContainer {
display: none !important;
}
.lotPagingContainer .rightBox #paging {
width: 100%;
display: block;
text-align: center !important;
padding-bottom: 0 !important;
}
.lotPagingContainer .rightBox #paging #pagination-mod {
float: none !important;
}
.lotPagingContainer .leftBox {
width: 100%;
display: block;
text-align: center !important;
}
/* Container Paginate ASTE LISTE */
.caseAsta {
flex-direction: column !important;
-webkit-flex-direction: column !important;
-moz-flex-direction: column !important;
}
.caseAsta .caseAstaImg img {
width: 100%;
max-width: none;
}
/* Container Paginate ASTE LISTE */
.lotItemList {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.lotItemList .content,
.lotItemList .pulsantieraLotto {
display: block;
width: 100% !important;
}
.lotItemList .pulsantieraLotto {
padding: 12px 0px 28px !important;
}
.lotItemList .content {
padding: 10px 0px !important;
float: none !important;
}
.lotItemList .buttons {
float: none !important;
width: 100% !important;
}
.lotItemList .buttons .btn {
width: auto !important;
}
.lotItemList .buttons .expired {
/*height: 100% !important;*/
}
.lotItemList h3 {
float: none !important;
}
.lotItemList .luogoAutore {
float: none !important;
padding: 0px !important;
}
/* Container Paginate Interne MOSTRE */
/************ Criteri ************/
#testataAste .criteri1 {
padding: 0;
text-align: left;
}
#testataAste .criteri1 .btn.btnFilter.selClass {
margin-bottom: 1.5rem;
}
.styled-selectLeft {
float: none;
margin: 0 auto;
padding: 0;
position: relative;
width: 100%;
}
.styled-select select {
width: 100%;
border: 0;
margin-right: 0;
background: none;
height: auto;
padding: 5px 15px 5px;
border-bottom: 1px solid #d3d3d3;
}
/* Container Paginate Interne Parte Destra*/
#buttonNextPrevLotto .asteListButton a.btn.next,
#buttonNextPrevLotto .asteListButton a.btn.prev {
padding-left: 0;
padding-right: 0;
}
/* Dettaglio Lotti */
.dettLot {
display: block;
}
.dettLot > #itemLotto {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.dettLot > #dettLotSx {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
padding: 3.500rem 0;
}
.dettLot > #dettLotDx {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 3.500rem 0;
}
.dettLot > #itemLotto {
float: none !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
width: 100%;
text-align: center;
padding-top: 18px !important;
}
/* Dettaglio Lotti DX */
#dettLotDx {
float: none !important;
display: flex;
-webkit-display: flex;
-ms-display: flex;
-moz-display: flex;
flex-direction: column;
-webkit-flex-direction: column;
-moz-flex-direction: column;
width: 100%;
text-align: left;
padding: 1.500rem 0;
}
#dettLotDx #lottoBox {
width: 100%;
}
#dettLotDx #titoloAutore {
text-align: left;
}
#dettLotDx #titleLotto {
width: 100% !important;
}
#dettLotDx div.space-line {
display: none !important;
}
#dettLotDx .tooltip.tooltip-action {
display: none !important;
}
#dettLotDx #descLotto,
#dettLotDx #campiLotto {
width: 100% !important;
}
/* Dettaglio Lotti SX */
#dettLotSx {
float: none !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
width: 100%;
padding: 1.500rem 0;
text-align: center;
}
#dettLotSx #boxAstaTempo {
height: auto !important;
padding: 20px 0;
}
#dettLotSx #boxOffertaTempoStima {
float: none !important;
text-align: center;
display: inline-block;
width: 100%;
margin: auto;
}
/* Dettaglio Immagini */
/* Carousel Dettaglio Lotto */
.stageImg {
margin: 0.200rem 0 !important;
height: auto !important;
}
#buttonNextPrevLotto #lottoNum:before,
#buttonNextPrevLotto #lottoNum:after {
width: 0.5rem;
}
#itemLotto {
text-align: center !important;
}
/* Container Paginate Lotto Scheda */
div.tablerow.dettLot {
padding-top: 0 !important;
}
#dettLotBottom {
background: url("/img-main/bg-cont.png") no-repeat scroll center top 30px rgba(0, 0, 0, 0);
padding-top: 80px;
}
/*************** Container Box ****************/
#panelContainerBox {
padding: 0;
}
/* Container Paginate Lotto Scheda */
/* Container Paginate Interne News List e Area Press*/
.itemListContainer .itemListDate {
color: #801d22 !important;
background-color: transparent !important;
float: none !important;
width: 100% !important;
line-height: 1rem !important;
margin: 5px 0 15px 0 !important;
padding-bottom: 0 !important;
padding-left: 15px !important;
}
.itemListDate .itemListWeek {
padding-top: 0;
padding-bottom: 0;
}
.itemListContainer .itemListDate .itemListDay,
.itemListContainer .itemListDate .itemListMonth {
display: inline-block !important;
padding-right: 4px;
font-size: 0.800rem;
}
.itemListContainer .itemListImg {
float: none !important;
margin-bottom: 8px !important;
margin-right: 0px !important;
padding-top: 15px !important;
width: 100% !important;
}
.widthLayout2 {
width: 100% !important;
}
.itemListContainer .itemListImg .image-holder-small {
float: none !important;
}
#panelContentRightDoc .icoFile {
float: none !important;
display: inline-block !important;
}
#panelContentRightDoc .icoFile img {
display: inline-block !important;
}
/* Container Paginate Interne Dipartimenti*/
.asteDipTitle {
float: none !important;
width: 100% !important;
}
.asteDipContainer {
float: none !important;
width: 100% !important;
}
.asteListContainerDett {
padding-left: 0;
padding-right: 0;
}
.asteDipContainer .asteListImgDett {
padding-left: 0;
padding-right: 0;
}
.asteDipContainer .asteListImgDett img {
width: 100%;
height: auto;
}
.referPanel {
padding-left: 0;
padding-right: 0;
}
.refDipContainer .refListImgDett {
padding: 0.500rem 1.500rem !important;
}
.asteDipContainer .itemListDett {
width: 100%;
}
.asteDipContainer div:nth-child(3) {
display: none !important;
}
#panelContentRight.panelRight30 {
display: flex;
-webkit-display: flex;
-ms-display: flex;
-moz-display: flex;
flex-direction: column;
-webkit-flex-direction: column;
-moz-flex-direction: column;
}
#panelContentRight.panelRight30 .refDipContainer {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: auto;
}
.refDipContainer {
padding: 0.500rem 1.500rem !important;
}
#panelContentRight.panelRight30 .imgDipContainer {
margin: auto;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.imgDipContainer .item {
display: inline-block;
}
.imgDipContainer .item img {
width: 100%;
max-width: 78px;
height: auto;
}
.imgDipContainer {
padding: 1.500rem !important;
}
/* Container Paginate Interne Cataloghi*/
.divCarrello {
text-align: center;
}
.cataloghiList {
float: none !important;
width: 100% !important;
text-align: center;
}
.cataloghiList .cataloghiListImg {
float: none !important;
width: 100% !important;
padding: 1.500rem;
}
.cataloghiList .cataloghiListImgDati {
float: none !important;
width: 100% !important;
padding-left: 0;
padding-right: 0;
}
.cataloghiList .cataloghiListImg .image-holder-cataloghi {
float: none !important;
display: inline-block !important;
}
.cataloghiList .cataloghiListTitle,
.cataloghiList .cataloghiListText,
.cataloghiList .cataloghiListPrezzi {
float: none !important;
/* text-align: center !important;*/
}
.cataloghiList .cataloghiListPrezzi {
font-size: 1rem !important;
}
.cataloghiList .cataloghiListButton {
float: none !important;
/* text-align: center !important;*/
display: inline-block;
}
.cataloghiRightContainer {
float: none !important;
width: 100% !important;
}
.cataloghiRightContainer .divCarrello {
width: auto !important;
font-size: 1rem !important;
text-align: center !important;
padding: 10px !important;
margin: 0 auto !important;
}
.cataloghiRightContainer .divCarrello br {
display: none;
}
.cataloghiRightContainer .abboList,
.cataloghiRightContainer .stockList {
border: 0px !important;
border-bottom: 1px solid #cccccc !important;
margin: 0 auto 3px !important;
padding: 1.500rem 0;
}
.cataloghiRightContainer .abboList .cataloghiAbboContainer,
.cataloghiRightContainer .stockList .cataloghiStockContainer {
text-align: center !important;
border-top: 1px solid #cccccc !important;
}
.cataloghiRightContainer .abboList .cataloghiListPrezzi,
.cataloghiRightContainer .stockList .cataloghiListPrezzi {
float: none !important;
text-align: center !important;
font-size: 1rem !important;
}
.cataloghiRightContainer .abboList .cataloghiListButton,
.cataloghiRightContainer .stockList .cataloghiListButton {
float: none !important;
text-align: center !important;
}
.cataloghiRightContainer .abboList .cataloghiAbboText,
.cataloghiRightContainer .stockList .cataloghiAbboText {
padding-bottom: 10px !important;
text-align: center !important;
}
.cataloghiRightContainer .abboList .cataloghiListTitle,
.cataloghiRightContainer .stockList .cataloghiListTitle {
font-size: 1.25rem !important;
text-align: center !important;
}
.cataloghiRightContainer .abboList .cataloghiAbboTitle,
.cataloghiRightContainer .stockList .cataloghiAbboTitle {
background-color: #eeeeee !important;
font-size: 1.25rem;
padding: 20px 10px;
}
/* Container Paginate Carrello*/
.telaioCarrello,
.telaioCarrello .rigaCarrello {
text-align: center !important;
padding: 1.500rem 0 2.500rem !important;
}
.telaioCarrello .rigaCarrello.testataCarrello {
float: none !important;
display: none !important;
}
.telaioCarrello .rigaCart .articoloCarrello {
width: auto !important;
padding: 1.500rem !important;
margin: 0 auto !important;
}
.telaioCarrello .articoloCarrello,
.telaioCarrello .tipoCarrello,
.telaioCarrello .prezzoCarrello,
.telaioCarrello .quantitaCarrello {
float: none !important;
display: block;
text-align: center;
width: auto !important;
}
.telaioCarrello .quantitaCarrello div:first-child {
width: auto !important;
float: none !important;
display: block;
margin: 1.000rem 0;
}
.telaioCarrello .tipoCarrello,
.telaioCarrello .prezzoCarrello,
.telaioCarrello .quantitaCarrello,
.telaioCarrello .buttonsCarrello {
width: 100%;
}
.telaioCarrello .quantitaCarrello .cataloghiListButton {
float: none !important;
display: inline-block !important;
padding: 0 !important;
margin-left: 0 !important;
}
.telaioCarrello .dropCarrello .labelDropCarrello,
.telaioCarrello .dropCarrello .selDropCarrello {
float: none !important;
margin: 5px !important;
display: block;
text-align: center;
width: 100% !important;
}
.telaioCarrello .rigaCarrello {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
width: 100%;
text-align: center;
}
.telaioCarrello .spedizionePagamento {
float: none !important;
display: block;
text-align: center;
width: auto !important;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.telaioCarrello .totaleCarrello {
float: none !important;
display: inline-block !important;
padding: 0 !important;
width: auto !important;
text-align: center;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.telaioCarrello .totaleCarrello b {
color: #801d22 !important;
}
.telaioCarrello .separator20px {
display: none !important;
}
/* Container Paginate Contact Form*/
#commentForm .itemContactForm {
float: none !important;
display: block;
text-align: center;
width: 100% !important;
}
#commentForm .itemContactForm.firstItem {
border-bottom: 1px solid #cccccc !important;
}
#commentForm legend {
float: none !important;
display: block;
text-align: center;
width: 100% !important;
}
#commentForm .labelContactForm {
float: none !important;
display: block;
padding: 1.000rem 0 0 !important;
width: auto !important;
text-align: left;
}
#commentForm .fieldContactForm {
float: none !important;
display: block;
text-align: center;
width: auto !important;
}
#commentForm .fieldItemForm {
float: none !important;
display: block;
text-align: center;
width: auto !important;
}
#commentForm .fieldNumberForm {
float: none !important;
display: inline-block;
text-align: center;
width: auto !important;
}
#commentForm .itemAuthContactForm {
float: none !important;
display: block;
text-align: center;
width: 100% !important;
}
#commentForm .fieldAuth {
float: none !important;
display: inline-block;
text-align: center;
width: 100% !important;
}
#commentForm .itemCompContactForm {
float: none !important;
display: inline-block;
text-align: center;
width: 100% !important;
}
#commentForm .itemButtonContactForm {
float: none !important;
display: inline-block;
text-align: center;
width: 100% !important;
}
div.headerAuth {
text-align: left;
}
div.fieldContactForm input,
div.fieldContactForm input[type="text"],
div.fieldContactForm input[type="password"],
div.fieldContactForm textarea,
div.fieldContactForm select {
width: 100% !important;
}
div.fieldContactForm input[type="checkbox"],
div.fieldContactForm input[type="radio"] {
width: auto !important;
}
#contactFormContainerRight {
padding: 2.500rem !important;
}
/* Container Paginate Interne Parte Destra*/
#panelContentRight {
padding: 3.000rem 0px;
}
#panelContentRight a.photo img,
#panelContentRight a.photopng img,
#panelContentRight a.photocarr img,
#panelContentRight a.video img,
#panelContentRight a.content img,
#panelContentRight a.linkcont img,
#panelContentRight a.linkinfo img {
width: 100% !important;
height: auto !important;
}
#panelContentRight {
text-align: center !important;
}
#panelContentRight iframe {
text-align: center;
}
#panelContentRight .image-holder {
display: block;
background: none;
float: none;
text-align: center;
}
#panelCaptionRight div.pointdid {
display: none !important;
}
#panelCaptionRight div.didascalia {
display: block;
background: none;
float: none;
text-align: center;
}
/* Carousel Panel Right Paginate Interne */
#panelContentRight .image_carousel_dx {
width: 100% !important;
max-width: 320px !important;
height: 100% !important;
max-height: 230px !important;
display: inline-block !important;
position: relative !important;
text-align: center !important;
float: none !important;
margin-bottom: 40px !important;
}
#panelContentRight .caroufredsel_wrapper {
margin: auto !important;
}
#panelContentRight .caroufredsel_wrapper #foo4 div.carimage-holder {
padding: 0 !important;
border: 0 !important;
min-width: inherit !important;
min-height: inherit !important;
}
#panelContentRight .caroufredsel_wrapper #foo4 div.carimage-holder img {
width: 100% !important;
max-width: 320px !important;
height: 100% !important;
max-height: 216px !important;
}
/* Title Panel Paginate Interne */
#panelLinkPrint {
display: none;
}
.breadcrumbs {
padding: 0 0 5px 0 !important;
font-size: 0.800rem !important;
height: auto !important;
}
.breadcrumbs li {
display: inline-block;
}
#panelTitlePage {
padding: 0px !important;
}
#cont {
width: 100%;
padding: 1.5rem;
}
#panelContent {
padding: 1.500rem 0 !important;
height: auto !important;
}
#contactFormContainerBox {
/*padding-left: 0 !important;*/
/*padding-right: 0 !important;*/
}
.panelBoxback {
background: none;
}
/* Carousel a 3 Paginate Interne */
.image_carousel .caroufredsel_wrapper #foo4 div.carimage-holder {
min-width: inherit !important;
min-height: inherit !important;
padding: 0 !important;
}
.image_carousel .caroufredsel_wrapper {
margin: auto !important;
}
.image_carousel .caroufredsel_wrapper #foo4 div.carimage-holder img {
width: 100% !important;
min-width: 192px !important;
height: auto !important;
}
/* Carousel UP Paginate Interne */
#panelContentTop .image_carousel_up {
height: auto !important;
width: 100% !important;
display: inline-block !important;
position: relative !important;
text-align: center !important;
}
.image_carousel_up .caroufredsel_wrapper {
margin: auto !important;
}
.image_carousel_up .caroufredsel_wrapper #foo-12 div.carimage-holder {
min-width: inherit !important;
min-height: inherit !important;
}
.image_carousel_up .caroufredsel_wrapper #foo-12 div.carimage-holder img {
width: 100% !important;
max-width: 660px !important;
height: 100% !important;
max-height: 320px !important;
}
/* Carousel Calendar Aste Paginate Interne */
#panelTitlePage h1 {
font-size: 1.800rem;
line-height: 1.800rem;
letter-spacing: 0.100rem;
}
.image_carousel_calendar_gallery {
display: none !important;
}
.asteListContainer .asteListContent {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
/*.image_carousel_calendar_gallery .caroufredsel_wrapper { margin: auto !important; }
.image_carousel_calendar_gallery .caroufredsel_wrapper #foo-aste div.carimage-holder { min-width: inherit !important; min-height: inherit !important; text-align: center !important; height: auto !important;}
.image_carousel_calendar_gallery .caroufredsel_wrapper #foo-aste div.carimage-holder img { width:inherit !important; max-width:940px !important;height: auto !important; } */
/* Elenco Aste Paginate Interne */
.asteListContainer {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.asteListContainer .asteListDati {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.asteListContainer .asteListImg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.asteListContainer #pulsantieraAsta {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.asteListContainer .asteListDati,
.asteListContainer .asteListImg,
.asteListContainer #pulsantieraAsta {
padding: 1.000rem 0!important;
text-align: left;
}
#asteFuture {
margin-left: 0;
margin-right: 0;
padding: 0;
}
#asteFuture .asteListContainer.futureAuction .asteListImg {
padding-left: 0;
padding-right: 0;
}
.rigaSep {
float: none;
clear: both;
}
.block-grid-xs-1 + .rigaSep {
background: transparent;
}
.asteListContainer .asteListDati .numAsta,
.asteListContainer .asteListDati .numAsta h5 {
margin: auto !important;
width: auto !important;
display: inline-block !important;
font-size: inherit !important;
}
.asteListContainer .asteListDati .numAsta {
margin-bottom: 5px !important;
}
/* Carousel Dettaglio Asta Static Image Paginate Interne */
.image_carousel_calendar_gallery {
display: block;
position: relative;
}
.image_carousel_calendar_gallery div.carimage-holder.staticImage {
float: none;
min-width: inherit !important;
min-height: inherit !important;
text-align: center !important;
height: auto !important;
}
.image_carousel_calendar_gallery div.carimage-holder.staticImage img {
width: 100% !important;
height: auto !important;
}
#dettaglioAsta .image_carousel_auctions_gallery {
height: auto !important;
width: 100% !important;
display: inline-block !important;
position: relative !important;
text-align: center !important;
}
#dettaglioAsta .image_carousel_auctions_gallery .caroufredsel_wrapper {
margin: auto !important;
}
#dettaglioAsta .image_carousel_auctions_gallery .caroufredsel_wrapper #foo-aste div.carimage-holder {
min-width: inherit !important;
min-height: inherit !important;
}
#dettaglioAsta .image_carousel_auctions_gallery .caroufredsel_wrapper #foo-aste div.carimage-holder img {
width: 100% !important;
min-width: 250px !important;
height: 100% !important;
}
/* Magazine Paginate Interne */
/* Dettaglio Aste Paginate Interne */
#panelPaginationSliderAste {
bottom: 15px;
}
#dettaglioPreAsta .preTextAsta {
position: relative !important;
left: auto !important;
bottom: auto !important;
}
#dettaglioAsta {
display: block;
font-size: 1.200rem;
line-height: 1.600rem;
}
#dettaglioAsta .textAsta {
padding: 2.500rem 0 !important;
}
#dettaglioAsta .itemListTitle h4 {
font-size: 2.400rem;
line-height: 2.800rem;
}
#dettaglioAsta .itemListText {
font-style: normal;
color: inherit;
}
#dettaglioAsta .asteListExpoTitle {
padding-top: 1.500rem!important;
}
#dettaglioAsta .asteListImg {
text-align: left;
padding-left: 0;
padding-right: 0;
}
#dettaglioAsta #pulsantieraAsta {
text-align: left;
}
.panelElLotti {
flex-direction: column !important;
-webkit-flex-direction: column !important;
-moz-flex-direction: column !important;
}
/* Lotti Consolle */
.lotViewsContainer .leftBox b {
font-size: 1.25rem !important;
}
.lotViewsContainer {
padding: 1.500rem 0!important;
text-align: center !important;
}
.lotViewsContainer .leftBox {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
text-align: center !important;
}
.lotViewsContainer .rightBox {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
text-align: center !important;
}
div#paging-lot {
text-align: center !important;
margin: auto;
}
.lotViewsContainer .leftBox,
.lotViewsContainer .rightBox {
float: none !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
width: 100%;
height: auto !important;
padding: 0 !important;
}
/* Buttons */
.asteListButtonBig a,
.asteListButtonBig a:visited {
font-size: 1.2rem !important;
line-height: inherit !important;
}
/* Iframe Video */
#panelContentTop div iframe {
width: 100% !important;
max-width: 660px !important;
height: 100% !important;
max-height: 372px !important;
}
#panelContentRight iframe {
width: 100% !important;
max-width: 660px !important;
height: 100% !important;
max-height: 372px !important;
}
/* Paginazione */
div#paging {
text-align: center !important;
width: auto !important;
vertical-align: top;
padding: 10px !important;
}
.lotPagingContainer {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
height: auto !important;
padding: 0 0 10px !important;
}
.lotPagingContainer .leftBox {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.lotPagingContainer .rightBox {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.lotPagingContainer .leftBox,
.lotPagingContainer .rightBox {
float: none !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex!important;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
width: 100%;
height: auto !important;
}
.lotPagingContainer .leftBox {
padding: 0.500rem 0 0 !important;
}
.lotPagingContainer .rightBox {
padding: 0.500rem 0 !important;
}
div#paging-lot {
padding-bottom: 0.250rem !important;
}
.lotsConsole div.ricerca {
float: none;
}
#psearch {
float: none;
}
.lotsConsole input.testo {
background-color: transparent;
border: none;
font-size: 1.000rem;
margin-left: 0;
line-height: 1.000rem;
padding: 5px 10px;
text-transform: uppercase;
width: 100%;
border: 1px solid rgba(0, 0, 0, 0.15);
}
.lotsConsole input.immagine {
border: 0 none;
cursor: pointer;
padding: 0;
position: absolute;
height: 24px;
width: auto;
right: 5px;
top: 4px;
}
/* Lotti */
.lotListContainer .lotItemList .containerLotItemNew {
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.lotListContainer .lotItemList .preview {
text-align: center;
}
.lotListContainer .lotItemList .statoLotto {
text-align: center;
}
/* Immagini */
.image-holder-small {
background: none !important;
}
/* Div Esclusi */
.labelCalAdd {
display: none !important;
}
.asteListButton.google,
.asteListButton.winmac {
display: none !important;
}
#formElements .rightBox {
display: none !important;
}
/*************** Banner Image Left ****************/
#bannerLeft .adsbygoogle {
height: auto !important;
}
/*************** Banner Image ****************/
#bannerRowHome.container {
padding-left: 0;
padding-right: 0;
margin-bottom: 110px;
position: relative;
overflow: hidden;
}
#bannerRowHome .contBoxHome {
margin: auto;
padding: 0;
width: 100% !important;
display: block;
cursor: pointer;
position: relative !important;
z-index: 1;
top: auto !important;
bottom: auto !important;
right: auto !important;
text-align: center;
vertical-align: middle;
}
#bannerRowHome .contBoxHome > div {
margin: auto;
padding: 5%;
vertical-align: middle;
}
#bannerRowHome a.linkHeaderHomeBox:before {
opacity: 0;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
#bannerRowHome:hover a.linkHeaderHomeBox:before {
opacity: 1;
bottom: 0px;
transition: all 0.65s ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
-moz-transition: all 0.65s ease-in-out;
-o-transition: all 0.65s ease-in-out;
}
#bannerRowHome a.linkHeaderHomeBox {
display: inline-block;
position: relative;
}
#bannerRowHome img {
width: 100%;
height: auto;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
#bannerRowHome:hover img {
-webkit-transform: scale(1.05);
}
#bannerRowHome .headerBoxHome {
text-align: center;
}
#bannerRowHome .titleBoxHome {
font-size: 1.800rem;
line-height: 1.800rem;
letter-spacing: 0.100rem;
width: 100% !important;
padding: 0 0 1.500rem;
}
/* Back to top */
#back-to-top {
display: none !important;
}
/* Misti */
.lotPagingSeparator {
height: auto;
padding-left: 0;
}
/* Tabbed Panels */
.TabbedPanelsTab {
width: 100%;
}
/* Vendere */
.testoInternoVendita .venderePanel .vendereCol-4 {
width: 100%;
}
.testoInternoVendita .testoInterno {
font-size: inherit;
}
/* Button Form */
.buttonForm {
width: 100%;
margin: 0.100rem;
letter-spacing: 0.100rem;
}
#contactFormContainerLeft .btn {
width: 100%;
}
}