/* ------------------------- VARIABLES ------------------------- */
:root {
	
	/* ----- color ----- */
	--contest-white: #f7f7f7;
	--contest-blue: #0a477f;
	--contest-red: #d24e4e;
	--contest-yellow: #e4bd46;
	
	/* ----- other ----- */
	--line-height: calc(1em + 4px);

}


/* ------------------------- TEXT ------------------------- */

/* ----- family ----- */
h1 {
	font-family: 'Bangers', cursive !important;
}
body, header, footer, h2, h3, h4, h5, h6, p, span, a, li, input, button {
	font-family: 'Open Sans', sans-serif !important;
}

/* ----- color ----- */
h1, h2, h3, h4, h5, h6, p, a, .text-blue,
#giuria .card-giuria > .card-giuria-text > *,
#moduloRegistrazione h3, #moduloRegistrazione p,
#moduloRecuperaPassword h3, #moduloRecuperaPassword p {
	color: var(--contest-blue) !important;
}
section[class*="bg-"]:not(.bg-white) h1,
section[class*="bg-"]:not(.bg-white) h2,
section[class*="bg-"]:not(.bg-white) h3,
section[class*="bg-"]:not(.bg-white) h4,
section[class*="bg-"]:not(.bg-white) h5,
section[class*="bg-"]:not(.bg-white) h6,
section[class*="bg-"]:not(.bg-white) p {
	color: white !important;
}

/* ----- weight ----- */
h2, h3, h4, h5 {
	font-weight: 700;
}

/* ----- size ----- */
h1 {
	font-size: 52px;
	line-height: var(--line-height);
	letter-spacing: 3px;
}
h2 {
	font-size: 40px;
	line-height: var(--line-height);
	letter-spacing: 1px;
}
h3 {
	font-size: 24px;
	line-height: var(--line-height);
}
h4 {
	font-size: 20px;
	line-height: var(--line-height);
}
h5 {
	font-size: 18px;
	line-height: var(--line-height);
}
p, a {
	font-size: 15px !important;
	line-height: var(--line-height) !important;
}

/* ----- other ----- */
a:not(.btn):hover {
	text-decoration: underline !important;
}


/* ------------------------- OBJECT ------------------------- */

/* ----- element ----- */
section[class*="el-yellow"] {
	overflow: visible;
	z-index: 100;
}
.el-yellow-top:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	display: block;
	width: 100%;
	height: 90px;
	background: var(--contest-yellow);
	clip-path: polygon(0 0, 100% 70px, 100% 90px, 0 35px);
}
.el-yellow-bottom:before {
	content: '';
	position: absolute;
	bottom: 25%;
	left: 0;
	display: block;
	width: 100%;
	height: 90px;
	background: var(--contest-yellow);
	clip-path: polygon(0 55px, 100% 0, 100% 20px, 0 90px);
}
.el-blue-bottom:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 80px;
	background: var(--contest-blue);
	clip-path: polygon(0 80px, 100% 0, 100% 80px, 0 80px);
}
#premi.el-blue-bottom:after {
  z-index: -100;
}

/* ----- arrow ----- */
[class*="obj-arrow"] {
  position: relative;
  display: block;
  width: 30px;
	height: auto;
  margin: 40px auto;
}
.obj-arrow-130 {
  transform: rotateZ(130deg);
}
[class*="row-step"] > div:first-child:before,
[class*="row-step"] > div:nth-child(2):before {
	content: '';
	background-image: url("/pages/_assets/nice/images/object/scattidasogno-by-negri-arredamento-object-1-white.svg");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	display: block;
	width: 32px;
	height: 100px;
}
[class*="row-step"] > div:first-child:before {
	transform: rotateZ(110deg) rotateY(180deg) !important;
}
.row-step-partecipa > div:first-child:before {
	top: 100px;
	left: calc(100% - 40px);
}
.row-step-foto > div:first-child:before {
	bottom: 60px;
  left: calc(100% - 60px);
}
[class*="row-step"] > div:nth-child(2):before {
	transform: rotateZ(70deg);
}
.row-step-partecipa > div:nth-child(2):before {
	top: 10px;
	left: calc(100% - 10px);
}
.row-step-foto > div:nth-child(2):before {
	top: 10px;
	left: calc(100% - 20px);
}


