/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.m-0 {margin: 0px !important}
.m-5 {margin: 5px !important}
.m-10 {margin: 10px !important}
.m-15 {margin: 15px !important}
.m-20 {margin: 20px !important}
.m-30 {margin: 30px !important}
.m-40 {margin: 40px !important}
.m-50 {margin: 50px !important}
.m-60 {margin: 60px !important}
.m-70 {margin: 70px !important}
.m-80 {margin: 80px !important}
.m-90 {margin: 90px !important}
.m-100 {margin: 100px !important}
.m-110 {margin: 110px !important}
.m-120 {margin: 120px !important}
.m-130 {margin: 130px !important}
.m-140 {margin: 140px !important}
.m-150 {margin: 150px !important}
.m-160 {margin: 160px !important}
.m-170 {margin: 170px !important}
.m-180 {margin: 180px !important}
.m-190 {margin: 190px !important}
.m-200 {margin: 200px !important}

/*
 * 1.2 -> Basic Padding
 * -----------------------------------------------
*/
.p-0 {padding: 0!important;}
.p-5 {padding: 5px !important}
.p-10 {padding: 10px !important}
.p-15 {padding: 15px !important}
.p-20 {padding: 20px !important}
.p-30 {padding: 30px !important}
.p-40 {padding: 40px !important}
.p-50 {padding: 50px !important}
.p-60 {padding: 60px !important}
.p-70 {padding: 70px !important}
.p-80 {padding: 80px !important}
.p-90 {padding: 90px !important}
.p-100 {padding: 100px !important}
.p-110 {padding: 110px !important}
.p-120 {padding: 120px !important}
.p-130 {padding: 130px !important}
.p-140 {padding: 140px !important}
.p-150 {padding: 150px !important}
.p-160 {padding: 160px !important}
.p-170 {padding: 170px !important}
.p-180 {padding: 180px !important}
.p-190 {padding: 190px !important}
.p-200 {padding: 200px !important}

/*
 * 1.3 -> Margin top
 * -----------------------------------------------
*/
.mt-0 {margin-top: 0!important;}
.mt-5 {margin-top: 5px !important}
.mt-10 {margin-top: 10px !important}
.mt-15 {margin-top: 15px !important}
.mt-20 {margin-top: 20px !important}
.mt-30 {margin-top: 30px !important}
.mt-40 {margin-top: 40px !important}
.mt-50 {margin-top: 50px !important}
.mt-60 {margin-top: 60px !important}
.mt-70 {margin-top: 70px !important}
.mt-80 {margin-top: 80px !important}
.mt-90 {margin-top: 90px !important}
.mt-100 {margin-top: 100px !important}
.mt-110 {margin-top: 110px !important}
.mt-120 {margin-top: 120px !important}
.mt-130 {margin-top: 130px !important}
.mt-140 {margin-top: 140px !important}
.mt-150 {margin-top: 150px !important}
.mt-160 {margin-top: 160px !important}
.mt-170 {margin-top: 170px !important}
.mt-180 {margin-top: 180px !important}
.mt-190 {margin-top: 190px !important}
.mt-200 {margin-top: 200px !important}

/*
 * 1.4 -> Margin right
 * -----------------------------------------------
*/
.mr-0 {margin-right: 0!important;}
.mr-5 {margin-right: 5px !important}
.mr-10 {margin-right: 10px !important}
.mr-15 {margin-right: 15px !important}
.mr-20 {margin-right: 20px !important}
.mr-30 {margin-right: 30px !important}
.mr-40 {margin-right: 40px !important}
.mr-50 {margin-right: 50px !important}
.mr-60 {margin-right: 60px !important}
.mr-70 {margin-right: 70px !important}
.mr-80 {margin-right: 80px !important}
.mr-90 {margin-right: 90px !important}
.mr-100 {margin-right: 100px !important}
.mr-110 {margin-right: 110px !important}
.mr-120 {margin-right: 120px !important}
.mr-130 {margin-right: 130px !important}
.mr-140 {margin-right: 140px !important}
.mr-150 {margin-right: 150px !important}
.mr-160 {margin-right: 160px !important}
.mr-170 {margin-right: 170px !important}
.mr-180 {margin-right: 180px !important}
.mr-190 {margin-right: 190px !important}
.mr-200 {margin-right: 200px !important}

