/* CSS Document */

@import "fontawesome/css/all.min.css";
	
	/* HEADER / FOOTER */
	
	.header, .footer{ display:none; }
	
	/* BODY */
	
	body{
		/*font-size: 0.9375rem;*/
		letter-spacing: 0.05em;
		line-height: 1.25;
		font-weight: 300;
	}
		
	.text-decoration-underline {
		text-decoration: underline!important;
	}
		
	.body-overflow{ overflow:hidden;}
	
	.form .custom-control-label.normal {
		font-size: 0.9375rem;
	}
	
	.readonly-field{
		background-color: #f4f4f4 !important;
	}
	
	.form-control:disabled, .form-control[readonly] {
		background-color: #f4f4f4 !important;
		opacity: 1;
	}
	
	input:disabled,
	select:disabled {
		background-color: #f4f4f4 !important;
	}
	
	.custom-switch .custom-control-label::after {
		top: 2px;
		width: 12px;
		height: 12px;
		background-color: #000;
	}
	
	.input-group-append.otp-in, 
	.input-group-append.user-form-reveal{
		cursor:pointer; 
	}
	
	.input-group-prepend .input-group-text,
	.input-group-append .input-group-text{
		background-color: #ffffff; /* #e9ecef;*/
    	border: 1px solid #080808; /* #ced4da;*/		
	}

	.input-group-text.disabled{
		background-color: #f4f4f4;
		border: 1px solid #ced4da;
	}

	/* recaptcha */
		
	.grecaptcha-badge { opacity:0;}
	.grecaptcha-badge-disclaimer{
		padding: 15px 20px !important;
		/*font-family: "Courier New", Courier, monospace;*/
		font-size:11px;
		text-transform:uppercase;
	}
	
	/* struttura */
		
		#col-menu-content{}
		#col-main-content{ min-height:500px; }
	
	/* PAGE HEADER */
	
	.header .white-logo{ max-height:70px; }
		
	.header--page{}
	.header--page h1{ color:#fff; margin-bottom:0px; }
	
	.topbar {
		padding: 0.5rem 0;/**/
		/*padding:  2.5rem 0;*/
		background-color: #fff;
	}
	
	.logo-topbar-content{ display:inline-block; }
	.logo-topbar{ margin-left:-15px; }
	
	.topbar__title {
		font-family: "Playfair Display", serif;;
		font-size: 3.25rem;
		font-weight: 400;
		margin-bottom: 0;
		display:block;
		margin-top:-10px;
	}
	a.topbar__title:hover{ text-decoration:none; }
	
	@media (max-width: 1161.98px){
		.topbar__title {
			font-size: 2.25rem;
			margin-top:5px; 
			
		}
	}
	
	@media (max-width: 991.98px){
		
		.logo-topbar{ margin-top:10px;}
		
		.topbar__title {
			font-size: 2.25rem;
			margin-top:20px; 
			
		}
	}
	
	@media (max-width: 767.98px){
		.topbar__title {
			font-size: 1.50rem;
			margin-top:0px; 
			
		}
	}
	
	.navbar__title {
		font-family: "Playfair Display", serif;
		font-size: 1.50rem !important;
		font-weight: 400;
		margin-bottom: 0;
		display:block;
	}
	
	.navbar__title img{ vertical-align:bottom}
	.navbar__title span{}
	a.navbar__title:hover{ text-decoration:none; }
	
	.navbar__center {
		display: none;
		position: absolute;
	}
	
	.navbar__center .navbar__title {
		font-family: "Playfair Display", serif;
		font-size: 1.25rem;
		font-weight: 400;
		margin-bottom: 0;
	}
	.is-sticky .navbar__center {
		display: block;
	}
	.is-sticky .navbar__center h2 {
		padding-left:50px; 
	}
	
	.is-sticky{ height:50px; }
	
	@media (min-width: 992px){
		.navbar-expand-lg .navbar-collapse {
			display: flex !important;
			flex-basis: auto;
			/**/
		}
	}
	
	.desktop_navbar__utils {
		padding-right: 15px;
	}
		.desktop_navbar__utils a {
			text-decoration: none !important;
			margin-left: 0.625rem;
		}
		.desktop_navbar__utils img {
			height: 25px;
		}
		
		.desktop_navbar__utils img.notlogged{margin-right: 16px;}
		
		@media (max-width: 767.98px){
			
		} 
		
	/* footer */
		
		.footer__title{
			font-size: 1rem;
			font-weight: 500;
			display:block;
			margin-bottom:15px;
		}

		
	/* error label */
	
		.error-label {
			text-transform: uppercase;
			margin-top: 1px;
			text-align: left;
			font-size: 10px;
			color: #ce181f;
			letter-spacing: .83px;
			font-weight: 700;
		}
	
	/* IUBENDA */
			
		.iubenda-nostyle{
			width: auto !important; /*116px;*/
			height: auto !important; /*25px;*/
		}
	
	/* menù reserved */
	
	.profilo-menu.sticky {
		width: 100%;
		overflow: auto;
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 100px;
		border: 1px solid rgba(0,0,0,.1);
	}
	
	/* dashboard */
		
		.ico-page-logoff{ height: 25px;
    		vertical-align: bottom; }
		
		.profilo-box{}
		
		.profilo-box .user{
			margin-top: -20px;
		    margin-right: 15px;
		}
		
		@media (max-width: 767.98px){
			
			.profilo-box{ text-align:center; height:auto !important; }
			
			.profilo-box .profilo-title{ margin-bottom:0px; }
			.profilo-box img{  }
			
			.profilo-box .user{ display:block !important; margin:0 auto; }
			
			.profilo-box .profilo-title > span::after {
				content: "";
				width: 150px;
				height: 5px;
				display: block;
				background-color: #080808;
				margin:0 auto; 
			}
		
		}
		
		@media (max-width: 991.98px){
			
			.myarea-box { text-align:center; height:auto !important; }
			.myarea-box img{ width:100%;max-width: 150px; margin-bottom:10px; }
			
			.myarea-box .profilo-title > span::after {
				content: "";
				width: 150px;
				height: 5px;
				display: block;
				background-color: #080808;
				margin:0 auto; 
			}
		}
	
	/* menù reserved */
		
		.profilo-menu-row {
			border-top: 2px solid #fff;
			padding: 0.8125rem 0;
			align-items: start;
		}
		.profilo-menu-item {
			text-transform: uppercase;
			font-style: 1rem;
			font-weight: 700;
			letter-spacing: 0.1em;
			margin-top: 5px;
			display: block;
		}
	
	/* form login */
	
		.box-login h3{    text-transform: uppercase;
    font-size: 1.5rem;}
		.box-login .form-group{ margin-bottom:5px; }
	
	/* profilo */

		#profilo{}
		#profilo .title > span::after {
			content: "";
			position: relative;
			bottom: -2px;
			left: 0px;
			background-color: #080808;
			width: 4.375rem;
			height: 0.3125rem;
			margin:0 auto;
			display:block;
		}

	
	/* codici sconto */
		
		#codici-coupon{}
		
		.coupons{}
		
		.coupons .card{ margin-bottom:20px; background-color:#f5f4f4; position:relative; }
		.coupons .card.academy{ min-height:300px; }
		.coupons .card.shopping{ min-height:320px; }
		.coupons .card.courses{ min-height:299px; border:1px solid #f00 }
		.coupons .card.arts{ min-height:319px; }
		
		.coupons .name{ 
			text-transform: uppercase;
			font-size: 1rem;
			font-weight: 400;
			padding-bottom: 0.125rem;
			margin-bottom: 0.9375rem;
			letter-spacing: 0.05em;
			line-height: 1.25;}
				
		.coupons .name > span {
			position: relative;
			display: inline-block;
		}
		.coupons .name > span::after {
			content: "";
			position: absolute;
			bottom: -2px;
			left: 0px;
			background-color: #080808;
			width: 4.375rem;
			height: 0.3125rem;
		}
		
		.coupons .discount{ font-weight:bold; font-size: 1.2rem;  }
		.coupons .academy .discount-container{  min-height:auto; }
		.coupons .shopping .discount-container{  min-height:50px; }
		.coupons .area{  min-height:auto; }
		.coupons .academy .area{  min-height:50px; }
		.coupons .brand{ font-weight:bold; font-size: 0.7rem;  }
		.coupons .course, 
		.coupons .shop{ font-weight:bold;  text-transform:uppercase; }
		.coupons .copy{ font-size: 0.8rem; }
		.coupons .code-container{ background-color:#FFF; padding:5px; font-weight:bold; }
		.coupons .validity{ color:#f21f89; text-transform:uppercase; font-size:0.8rem; }
		
		.coupons .purchasable-items.hidden {
			display:none;
			z-index:2;
			position:absolute; 
			top:0px; 
			left:0px;
		}
		
		.coupons .card.courses .list-courses{ overflow-y: auto; height:190px;  }
		
		.coupons .card.courses .list-courses li{ margin-bottom:10px; }
		
		.coupons .card.arts .list-arts{ overflow-y: auto; height:170px;  }
		
		@media (max-width: 991.98px){
			
			#codici-coupon .title.title--detail{ padding-left:0px; text-align:center; }
			
			#codici-coupon .title > span{  display:block; width:100%; text-align:center; }
			
			#codici-coupon .title > span::after {
				content: "";
				position: relative;
				left:0;
				background-color: #080808;
				width: 4.375rem;
				height: 0.3125rem;
				margin:0 auto;
				display:block;
			}
			
			.coupons .name > span{ display:block; width:100%; }
			
			.coupons .name > span::after {
				content: "";
				position: relative;
				background-color: #080808;
				width: 4.375rem;
				height: 0.3125rem;
				margin:0 auto;
				display:block;
			}	
		
		}
	
	/* ordini shop */
	
		.ordini-list {
			margin-bottom: 20px;
			background-color: transparent; /*rgba(226, 223, 223, 0.3);*/
		}
		
		.ordini-list > .row {
    		/*border-bottom: 10px solid #fff;*/
			/*margin-bottom:10px;*/
		}
		
		.ordini-list .ordine-content{
			position:relative;
			min-height:200px;
			background-color:rgba(226, 223, 223, 0.3);
		}
	
		.ordini-list .ordine-title{ 
			min-height: auto;
			margin-bottom: 15px;
			display: block;
			text-transform: uppercase;
			font-size: 1.2625rem;
			font-weight: 700;
			letter-spacing: 0.1em;
			line-height: 1.25;
		}
		.ordini-list .ordine-title > span {
			display: block;
			font-size: 1rem;
			margin-bottom: 10px;
		}
		.ordini-list .ordine-title > span::after {
			content: "";
			width: 150px;
			height: 5px;
			display: block;
			background-color: #080808;
		}
 		.ordini-list .ordine-pagamento .list-title{ min-height:auto !important;}
		.ordini-list .ordine-title.list-title > span { margin-bottom:0px; }
       
		.ordini-list .ordine-text {
			font-size: 1rem;
			/*letter-spacing: 0.1em;*/
			line-height: 1.25;
			/*margin-bottom: 1.875rem;*/
			margin-bottom:0px; 
		}
		
		.ordini-list .ordine-product-image-container{ height:90px !important; }
		
		.ordini-list .ordine-product-image{ width:100px; height:70px; background-color:#FFF; border:1px solid #d2d2d2; overflow:hidden; margin-bottom:10px; }
		
		.ordini-list .ordine-product-image img{ width:100px; height:70px; object-fit: contain; margin:0 auto; }
		
		.ordini-list .ordine-product-image.extra{ font-size:30px; font-weight:900; color:#d2d2d2; cursor:pointer; }
				
		.ordini-list .hidden {
			display:none;
			z-index:2;
			position:absolute; 
			top:0px; 
			left:0px;
			background-color:#f5f4f4;
		}
		
		.ordini-list .product-list, 
		.ordini-list .order-note{ overflow-y: auto; height:90px; border-bottom:1px solid #d2d2d2 }
		@media (max-width: 992px){
		.ordini-list .product-list, 
		.ordini-list .order-note {
			overflow-y: auto;
			height: auto; 
			max-height: 420px;
			border-bottom: 1px solid #d2d2d2;
		}
		}
	
	
	/* corsi acquistati */
	
		.corsi-list {
			margin-bottom: 50px;
			background-color: transparent; /*rgba(226, 223, 223, 0.3);*/
		}
		
		.corsi-list > .row {
    		/*border-bottom: 10px solid #fff;*/
			/*margin-bottom:10px;*/
		}
		
		.corsi-list .corso-content{
			position:relative;
			min-height:320px;
			background-color:rgba(226, 223, 223, 0.3);
		}
		.corsi-list .corso-attestati, 
		.corsi-list .corso-pagamento{
			min-height:320px;
			border:1px solid #ddd;
		}
		.corsi-list .corso-attestati div, 
		.corsi-list .corso-pagamento div:not(.form-check-inline){ height:100%;}
	
		.corsi-list .corso-title{ 
			/*min-height: 100px;*/
			margin-bottom: 15px;
			display: block;
			text-transform: uppercase;
			font-size: 1.2625rem;
			font-weight: 700;
			letter-spacing: 0.1em;
			line-height: 1.25;
		}
		.corsi-list .corso-title > span {
			display: block;
			font-size: 1rem;
			margin-bottom: 10px;
		}
		.corsi-list .corso-title > span::after {
			content: "";
			width: 150px;
			height: 5px;
			display: block;
			background-color: #080808;
		}
		.corsi-list .corso-abstract{ 
			letter-spacing: 0px;
			/*min-height: 165px;*/
			font-size: 14px;
		}
		.corsi-list .corso-detail {
			font-size: 1rem;
			/*letter-spacing: 0.1em;*/
			line-height: 1.25;
			margin-bottom: 1.875rem;
		}
		.corsi-list .corso-detail span {
			font-size: 0.8rem;
		}
		.corsi-list .corso-text {
			font-size: 1rem;
			/*letter-spacing: 0.1em;*/
			line-height: 1.25;
			margin-bottom: 1rem; /* 1.875rem;*/
		}
		.corsi-list .corso-payment {
			font-size: 1rem;
			/*letter-spacing: 0.1em;*/
			line-height: 1.25;
			min-height: 98px;
		}
				
		.corsi-list .hidden {
			display:none;
			z-index:2;
			position:absolute; 
			top:0px; 
			left:0px;
			background-color:#f5f4f4;
		}
		
		.corsi-list .corso-pagamento .corso-title{ min-height:auto; }
		.corsi-list .corso-pagamento .list-title{ min-height:auto !;}
		
		.corsi-list .corso-attestati .corso-title{ min-height:auto; }
		
		.corsi-list .corso-attestati .list-title{ min-height:auto;}
		.corsi-list .corso-attestati .certificate-list{ overflow-y: auto; height:180px; }
		.corsi-list .corso-attestati .certificate-list li{ padding:5px 0px 5px 0px; border-bottom:1px solid #ddd; }
		.corsi-list .corso-attestati .certificate-list span.nome{  font-weight:900; margin-bottom:5px;   }
		.corsi-list .corso-attestati .certificate-list span.salone{ display:block; margin-left:16px; font-size:11px;  }
		.corsi-list .corso-attestati .certificate-list span.download{ float:right; text-align:right;  }
		.corsi-list .corso-attestati .certificate-list span.download a{ font-weight:900; display:block; }
		.corsi-list .corso-attestati .certificate-list span.number,
		.corsi-list .corso-attestati .certificate-list span.date{ font-size:11px; margin-bottom:5px;  }
	
		@media (max-width: 992px){
			.corsi-list .corso-title { min-height:auto; }
			.corsi-list .corso-abstract{  min-height: auto; margin-bottom:20px; }
			.corsi-list .corso-attestati .certificate-list{ overflow-y: auto; height:auto;  }
		}
		
	   .corsi-list .btn.btn-documents[data-toggle="collapse"]::before {
			content: "+";
			padding-right: 10px; }
	   .corsi-list .btn.btn-documents[data-toggle="collapse"][aria-expanded="true"]::before {
			content: "-"; }
		
		.corsi-list .document-list {
			border:1px solid #ddd;
		}
		.corsi-list .document-list-row {
			margin-bottom: 0.9375rem;
			background-color: rgba(226, 223, 223, 0.3);
			border-bottom: 1px solid #fff;
			border-top: 1px solid #fff;
		}
		.corsi-list .document-list .box {
			position: relative;
		}
		
		.corsi-list .corsi-list .document-list .box__image {
			position: relative;
		}
		
		.corsi-list .document-list .box__image::after {
			content: "";
			position: absolute;
			top:0px; /* -5px;*/
			left: 0;
			background-color: transparent; /* #080808;*/
			width: 40%;
			height: 0.3125rem;
		}

		.corsi-list .document-list .box__image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

	
	/* typography */
		
		/* shipping */
		
		.shipping{}
		
		.shipping .shipping-element{
			height: 250px;
			width: 100%;
			border-width: 1px;
			box-sizing: border-box;
			border-style: solid;
			border-color: #e2dfdf;
			padding:10px; 
			font-size:0.9rem; 
			border-radius: 8px;
			position: relative;
			margin-bottom:10px;
			}
		.shipping .shipping-element.first{
			border-style: dashed;
			border-width: 2px;
			vertical-align: middle;
			text-align:center; display:inline-block; vertical-align:middle;
		}
		
		.shipping .shipping-element.first:hover{ background-color:rgba(226, 223, 223, 0.3);; cursor:pointer;} 
		
		.shipping .shipping-element.first .add{ margin: 0;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  -ms-transform: translate(-50%, -50%);
		  transform: translate(-50%, -50%); }
	
		.shipping .shipping-element .shipping-header{ height:190px; border-bottom:1px solid #e2dfdf; margin-bottom:5px;  }
		.shipping .shipping-element .shipping-manage{ height:30px;  }
		
		.shipping .name{
			font-family: "Playfair Display", serif;
			text-transform: uppercase;
			font-size: 1.2rem;
			font-weight: 700;
			padding-bottom: 0rem;
			margin-bottom: 0.5rem;
			letter-spacing: 0.05em;
			line-height: 1.25;
		}
		.shipping .address{ margin-left:25px; margin-bottom:0.5rem; }
		.shipping .phone{ margin-left:25px; margin-bottom:0px; }
		.shipping .modify{ margin-left:25px; margin-bottom:0px; }
	
	/* wishlist */
		
		.wishlist{
			margin-bottom:20px; display:block; 
		}
		
		@media (min-width: 991px){
			.wishlist {
				min-height: 200px;
			}
		}
		
		.wishlist__img-url{ display:block; }
		
		.wishlist__img-wrapper {
			background: #fff;
			border: 1px solid #e6e6e6;
			margin: 0px; /*15px 0 0;*/
			padding: 5px;
			position: relative;
		}
		
		.wishlist__img-wrapper:hover::before, 
		.wishlist__img-wrapper:hover::after, 
		.wishlist__img-wrapper:focus::before, 
		.wishlist__img-wrapper:focus::after {
			display: block; }
			
		.wishlist__img-wrapper::before {
			background-color: rgba(0, 0, 0, 0.17);
			content: '';
			display: none;
			position: absolute;
			top: 5px;
			right: 5px;
			bottom: 5px;
			left: 5px;
			z-index: 5; }
			
		.wishlist__img-wrapper::after {
			color: #fff;
			content: '\f002';
			display: none;
			font-family: 'Font Awesome\ 5 Free';
			font-weight: 900;
			font-size: 36px;
			opacity: .7;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 10; }
			

		.wishlist__img-wrapper .wishlist__img {
			padding-bottom: 100%;
			background-size: contain;
			background: transparent no-repeat center / contain;
		}
	
		.wishlist__code {
		  margin: 0; 			
		  font-size: 12px !important;
		  margin-bottom:5px;
		}
	
		.wishlist__nome {
		  margin: 0;
		  font-weight:700; 			
		  font-size: 12px !important;
		  min-height:40px; 
		  text-transform:uppercase;
		}
						
						
		.wishlist__desc {
				padding-bottom: 5px;
				border-bottom: 1px solid #e6e6e6;
			}

		.wishlist__struttura {
			color: #8a8d90;
			font-size: 11px;
			line-height: 17px;
			margin-top: 5px;
			min-height: 40px;
		}
		.wishlist__struttura span{ display:block;}
		.wishlist__struttura span a{}
	
	/* social kit */
	
		#social-kit{}
		#social-kit li{ margin:10px 0px; padding-top:10px; border-bottom:1px solid #ededed;   }
		#social-kit li a{ font-weight:700; margin-bottom:5px; text-transform:uppercase; /*margin-left: -10px; */ }
		#social-kit li p{ margin-left: 38px; }
		#social-kit li .fa-li{ 
			padding-top: 1px;    
			float: left;
    		margin-right: 5px;
    		position: relative;
    		left: 0;  
		}
		
	/* maxlength */
		
		.bootstrap-maxlength{z-index:999999992 !important; border:5px siolid #f00}
		
		.bootstrap-maxlength.label {
			display: inline;
			padding: .2em .6em .3em;
			font-size: 75%;
			font-weight: 400;
			line-height: 1;
			color: #fff;
			text-align: center;
			white-space: nowrap;
			vertical-align: baseline;
			border-radius: .25em;
			
		}
		.bootstrap-maxlength.label-important,
		.bootstrap-maxlength.badge-important {
			 background-color: #d9534f !important;
		}
		.bootstrap-maxlength.label-success,
		.bootstrap-maxlength.badge-success {
			background-color: #5cb85c !important;
		}
	
	/* bootbox */
	
		.bootbox{}
		.bootbox .modal-header {
			padding: 0.325rem 0.525rem 0.325rem 0.825rem;
		}
		.bootbox .modal-header .modal-title{
			text-transform:uppercase; 
			font-size:16px !important; 
			font-weight:bold;
		}
		.bootbox .modal-body {
			padding: 1rem;
			font-size:14px !important; 
			/*text-transform:uppercase;*/
		}
		.bootbox .modal-body h3 {
			font-size:16px; text-transform:uppercase; font-weight:700; margin-top:10px; margin-bottom:0px;
		}
		.bootbox .modal-footer {
			padding: 0.325rem 0.525rem 0.325rem 0.825rem;
		}
		.bootbox .modal-footer .btn {
			padding: 0.3rem;
		}
		.modal, .bootbox.modal {
			z-index: 9999999991 !important;
		}		

	/* PASSWORD */
	  
		#strengthMessage { margin-bottom:10px;}
	  
		#strengthMessage span{
			margin-top: 5px;
			display: block; 
			padding-top: 5px;
		}
		.password-short {  
			width: 100%;  
			background-color: #dc3545;  
			margin-top: 5px;  
			height: 3px;  
			color: #dc3545;  
			font-weight: 500;  
			font-size: 12px;  
		}  
		.password-weak {  
			width: 100%;  
			background-color: #ffc107;  
			margin-top: 5px;  
			height: 3px;  
			color: #ffc107;  
			font-weight: 500;  
			font-size: 12px;  
		}  
		.password-good {  
			width: 100%;  
			background-color: #0b7824;  
			margin-top: 5px;  
			height: 3px;  
			color: #0b7824;  
			font-weight: 500;  
			font-size: 12px;  
		}  
		.password-strong {  
			width: 100%;  
			background-color: #13ea37;  
			margin-top: 5px;  
			height: 3px;  
			color: #13ea37;  
			font-weight: 500;  
			font-size: 12px;  
		} 
	
	/* OTP CODE */
	  
		#otp-in-container{}
		
		#otp-in-container .btn-otp{  }
		
		#otp-in-container .error {
			color: #483333;
			padding: 10px 20px;
			background: #ffbcbc;
			border: #efb0b0 1px solid;
			border-radius: 0px;
			margin: 0 auto;
			margin-bottom: 10px;
			display:none;
			box-sizing: border-box;
			font-size:12px; 
			width:100%; text-transform:uppercase;  
		}
		
		#otp-in-container .success {
			color: #483333;
			padding: 10px 20px;
			background: #cff9b5;
			border: #bce4a3 1px solid;
			border-radius: 0px;
			margin: 0 auto;
			margin-bottom: 10px;
			display:none;
			box-sizing: border-box;
			font-size:12px; 
			width:100%; text-transform:uppercase;  
		}
			
    /* ------ pagination ------ */
		
		.pagination-container-top {
			/*border-bottom: 1px solid #e9ecef;*/
			/*margin-bottom: 1.5rem;*/
		}
		
		.pagination-container-bottom {
			/*border-top: 1px solid #e9ecef;*/
			/*padding-top: 1.5rem;*/
		}
		.pagination {
			/*border-top: 1px solid #e9ecef;*/
			border-radius: 0px;
			text-transform: uppercase;
			font-size: 12px; /*0.75rem;*/
			/*padding-top: 1.5rem;*/
		}
		
		.page-link {
			border: 1px solid #dee2e6;
			color: #000 !important;
		}
		
		.page-item{
		}
		
		.page-item.active .page-link {
			z-index: 1;
			color: #fff !important;
			background-color: #ce284f !important;
			border-color: #ce284f !important;
			z-index:0;
		}
			
		.page-link:hover {
			color: #000000;
			text-decoration: none;
			background-color: #fff;
			border: 1px solid #f5f5f5;
			opacity: 0.75;
		}
		
		.page-item:last-child .page-link {
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
	
	/* animation effect */

		
		.bounce {
		  /*display: inline-block;*/
		  position: relative;
		  -moz-animation: bounce 0.5s infinite linear;
		  -o-animation: bounce 0.5s infinite linear;
		  -webkit-animation: bounce 0.5s infinite linear;
		  animation: bounce 0.5s infinite linear;
		  colr:000;
		}
		
		@-webkit-keyframes bounce {
			0% { top: 0; }
			50% { top: -0.2em; }
			70% { top: -0.3em; }
			100% { top: 0; }
		}
		@-moz-keyframes bounce {
			0% { top: 0; }
			50% { top: -0.2em; }
			70% { top: -0.3em; }
			100% { top: 0; }
		}
		@-o-keyframes bounce {
			0% { top: 0; }
			50% { top: -0.2em; }
			70% { top: -0.3em; }
			100% { top: 0; }
		}
		@-ms-keyframes bounce {
			0% { top: 0; }
			50% { top: -0.2em; }
			70% { top: -0.3em; }
			100% { top: 0; }
		}
		@keyframes bounce {
			0% { top: 0; }
			50% { top: -0.2em; }
			70% { top: -0.3em; }
			100% { top: 0; }
		}
		
	
	/* MODAL OVERLAY LOADING */
		
		/* Start by setting display:none to make this hidden.
		   Then we position it in relation to the viewport window
		   with position:fixed. Width, height, top and left speak
		   speak for themselves. Background we set to 80% white with
		   our animation centered, and no-repeating */
		#page-loading-overlay {
			display:    none;
			position:   fixed;
			z-index:    999999992;
			top:        0;
			left:       0;
			height:     100%;
			width:      100%;
			background: rgba( 0, 0, 0, .5 ) 
						/*url('../scripts/jquery/loader.gif')
						50% 50%*/ 
						no-repeat;
		}
			
		#page-loading-overlay .loader {
		  border: 16px solid #f3f3f3;
		  border-radius: 50%;
		  border-top: 16px solid #000000 ;
		  width: 120px;
		  height: 120px;
		  -webkit-animation: spin 2s linear infinite;
		  animation: spin 2s linear infinite;
		  margin:auto;
		  left:0;
		  right:0;
		  top:0;
		  bottom:0;
		  position:fixed;
		}
		
		@-webkit-keyframes spin {
		  0% { -webkit-transform: rotate(0deg); }
		  100% { -webkit-transform: rotate(360deg); }
		}
		
		@keyframes spin {
		  0% { transform: rotate(0deg); }
		  100% { transform: rotate(360deg); }
		}
	
		/* When the body has the loading class, we turn
		   the scrollbar off with overflow:hidden */
		body.page-loading-overlay {
			overflow: hidden;  /* 
			margin-right:25px;*/
		}
		
		/* Anytime the body has the loading class, our
		   modal element will be visible */
		body.page-loading-overlay #page-loading-overlay {
			display: block;
		}