/* ------------------------- BACKGROUND ------------------------- */
.bg-white { background-color: var(--contest-white) !important; }
.bg-blue { background-color: var(--contest-blue) !important; }
.bg-red { background-color: var(--contest-red) !important; }
.bg-yellow { background-color: var(--contest-yellow) !important; }
#premi { background: linear-gradient(182deg, var(--contest-blue) 80px, var(--contest-red) 80px); }
#giuria { background: linear-gradient(358deg, var(--contest-white) 32%, var(--contest-red) 32%); }


/* ------------------------- BUTTONS ------------------------- */
.btn {
	border: none !important;
	border-radius: 0 !important;
  padding: 15px 30px !important;
}
.btn-shape {
  clip-path: polygon(0 5%, 100% 0, 97% 100%, 3% 90%);
}
.btn-primary {
	color: var(--contest-white) !important;
	background-color: var(--contest-blue) !important;
}
.btn-primary:hover {
	background-color: var(--contest-yellow) !important;
}
.btn-secondary {
	color: var(--contest-white) !important;
	background-color: var(--contest-yellow) !important;
}
.btn-secondary:hover {
	color: var(--contest-yellow) !important;
	background-color: var(--contest-white) !important;
}
.bg-white .btn-secondary:hover {
	color: var(--contest-white) !important;
	background-color: var(--contest-blue) !important;
}


/* ------------------------- FORM ------------------------- */
.form-control,
.custom-file > .custom-file-label {
  width: 100%;
  min-height: 40px;
  color: var(--contest-blue);
  background-color: transparent;
  border: 1px solid var(--contest-blue);
  border-radius: 10px;
  padding: 10px 16px;
	font-size: 14px !important;
  line-height: var(--line-height) !important;
}
.form-control::placeholder {
	color: var(--contest-blue);
}
.custom-file {
  min-height: 40px;
}
.custom-file .custom-file-input {
	cursor: pointer;
}
.custom-file > .custom-file-label::after {
	content: '\e3c2' !important;
	font-family: "Font Awesome 6 Pro";
	font-size: 16px !important;
  line-height: var(--line-height) !important;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-left: none;
  background-color: transparent;
	color: var(--contest-blue);
  height: auto;
  display: flex;
  align-items: center;
}
.input-group .input-group-prepend .input-group-text,
.input-group .input-group-append .input-group-text {
  background-color: var(--contest-blue);
  color: var(--contest-white);
  border: 1px solid var(--contest-blue);
	cursor: pointer;
}
.input-group .input-group-prepend .input-group-text {
  border-right: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.input-group .input-group-append .input-group-text {
  border-left: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.input-group.show-hide-password .input-group-append .input-group-text {
	min-width: 52px;
  display: flex;
  justify-content: center;
}
.input-group .input-group-append .input-group-text i.icon-eye-off:before {
  content: "\f070";
}
.input-group .input-group-append .input-group-text i.icon-eye:before {
  content: "\f06e";
}
#myDropzone {
  width: 100%;
  color: var(--contest-blue);
  background-color: transparent;
  border: 1px solid var(--contest-blue);
  border-radius: 10px;
}
#myDropzone .dz-preview {
	background: transparent !important;
}
#myDropzone .dz-preview .dz-remove {
  margin-top: 10px;
}
#formLostPass {
  display: block;
}
#formLostPass .codeContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#formLostPass .codeContainer input {
	height: 50px;
	max-width: 40px;
	font-size: 24px !important;
	line-height: var(--line-height) !important;
  padding: 0;
  margin: 0 10px;
}
#formLostPass > .form-group {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}
#formLostPass > .form-group > button {
  margin-bottom: 0;
}