/*
 * 1.5 -> Margin bottom
 * -----------------------------------------------
*/
.mb-0 {margin-bottom: 0!important;}
.mb-5 {margin-bottom: 5px !important}
.mb-10 {margin-bottom: 10px !important}
.mb-15 {margin-bottom: 15px !important}
.mb-20 {margin-bottom: 20px !important}
.mb-30 {margin-bottom: 30px !important}
.mb-40 {margin-bottom: 40px !important}
.mb-50 {margin-bottom: 50px !important}
.mb-60 {margin-bottom: 60px !important}
.mb-70 {margin-bottom: 70px !important}
.mb-80 {margin-bottom: 80px !important}
.mb-90 {margin-bottom: 90px !important}
.mb-100 {margin-bottom: 100px !important}
.mb-110 {margin-bottom: 110px !important}
.mb-120 {margin-bottom: 120px !important}
.mb-130 {margin-bottom: 130px !important}
.mb-140 {margin-bottom: 140px !important}
.mb-150 {margin-bottom: 150px !important}
.mb-160 {margin-bottom: 160px !important}
.mb-170 {margin-bottom: 170px !important}
.mb-180 {margin-bottom: 180px !important}
.mb-190 {margin-bottom: 190px !important}
.mb-200 {margin-bottom: 200px !important}

/*
 * 1.6 -> Margin left
 * -----------------------------------------------
*/
.ml-0 {margin-left: 0!important;}
.ml-5 {margin-left: 5px !important}
.ml-10 {margin-left: 10px !important}
.ml-15 {margin-left: 15px !important}
.ml-20 {margin-left: 20px !important}
.ml-30 {margin-left: 30px !important}
.ml-40 {margin-left: 40px !important}
.ml-50 {margin-left: 50px !important}
.ml-60 {margin-left: 60px !important}
.ml-70 {margin-left: 70px !important}
.ml-80 {margin-left: 80px !important}
.ml-90 {margin-left: 90px !important}
.ml-100 {margin-left: 100px !important}
.ml-110 {margin-left: 110px !important}
.ml-120 {margin-left: 120px !important}
.ml-130 {margin-left: 130px !important}
.ml-140 {margin-left: 140px !important}
.ml-150 {margin-left: 150px !important}
.ml-160 {margin-left: 160px !important}
.ml-170 {margin-left: 170px !important}
.ml-180 {margin-left: 180px !important}
.ml-190 {margin-left: 190px !important}
.ml-200 {margin-left: 200px !important}

/*
 * 1.7 -> Padding top
 * -----------------------------------------------
*/
.pt-0 {padding-top: 0!important;}
.pt-5 {padding-top: 5px !important}
.pt-10 {padding-top: 10px !important}
.pt-15 {padding-top: 15px !important}
.pt-20 {padding-top: 20px !important}
.pt-30 {padding-top: 30px !important}
.pt-40 {padding-top: 40px !important}
.pt-50 {padding-top: 50px !important}
.pt-60 {padding-top: 60px !important}
.pt-70 {padding-top: 70px !important}
.pt-80 {padding-top: 80px !important}
.pt-90 {padding-top: 90px !important}
.pt-100 {padding-top: 100px !important}
.pt-110 {padding-top: 110px !important}
.pt-120 {padding-top: 120px !important}
.pt-130 {padding-top: 130px !important}
.pt-140 {padding-top: 140px !important}
.pt-150 {padding-top: 150px !important}
.pt-160 {padding-top: 160px !important}
.pt-170 {padding-top: 170px !important}
.pt-180 {padding-top: 180px !important}
.pt-190 {padding-top: 190px !important}
.pt-200 {padding-top: 200px !important}

