/*
Theme Name: Portale Annunci 2026
Author:digireturn
Version:1.2
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
:root{
	--header-height:90px;
	--bounce:cubic-bezier(.51,.61,0,2.3);
	--vspace0:15px;
	--vspace1:25px;
	--vspace2:50px; 
	
	--color-light:#fff;
	--color-dark:#222;
	
	--color-primary:#0B66C3;
	--color-primary-hover:#4778aA;
	
	--color-secondary:#B74600;
	--color-secondary-hover:#972600;
	
	--color-thirty:#756DDD;
	--color-thirty-hover:#554DbD;
}


html,body,content{display:block;position:relative;min-height:100%}
content{min-height:648px;padding-bottom:50px}
body{font-family:'Open Sans',sans-serif;font-size:1rem;background:#F4F2EE}
/*font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;*/
.h1,.h2,.h3,.h4,.h5,.h6,p{display:block;margin-bottom:10px}
h1,.h1{font-size:36px;font-weight:bold}
h2,.h2{font-size:30px;font-weight:bold}
h3,.h3{font-size:24px;font-weight:bold}
h4,.h4{font-size:19px;font-weight:bold}
h5,.h5{font-size:17px;font-weight:bold}
h6,.h6{font-size:15px;font-weight:bold}
small{font-size:14px;font-weight:normal}
h1 small{font-size:18px;}
.title-primary{color:var(--color-primary);font-weight:bold}
.large{letter-spacing:2px}
a,.a{color:inherit;text-decoration:none;cursor:pointer}
a.mute,.a.mute{color:inherit}
a.colored,.a.colored{color:var(--color-primary)}
.a:hover{color:var(--color-primary)}
.vspace0{margin-bottom:var(--vspace0);position:relative}
.vspace{margin-bottom:var(--vspace1);position:relative}
.box{display:block;margin-bottom:var(--vspace1);background:white;padding:20px;width:100%;position:relative}
/*.box-primary{display:block;margin-bottom:var(--vspace1);background:var(--color-primary);color:var(--color-light);padding:36px 10px;width:100%;border-radius:50%}*/

.box-primary{margin-bottom:var(--vspace1);background:var(--color-primary);color:var(--color-light);display:flex;width:100%;border-radius:50%;align-items:center;justify-content:center}
.box-primary a{display:block;margin:0;padding:0}
.box-primary a:hover{color:var(--color-light)}


.button-dashboard{
	margin-bottom:var(--vspace1);
	padding:var(--vspace1);
	background:#fff;
	border-radius:4px;
	border:1px solid #f4f4f4;
	display:block;
	width:100%;
	text-align:center;
}
.button-dashboard img{border:2px solid transparent;border-radius:50%;overflow:hidden}
.button-dashboard-line{width:50px;height:3px;background:var(--color-primary);margin:0 auto}
.button-dashboard:hover .button-dashboard-line{width:100%;transition:width 0.2s ease}
.button-dashboard:hover img{border-color:var(--color-primary);transition:border-color 0.2s ease}
.button-dashboard a{display:block;margin:0;padding:0}
.button-dashboard a:hover{color:var(--color-primary)}