/* ----- privacy ----- */
.check-privacy {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  height: 40px;
}
.check-privacy > span {
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  background: transparent;
	border: 1px solid var(--contest-blue);
  border-radius: 10px;
}
.check-privacy > span:after {
  content: '';
  display: block;
  position: absolute;
  width: 23px;
  height: 11px;
  border-left: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: rotate(-45deg);
  left: 8px;
  top: 11px;
}
.check-privacy > input {
  opacity: 0;
	z-index: 10;
	margin-right: 40px;
}
.check-privacy input:checked ~ span {
  background: var(--contest-blue) !important;
}
.check-privacy input:checked ~ span:after {
  border-color: var(--contest-white) !important;
}
.check-privacy > .link-privacy {
  color: var(--contest-blue) !important;
}


/* ------------------------- HEADER ------------------------- */

/* ----- general ----- */
#header.sticky-active .header-inner {
  background-color: var(--contest-blue);
}

/* ----- logo ----- */
#header #logo img {
  padding: 10px 0;
}

/* ----- extra ----- */
#header .header-extras {
  flex-direction: unset !important;
	margin-left: 70px;
}
#header .header-extras,
#header .header-extras .login-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#header .header-extras .login-group {
	color: white !important;
}
#header .header-extras .login-group:hover {
  color: var(--contest-yellow) !important;
  text-decoration: none !important;
}
#header .header-extras .user-menu > a {
  color: white !important;
}
#header .header-extras .user-menu > a:hover {
  text-decoration: none !important;
}
#header .header-extras .user-menu .dropdown-list .user-menu-container {
  display: flex;
  align-items: center;
}
#header .header-extras .user-menu .dropdown-list .user-menu-container .user-menu-img img {
  max-width: 50px;
}

/* ----- menu ----- */
#header #mainMenu nav > ul > li > a {
  color: white !important;
	font-size: 12px !important;
}
#header #mainMenu nav > ul > li > a:hover {
  color: var(--contest-yellow) !important;
  text-decoration: none !important;
}


/* ------------------------- SUBHEADER ------------------------- */
#page-title .page-title > h1,
#page-title .breadcrumb li,
#page-title .breadcrumb li a {
  color: white !important;
}
.breadcrumb ul li + li:before {
	content: '\f054';
  font-family: 'Font Awesome 6 Pro';
}


/* ------------------------- SLIDER ------------------------- */
#slider .slide .container {
	padding-top: 0 !important;
	padding-bottom: 300px !important;
}


/* ------------------------- FOOTER ------------------------- */

/* ----- general ----- */
#footer .footer-content,
#footer .copyright-content {
  background-color: var(--contest-blue);
	color: white;
}
#footer a {
	color: white !important;
}
#footer a:hover {
	color: var(--contest-yellow) !important;
}

/* ----- footer ----- */
#footer .footer-content .logo-negri {
	width: 300px !important;
}
#footer .footer-content .social-icons a {
  margin: 0 10px;
}

/* ----- copyright ----- */
#footer .copyright-content {
	border-top: 1px solid rgba(255, 255, 255, 20%);
}
#footer .copyright-content,
#footer .copyright-content a {
	font-size: 12px !important;
	line-height: var(--line-height) !important;
}


/* ------------------------- HOME ------------------------- */

/* ----- intro ----- */
.logo-negri {
	width: 60% !important;
}
.img-star-intro {
  position: absolute;
  bottom: 25px;
  left: calc(50% - 190px);
  display: block;
  max-width: 380px;
  height: auto;
}

/* ----- partecipa ----- */
.row-step-partecipa > div {
  padding: 0 35px;
}
.row-step-partecipa > div:first-child {
  padding: 0 70px 0 0;
}
.row-step-partecipa > div:last-child {
  padding: 0 0 0 70px;
}

