/* css by publisitio 024.09.12 */
*,
::after,
::before {
    box-sizing: border-box;
}
/* layout
-------------------------------- */
.container{
	margin: 0 150px;
}
.row{
	width: 95%;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	/*margin-right: -15px;
	margin-left: -15px;*/
	position: relative;
}
.col{
	flex: 1 0 0%;
	max-width: 100%;
}
.col-1{
	flex: 0 0 8.33%;
	max-width: 8.33%;
}
.col-2{
	flex: 0 0 16.66%;
	max-width: 16.66%;
}
.col-3{
	flex: 0 0 25%;
	max-width: 25%;
}
.col-4{
	flex: 0 0 33.33%;
	max-width: 33.33%;
}
.col-5{
	flex: 0 0 41.66%;
	max-width: 41.66%;
}
.col-6{
	flex: 0 0 50%;
	max-width: 50%;
}
.col-7{
	flex: 0 0 58.33%;
	max-width: 58.33%;
}
.col-8{
	flex: 0 0 66.66%;
	max-width: 66.66%;
}
.col-9{
	flex: 0 0 75%;
	max-width: 75%;
}
.col-10{
	flex: 0 0 83.33%;
	max-width: 83.33%;
}
.col-11{
	flex: 0 0 91.66%;
	max-width: 91.66%;
}
.col-12{
	flex: 0 0 100%;
	max-width: 100%;
}
.col-break{
	width: 100%;
}
	[class^="col"]{
		padding-right: 15px;
		padding-left: 15px;
	}
