.list-style--square { list-style: square; list-style-position: inside; }
.list-style--disc { list-style: disc; list-style-position: inside; }
.image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.image.image-right {
	left: auto;
	right: 0;
}
.image-r {
	position: relative;
	width: 100%;
	background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.image-f {
	background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.image-bt { background-position: 50% 100%; }
.img15 { padding-top: 15%; }
.img20 { padding-top: 20%; }
.img25 { padding-top: 25%; }
.img30 { padding-top: 30%; }
.img40 { padding-top: 40%; }
.img45 { padding-top: 45%; }
.img50 { padding-top: 50%; }
.img60 { padding-top: 60%; }
.img66 { padding-top: 66.66%; }
.img80 { padding-top: 80%; }
.img100 { padding-top: 100%; }
.img120 { padding-top: 120%; }
.img140 { padding-top: 140%; }
.img350 { padding-top: 350%; }

.bg-img-cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.bg-img-cover-top {
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}
.bg-img-cover-bottom {
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.bg-img-contain {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.bg-img-contain-top {
	background-size: contain;
	background-position: center top;
	background-repeat: no-repeat;
}
.bg-img-contain-bottom {
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.bg-img-w70 {
	background-size: 70% auto;
	background-position: center;
	background-repeat: no-repeat;
}
.bg-fixed {
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /*background-size: contain;*/
  background-position: center;
  background-repeat: repeat;
  background-attachment: fixed;
  backface-visibility: hidden;
}
.bg-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.bg-cover-area {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.bg-cover-area-r {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
.icon-img-xs {
	width: 12px;
	min-width: 12px;
	max-width: 12px;
	height: 12px;
	min-height: 12px;
	max-height: 12px;
}
.icon-img-s {
	width: 18px;
	min-width: 18px;
	max-width: 18px;
	height: 18px;
	min-height: 18px;
	max-height: 18px;
}
.icon-img-m {
	width: 24px;
	min-width: 24px;
	max-width: 24px;
	height: 24px;
	min-height: 24px;
	max-height: 24px;
}
.icon-img-ml {
	width: 28px;
	min-width: 28px;
	max-width: 28px;
	height: 28px;
	min-height: 28px;
	max-height: 28px;
}
.icon-img-l {
	width: 36px;
	min-width: 36px;
	max-width: 36px;
	height: 36px;
	min-height: 36px;
	max-height: 36px;
}
.icon-img-xl {
	min-width: 54px;
	min-height: 54px;
	width: 54px;
	height: 54px;
}
.icon-img-xxl {
	min-width: 64px;
	min-height: 64px;
	width: 64px;
	height: 64px;
}

.ft200p { font-size: 200px; }
.ft150p { font-size: 150px; }
.ft100p { font-size: 100px; }
.ft80p { font-size: 80px; }
.ft60p { font-size: 60px; }
.ft58 { font-size: 5.8em; }
.ft56 { font-size: 5.6em; }
.ft54 { font-size: 5.4em; }
.ft52 { font-size: 5.2em; }
.ft50 { font-size: 5em; }
.ft48 { font-size: 4.8em; }
.ft46 { font-size: 4.6em; }
.ft44 { font-size: 4.4em; }
.ft42 { font-size: 4.2em; }
.ft40 { font-size: 4em; }
.ft36 { font-size: 3.6em; }
.ft34 { font-size: 3.4em; }
.ftxxl { font-size: 3.2em; }
.ft30 { font-size: 3em; }
.ftxl { font-size: 2.8em; }
.ftl { font-size: 2.4em; }
.ft0 { font-size: 2em; }
.ft1 { font-size: 1.8em; }
.ft2 { font-size: 1.6em; }
.ft25 { font-size: 1.45em; }
.ft3 { font-size: 1.3em; }
.ft35 { font-size: 1.2em; }
.ft4 { font-size: 1.12em; }
.ft45 { font-size: .9em; }
.ft5 { font-size: .8em; }
.ft6 { font-size: .6em; }
.ft-th { font-weight: 100; }
.ft-el { font-weight: 200; }
.ft-lt { font-weight: 300; }
.ft-rg { font-weight: 400; }
.ft-md { font-weight: 500; }
.ft-b { font-weight: 600; }
.ft-eb { font-weight: 700; }
.ft-hv { font-weight: 800; }
.ft-bi { font-weight: 900; }
.ft-up { text-transform: uppercase; }
.ft-it { font-style: italic; }

.lh-05 { line-height: .5; }
.lh-06 { line-height: .6; }
.lh-07 { line-height: .7; }
.lh-08 { line-height: .8; }
.lh-09 { line-height: .9; }
.lh-10 { line-height: 1; }
.lh-11 { line-height: 1.1; }
.lh-12 { line-height: 1.2; }
.lh-13 { line-height: 1.3; }
.lh-14 { line-height: 1.4; }
.lh-15 { line-height: 1.5; }
.lh-16 { line-height: 1.6; }
.lh-17 { line-height: 1.7; }
.lh-18 { line-height: 1.8; }
.lh-19 { line-height: 1.9; }
.lh-20 { line-height: 2; }
.lh-22 { line-height: 2.2; }
.lh-24 { line-height: 2.4; }

.bd-tr { border: 1px solid transparent; }
.bd-bk { border: 1px solid #000; }
.bd-bk2 { border: 2px solid #000; }
.bd-bk3 { border: 3px solid #000; }
.bd-tp-bk2 { border-top: 2px solid #000; }
.bd-wh { border: 1px solid #fff; }
.bd-wh2 { border: 2px solid #fff; }
.bd-wh3 { border: 1px solid rgba(255,255,255,.3); }
.bd-tp-wh2 { border-top: 2px solid #fff; }
.bd-bt-wh { border-bottom: 1px solid #fff; }
.bd-dg { border: 1px solid #999; }
.bd-lt-dg { border-left: 1px solid #999; }
.bd-dg2 { border: 2px solid #999; }
.bd-dg3 { border: 3px solid #999; }
.bd-gr { border: 1px solid #ddd; }
.bd-gr2 { border: 2px solid #ddd; }
.bd-tp-gr { border-top: 1px solid #ddd; }
.bd-tp-gr2 { border-top: 2px solid #ddd; }
.bd-bt-gr { border-bottom: 1px solid #ddd; }
.bd-lt-gr { border-left: 1px solid #ddd; }
.bd-rt-gr { border-right: 1px solid #ddd; }
.bd-tp-bk { border-top: 1px solid #000; }
.bd-bt-bk { border-bottom: 1px solid #000; }
.bd-bt-bk2 { border-bottom: 2px solid #000; }
.bd-rd-5 { border-radius: 5px; }
.bd-rd-10 { border-radius: 10px; }
.bd-rd-20 { border-radius: 20px; }
.bd-rd-100 { border-radius: 100px; }
.bd-rd-500 { border-radius: 500px; }
.bd-rd-1000 { border-radius: 1000px; }

.txt-right { text-align: right; }
.txt-left { text-align: left; }
.txt-center { text-align: center; }
.txt-underline { text-decoration: underline; }
.txt-underline-under{ text-decoration: underline; text-underline-position: under; }
.txt-wrap { word-break: break-all; word-wrap: normal; }
.txt-keep { word-break: keep-all; }
.txt-justify { text-align: justify; word-break: break-all; word-wrap: normal; }
.txt-nowrap { white-space: nowrap; }
.txt-ellip { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.v-mid { vertical-align: middle }
.txt-upper { text-transform: uppercase; }

.mx2000 { max-width: 2000px; }
.mx1400 { max-width: 1400px; }
.mx1280 { max-width: 1280px; }
.mx1200 { max-width: 1200px; }
.mx1100 { max-width: 1100px; }
.mx1000 { max-width: 1000px; }
.mx80 { max-width: 80px; }
.mx100 { max-width: 100px; }
.mx120 { max-width: 120px; }
.mx150 { max-width: 150px; }
.mx170 { max-width: 170px; }
.mx180 { max-width: 180px; }
.mx200 { max-width: 200px; }
.mx250 { max-width: 250px; }
.mx350 { max-width: 350px; }
.mx300 { max-width: 300px; }
.mx400 { max-width: 400px; }
.mx450 { max-width: 450px; }
.mx540 { max-width: 540px; }
.mx600 { max-width: 600px; }
.mx700 { max-width: 700px; }
.mx780 { max-width: 780px; }
.mx800 { max-width: 800px; }
.mx900 { max-width: 900px; }
.min120 { min-width: 120px; }
.min150 { min-width: 150px; }
.min170 { min-width: 170px; }
.min180 { min-width: 180px; }
.min200 { min-width: 200px; }
.min400 { min-width: 400px; }
.min600 { min-width: 600px; }
.minh500 { min-height: 500px; }
.minh600 { min-height: 600px; }
.minh100v { min-height: 100vh; }

.w0 { width: 0; min-width: 0; }
.w10 { width: 10%; }
.w12 { width: 12.5%; }
.w15 { width: 15%; }
.w16 { width: 16.66667%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w35 { width: 35%; }
.w33 { width: 33.333%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }
.w50p { width: 50px; min-width: 50px; }
.w70p { width: 70px; min-width: 70px; }
.w100p { width: 100px; min-width: 100px; }
.w120p { width: 120px; min-width: 120px; }
.w150p { width: 150px; min-width: 150px; }
.w200p { width: 200px; min-width: 200px; }
.w300p { width: 300px; min-width: 300px; }
.w400p { width: 400px; min-width: 400px; }
.h0 { height: 0px; }
.h40 { height: 40%; }
.h90 { height: 90%; }
.h50 { height: 50%; }
.h70 { height: 70%; }
.h100 { height: 100%; }
.h100v { height: 100vh; }
.h50p { height: 50px; }
.h150p { height: 150px; }
.h200p { height: 200px; }
.h300p { height: 300px; }
.h400p { height: 400px; }
.h500p { height: 500px; }
.h600p { height: 600px; }

.w12-g5 { width: calc( 12.5% - 10px ); }
.w12-g10 { width: calc( 12.5% - 20px ); }
.w12-g20 { width: calc( 12.5% - 40px ); }
.w16-g5 { width: calc( 16.66667% - 10px ); }
.w16-g10 { width: calc( 16.66667% - 20px ); }
.w16-g20 { width: calc( 16.66667% - 40px ); }
.w20-g5 { width: calc( 20% - 10px ); }
.w20-g10 { width: calc( 20% - 20px ); }
.w20-g20 { width: calc( 20% - 40px ); }
.w50-g5 { width: calc( 50% - 10px ); }
.w50-g10 { width: calc( 50% - 20px ); }
.w50-g30 { width: calc( 50% - 60px ); }
.w50-g40 { width: calc( 50% - 80px ); }
.w25-g5 { width: calc( 25% - 10px ); }
.w25-g10 { width: calc( 25% - 20px ); }
.w25-g20 { width: calc( 25% - 40px ); }
.w25-g30 { width: calc( 25% - 60px ); }
.w25-g40 { width: calc( 25% - 80px ); }
.w33-g5 { width: calc( 33.3333% - 10px ); }
.w33-g10 { width: calc( 33.3333% - 20px ); }
.w33-g20 { width: calc( 33.3333% - 40px ); }
.w33-g30 { width: calc( 33.3333% - 60px ); }
.w33-g40 { width: calc( 33.3333% - 80px ); }
.w50-g20 { width: calc( 50% - 40px ); }
.grid-3 { width: calc(100% + 6px); margin-left: -3px; }
.grid-5 { width: calc(100% + 10px); margin-left: -5px; }
.grid-10 { width: calc(100% + 20px); margin-left: -10px; }
.grid-15 { width: calc(100% + 30px); margin-left: -15px; }
.grid-20 { width: calc(100% + 40px); margin-left: -20px; }
.grid-30 { width: calc(100% + 60px); margin-left: -30px; }
.grid-40 { width: calc(100% + 80px); margin-left: -40px; }

.col-2 { column-count: 2; }
.col-g2 { column-gap: 2em; }
.col-g4 { column-gap: 4em; }

.mg-at { margin: auto; }
.mg-ct { margin-left: auto; margin-right: auto; }
.mg-la { margin-left: auto; }
.mg-ra { margin-right: auto; }
.mg-ta { margin-top: auto; }
.mg-s0 { margin-left: 0; margin-right: 0; }
.mg-2 { margin: 2px; }
.mg-h2 { margin-top: 2px; margin-bottom: 2px; }
.mg-t2 { margin-top: 2px; }
.mg-b2 { margin-bottom: 2px; }
.mg-s2 { margin-left: 2px; margin-right: 2px; }
.mg-l2 { margin-left: 2px; }
.mg-r2 { margin-right: 2px; }
.mg-3 { margin: 3px; }
.mg-h3 { margin-top: 3px; margin-bottom: 3px; }
.mg-t3 { margin-top: 3px; }
.mg-b3 { margin-bottom: 3px; }
.mg-s3 { margin-left: 3px; margin-right: 3px; }
.mg-l3 { margin-left: 3px; }
.mg-r3 { margin-right: 3px; }
.mg-5 { margin: 5px; }
.mg-h5 { margin-top: 5px; margin-bottom: 5px; }
.mg-t5 { margin-top: 5px; }
.mg-b5 { margin-bottom: 5px; }
.mg-s5 { margin-left: 5px; margin-right: 5px; }
.mg-l5 { margin-left: 5px; }
.mg-r5 { margin-right: 5px; }
.mg-15 { margin: 15px; }
.mg-h15 { margin-top: 15px; margin-bottom: 15px; }
.mg-t15 { margin-top: 15px; }
.mg-b15 { margin-bottom: 15px; }
.mg-s15 { margin-left: 15px; margin-right: 15px; }
.mg-l15 { margin-left: 15px; }
.mg-r15 { margin-right: 15px; }
.mg-10 { margin: 10px; }
.mg-h10 { margin-top: 10px; margin-bottom: 10px; }
.mg-t10 { margin-top: 10px; }
.mg-b10 { margin-bottom: 10px; }
.mg-s10 { margin-left: 10px; margin-right: 10px; }
.mg-l10 { margin-left: 10px; }
.mg-r10 { margin-right: 10px; }
.mg-20 { margin: 20px; }
.mg-h20 { margin-top: 20px; margin-bottom: 20px; }
.mg-t20 { margin-top: 20px; }
.mg-b20 { margin-bottom: 20px; }
.mg-s20 { margin-left: 20px; margin-right: 20px; }
.mg-l20 { margin-left: 20px; }
.mg-r20 { margin-right: 20px; }
.mg-30 { margin: 30px; }
.mg-h30 { margin-top: 30px; margin-bottom: 30px; }
.mg-t30 { margin-top: 30px; }
.mg-b30 { margin-bottom: 30px; }
.mg-s30 { margin-left: 30px; margin-right: 30px; }
.mg-l30 { margin-left: 30px; }
.mg-r30 { margin-right: 30px; }
.mg-50 { margin: 50px; }
.mg-h50 { margin-top: 50px; margin-bottom: 50px; }
.mg-t50 { margin-top: 50px; }
.mg-b50 { margin-bottom: 50px; }
.mg-s50 { margin-left: 50px; margin-right: 50px; }
.mg-l50 { margin-left: 50px; }
.mg-r50 { margin-right: 50px; }
.mg-40 { margin: 40px; }
.mg-h40 { margin-top: 40px; margin-bottom: 40px; }
.mg-t40 { margin-top: 40px; }
.mg-b40 { margin-bottom: 40px; }
.mg-s40 { margin-left: 40px; margin-right: 40px; }
.mg-l40 { margin-left: 40px; }
.mg-r40 { margin-right: 40px; }
.mg-60 { margin: 60px; }
.mg-h60 { margin-top: 60px; margin-bottom: 60px; }
.mg-t60 { margin-top: 60px; }
.mg-b60 { margin-bottom: 60px; }
.mg-s60 { margin-left: 60px; margin-right: 60px; }
.mg-l60 { margin-left: 60px; }
.mg-r60 { margin-right: 60px; }
.mg-80 { margin: 80px; }
.mg-h80 { margin-top: 80px; margin-bottom: 80px; }
.mg-t80 { margin-top: 80px; }
.mg-b80 { margin-bottom: 80px; }
.mg-s80 { margin-left: 80px; margin-right: 80px; }
.mg-l80 { margin-left: 80px; }
.mg-r80 { margin-right: 80px; }
.mg-100 { margin: 100px; }
.mg-h100 { margin-top: 100px; margin-bottom: 100px; }
.mg-t100 { margin-top: 100px; }
.mg-b100 { margin-bottom: 100px; }
.mg-s100 { margin-left: 100px; margin-right: 100px; }
.mg-l100 { margin-left: 100px; }
.mg-r100 { margin-right: 100px; }

.pd-2 { padding: 2px; }
.pd-s2 { padding-left: 2px; padding-right: 2px; }
.pd-l2 { padding-left: 2px; }
.pd-r2 { padding-right: 2px; }
.pd-h2 { padding-top: 2px; padding-bottom: 2px; }
.pd-t2 { padding-top: 2px; }
.pd-b2 { padding-bottom: 2px; }
.pd-3 { padding: 3px; }
.pd-s3 { padding-left: 3px; padding-right: 3px; }
.pd-l3 { padding-left: 3px; }
.pd-r3 { padding-right: 3px; }
.pd-h3 { padding-top: 3px; padding-bottom: 3px; }
.pd-t3 { padding-top: 3px; }
.pd-b3 { padding-bottom: 3px; }
.pd-5 { padding: 5px; }
.pd-s5 { padding-left: 5px; padding-right: 5px; }
.pd-l5 { padding-left: 5px; }
.pd-r5 { padding-right: 5px; }
.pd-h5 { padding-top: 5px; padding-bottom: 5px; }
.pd-t5 { padding-top: 5px; }
.pd-b5 { padding-bottom: 5px; }
.pd-7 { padding: 7px; }
.pd-s7 { padding-left: 7px; padding-right: 7px; }
.pd-l7 { padding-left: 7px; }
.pd-r7 { padding-right: 7px; }
.pd-h7 { padding-top: 7px; padding-bottom: 7px; }
.pd-t7 { padding-top: 7px; }
.pd-b7 { padding-bottom: 7px; }
.pd-10 { padding: 10px; }
.pd-s10 { padding-left: 10px; padding-right: 10px; }
.pd-l10 { padding-left: 10px; }
.pd-r10 { padding-right: 10px; }
.pd-h10 { padding-top: 10px; padding-bottom: 10px; }
.pd-t10 { padding-top: 10px; }
.pd-b10 { padding-bottom: 10px; }
.pd-15 { padding: 15px; }
.pd-s15 { padding-left: 15px; padding-right: 15px; }
.pd-l15 { padding-left: 15px; }
.pd-r15 { padding-right: 15px; }
.pd-h15 { padding-top: 15px; padding-bottom: 15px; }
.pd-t15 { padding-top: 15px; }
.pd-b15 { padding-bottom: 15px; }
.pd-20 { padding: 20px; }
.pd-s20 { padding-left: 20px; padding-right: 20px; }
.pd-l20 { padding-left: 20px; }
.pd-r20 { padding-right: 20px; }
.pd-h20 { padding-top: 20px; padding-bottom: 20px; }
.pd-t20 { padding-top: 20px; }
.pd-b20 { padding-bottom: 20px; }
.pd-25 { padding: 25px; }
.pd-s25 { padding-left: 25px; padding-right: 25px; }
.pd-l25 { padding-left: 25px; }
.pd-r25 { padding-right: 25px; }
.pd-h25 { padding-top: 25px; padding-bottom: 25px; }
.pd-t25 { padding-top: 25px; }
.pd-b25 { padding-bottom: 25px; }
.pd-30 { padding: 30px; }
.pd-s30 { padding-left: 30px; padding-right: 30px; }
.pd-l30 { padding-left: 30px; }
.pd-r30 { padding-right: 30px; }
.pd-h30 { padding-top: 30px; padding-bottom: 30px; }
.pd-t30 { padding-top: 30px; }
.pd-b30 { padding-bottom: 30px; }
.pd-40 { padding: 40px; }
.pd-s40 { padding-left: 40px; padding-right: 40px; }
.pd-l40 { padding-left: 40px; }
.pd-r40 { padding-right: 40px; }
.pd-h40 { padding-top: 40px; padding-bottom: 40px; }
.pd-t40 { padding-top: 40px; }
.pd-b40 { padding-bottom: 40px; }
.pd-50 { padding: 50px; }
.pd-s50 { padding-left: 50px; padding-right: 50px; }
.pd-l50 { padding-left: 50px; }
.pd-r50 { padding-right: 50px; }
.pd-h50 { padding-top: 50px; padding-bottom: 50px; }
.pd-t50 { padding-top: 50px; }
.pd-b50 { padding-bottom: 50px; }
.pd-60 { padding: 60px; }
.pd-s60 { padding-left: 60px; padding-right: 60px; }
.pd-l60 { padding-left: 60px; }
.pd-r60 { padding-right: 60px; }
.pd-h60 { padding-top: 60px; padding-bottom: 60px; }
.pd-t60 { padding-top: 60px; }
.pd-b60 { padding-bottom: 60px; }
.pd-80 { padding: 80px; }
.pd-s80 { padding-left: 80px; padding-right: 80px; }
.pd-l80 { padding-left: 80px; }
.pd-r80 { padding-right: 80px; }
.pd-h80 { padding-top: 80px; padding-bottom: 80px; }
.pd-t80 { padding-top: 80px; }
.pd-b80 { padding-bottom: 80px; }
.pd-100 { padding: 100px; }
.pd-s100 { padding-left: 100px; padding-right: 100px; }
.pd-l100 { padding-left: 100px; }
.pd-r100 { padding-right: 100px; }
.pd-h100 { padding-top: 100px; padding-bottom: 100px; }
.pd-t100 { padding-top: 100px; }
.pd-b100 { padding-bottom: 100px; }
.pd-h200 { padding-top: 200px; padding-bottom: 200px; }
.pd-t200 { padding-top: 200px; }
.pd-b200 { padding-bottom: 200px; }

.inst-box { z-index: 1; position: relative; }
.block-box { display: block; }
.iblock-box { display: inline-block; position: relative; }
.line-box { display: inline; }
.zIdx-1 { z-index: -1; }
.zIdx1 { z-index: 1; }
.zIdx2 { z-index: 2; }
.zIdx3 { z-index: 3; }
.zIdx4 { z-index: 4; }
.zIdx5 { z-index: 5; }
.zIdx10 { z-index: 10; }
.zIdx100 { z-index: 100; }
.oflow-h { overflow: hidden; }
.oflow-x-auto { overflow-x: auto; }
.oflow-x-auto::-webkit-scrollbar { height:8px; }
.oflow-x-auto::-webkit-scrollbar-thumb { background-color: #a9a9a9; }
.oflow-y-auto { overflow-y: auto; }
.oflow-y-auto::-webkit-scrollbar { width: 6px; }
.oflow-y-auto::-webkit-scrollbar-thumb { background-color: #a9a9a9; }

.cursor-point { cursor: pointer }
.pointer-events-auto { pointer-events: auto; }
.float-l { float: left; }
.flx-odr-0 { order: 0; }
.flx-odr-1 { order: 1; }
.flx-odr-2 { order: 2; }
.flx-0 { display: flex; }
.flx-0-rvs { display: flex; flex-direction: row-reverse; }
.flx-0c {
	display: flex;
	justify-content: center;
}
.flx-col {
	display: flex;
	flex-direction: column;
}
.flx-col0 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.flx-col-cc {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.flx-col-ec {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
.flx-col-cr {
	display: flex;
	flex-direction: column;
  align-items: flex-end;
	justify-content: center;
}
.flx-col-cl {
	display: flex;
	flex-direction: column;
  /* align-items: flex-start; */
	justify-content: center;
}
.flx-col-el {
	display: flex;
	flex-direction: column;
  align-items: flex-start;
	justify-content: flex-end;
}
.flx-col-er {
	display: flex;
	flex-direction: column;
  align-items: flex-end;
	justify-content: flex-end;
}
.flx-col-sb {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.flx-col-sbw {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flx-col-sbwe {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-end;
}
.flx-tl {
	display: flex;
	align-items: flex-start;
}
.flx-tr {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
}
.flx-cl { display: flex; align-items: center; }
.iflx-cl { display: inline-flex; align-items: center; }
.flx-cr {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.flx-cb {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.flx-cc {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flx-icc {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.flx-sr {
	display: flex;
	justify-content: flex-end;
}
.flx-end {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
.flx-el {
	display: flex;
	align-items: flex-end;
}

.flx-sb {
	display: flex;
	justify-content: space-between;
}
.flx-sbc {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flx-sbe {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.flx-cs {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flx-w {
	display: flex;
	flex-wrap: wrap;
}
.flx-wc {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.flx-w0c {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.iflx { display: inline-flex; }
.flx-itm-r { flex: 1; flex-basis: auto; }
.flx-itm-r10 { flex: 1 0 auto; }
.flx-itm-r0 { flex: 1; flex-basis: 0; }
.flx-itm-r1 { flex: 1; flex-basis: 1; }
.flx-itm-end { justify-content: flex-end; }
.display-hidden { display: none; }

.circle-wrap { border-radius: 1000px; overflow: hidden; }
.circle-wrap-hover .circle-target1,
.circle-wrap-hover .circle-target2 { transition: .3s; }
.circle-wrap-hover:hover .circle-target1 { transform: scale(0.905797101,0.905797101); }
.circle-wrap-hover:hover .circle-target2 { transform: scale(1.104,1.104); }


.quote-style::before,
.quote-style::after {
	content: '';
	display: inline-block;
	position: relative;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.quote-style::before { background-image: url('https://www.audreypet.com/static/img/icon/quote-top1.svg'); align-self: flex-start; }
.quote-style::after { background-image: url('https://www.audreypet.com/static/img/icon/quote-bottom1.svg'); align-self: flex-end; }
.quote-style.quote-wh::before { background-image: url('https://www.audreypet.com/static/img/icon/quote-top-wh.svg'); }
.quote-style.quote-wh::after { background-image: url('https://www.audreypet.com/static/img/icon/quote-bottom-wh.svg'); }
.quote-style.quote-s::before, .quote-style.quote-s::after { min-width: 24px; min-height: 24px; }
.quote-style.quote-m::before, .quote-style.quote-m::after { min-width: 36px; min-height: 36px; }
.quote-style.quote-l::before, .quote-style.quote-l::after { min-width: 48px; min-height: 48px; }

.centerline-after { display: flex; align-items: center; }
.centerline-after::after {
	content: '';
	position: relative;
	flex: 1 0 auto;
	height: 1px;
	background-color: #ccc;
}
.leftline-h { display: flex; }
.leftline-h::before {
	content: '';
	position: relative;
	width: 5px;
	min-width: 5px;
	margin-top: .15em;
	margin-bottom: .15em;
}
.leftline-h-2::before {
	content: '';
	position: relative;
	width: 2px;
	min-width: 2px;
	margin-top: .15em;
	margin-bottom: .15em;
}
.leftline-v { display: flex; align-items: center; }
.leftline-v::before {
	content: '';
	position: relative;
	width: 20px;
	height: 2px;
}
.leftline-vt { display: flex; }
.leftline-vt::before {
	content: '';
	position: relative;
	width: 20px;
	height: 2px;
	margin-top: .15em;
	margin-bottom: .15em;
}
.leftline-vta::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 2px;
}
.leftline-vb { display: flex; align-items: flex-end;}
.leftline-vb::before {
	content: '';
	position: relative;
	width: 20px;
	height: 2px;
	margin-top: .15em;
	margin-bottom: .15em;
}
.leftline-vba::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 2px;
	margin-top: .15em;
	margin-bottom: .15em;
}
.leftline-vta.h4::before { height: 4px; }



.border-wrap::before,
.border-wrap::after {
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
}
.border-wrap::before { 
	top: 0;
	left: 0;
	border-top: 1px solid #ddd; border-left: 1px solid #ddd;
}
.border-wrap::after { 
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;
}
.point-line { position: relative; }
.point-line::before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: -2px;
	width: calc(100% + 4px);
	height: .6em;
	background-color: rgba(179, 64, 200, 0.4);
}
.opacity-2 { opacity: .2; }
.opacity-3 { opacity: .3; }
.opacity-4 { opacity: .4; }
.opacity-5 { opacity: .5; }
.opacity-6 { opacity: .6; }
.opacity-7 { opacity: .7; }
.opacity-8 { opacity: .8; }
.opacity-9 { opacity: .9; }





.tr-3 { transition: .3s; }
.tr-4 { transition: .4s; }
.tr-5 { transition: .5s; }
.tr-6 { transition: .6s; }
.tr-7 { transition: .7s; }
.tr-8 { transition: .8s; }
.tr-9 { transition: .9s; }
.tr-10 { transition: 1s; }
.tr-rise-target {
	opacity: 0;
	transform: translateY(10px);
	transition-property: opacity, transform;
	transition-duration: .3s;
}
.tr-trigger.on .tr-rise-target {
	opacity: 1;
	transform: translateY(0);
}

.tr-zoom-target {
	opacity: 0;
	transform: scale3d(.3, .3, 1);
	transition-property: opacity, transform;
	transition-duration: .3s;
}
.tr-trigger.on .tr-zoom-target {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

.tr-d1 { transition-delay: .1s; }
.tr-d2 { transition-delay: .2s; }
.tr-d3 { transition-delay: .3s; }
.tr-d4 { transition-delay: .4s; }
.tr-d5 { transition-delay: .5s; }
.tr-d6 { transition-delay: .6s; }
.tr-d7 { transition-delay: .7s; }
.tr-d8 { transition-delay: .8s; }
.tr-d9 { transition-delay: .9s; }
.tr-d10 { transition-delay: 1s; }
.tr-d11 { transition-delay: 1.1s; }
.tr-d12 { transition-delay: 1.2s; }
.tr-d13 { transition-delay: 1.3s; }
.tr-d14 { transition-delay: 1.4s; }
.tr-d15 { transition-delay: 1.5s; }
.tr-d16 { transition-delay: 1.6s; }
.tr-d17 { transition-delay: 1.7s; }
.tr-d18 { transition-delay: 1.8s; }
.tr-d19 { transition-delay: 1.9s; }

.tr-trigger.off .tr-d1,
.tr-trigger.off .tr-d2,
.tr-trigger.off .tr-d3,
.tr-trigger.off .tr-d4,
.tr-trigger.off .tr-d5,
.tr-trigger.off .tr-d6,
.tr-trigger.off .tr-d7,
.tr-trigger.off .tr-d8,
.tr-trigger.off .tr-d9,
.tr-trigger.off .tr-d10,
.tr-trigger.off .tr-d11,
.tr-trigger.off .tr-d12,
.tr-trigger.off .tr-d13,
.tr-trigger.off .tr-d14,
.tr-trigger.off .tr-d15,
.tr-trigger.off .tr-d16,
.tr-trigger.off .tr-d17,
.tr-trigger.off .tr-d18,
.tr-trigger.off .tr-d19 { transition-delay: 0s; }




.ani-d1 { animation-delay: .1s; }
.ani-d2 { animation-delay: .2s; }
.ani-d3 { animation-delay: .3s; }
.ani-d4 { animation-delay: .4s; }
.ani-d5 { animation-delay: .5s; }
.ani-d6 { animation-delay: .6s; }
.ani-d7 { animation-delay: .7s; }
.ani-d8 { animation-delay: .8s; }
.ani-d9 { animation-delay: .9s; }
.ani-d10 { animation-delay: 1s; }
.ani-d11 { animation-delay: 1.1s; }
.ani-d12 { animation-delay: 1.2s; }
.ani-d13 { animation-delay: 1.3s; }
.ani-d14 { animation-delay: 1.4s; }
.ani-d15 { animation-delay: 1.5s; }
.ani-d16 { animation-delay: 1.6s; }
.ani-d17 { animation-delay: 1.7s; }
.ani-d18 { animation-delay: 1.8s; }
.ani-d19 { animation-delay: 1.9s; }
.ani-d20 { animation-delay: 2s; }