/*
 * 1.8 -> Padding right
 * -----------------------------------------------
*/
.pr-0 {padding-right: 0!important;}
.pr-5 {padding-right: 5px !important}
.pr-10 {padding-right: 10px !important}
.pr-15 {padding-right: 15px !important}
.pr-20 {padding-right: 20px !important}
.pr-30 {padding-right: 30px !important}
.pr-40 {padding-right: 40px !important}
.pr-50 {padding-right: 50px !important}
.pr-60 {padding-right: 60px !important}
.pr-70 {padding-right: 70px !important}
.pr-80 {padding-right: 80px !important}
.pr-90 {padding-right: 90px !important}
.pr-100 {padding-right: 100px !important}
.pr-110 {padding-right: 110px !important}
.pr-120 {padding-right: 120px !important}
.pr-130 {padding-right: 130px !important}
.pr-140 {padding-right: 140px !important}
.pr-150 {padding-right: 150px !important}
.pr-160 {padding-right: 160px !important}
.pr-170 {padding-right: 170px !important}
.pr-180 {padding-right: 180px !important}
.pr-190 {padding-right: 190px !important}
.pr-200 {padding-right: 200px !important}

/*
 * 1.9 -> Padding bottom
 * -----------------------------------------------
*/
.pb-0 {padding-bottom: 0!important;}
.pb-5 {padding-bottom: 5px !important}
.pb-10 {padding-bottom: 10px !important}
.pb-15 {padding-bottom: 15px !important}
.pb-20 {padding-bottom: 20px !important}
.pb-30 {padding-bottom: 30px !important}
.pb-40 {padding-bottom: 40px !important}
.pb-50 {padding-bottom: 50px !important}
.pb-60 {padding-bottom: 60px !important}
.pb-70 {padding-bottom: 70px !important}
.pb-80 {padding-bottom: 80px !important}
.pb-90 {padding-bottom: 90px !important}
.pb-100 {padding-bottom: 100px !important}
.pb-110 {padding-bottom: 110px !important}
.pb-120 {padding-bottom: 120px !important}
.pb-130 {padding-bottom: 130px !important}
.pb-140 {padding-bottom: 140px !important}
.pb-150 {padding-bottom: 150px !important}
.pb-160 {padding-bottom: 160px !important}
.pb-170 {padding-bottom: 170px !important}
.pb-180 {padding-bottom: 180px !important}
.pb-190 {padding-bottom: 190px !important}
.pb-200 {padding-bottom: 200px !important}

/*
 * 1.10 -> Padding left
 * -----------------------------------------------
*/
.pl-0 {padding-left: 0!important;}
.pl-5 {padding-left: 5px !important}
.pl-10 {padding-left: 10px !important}
.pl-15 {padding-left: 15px !important}
.pl-20 {padding-left: 20px !important}
.pl-30 {padding-left: 30px !important}
.pl-40 {padding-left: 40px !important}
.pl-50 {padding-left: 50px !important}
.pl-60 {padding-left: 60px !important}
.pl-70 {padding-left: 70px !important}
.pl-80 {padding-left: 80px !important}
.pl-90 {padding-left: 90px !important}
.pl-100 {padding-left: 100px !important}
.pl-110 {padding-left: 110px !important}
.pl-120 {padding-left: 120px !important}
.pl-130 {padding-left: 130px !important}
.pl-140 {padding-left: 140px !important}
.pl-150 {padding-left: 150px !important}
.pl-160 {padding-left: 160px !important}
.pl-170 {padding-left: 170px !important}
.pl-180 {padding-left: 180px !important}
.pl-190 {padding-left: 190px !important}
.pl-200 {padding-left: 200px !important}
.w100{width: 100% !important}
body {
    font-family: "Urbanist", sans-serif;;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Cormorant Garamond", serif;
}

.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}
a {
    text-decoration: none !important;
    color: #9d48b0;
}