.iconblack{color:#222}
.box-profile{text-align:center;margin-bottom:var(--vspace1)}
.box-profile img{max-width:100%;width:150px}
.box-button{display:block;margin:-28px 0 var(--vspace1);background:white;padding:20px;width:100%}
.box-button:hover{background:#e4e4e4}
.color-due{color:red}
.text-left{justify-content: start;text-align:left}
.text-center{justify-content: center;text-align:center}
.text-right{justify-content: end;text-align:right}

@media (max-width:540px){
	.text-left-mobile{justify-content: start;text-align:left}
	.text-center-mobile{justify-content: center;text-align:center}
	.text-right-mobile{justify-content: end;text-align:right}

}

.hide{display:none !important}
hr.mini{margin:12px 0 14px}
.nowrap{white-space:nowrap}
a.nowrap{display: inline-block;}
.nowrap.rmargined{margin-right:30px}
.nowrap.margined{margin:0 15px}
.lingua-in-profilo{box-shadow:0 0 1px silver;margin-bottom:var(--vspace1);padding:15px;background:#f6f6f6}
/* overwrite bootstrap css */
*:focus,*:focus-visible{outline:0 !important;box-shadow:none !important}
form label{margin-top:15px;width:100%}
form small{line-height:1;display:inline-block}
.form-control{border-radius:0}

.danger{color:red} 
.success{color:green} 
.warn{color:yellow}  

.button{
	width:auto;
	font-size:1rem;
	border-radius:20px;
	font-weight:bold;
	display:inline-block;
	text-transform:uppercase;
	line-height:1.5;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	background-color:transparent;
	border:1px solid transparent;
	border-color:transparent;
	padding:.375rem 1rem;
	transition:all .15s ease-in-out;
	vertical-align:middle;
	margin:1px;
}
.button.small{font-size:small;line-height:1;padding:4px 8px;font-weight:normal}
.button.icon{padding:.375rem}
.button:hover{color:var(--color-primary)}
.button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-light)}
.button.primary:hover{background:var(--color-light);color:var(--color-primary)}
.button.secondary{background:var(--color-light);border-color:var(--color-primary);color:var(--color-primary)}
.button.secondary:hover{background:var(--color-primary);color:var(--color-light)}
.button.danger{background:white;color:red;border-color:red}
.button.danger:hover{background:rgba(250,30,30,0.8);color:white}
.button.mini{padding: 4px 8px;font-size: 16px}
.nobutton{
	width:auto;
	font-size:1.5rem;
	display:inline-block;
	text-transform:uppercase;
	line-height:1.5;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	user-select:none;
	background-color:transparent;
	padding: 0 8px;
}
.nobutton.danger{background:white;color:red;border-color:red}
.nobutton.danger:hover{background:red;color:white}
.topright{position:absolute;top:0;right:0}
.menu_container{
	position:relative
}
.menu_content{
	background:#fff;
	border:1px solid silver;
	border-radius:15px;
	padding:10px 0;
	position:absolute;
	top:35px;
	right:0;
	box-shadow:0px 8px 1rem 0px rgba(0,0,0,0.2);
	display:none;
	z-index:10;
}
.menu_content.active{
	display:block
}
.menu_content a{
	display:block;
	width:100%;
	cursor:pointer;
	padding:10px 30px;
}
.menu_content a:hover{
	background:rgba(30,30,30,0.1)
}


.btn{border-radius:8px}
.btn{padding:10px 25px;line-height:1.5;letter-spacing:1.5px;transition:all 0.5s ease}
.btn-icon i{font-size:1.5rem}
.btn-red{color:red}
.btn-red:hover{background:red;color:white}

.btn-topright{position:absolute;top:0;right:0;z-index:1}
.btn-a{text-decoration:underline;font-size:small;padding:0}
.btn-a:hover{text-decoration:none}

.btn-mobile{padding:15px 9px;}
.btn-mobile:hover{background:var(--color-primary);color:#fff}

label.btn{width:auto}
.btn-primary,.btn-primary:focus,
.btn-info-alt,.btn-info-alt:focus,
.btn-info,.btn-info:focus{background:var(--color-primary);border-color:var(--color-primary);color:#f4f4f4}
.btn-primary:hover,
.btn-info:hover{background:var(--color-primary-hover);border-color:var(--color-primary);color:#fff;box-shadow:0 0 50px var(--color-primary)}

.btn-info-alt:hover{background:#f4f4f4;border-color:var(--color-primary);color:var(--color-primary)}

.btn-notice{background:#dFa846;border-color:#bF8826;color:#f4f4f4}
.btn-notice:hover{background:#fff;border-color:#bF8826;color:#333}

.btn-secondary{background:var(--color-secondary);border-color:var(--color-secondary);color:#f4f4f4}
.btn-secondary:hover{background:var(--color-secondary-hover);border-color:var(--color-secondary);color:#fff;box-shadow:0 0 50px var(--color-secondary)}

.btn-thirty{background:var(--color-thirty);border-color:var(--color-thirty);color:#f4f4f4}
.btn-thirty:hover{background:var(--color-thirty-hover);border-color:var(--color-thirty);color:#fff;box-shadow:0 0 50px var(--color-thirty)}

.btn-default{background:#fff;border-color:var(--color-primary);color:var(--color-primary)}
.btn-default:hover{background:var(--color-primary);color:var(--color-light)}

.btn-round{padding:8px 8px;border-radius:50%;line-height:2}
.btn-small{padding:5px 8px;min-width:36px}
.btn-fluid{width:100%}
select.form-control{font-size:1rem;font-weight:normal;cursor:pointer;background-repeat:no-repeat;background-position:right 6px center;background-size:1rem 12px;padding-right:24px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(60,60,60)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}
select option{font-size:110%;font-family:Arial}
input[type="file"].form-control{font-size:12px}
input[type="number"]{padding-right:0}
input[type="checkbox"]{--w:20px;width:var(--w);height:var(--w);margin-top:1px}
.control-group{margin-bottom:15px;position:relative}

.control-overlay{position:absolute;right:0;top:0}
.filecv{text-align:center;margin:15px auto;padding:0;overflow:hidden;max-width:150px}
.avatar{text-align:center;margin:0 auto;padding:0;border-radius:50%;overflow:hidden;max-width:100%;width:120px;border:2px solid #fff}
.avatar.small{margin:0 auto;width:60px}
.avatar img{border-radius:50%;width:100%;height:auto}
.avatar.inline{display:inline-block;width:50px;vertical-align:middle}

/* ------------------------------ */
.profile-card{display:flex;gap:15px/* ;align-items:center */}
.profile-card .image{width:50px}
.profile-card .info{flex:1}
.profile-card .cmd{max-width:80px}


.formfield_riconoscimenti .btn-fluid,
.formfield_volontariato .btn-fluid,
.formfield_lavori .btn-fluid{
	margin-left:-8px
}

.formfield_riconoscimenti,
.formfield_volontariato,
.formfield_lavori{
	padding-bottom:1rem;
	margin-bottom:1rem;
	border-bottom:1px solid #f4f4f4;
}
.worktimelist{}
.worktimelist li{
	margin-top:6px;
}
.worktimelist li::marker{
	font-size:20px; 
}
.worktimelist .worktimelistline{
	border-left: 1px solid #555;
	margin: 0 0 0 -14px;
	padding: 0 0 6px 14px;
}
.worktimelist p{
	margin: 0;
	padding: 0;
}

.tablelist{
	width:100%;
	border-collapse:collapse;
	margin:0;
}
.tablelist td{
	padding:12px 12px 12px 0;
	border-top:1px solid #ccc;
	vertical-align:top;
}
.tablelist td.fit{
	width:1%;white-space:nowrap
}
@media (max-width:400px){
.tablelist td.fit{
	text-align:center;
	white-space:wrap
}
}
/* ------------------------------ */
.cover{width:100%}
.aftercover{margin-top:-1rem}
.aftercover .avatar{margin-top:-78px;width:100% !important;max-width:150px !important}
@media (max-width:1200px){
	.aftercover .avatar{margin-top:-70px}
		
}
@media (max-width:768px){
	.modal-dialog { 
	  margin: 0; 
	}
	.aftercover .avatar{
		margin: -65px 0 0;
		width: 90px !important;		
	}
} 
.modal-title{text-align:center;width: 100%}
.modal-body *{font-weight:bold}
.categories-notifies{margin:40px 0 20px}
.categories-notifies a{margin: 0 20px 20px 0;position:relative; font-size:1rem !important;font-weight:400 !important}
.inlinebuttons a{margin: 0 20px 20px 0;}
.count-notify-cat{ 
	background: red;
	color: white;
	border-radius: 50%;
	line-height: 1;
	padding: 4px 6px 6px;
	font-size: 14px;
	display: block;
	font-weight: 300;
	position: absolute;
	right: -5px;
	top: -10px;	
}

.img-fluid.cover{width:100%}
.control-privacy{position:relative}
.control-privacy > .form-control{width:calc(100% - 90px)}
.input-privacy{position:absolute;top:0;right:0}
.input-privacy .form-control{font-size:12px;width:90px;line-height:2}
.alert{padding-right: 20px;text-align:left}
.alert .alert-close{color:#666;cursor:pointer;font-size:26px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}
.alert .alert-close:hover{color:red}
.alert-notice{background:#f4f4ca}
.alert-success{color:#000;background-color:#bcffc4;border-color:#19bb0c}
/* ------------------------------ */

header{position:relative;background:#fff;line-height:1.2} 
header a{color:black;display:block;margin:0;padding:0}
header img{height:var(--header-height)}
header .header{display:flex;flex-direction:row;gap:15px;align-items:center}
header .header .fa{font-size:26px}
header .center{flex:1}
header .logo{display:inline-block;padding: 24px 0;border-top:2px solid transparent}
header .logo img{max-height:40px}
header ul{padding:0;margin:0;list-style:none}
header ul.menu{display:flex;flex-direction:row;align-items:center;justify-content:center}
header ul.menu > li > a{display:flex;height:var(--header-height);align-items:center;padding:0 15px;border-top:2px solid transparent}
header ul.menu > li > a:hover,
header .logo:hover,
header a:hover{border-color:#0B66C3;transition:background 0.5s ease}
 
header .right .sub-menu{width:100% !important;min-width:180px;margin-left:-60px}
header .sub-menu{transition:all 0.5s ease}
header li > .sub-menu{display:none;min-width: 150px;font-size:15px;z-index:99999;position:absolute;flex-direction:column;background:white;box-shadow:0 0 5px silver;top:var(--header-height);text-align:left;padding:0}
header li > .sub-menu button{font-size:small;border:1px solid silver;background:#f4f4f4;padding:2px 4px}
header li > .sub-menu .item,header li .menu-item a{padding:10px;text-align:left;margin:0}
header li > .sub-menu .item i{display:inline-block;vertical-align:middle}
header li > .sub-menu .item small{font-size:10px;float:right}
header li > .sub-menu .item i.active{color:green}
header li:hover > .sub-menu{display:flex}
header .menu-item-has-children{position:relative} 
header .menu-item-has-children li a{line-height:1.5}
header .usernotify .sub-menu{max-width:200px !important;xfont-size:small;max-height:41rem;overflow:auto} 
header .categorizednotifies > .sub-menu{max-width:80vw !important;width:350px !important;max-height:calc(100vh - 100px);right:15px}
header .authorbox{padding-top:0 !important;padding-bottom:0 !important;font-size:14px !important;overflow:hidden;word-wrap:break-word !important}
header .authorbox span{max-width:80px;line-height:1.1}
header .authorbox img{height:calc(var(--header-height) - 50px);margin-right:10px;border-radius:50%}
header .mobile{display:none}


@media (max-width:767px){ 
	header .center{display:none;position:fixed;background:#fff;width:240px;height:100%;z-index:11;top:0;left:0;right:0;bottom:0;border-right:1px solid silver;box-shadow:4px 0px 8px rgba(200,200,200,0.5)}
	header .center > .menu-principale-container{width:100%;max-height:100%;overflow:auto}
	header .center ul.menu{display:block;}
	header .center .sub-menu{display:block;position:relative;padding-left:24px;top:0}
	header ul.menu > li > a{padding:0 8px}	

	header .center ul.menu > li > a{height:auto !important;padding:1rem 15px;;display:block}
	header .left{flex:1}
	header .mobile{display:block}
	header .authorbox span{display:none}
	header .authorbox img{height:30px;margin-right:0px}
	header .header{gap:0}
	.no-mobile{display:none}
	header .menu-item-has-children > a,
	header a[href="javascript:void(0)"]{font-weight:bold}	
}

.defaultpage{padding-top:var(--vspace1)}

/* homepage */
.homepage{position:relative}
.homepage .header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(30,49,66,0.76)}
.homepage .header{height:calc(100vh - 52px);position:relative;margin-bottom:var(--vspace2)}
.homepage .titles{font-size:41px;padding:20px 0}
.homepage .titles p{color:#fad576;overflow:hidden;white-space:nowrap;width:0;animation:battitura 6s infinite}
.homepage .titles h1{color:#fff}
.homepage .types{color:#fff;margin-bottom:1rem;line-height:3}
.homepage .types span{border-bottom:2px solid transparent;padding-bottom:1rem;margin-right:1rem;cursor:pointer;white-space:nowrap}
.homepage .types span:hover{border-color:silver}
.homepage .types span.active{border-color:#fad576;font-weight:bold}
.homepage .homecontent{padding:50px;margin:0 0 var(--vspace2);text-align:center !important}
.homepage .homecontent *{text-align:center !important}
.homepage .toogle{overflow:hidden;width:100%;position:relative}

@keyframes battitura{
	0%{width:0}
	75%{width:100%}
	85%{width:100%}
	100%{width:0}
}
.homepage .homesearch{width:100%;position:absolute;top:50%;transform:translateY(-50%);left:0px;padding:20px}
.homepage .homesearch select,
.homepage .homesearch input{background:transparent;backdrop-filter:blur(10px);color:white;border:1px solid #fff;font-weight:200;padding:12px 20px}
.homepage .homesearch label{display:block;color:#fff;font-style:italic;font-size:14px;letter-spacing:2px;font-weight:200}
.homepage .homesearch select{cursor:pointer;background-repeat:no-repeat;background-position:right 0.75rem center;background-size:1rem 12px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(200,200,200)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}
.homepage .homesearch select option{background:#222}
.homepage .homesearch button{border-radius:12px;padding:12px 20px} 

.select2dark .select2{
	background:transparent;color:white;border:1px solid #fff;font-weight:200;padding:1px}

.select2dark .select2-container .select2-selection--single{height:47px !important;border:0 !important;background:transparent !important;backdrop-filter:blur(10px);color:white !important}
.select2dark .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;line-height:47px !important}
.select2dark .select2-container--default .select2-search--dropdown .select2-search__field{border:0;background:transparent;border-bottom:1px solid #aaa;padding:10px 4px;color:silver;font-style:italic;letter-spacing:1px}
.select2dark .select2-dropdown{background-color:rgba(30,30,30,0.8) !important;color:white}
.select2dark .select2-container--default .select2-selection--single .select2-selection__arrow{height:44px}
.select2dark .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#fff transparent transparent transparent}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
	background-color: #333;
}

.mainboxes{display:flex;gap:10px;align-items:stretch;text-align:center;flex-flow: wrap;}
.mainbox{flex:1;padding:var(--vspace2);display:inline-flex;flex-direction:column;align-items:center;justify-content:center}
.mainbox h2{border-bottom:2px solid #fff;padding-bottom:var(--vspace1);margin-bottom:var(--vspace1)}
.mainbox p{flex:1;margin:0}
.mainbox a{margin-top:var(--vspace1);border-color:white}
.mainbox.datori{background:var(--color-primary);/*linear-gradient(-30deg,rgba(30,80,150,0.5),rgba(30,80,150,1));*/color:#fff} 
.mainbox.candidati{background:var(--color-secondary);/*linear-gradient(30deg,rgba(113,22,22,0.5),rgba(113,22,22,1));*/color:#fff}
.mainbox.lavoro{background:var(--color-thirty);/*linear-gradient(30deg,rgba(113,22,22,0.5),rgba(113,22,22,1));*/color:#fff}
@media (max-width:1200px){
.mainbox.candidati,
.mainbox.lavoro{flex: 1 1 auto}	
.mainbox.datori{flex: 1 1 100%}
}
@media (max-width:767px){
	.mainboxes.col3{flex-direction:column}
	.mainboxes.col3 .mainbox{width:100%}
}

.maincategories{width:100%;background:white;padding:var(--vspace2) 0;margin:var(--vspace2) 0;display:block;position:relative}
.maincategories ul{list-style:none;padding:0;margin:0;display:block;text-align:center}
.maincategories li{display:inline-block;margin:5px}
.maincategories img{border-radius:50%}
.maincategories .mcbox{display:block;padding:20px 28px;background:linear-gradient(to bottom, #f4f4f4, #e9e9e9)}
.maincategories a:hover{border-color:var(--color-primary-hover)}
.maincategories .mcbox span{background:var(--color-primary);color:#fff;font-size:30px;padding:20px;border-radius:50%;line-height:1;margin-right:5px;display:inline-block}

/* elenco annunci */
.filterbox{background:white;padding:15px;margin-bottom:15px;border:1px solid #ddd;-box-shadow:2px 2px 5px rgba(200, 200, 200, 0.5)}
.annunciobox{display:flex;flex-direction:row;gap:15px;margin-bottom:15px;background:white;padding:20px;border:1px solid #ddd;-box-shadow:3px 3px 5px silver;width:100%}
.annuncio-image{width:50px}
.annuncio-info{flex:1}
.annuncio-info i.fa{color:gray}
.annuncio-title{font-size:20px}
.annuncipage .annuncio-title{color:#0a58ca}
.annuncipage .annuncio-title:hover a{color:#1a68da}
.annuncio-info-row{font-size:14px;color:#1a1a1a}
.annuncio-info-sep{display:inline-block;background:silver;height:12px;width:2px;margin:0 2px 0 5px}
.annuncio-actions{width:50px}
.annuncio-actions button{padding:2px 10px;font-size:20px}
.annunciinfo{background:#fff;padding:15px;margin-bottom:15px;display:flex;flex-direction:row;gap:15px;align-items:center}
.annunciinfo-title{flex:1}
.annunciinfo-order{font-size:13px;white-space:nowrap} 

/* single-annuncio */
.singleannuncio-box{display:flex;flex-direction:row;align-items:center;gap:15px;margin-bottom:var(--vspace1);background:white;padding:20px;box-shadow:3px 3px 5px silver;width:100%}
.singleannuncio-image{width:150px;margin:0 auto}
.singleannuncio-info{margin-bottom:15px}
.singleannuncio-info label{width:100%}
.singleannuncio-info i.fa{color:gray}
.singleannuncio-row{display:flex;flex-direction:row;gap:10px;width:100%}
.singleannuncio-row > .icona{width:15px;text-align:center}
.singleannuncio-row > .free{flex:1}

/* pagination */
.multipages{display:flex;justify-content:center;width:100%;gap:5px;text-align:center}
.multipages a{padding:10px 15px;background:white;line-height:1.5;font-family:monospace;display:block;text-align:center}
.multipages a:hover,.multipages a.active{background:var(--color-primary);color:#fff}
/*  ----esperimento ---- */
.floatfilters{display:flex;flex-direction:column}
.floatfilters .body{flex:1;overflow:auto}

/* company */
.company-mini{white-space:wrap}
.company-mini .image{text-align:center}
.company-mini .image img{width:60px;height:60px}
.company-mini .title{font-size:17px;line-height:1;height:36px;overflow:hidden}

/* candidato */
.candidato-mini{white-space:wrap}
.candidato-mini .image{text-align:center}
.candidato-mini .image img{width:60px;height:60px;border-radius:50%;overflow:hidden}
.candidato-mini .title{font-size:17px;line-height:1;height:36px;overflow:hidden} 

.user-menu{border-top:2px solid silver;background:#414C53;color:white;margin-bottom:var(--vspace2)}
.user-menu-box{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}
.user-menu-box a{color:#f8f8f8;text-align:center;width:100%;padding:20px}
.user-menu-box a i{font-size:27px;color:inherit}
.user-menu-box a span{white-space:nowrap;font-size:14px;display:block}
.user-menu-box a:hover,.user-menu-box a.active{background:#e4e4f4;color:#333}

/*login*/
.login{padding:150px 0}
 
/*registrazione/register/wizard*/
.wizard{background:white;padding:2rem;max-width:700px;margin:var(--vspace1) auto var(--vspace2);width:100%}
.register{background:white;padding:var(--vspace1) var(--vspace2) var(--vspace2);max-width:640px;margin:var(--vspace1) auto var(--vspace2);width:100%}
.heavy{font-weight:bold}

.register-progress{margin:10px 0 var(--vspace1);display:flex;justify-content:space-between;flex-direction:row;position:relative}
.register-progress::before{content:"";position:absolute;width:100%;top:32px;left:0;right:0;height:6px;z-index:9;border-top:1px solid silver;border-bottom:1px solid silver}
.register-progress-item{--size:70px;z-index:10;border-radius:50%;border:0;width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#868585,#353535)}
/*.register-progress-item span{display:flex;border:1px solid silver;font-size:21px;height:60px;width:60px;font-weight:500;color:#666;justify-content:center;align-items:center;border-radius:50%;background:white}*/
.register-progress-item span{--size:54px;color:#f4f4f4;background:linear-gradient(-45deg,#8e8c8c,#3e3a3a);border:1px solid silver;font-size:20px;display:flex;font-weight:700;justify-content:center;align-items:center;border-radius:50%;font-family:arial;height:var(--size);width:var(--size)}
.register-progress-item.active{background:red}
.register-progress-item.active span{background:red}

.register-progress-item.done{background:linear-gradient(45deg,#73CF1B,#539710)}
.register-progress-item.done span{border-color:#3F7C06}

.register-accounttype{margin-bottom:15px;display:flex;gap:30px;text-align:center;position:relative}
.register-accounttype-option{flex-grow:1;width:100%;position:relative;z-index:0}
.register-accounttype-option label{border:1px solid #DDDDDD;padding:15px;text-align:center;width:100%;white-space:nowrap;position:relative;z-index:1;background:white;cursor:pointer}
.register-accounttype-option input{display:none;width:100%;height:88px;position:absolute;opacity:1;z-index:0}
.register-accounttype-option input:checked{display:block}
.register-accounttype-option:hover{border-color:blue}

.studente-fields,
.professionista-fields{display:none}

.form-studente .studente-fields{display:block}
.form-professionista .professionista-fields{display:block}

.normativa a{font-weight:bold}
span.required{margin-right:5px;font-size:1rem;color:#ad4303;font-weight:bold;display:inline-block;line-height:0}

.carosello{width:100%;height:auto;position:relative}
.carosello-prev,
.carosello-next{position:absolute;padding:10px 20px;background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);font-size:30px;line-height:0;top:0;border-radius:50%;cursor:pointer;transition:all 0.5s ease}
.carosello-next{right:15px}
.carosello-prev{right:80px}

.carosello-next:hover,
.carosello-prev:hover{border-color:var(--color-primary-hover);background:var(--color-primary);color:#fff}
.carosello-title{padding:15px 0}
.carosello-container{width:100%;height:auto;padding:0 0 20px 0px;overflow:hidden}
.carosello-sliders{display:inline-flex;flex-direction:row;white-space:nowrap;gap:20px}
.carosello-slide{width:250px;text-align:center;border:1px solid silver;padding:20px;background:white}

.copyright{text-align:center;padding:25px 15px 0;color:#ccc}
footer{background:#000;padding:60px 15px 15px;color:#ccc}
footer h1,
footer h2,
footer h3{font-size:20px;font-weight:bold;color:#fff}
footer h4,
footer h5,
footer h6{font-size:1rem}
footer img{margin-bottom:20px;max-width:100%;max-height:60px}
footer .fa{margin-right:10px}
footer p,
footer ul{line-height:1.5;margin:0 0 15px 0}
footer ul{padding-left:15px}
footer a{color:#ccc}
footer a:hover{color:#fff}

.footer-section .alignnone{display:block}

.status-approved{color:green}
.status-draft{color:gray}

.row-table{background:#fff;padding-top:25px;padding-bottom:25px;border-bottom:1px solid #bbb}
.row-head{background: #eee;padding-top: 0;padding-bottom: 0}
.row-alt{background:#f6f6f6}

.jjhead{font-size:14px}
.jjtr{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid silver;background:white}
.jjtr.alt{background:#f4f4f4}
.jjth{width:50%;overflow:hidden;display:flex;justify-content:space-between;gap:15px}
.jjth.w100{width:100%}
.jjtd{width:100px;overflow:hidden;padding:5px;text-align:center}
.jjtd label{display:none}
.jjtd.title{flex:1;text-align:left;padding-left:15px}
.jjtd.status{font-size:14px}
.jjtd.stats{flex:1}
.jjtd.views{width:65px}
.jjtd.match{width:65px}
.jjtd.cmd .btn{margin:2px}
.jjtd.col2{width:50%}

.titleicon{
	display:flex;align-items:center;justify-content: space-between;gap: 20px;margin-bottom: 10px;
}
.titleicon > div{flex:1}
.titleh{display:flex;align-items:center;justify-content: space-between;margin-bottom:20px}
.completamentoprofilo{text-align:center}
.completamentoprofilo > div{margin-bottom:15px}
.completamentoprofilo p{margin:0;padding:0}
.completamentoprofilo-legenda{width: fit-content;
  text-align: left;
  margin: 10px auto;}
.completamentoprofilo-legenda-item{--dim:14px;width:var(--dim);height:var(--dim);display: inline-block;border-radius:50%}
.completamento-indicator{
	position:relative;
	display:flex;
	width:100%;max-width:200px;
	aspect-ratio:1;
	border-radius:50%;
	overflow:hidden;
	border:3px solid silver;
	align-items: self-end;
	background: #eee;
	margin:0 auto;
}
.completamento-content{
	width:100%;
	background:gray;
}
.completamento-content_label{
	position: absolute;
	width: 100%;
	padding: 10px;
	font-size: 2rem;
	left: 0;
	text-align: center;
	color: white;
	top: 50%;
}
@media (max-width:960px){
	.titleh{flex-direction:column}
	.jjhead{display:none}
	.jjth{flex-direction:column;width:100%;gap:0}
	.jjtd {width: 100%;}
	.jjtd.image img {border-radius:50%;margin:0 auto;max-width:90px}
	
}
@media (max-width:448px){
	.jjtr{flex-direction:column;width:100%;gap:0}
	
}

.filters{ display:flex;align-items:flex-start;justify-content:end;xbackground:#ccc;gap:10px;margin-bottom:10px}
.filters label{font-size:small;margin:0}
.filters .free,.filters h1{flex:1;width:100%}
.filters .input-group{width:100%;max-width:320px}
.privateannunci{font-size:1rem}
.privateannunci .detail{margin-bottom:12px;align-items:baseline;display:flex}
.privateannunci .detail i{
	min-width: 20px;
	width: 20px;
	margin-right: 10px;
	color: #777676;
	font-size: 1.2rem;
	text-align: center;	
}
.withicon{align-items:baseline;display:flex}
.withicon i{
	width: 20px;
	margin-right: 5px;
	color: #777676;
	font-size: 1.2rem;
	text-align: center;	
}

.input-overlay{position:relative}
.input-overlay input{padding-right:38px}
.input-overlay .overlay-right{position:absolute;right:1px;z-index:10;top:1px;line-height:36px;background:#f8f8f8;overflow:hidden;width:36px;text-align:Center}

.dashboard_icon_btn{  
	height: 26px !important; 
}
.with_fa_icon .fa{width:18px;overflow:hidden;text-align:center;margin-right:4px}
.title_with_cmd{display:flex;align-items:center;justify-content:end;gap:10px;margin-bottom:15px}
.title_with_cmd .title{flex:1;width:100%}
.cmd_in_title{text-align: right;display:block;margin-left:auto}
.cmd_in_title a{margin:0 0 10px 6px}
.img_with_info{display:flex;align-items:center;justify-content:end;gap:15px}
.img_with_info .info{flex:1;width:100%}

@media (max-width:1199px){ 
	.cmd_in_title{} 
	.filters,.title_with_cmd{flex-direction:column;text-align:center;width:100%}
	.filters .filters{flex-direction:row;text-align:center;justify-content: center;width:100%}
	.cmd_in_title{text-align:center}
}
.profilebox{position:relative;border:1px solid transparent;padding:0}
.profilebox img{border-radius:50%;width:60px}
.profilebox p{line-height:1.2;margin: 0 0 5px 0;}
.profilebox .type{padding:0 0 4px 0;margin-bottom:4px;display:inline-block;font-size:small;text-transform:uppercase;border-bottom:2px solid transparent}
.profilebox .button{margin:-4px 0 0 6px}
.box-title{margin-bottom:1.5rem}
@media (max-width:767px){ 
	.profilebox{padding-top:30px}
	.profilebox.following.first,.profilebox.follower.first{padding:  0 !important;margin:  0 !important}
	.profilebox.following.nofirst,.profilebox.follower.nofirst{border-top: 1px solid silver;padding:15px 0 0 0 !important;margin:15px 0 0 0 !important}
	.profilebox .button{margin: 0 0;}
	.box-title{text-align:center}
}

.profilebox.profile-studente .type{border-color:#faf}
.profilebox.profile-professionista .type{border-color:#aff}
.profilebox.profile-azienda .type{border-color:#d58825}
.profilebox.profile-negozio .type{border-color:#5aa}

.btn.profile-studente{border-bottom:2px solid #faf}
.btn.profile-professionista{border-bottom:2px solid #aff}
.btn.profile-azienda{border-bottom:2px solid #d58825}
.btn.profile-negozio{border-bottom:2px solid #5aa} 


.profile-type-label.studente{background-color:#B76114;color:white}
.profile-type-label.professionista{background-color:#ff9c9c}
.profile-type-label.azienda{background-color:#0B66C3;color:white}
.profile-type-label.negozio{background-color:#7fae18;color:white}
.profile-type-label{font-size:14px;padding:10px 20px;display:inline-block}
.profile-badge{height:70px}
.profile-badge.big{height:auto}
.profile-badge.max2{max-height:220px;height:auto;width:auto;margin:0 auto;text-align:center}
.profile-type-selector{padding-left:20px;border:4px solid transparent;border-radius:24px;cursor:pointer;display:block}
.profile-type-selector.selected{background:url('images/radio-checked.png') no-repeat left center} 
.profile-type-selector.unselected{background:url('images/radio-unchecked.png') no-repeat left center}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 640px;
    margin: 1.75rem auto;
  }
}
.select2-container {
	z-index:9999 !important;
}
.scrollbox{overflow:auto;border:1px solid #ddd;padding:10px;background:#f4f4f4;color:#1a1a1a;height:195px}
ul.scrollbox{list-style:none}
ul.scrollbox li{align-items:baseline;display:flex;gap:10px}
ul.scrollbox li.input{width:20px}
.scrollbox-xsmall{height:75px}
.scrollbox-small{height:125px}
.scrollbox-medium{height:195px}
.scrollbox-large{height:400px}
.scrollbox-xlarge{height:500px}

table.jjfileslist{width:100%;border-collapse:collapse}
table.jjfileslist td{border-bottom:1px solid #e3e3e3}
table.jjfileslist td:nth-child(2){text-align:right}

.checkbox-description{padding-left:35px}


[followed="1"] > .isfollowed,
[followed="0"] > .isnofollowed{display:inline-block}
[followed=""] > .isnofollowed,
[followed=""] > .isfollowed,
[followed="1"] > .isnofollowed,
[followed="0"] > .isfollowed{display:none}


[jjconnected="1"] > .connected,
[jjconnected="0"] > .noconnected{display:inline-block}
[jjconnected=""] > .noconnected,
[jjconnected=""] > .connected,
[jjconnected="1"] > .noconnected,
[jjconnected="0"] > .connected{display:none}


.popup-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.7);justify-content:center;align-items:center;z-index:1000;transition:all 0.5s}
.popup-overlay.active{display:flex}
.popup-content{background-color:white;padding:20px;border-radius:8px;position:relative;width:90%;max-width:640px;text-align:left}
.popup-content button{margin-top:15px}
.close-button{position:absolute;top:10px;right:15px;font-size:30px;cursor:pointer;color:#333;text-decoration:none;padding:0 10px}
.popup-title{margin-top:0;margin-bottom:20px;font-size:1.2em;color:#333;padding-right:15px}
.popup-sub-content{max-height:90vh;overflow:auto;Margin-bottom:15px}
.open-popup-button{padding:10px 20px;font-size:1rem;cursor:pointer;background-color:#007bff;color:white;border:none;border-radius:5px;transition:background-color 0.3s ease}
.open-popup-button:hover{background-color:#0056b3}
.button_in_line{display:flex;gap:5px;justify-content:center;align-items:center;width:100%;padding:10px 0}
.buttons_in_line{display:flex;gap:5px;justify-content:space-between;align-items:center;width:100%;padding:10px 0}
.buttons_in_line_2btn{display:flex;gap:5px;justify-content: center;align-items:center;width:100%;padding:10px 0}
@media (max-width:480px){
	.buttons_in_line{flex-direction: column;}

}


.popup-content .part1,.popup-content.check .part2{display:block}
.popup-content.check .part1,.popup-content .part2{display:none}
.popup-content.sent,
.popup-content.sent button{display:none}

.popup-sub-content table{width:100%;border-collapse:collapse}
.popup-sub-content tr{vertical-align:top}
.popup-sub-content tr:nth-child(odd){background:#f4f4f4}
.popup-sub-content td{padding:5px 10px 5px 0}
.popup-content.error .popup-response-content{color:red}
.popup-content.success .popup-response-content{color:green}
.popup-content.success .popup-sub-content,
.popup-content.success button{display:none}
.popup-content.check.success .popup-response-content{font-size:20px}

.popup-segnalazione{margin-bottom:25px}
.popup-segnalazione > button{width:100%}

.sharePopup .popup-content,
.sharePopup .form-control{background:#f4f4f4}
.sharePopup .form-control{border-color:gray}
.sharePopup .form-control,
.sharePopup .btn,
.sharePopup .close-button,
.sharePopup .popup-title{color:#1a1a1a}
.sharePopup .social-link{display:inline-block;padding:0;margin:5px;border-radius:50%;line-height:1;width:95px;height:95px;text-align:center;align-content:center;transition:background-color 0.3s ease}
.sharePopup .social-link:hover{background-color:#d3d3d3}
.sharePopup .social-link img{max-height:50px}

.color-fb{color:#3b5998}
.color-ln{color:#0077b5}
.color-wa{color:#25d366}
.color-x{color:#000}


.subnav{display:block;top:0;background:white;-position:sticky;margin:-27px 0 var(--vspace1);padding:10px 15px;border-bottom:1px solid silver}
.profilemenu{padding:0;list-style:none;margin:0}
.profilemenu li{display:inline-block;padding:0}
.profilemenu a{display:block;padding:5px;border-bottom:2px solid transparent;cursor:pointer;margin:0}
.profilemenu a:hover{border-color:silver;color:#212121}


.review-list{
	margin-bottom:40px;
	border-bottom:1px solid #eee;
	padding-bottom:20px;
}
.review-item{
	background-color:#fcfcfc;
	border:1px solid #e0e0e0;
	border-radius:8px;
	padding:20px;
	margin-bottom:15px;
	box-shadow:0 4px 12px rgba(0,0,0,0.05);
	transition:transform 0.2s ease-in-out;
}
.review-item:hover{
	transform:translateY(-3px);
}
.review-item h3{
	margin-top:0;
	color:#34495e;
	font-size:1.4em;
	margin-bottom:10px;
}
.review-item p{
	color:#555;
	font-size:0.95em;
	margin-bottom:10px;
}
.review-item .rating{
	color:#f39c12;/* Colore stelle */
	font-size:1.2em;
	margin-bottom:8px;
}
.review-item .date{
	font-size:0.8em;
	color:#7f8c8d;
	text-align:right;
}

.show-review-form{
	margin:0 auto 30px;
	display:block
}
.show-review-form:hover{
	color:black;
	background:silver
}
.review-form{}

form.aggiungi-recensione > label{
	display:block; 
	color:#34495e;
} 
.review-form textarea{
	resize:vertical;
	height:150px;
	width:100%;
} 
.review-form .file-upload{
	margin-bottom:20px;
	overflow:hidden;
	with:100%;
} 
.star-rating{display:flex;flex-direction:row-reverse;margin-bottom:15px;width:200px}
.star-rating input[type="radio"]{display:none}
.star-rating label{font-size:2.2em;margin:0;color:#ccc;cursor:pointer;transition:color 0.2s, transform 0.2s;line-height:1;padding:0 2px}
.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input[type="radio"]:checked ~ label{color:#f39c12}
.star-rating label:hover,
.star-rating label:hover ~ label{transform:scale(1.1)}

.single-review-rating .rating_on{font-size:20px;color:green}
.single-review-rating .rating_half{font-size:20px;
	position:relative;
	display:inline-block;
	 
	background:linear-gradient(90deg,green 55%,#ddd 45%); 
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;
	
}
.single-review-rating .rating_off{font-size:20px;color:#ddd}

.uploading-bar{
	background-color:#e0e0e0;
	border-radius:4px;
	margin-top:1em;
	display:none;
	transition:height 0.3s ease;
	height:auto
}
.uploading-bar.open{display:block}
.uploading-status{padding:0 8px;text-align:center}
.uploading-status span{padding:8px;display:inline-block;line-height:1.3}
.progress-bar{display:block;width:0%;height:25px;background-color:#4caf50;text-align:center;line-height:25px;color:white;border-radius:4px;transition:width 0.3s ease}
.uploading-bar.success .progress-bar,
.uploading-bar.error .progress-bar{display:none}
.uploading-bar.error .uploading-status{color:red}
.uploading-bar.success .uploading-status{color:green}

.point{display:inline-block;border-Radius:50%;width:10px;height:10px}
.point.unread{background:blue }
.point.readed{background:silver}
.row-table.unread{background:#D7E9FB }
.row-table.readed{background:white}
.menu-count span{font-size:12px;background:red;border-radius:50%;padding:6px;color:white;line-height:1;position:absolute;top:23px;margin-left:-12px}
.w100{width:100%}
.br{margin:0 !important;padding:0 !improtant}
.float-right{float:right}
.float-left{float:left}

.row5{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
.last_profiles{height:100%;margin:0;background:#fff;padding:15px;text-align:center} 

@media (max-width:1024px){
	.row5{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:960px){
	.row5{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
	.row5{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:400px){
	.row5{grid-template-columns:1fr}
}

.bordered-top{border-bottom:1px solid white;margin-left:20px;margin-right:20px}
.square{aspect-ratio:1}

.the_content{}
.the_content h2{margin-top:24px}
.the_content h3{margin-top:24px}
.the_content h4{margin-top:24px}

.hmore-container{transition:all 0.3s ease;position:relative}
.hmore-content{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;color:#333}
.hmore-content.espanso{-webkit-line-clamp:unset}
.hmore-actions{position:absolute;bottom:0;right:20px;padding:0;display:flex;align-items:center;gap:5px;background:white}
.hmore-button{color:#007bff;background:none;font-weight:bold;padding:0;border:none;border-radius:0;transition:color 0.3s ease, transform 0.2s ease;cursor:pointer}
.hmore-button:hover{color:#0056b3;text-decoration:underline}

.m0{margin:0}

.switch-label{display:flex;align-items:center;cursor:pointer}
.status-text{font-weight:500;margin-left:12px;min-width:65px;text-align:right;transition:opacity 0.2s ease-in-out}
.switch-container{position:relative;display:inline-block;width:40px;height:20px;vertical-align:middle;user-select:none;margin-left:12px}
.switch-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.switch-track{display:block;background-color:#d1d5db;width:40px;height:20px;border-radius:9999px;transition:background-color 0.3s ease-in-out}
.switch-lever{position:absolute;left:2px;top:2px;width:1rem;height:1rem;background-color:#ffffff;border-radius:9999px;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:transform 0.3s ease-in-out}
.checkbox2:checked~.switch-track{background-color:#3C65E1}
.checkbox2:checked~.switch-lever{transform:translateX(20px)}
.label-wrapper{position:relative;min-width:75px;text-align:right}
.checkbox2:checked~.label-wrapper .inactive-label{opacity:0;pointer-events:none}

.check_completamento_profilo{width: 100%;display: block;position: relative;height:50px;background:silver}
.check_completamento_profilo_indicazioni{display: flex;width: 100%;gap: 0;align-content: center;justify-content: space-around;height:100%;z-index:2;position:relative}
.check_completamento_profilo_indicazioni > div{display:inline-block;color: white;height:100%}
.check_completamento_profilo_barra{position: absolute;bottom: 0;left: 0;height:50%;z-index: 1}


#dn_cookie_notice_banner{
	background:white !important;
}
#dn_cookie_notice_banner .dn_cookie_notice_banner_class_notice{
	color:#1a1a1a !important
}
#dn_cookie_notice_banner a, #dn_cookie_notice_banner p a {
	color:#0B66C3 !important ;
}
#dn_cookie_notice_banner p a:hover {
	background:#0B66C3 !important ;
	color:#fafafa !important ;
}
#dn_cookie_notice_banner .dn_cookie_notice_banner_class_button > a {
	border:1px solid transparent !important;
	background: #0B66C3 !important;
	color: white !important;
	line-height: 2 !important;
}
#dn_cookie_notice_banner .dn_cookie_notice_banner_class_button > a:hover {
	border-color:#0B66C3 !important;
	color: #0B66C3 !important;
	background: white !important;
}
.relative{position:relative}
.edit-inline{
	position:absolute;
	z-index:10;
	border:0;
	padding:10px;
	display:block;
	background:rgba(250,250,250,0.5);
	border-radius:50%;
	line-height:1;
	font-size:20px;
	top:10px;
	right:10px
}
.edit-inline:hover{
	color:white;
	background:black;
}

table.responsive{}
table.responsive th,
table.responsive td{vertical-align:top;padding:1rem}
@media(max-width:640px){
	table.responsive,table.responsive thead,table.responsive tbody,table.responsive tr,table.responsive td{display:block}
	table.responsive thead{display:none}
	table.responsive tbody{display:grid;grid-template-columns:1fr}
	table.responsive tr{display:contents}
	table.responsive td{border-bottom:1px solid #e5e7eb;padding:1rem;display:flex;flex-direction:column}
	table.responsive tr:last-child td:first-child{border-bottom:2px solid #4f46e5}
	table.responsive td:nth-child(odd){order:1}
	table.responsive td:nth-child(even){order:2}
	table.responsive td::before{font-weight:700;color:#4f46e5;font-size:0.75rem;text-transform:uppercase;margin-bottom:0.25rem}
}

.box2{
	display: block;
	margin-bottom: 1rem;
	background: white;
	padding: 20px;
	width: 100%;
	position: relative;	
}
.box2-head{
	display: flex;
	gap: 10px;
	align-content: center;
	position: relative;
	align-items: center;
	margin: 0 0 12px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid silver;
}
.box2-head .avatar{
	width:60px
}
.box2-head .name{
	flex:1;
	margin:0;
}
.box2-content h3{margin-bottom:2rem}
.box2-foot{
	display: flex;
	gap: 10px;
	align-content: center;
	position: relative;
	align-items: center;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	justify-content: space-between;
	border-top: 1px solid silver;
}

.row-actions{padding:15px 0;margin-bottom:15px;text-align:left}
.hide-mobile{display:block}
.show-mobile{display:none}
@media (max-width:767px){
	.row-actions{text-align:center}
	.hide-mobile{display:none}
	.show-mobile{display:block}	
	.mobile-mb-1{margin-bottom:1rem}
	.mobile-mb-2{margin-bottom:2rem}
	.mobile-mb-3{margin-bottom:3rem}
}