/* ----- premi ----- */
#premi {
	overflow: visible;
	z-index: 101;
}
.box-premi-rivista {
	position: absolute;
  display: flex;
  align-items: center;
  width: 550px;
	height: auto;
	z-index: -1;
}
.box-premi-rivista > img {
	position: absolute;
  left: -30%;
	max-width: 360px;
	z-index: 1;
}
.box-premi-rivista > .box-premi-rivista-text {
	position: relative;
  padding: 30px 20px 50px 200px;
	clip-path: polygon(0 5%, 100% 0, 97% 100%, 0 90%);
	z-index: 0;
}
.box-premi-rivista > .box-premi-rivista-shadow {
	position: absolute;
	top: 15px;
	left: 15px;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--contest-red);
	clip-path: polygon(0 5%, 100% 0, 97% 100%, 0 90%);
	z-index: -1;
}

/* ----- foto ----- */
.row-step-foto > div {
  padding: 0 40px;
}
.row-step-foto > div:first-child {
  padding: 0 80px 0 0;
}
.row-step-foto > div:last-child {
  padding: 0 0 0 80px;
}
.img-star-foto {
  position: absolute;
  bottom: -130px;
  left: calc(50% - 100px);
  display: block;
  max-width: 200px;
  height: auto;
}

/* ----- giuria ----- */
.card-giuria > .card-giuria-img {
	position: relative;
  top: 70px;
  margin-top: -70px;
}
.card-giuria > .card-giuria-img:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: calc(50% - 125px);
	display: block;
	width: 250px;
	height: 60%;
	background-color: var(--contest-yellow);
	clip-path: polygon(10px 5px, calc(100% - 5px) 0, 100% 100%, 0 100%);
	z-index: -1;
}
.card-giuria > .card-giuria-text {
	position: relative;
	background-color: white;
	padding: 30px 20px 30px 20px;
	clip-path: polygon(0 0, 100% 15px, 100% calc(100% - 10px), 5px 100%);
}
.row-cards-giuria div:nth-child(2) .card-giuria > .card-giuria-text {
  clip-path: polygon(0 20px, 100% 0, 100% 100%, 5px calc(100% - 10px));
}

/* ----- modulo ----- */
.row-moduli .col-registrati {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: space-between;
}
.row-moduli .col-divider {
	border-left: 2px solid var(--contest-blue);
}
.elenco-regole-foto {
	padding-left: 20px;
}
.elenco-regole-foto li {
	color: var(--contest-blue) !important;
  font-size: 12px;
  line-height: var(--line-height);
}

/* ------------------------- REGISTRAZIONE ------------------------- */
#moduloRegistrazione {
	background-repeat: no-repeat;
}
#moduloRegistrazione .container {
	margin-top: 40px;
	margin-bottom: 0;
}
#moduloRegistrazione .text-footer-light,
#moduloRegistrazione .text-footer-light > a {
	color: white !important;
}
.pswd_info_absolute {
  position: absolute;
  top: 0;
  right: -255px;
  width: 250px;
  padding: 15px;
  background: var(--contest-white);
  font-size: .875em;
  box-shadow: 0 1px 3px #ccc;
  border: 1px solid #ddd;
  text-align: left;
}


/* ------------------------- RECUPERA PASSWORD ------------------------- */
#moduloRecuperaPassword {
	background-repeat: no-repeat;
}
#moduloRecuperaPassword .container {
	margin-top: 40px;
	margin-bottom: 0;
}
#moduloRecuperaPassword .text-footer-light,
#moduloRecuperaPassword .text-footer-light > a {
	color: white !important;
}


/* ------------------------- AREA UTENTE ------------------------- */
.panel {
  margin-bottom: 35px;
}
.panel-default {
  border: 0;
  border-radius: 0;
  border-bottom: 3px solid var(--contest-blue);
}
.panel-default>.panel-heading {
  background-color: var(--contest-white);
  border: 0;
  color: var(--contest-blue);
  font-size: 18px;
  font-weight: 600;
  padding: 10px 15px;
}
.panel-heading>.pull-right {
  float: right;
}
.panel-body {
  padding: 15px;
}
.panel-body .table th {
  font-weight: bold;
}