body{font-family: 'Raleway', sans-serif;}
#header {
    position: relative;
    background-color: #e6d9e9;
	box-shadow: 0px 7px 16px 0px rgba(19, 19, 16, 0.07);
    height: 150px;
}
#header.sticky-header #header-wrap {
    background-color: #e6d9e9;
}
#header, #header-wrap {
    height: 150px;
}

#logo img {
	height: 115px;
	margin-top: 15px;
	margin-left: 15px;
	min-height: 1px;
	vertical-align: bottom;
	padding: 0;
}
 #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
    height: 40px;
	 margin-top: 10px;
	 margin-bottom: 10px;
}
 #header-wrap .bloccoFormTop form {
   margin-bottom: 0px;
}
#primary-menu ul li > a {
    display: block;
    line-height: 22px;
    padding: 60px 15px;
    color: #fff;
}
#primary-menu ul li:hover > a, #primary-menu ul li.current > a {
    color: #9d48b0;
}
#header.sticky-header #primary-menu.style-2 > div > ul > li > a {
    padding-top: 0px;
    padding-bottom: 19px;
}
#primary-menu.style-2 > div > ul > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
.top-menu {
    margin: 60px 0 68px 20px;
	float: right;
	/*-webkit-transition: margin .4s ease, opacity .3s ease;
    -o-transition: margin .4s ease, opacity .3s ease;
    transition: margin .4s ease, opacity .3s ease;*/
}
#header.sticky-header .top-menu {
	margin: 17px 0 17px 55px;
}
.top-menu a, #top-cart > a, #side-panel-trigger a {
    color: #9d48b0;
	font-weight: 700;
	font-size: 18px;
	width: auto;
}
.dark #copyrights {
    background-color: rgb(255 255 255);
}
.dark #copyrights *{
	color: #222;
}
#footer.dark, .dark #footer {
    background-color: rgb(204 221 211 / 64%);
	border-color: rgb(204 221 211 / 64%);
	border: none;
    color: #666666;
}
.dark .footer-widgets-wrap a{
	color: #666666;
}

.bg-light{
	background-color: #f0e8df;
}
#footer p {
    margin: 0px;
    line-height: 24px;
    padding-bottom: 20px;
	font-size: 17px;
}
#footer .footer-widgets-wrap {
    position: relative;
    padding: 22px 0;
}
.loginMenu{
	
}

.utente{
	font-weight: 300;
	color: #9d48b0;
}
.utente a{
	font-weight: 300;
	text-decoration: underline !important;
	font-size: inherit;
}
.loginMenu > div{
	display: inline-block;
	padding:  0 20px;
}

.introBanner{
	background: url(../images/sfondo-header.jpg);
    background-color: #e8e8e8;
    background-position: center 100%;
    background-size: contain;
	background-repeat: no-repeat;
	min-height: calc(100vh - 316px);
	min-height: calc(100svh - 316px);
}
.introBanner > div{padding: 180px 0; min-height: 500px;}
.bloccoForm{
	padding: 20px;
	    background-color: rgb(185 141 195 / 82%) !important;

}
.inputSearch{
    border-radius: 6px 0 0 6px;
	outline: none;
    border: none;
    padding: 0 40px 0 10px;
    height: 44px!important;
	display: inline-block;
	width: calc(100% - 80px);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%239d48b0' d='M8 11 2 5h12z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 12px 9px;
}
#searchBtn {
    border-radius:  0 6px 6px 0;
    padding: 10px 0;
    transition: padding .5s linear;
    height: 44px;
    width: 76px;
	background-color: #9d48b0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
	color: #fff;
	border: none;
	display: inline-block;
}
.bloccoFormTop{
	width: 400px;
	float: left;padding-top: 60px;
	padding-bottom: 0px;
}
#header.sticky-header .bloccoFormTop{
	padding-top: 8px;
	padding-bottom: 0px;
}