.img-flex{
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
	@media screen and (max-width: 801px){
		.container{
			margin: 0 25px;
		}
		[class^="col"]{
			flex: 0 0 100%;
			max-width: 100%;
		}
		.col-sm-3{
			flex: 0 0 25%;
			max-width: 25%;
		}
		.col-sm-5{
			flex: 0 0 41.66%;
			max-width: 41.66%;
		}
		.col-sm-6{
			flex: 0 0 50%;
			max-width: 50%;;
		}
		.col-sm-7{
			flex: 0 0 58.33%;
			max-width: 58.33%;
		}
		.col-sm-8{
			flex: 0 0 66.66%;
			max-width: 66.66%;
		}
		.col-sm-9{
			flex: 0 0 75%;
			max-width: 75%;
		}
		.col-sm-10{
			flex: 0 0 83.33%;
			max-width: 83.33%;
		}
		.mx-sm-auto{
			margin-left: auto;
			margin-right: auto;
		}
	}

/* flex options
-------------------------------- */
.d-block{
	display: block;
}
.d-flex{
	display: flex;
}
.flex-wrap{
	flex-wrap: wrap;
}
.flex-column{
	flex-direction: column;
}
/* align content
-------------------------------- */
.justify-content-start{
	justify-content: flex-start;
}
.justify-content-center{
	justify-content: center;
}
.justify-content-end{
	justify-content: flex-end;
}
.justify-content-between{
	justify-content: space-between;
}
.justify-content-around{
	justify-content: space-around;
}
	@media screen and (max-width: 801px){
		.justify-content-sm-center{
			justify-content: center;
		}
	}

.align-items-start{
	align-items: flex-start;
}
.align-items-center{
	align-items: center;
}
.align-items-end{
	align-items: flex-end;
}
.align-self-center{
	align-self: center;
}
.align-self-end{
	align-self: flex-end;
}
.img-center{
	margin: auto;
	display: block;
}
.img-right{
	margin-left: auto;
	display: block;
}
.row-reverse{
	flex-direction: row-reverse;
}
/* align text
-------------------------------- */
.txt-left{
	text-align: left !important;
}
.txt-center{
	text-align: center !important;
}
.txt-right{
	text-align: right !important;
}
.txt-justify{
	text-align: justify !important;
}
.txt-nowrap {
	white-space: nowrap;
}
	@media screen and (max-width: 801px){
		.txt-sm-left{
			text-align: left !important;
		}
		.txt-sm-center{
			text-align: center !important;
		}
		.txt-sm-right{
			text-align: right !important;
		}
	}
/* text case
-------------------------------- */
.txt-uppercase{
	text-transform:uppercase;
}
.txt-italic{
	font-style:italic;
}
/* spacing
-------------------------------- */
.mt-auto{
	margin-top: auto;
}
.mt-0{
	margin-top: 0rem;
}
.mt-1{
	margin-top: 1rem !important;
}
.mt-2{
	margin-top: 2rem !important;
}
.mt-3{
	margin-top: 3rem !important;
}
.mt-4{
	margin-top: 4rem !important;
}
.mt-5{
	margin-top: 5rem !important;
}
.mt-6{
	margin-top: 6rem !important;
}
.mt-n1{
	margin-top: -1rem !important;
}
.mt-n2{
	margin-top: -2rem !important;
}
.mt-n3{
	margin-top: -3rem !important;
}
.mr-auto{
	margin-right: auto;
}
.mr-1{
	margin-right: 1rem;
}
.mr-2{
	margin-right: 2rem;
}
.mr-3{
	margin-right: 3rem;
}
.mr-4{
	margin-right: 4rem;
}
.ml-auto{
	margin-left: auto;
}
.ml-1{
	margin-left: 1rem;
}
.ml-2{
	margin-left: 2rem;
}
.ml-3{
	margin-left: 3rem;
}
.ml-4{
	margin-left: 4rem;
}
.mb-1{
	margin-bottom: 1rem;
}
.mb-2{
	margin-bottom: 2rem;
}
.mb-3{
	margin-bottom: 3rem !important;
}
.mb-4{
	margin-bottom: 4rem;
}
.mb-5{
	margin-bottom: 5rem !important;
}
.mx-auto{
	margin-left: auto;
	margin-right: auto;
}
.mx-0{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.mx-1{
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}
.mx-2{
	margin-left: 2rem !important;
	margin-right: 2rem !important;
}
.mx-3{
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}
.mx-4{
	margin-left: 4rem !important;
	margin-right: 4rem !important;
}
.mx-5{
	margin-left: 5rem !important;
	margin-right: 5rem !important;
}
.my-0{
	margin-top: 0rem !important;
	margin-bottom: 0rem !important;
}
.my-1{
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
.my-2{
	margin-top: 2rem !important;
	margin-bottom: 2rem !important;
}
.my-3{
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}
.my-4{
	margin-top: 4rem !important;
	margin-bottom: 4rem !important;
}
.my-5{
	margin-top: 5rem !important;
	margin-bottom: 5rem !important;
}
	@media screen and (max-width: 800px) {
		[class*="ml"]{
			margin-left: 0rem !important;
		}
	}
.p-0{
	padding: 0rem;
}
.p-1{
	padding: 1rem;
}
.p-2{
	padding: 2rem;
}
.p-3{
	padding: 3rem;
}
.p-4{
	padding: 4rem;
}
.p-5{
	padding: 5rem;
}
.pl-1{
	padding-left: 1rem;
}
.pl-2{
	padding-left: 2rem;
}
.pl-3{
	padding-left: 3rem;
}
.px-0{
	padding-left: 0rem;
	padding-right: 0rem;
}
.px-1{
	padding-left: 1rem;
	padding-right: 1rem;
}
.px-2{
	padding-left: 2rem;
	padding-right: 2rem;
}
.px-3{
	padding-left: 3rem;
	padding-right: 3rem;
}
.px-4{
	padding-left: 4rem;
	padding-right: 4rem;
}
.px-5{
	padding-left: 5rem;
	padding-right: 5rem;
}

.py-1{
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.py-2{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.py-3{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.py-4{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.py-5{
	padding-top: 5rem;
	padding-bottom: 5rem;
}
	@media screen and (max-width: 801px){
		.container{
			margin: 0 25px;
		}
		/*[class*="px-"]{
			padding: 0 0rem;
		}*/
		.px-sm-0{
			padding-left: 0rem;
			padding-right: 0rem;
		}
		.ml-2{
			margin: 0rem;
		}
	}
.h-100{
	height: 100%;
}
/* offset
-------------------------------- */
.offset-1 {
  margin-left: 8.33%;
}
.offset-2 {
  margin-left: 16.66%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33%;
}
.offset-5 {
  margin-left: 41.66%;
}
.offset-6 {
  margin-left: 50%;
}
	@media screen and (max-width: 801px){
		[class*="offset-"]{
			margin-left: 0;
		}
	}
/* order
-------------------------------- */
.order-1{
	order: 1;
}
.order-2{
	order: 2;
}
.order-3{
	order: 3;
}
.order-4{
	order: 4;
}
	@media screen and (max-width: 801px){
		.order-sm-1{
			order: 1;
		}
		.order-sm-2{
			order: 2;
		}
		.order-sm-3{
			order: 3;
		}
		.order-sm-4{
			order: 4;
		}
	}
/* border
-------------------------------- */
.brd{
	border: 1px solid #000;
}
.brd-l{
	border-left: 1px solid #000;
}
.circle{
	border-radius: 50%;
}
.brd-rad-50{
	border-radius: 50px;
}
/* font size
-------------------------------- */
.ft-sz-3{
	font-size: 3em !important;
}
.ft-sz-4{
	font-size: 4em !important;
}