#pswd_info h4 {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
	color: var(--contest-blue) !important;
}
#pswd_info li, #pswd_info ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 14px;
}
#pswd_info .invalid {
  position: relative;
  padding-left: 22px;
  line-height: 24px;
  color: #ec3f41;
}
#pswd_info .invalid:before {
	font-family: "Font Awesome 6 Pro";
	content: "\e59b";
	position: absolute;
  left: 0;
	font-weight: bold;
}
#pswd_info .valid {
  position: relative;
  padding-left: 22px;
  line-height: 24px;
  color: #3a7d34;
}
#pswd_info .valid:before {
	font-family: "Font Awesome 6 Pro";
	content: "\f00c";
	position: absolute;
  left: 0;
	font-weight: bold;
}
.portfolio-item .portfolio-description a:hover i,
.portfolio-item .grid-description a:hover i,
.portfolio-item .portfolio-links a:hover i
.grid-item .portfolio-description a:hover i,
.grid-item .grid-description a:hover i,
.grid-item .portfolio-links a:hover i {
	background-color: var(--contest-blue);
  border: 1px solid var(--contest-blue);
}

.countdown {
	color: var(--contest-blue);
}

.social-share {
  list-style: none;
	display: inline;
}
.social-share li {
  display: inline-block;
  margin-left: 10px;
}
.social-share li i {
  font-size: 16px;
}

/* ------------------------- MARGIN E PADDING ------------------------- */

.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-25 { margin: 25px !important }
.m-30 { margin: 30px !important }
.m-35 { margin: 35px !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-200 { margin: 200px !important }

.mb-0 { margin-bottom: 0px !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-25 { margin-bottom: 25px !important }
.mb-30 { margin-bottom: 30px !important }
.mb-35 { margin-bottom: 35px !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-200 { margin-bottom: 200px !important }

.mt-0 { margin-top: 0px !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-25 { margin-top: 25px !important }
.mt-30 { margin-top: 30px !important }
.mt-35 { margin-top: 35px !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-200 { margin-top: 200px !important }

.ml-0 { margin-left: 0px !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-25 { margin-left: 25px !important }
.ml-30 { margin-left: 30px !important }
.ml-35 { margin-left: 35px !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-200 { margin-left: 200px !important }

.mr-0 { margin-right: 0px !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-25 { margin-right: 25px !important }
.mr-30 { margin-right: 30px !important }
.mr-35 { margin-right: 35px !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-200 { margin-right: 200px !important }


.p-0 { padding: 0px !important }
.p-5 { padding: 5px !important }
.p-10 { padding: 10px !important }
.p-15 { padding: 15px !important }
.p-20 { padding: 20px !important }
.p-25 { padding: 25px !important }
.p-30 { padding: 30px !important }
.p-35 { padding: 35px !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-200 { padding: 200px !important }

.pb-0 { padding-bottom: 0px !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-25 { padding-bottom: 25px !important }
.pb-30 { padding-bottom: 30px !important }
.pb-35 { padding-bottom: 35px !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-200 { padding-bottom: 200px !important }

.pt-0 { padding-top: 0px !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-25 { padding-top: 25px !important }
.pt-30 { padding-top: 30px !important }
.pt-35 { padding-top: 35px !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-200 { padding-top: 200px !important }

.pl-0 { padding-left: 0px !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-25 { padding-left: 25px !important }
.pl-30 { padding-left: 30px !important }
.pl-35 { padding-left: 35px !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-200 { padding-left: 200px !important }

.pr-0 { padding-right: 0px !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-25 { padding-right: 25px !important }
.pr-30 { padding-right: 30px !important }
.pr-35 { padding-right: 35px !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-200 { padding-right: 200px !important }