.singDoc{
	width: 100%;
	/* max-width: 1140px; */
	max-width: 1140px;
	margin-left: auto; margin-right: auto;
	margin-bottom: 30px;
	border: 1px solid #979797;
	padding: 15px;border-radius: 10px;
}
.singDoc.old{
	opacity: 0.5;
}
	.holdProfileImg{
		border-radius: 50%;
		overflow: hidden;
		width: 100%;
		height: auto;
	}
	.holdProfileImg > img{width: 100%;}

.singDoc .btn.btn-primary{
	width: 100%;
	padding: 15px 30px;
	border-radius: 4px;
	background-color: #b98dc3; border:none;
	/* margin-top: 25px; */
	color: #fff; cursor: pointer;
}
.singDoc .btn.btn-primary:hover{
	color: #fff;
	background-color: #000000;
}
.singDoc .btn.btn-primary .icon-calendar3{font-size: 20px;}

.singDoc .row h3, .singDoc .row h5{
	margin:0;
}

@media (min-width: 576px){
	#modalCALENDAR .modal-dialog {
		max-width: 550px;
	}
}

.modal-content{
	border-radius: 13px;
	padding: 20px;
	background: #d8c2dd;

}
.modal-header{
	background-color: #f2dbf7;
}
.modal-body{background-color: #FFF;}
.modal-header .close{color: #9d48b0; font-size: 2rem; font-weight: 100;opacity: 1; font-weight: 700;}
.modal-title{color: #9d48b0; font-size: 20px; 
	font-weight: 100; text-transform: uppercase;
}
small#calendar_modal_title{
	text-transform: none;
}
 .modal-content form {
    margin-bottom: 0px;
}
.modal-content .form-control{
    border-radius: 6px;
    outline: none;
    border: 1px solid #4E4E4E;background-color: #fff;
    padding: 10px;
    height: 44px!important;
    display: inline-block;
    width: 100%;
}
.form-control.error, .sm-form-control.error {
    border-color: #E42C3E;
}

.modal-content .btn.btn-primary {
    color: #fff;
    background-color: #9d48b0;
    border-color: #9d48b0;width: 100%;
	text-transform: uppercase;height: 44px;padding: 10px;
}
.modal-content .btn.btn-primary:hover{
	background-color: #000000;
}
.wrapCalendar{
	background: #fff;
	padding: 10px;
}
.sliderWeekly .slick-prev, 
.sliderWeekly .slick-next{
	top: 10px;
}
.sliderWeekly .slick-prev:before, 
.sliderWeekly .slick-next:before {
    color: #2b292c;
}
.col-giorno{
	padding: 0 5px;
}
	.col-giorno .data-giorno{
		font-size: 13px;
		border-bottom: 1px solid #434343;
	}
		.col-giorno .data-giorno h6{
			margin-bottom: 3px;
			font-weight: 700;
		}
		.col-giorno .data-giorno p{
			font-weight: 300;
			margin-bottom: 10px;
		}
	.col-giorno .lista-ore{

	}
		.col-giorno .lista-ore .ora{
			padding: 5px 0;
			/* height: 65px; */
			height: 40px;
		}
		.col-giorno .lista-ore .ora:not(:last-child){
			border-bottom: 1px solid #A2A2A2;
		}
			
			.col-giorno .lista-ore .ora a{
				color: #c11fe5;
				letter-spacing: 1px;
				display: block;
				border-radius: 3px;
				border: 1px solid transparent;
				font-size: 12px;
				padding: 3px;
				font-family: arial;
			}
			.col-giorno .lista-ore .ora span{
				letter-spacing: 1px;
				display: block;
				border-radius: 3px;
				border: 1px solid transparent;
				font-size: 12px;
				padding: 3px;
				font-family: arial;
			}
			.col-giorno .lista-ore .ora a:hover{
				border: 1px solid #9d48b0;background-color: rgb(2 175 232 / 34%);;
			}
		.col-giorno .lista-ore .ora.intera{

		}
		.col-giorno .lista-ore .ora.parziale{

		}
			.col-giorno .lista-ore .ora.intera a{

			}
			.col-giorno .lista-ore .ora.parziale a{

			}
			.col-giorno .lista-ore .ora.parziale .divider{
				height: 1px;
				width: 100; margin: 0px auto;
				border-bottom: 1px solid #A2A2A2;
			}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
.riepilogoApp{
	/*border: 1px solid #00630B;*/
	border-radius: 10px;
	padding: 20px 20px 20px 60px;
	position: relative;
	background-color:  #ccddd3;
}
	.riepilogoApp:before{
		font-family: 'font-icons';
		speak: none;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		content: "\e6c8";
		font-size: 30px;
		color: #00630B;
		display: block;
		position: absolute;
		left: 10px;
		top: 10px;
	}
	.riepilogoApp p{font-size: 16px;}


.riepilogoApp.non-disponibile{
	border: 1px solid rgb(200, 0, 0);
	background-color:  rgb(220 0 0 / 20%);
}
	.riepilogoApp.non-disponibile:before{
		content: "\ebcc";
		color: rgb(200, 0, 0);
	}
	.riepilogoApp p{font-size: 16px;}

.btn.conferma{
	padding: 15px 30px;
	text-align: center;
	width: 100%;
	background-color: #84b589;
	border: none;
}
.btn.modifica{
	padding: 15px 30px;
	text-align: center;
	width: 100%;
	background-color: #e39f70;
	border: none;
}
.singDoc .btn.annulla, .btn.annulla{
	padding: 15px 20px;
	text-align: center;
	width: 100%;
	background-color: rgb(200, 0, 0);
	border: none;
}

.holdData{ text-align: center;}
.holdData *{}
.holdData span{display: block; font-weight: 700;}
.holdData .dayWeek{font-size: 14px;}
.holdData .dayNum{font-size: 85px; line-height: 60px; color: #9d48b0;margin-bottom: 15px;}
.holdData .year{font-size: 15px;}
.addressH{
	border: 1px solid #888;
	padding: 25px;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: -1px;
}
.tab-content{
	width: 100%;border:1px solid #979797;padding: 30px; 
	border-top-left-radius: 0;
    border-top-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #979797 #979797 #fff;    position: relative;
    z-index: 1;
}

.credits_link{
 color: #38B5E6 !important;
 font-weight: 700;
 font-family: sans-serif;
}

.credits_link:hover{
 color: #fff !important;
}

 .credits_link:before{
  content: "";
  vertical-align: middle;
  width:16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  background-image: url(https://www.clion.it/favicon-96x96.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;

  transition: all 450ms ease;
 }

  .credits_link:hover:before{
   transform: rotateZ(360deg) rotateY(360deg);
  }



@media screen and (max-width: 1440px) {
	.bloccoFormTop{
		width: 340px;
		}
}
@media screen and (max-width: 1024px) {
	.introBanner > div{padding: 100px 0;}
	.bloccoFormTop{
		width: 310px;
		}
}
@media screen and (max-width: 991px) {
	#logo img{
		margin-left: 0;
	}
	.loginMenu > div {
		padding: 0 15px;
	}
	
	
}
@media screen and (max-width: 768px) {
	.introBanner{ min-height: 0; }
	.introBanner > div{padding: 50px 0; min-height: 0;}
	.bloccoFormTop{
		width: 100%;
		float: none;
	}
	.top-menu {
    margin: 30px 0 30px 0px;
		float: none;
	}
	.top-menu .loginMenu > div {
		display: block;
		margin-bottom: 10px;
		padding: 0;
	}
	.top-menu .loginMenu > div > a{
		display: block;
		padding: 3px 7px;
		background-color: rgb(185 141 195 / 40%) !important;
	}
}
@media screen and (max-width: 425px) {
	
	.modal-content {
		border-radius: 13px;
		padding: 10px;
	}
	.introBanner{
		background-size: cover;
			background-position: 65% 0;
	}
}
@media screen and (max-width: 340px) {
	.g-recaptcha {
		transform: scale(0.86);
		transform-origin: left top;
	}
}
@media screen and (max-width: 320px) {

}
@media screen and (min-width: 320px) and (max-width: 990px) {
  

}