/*.kpas-rasp-form-inputs {display:inline-block;}
.kpas-rasp-form-inputs label {display:block;}
.kpas-rasp-form-inputs input {display:block;}

.kpas-rasp-form-inputs-from {display:inline-block;}
.kpas-rasp-form-inputs-to {display:inline-block;}
.kpas-rasp-form-inputs-date {display:inline-block;}
.kpas-rasp-form-actions {display:inline-block;}
.kpas-rasp-form-actions-submit {display:inline-block;}

@media only screen and (max-width:600px){
	.kpas-rasp-form-inputs-from {display:block;margin-right:0;width:auto;}
	.kpas-rasp-form-inputs-to {display:block;margin-right:0;width:auto;}
	.kpas-rasp-form-inputs-date {display:block;margin-right:0;width:auto;}
}
*/

.rating {margin:0 0 0 30px;text-align:left;position:absolute;bottom:13px;}
.rating-title {font-size:15px;color:#a0a3bd;font-weight:600;}
.rating-star {width:60px;display:inline-block;line-height:100%;cursor:default}
.rating-value-wr {width:60px;height:60px;position:relative;cursor:default;display:inline-block;vertical-align:middle;text-align:center;}
.rating-value-legend {position:relative;bottom:13px;display:inline-block;font-size:14px;font-weight:500;}
.rating-star svg {fill:#ffd100;}
.rating-value {position:absolute;width:60px;left:0;top:2px;text-align:center;height:60px;z-index:5;font-weight:bold;color:white;line-height:60px;font-size:16px;}
.rating-link {font-size:15px;line-height:1.1em;text-decoration:underline;text-decoration-style:dotted;text-underline-position: under;font-style:normal;color:#a0a3bd;cursor:pointer;display:inline-block;vertical-align:middle;font-weight: 600;}
.rating-link:hover {text-decoration:underline;}

/*
.rating-star_1 svg {fill:#d43400;}
.rating-star_2 svg {fill:#ff9803;}
.rating-star_3 svg {fill:#f9bf06;}
.rating-star_4 svg {fill:#b1d006;}
.rating-star_5 svg {fill:#67c206;}
*/

.rating-star_4 .rating-value {color:#707070}
.rating-star_3 .rating-value {color:#707070}

@media only screen and (max-width : 1200px){
 .rating {margin-left:18px}
}

.kpas-ratings-wr {background: rgba(0,0,0,.5);opacity: 0;pointer-events: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);transition-timing-function: cubic-bezier(.23,1,.32,1);position: fixed;top: 0;left: 0;bottom: 0;right: 0;-webkit-transform: translateX(-9999px);transform: translateX(-9999px);}
.kpas-ratings-wr.visible {opacity:1;z-index: 999;pointer-events: auto;-webkit-transform: translateX(0);transform: translateX(0);}
.kpas-ratings-reviews-wr0 {-webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.3);box-shadow: 0 0 40px 0 rgba(0,0,0,.3);margin:0 auto 0;position: relative;width: 920px;-webkit-transition-property: margin-top;transition-property: margin-top;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);transition-timing-function: cubic-bezier(.23,1,.32,1);}
.kpas-ratings-reviews-wr {border-radius: 4px;display: -webkit-box;display: -ms-flexbox;display: flex;height:70vh;overflow: hidden;width: 100%;}
.kpas-ratings-reviews-common {background: #f0f4f8;padding-bottom:20px;width:40%;}
.kpas-ratings-reviews-common__count {padding:0 20px 20px 20px;}
.kpas-ratings-reviews-common__count .value {font-weight:600;}
.kpas-ratings-reviews-common__count .value2 {font-weight:600;}
.kpas-ratings-reviews-common__reis-id {padding:20px;}
.kpas-ratings-reviews-common__reis-id .value {font-weight:600;}
.kpas-ratings-reviews-common__reis-id .value2 {font-weight:600;}
.kpas-ratings-reviews-common__atp-wr {display:flex;padding:20px;align-items: center;}
.kpas-ratings-reviews-common__atp-name-wr {padding:0 0 0 20px;text-align: center;font-weight: 500;font-size: 1.2em;word-wrap: anywhere;}
.kpas-ratings-reviews-common__atp-name {font-weight:bold;font-size:1em;}
.kpas-ratings-reviews-common__rating-item {font-size:16px;padding:9px 20px 11px;border-bottom:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);}
.kpas-ratings-reviews-common__rating-item:first-child {border-top:1px solid rgba(0,0,0,.05);}
.kpas-ratings-reviews-common__rating-item .value {float:right;font-weight: 600;}
.kpas-ratings-reviews-texts-wr {background: #fff;width:60%;display:flex;flex-direction:column;}
.kpas-ratings-reviews-texts-lines {overflow: auto;padding: 20px;}
.kpas-ratings-reviews-text {color: #000;font-size: 15px;line-height: 20px;margin-top: 10px;}
.kpas-ratings-reviews-text__created {color: #868684;font-size: 13px;line-height: 20px;margin-top: 7px;}
.kpas-ratings-texts-title {padding: 10px 0;text-align: center;font-weight: 500;font-size: 1.2em;background: #f0f4f8;}
.kpas-ratings-texts-toogler-wr {padding: 10px 0;text-align: center;background:#cddae7;display:flex;padding:2px;gap:2px;}
.kpas-ratings-texts-toogler-btn {padding:5px;width:50%;cursor:pointer;border-radius: 5px;border:none;background:#cddae7;}
.kpas-ratings-texts-toogler-btn:not(.active):hover {background-color:rgba(255,255,255,0.5);}
.kpas-ratings-texts-toogler-btn.active {background: #ffffff;box-shadow: 0 0 5px rgba(0,0,0,0.2);color: black;}
.kpas-ratings-reviews-load-more-btn {padding:5px;margin:1em 0 0 0;cursor:pointer;border-radius:5px;border:none;background: #cddae7;text-align:center;}
.kpas-ratings-reviews-load-more-btn:hover {background:#e6edf3;box-shadow: 0 0 5px rgba(0,0,0,0.2);color: black;}

  
.kpas-ratings-close {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZD0iTTEgMTNsNi02IDYgNk0xIDFsNiA2IDYtNiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM4Njg2ODQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+);background-color: transparent;opacity: 1;width:30px;height:30px;background-repeat: no-repeat;background-position: 50%;cursor: pointer;position: absolute;right:6px;top:6px;left: auto;}
.kpas-ratings-close:hover {background-color:#e0e0e0}

@media only screen and (max-width : 767px){
	.kpas-ratings-wr {overflow:auto;align-items: flex-start;padding:10px;}
	.kpas-ratings-reviews-wr {flex-direction: column;height:100%;}
	.kpas-ratings-reviews-common {width:100%;}
	.kpas-ratings-reviews-texts-wr {width:100%;}
	.kpas-ratings-reviews-wr0 {margin: 0;height: auto;min-height: auto;width: 100%;}
	.kpas-ratings-close {right:10px;}
	.kpas-ratings-texts-title {display:none;}
}

.kpas-ratings-legend-wr {background: rgba(0,0,0,.5);opacity: 0;pointer-events: none;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);transition-timing-function: cubic-bezier(.23,1,.32,1);position: fixed;top: 0;left: 0;bottom: 0;right: 0;-webkit-transform: translateX(-9999px);transform: translateX(-9999px);}
.kpas-ratings-legend-wr.visible {opacity:1;z-index: 999;pointer-events: auto;-webkit-transform: translateX(0);transform: translateX(0);}
.kpas-ratings-legend-close{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZD0iTTEgMTNsNi02IDYgNk0xIDFsNiA2IDYtNiIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM4Njg2ODQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+);background-color: transparent;opacity: 1;width:30px;height:30px;background-repeat: no-repeat;background-position: 50%;cursor: pointer;position: absolute;right: 0;top:0;left: auto;}
.kpas-ratings-legend-wr0 {-webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,.3);box-shadow: 0 0 40px 0 rgba(0,0,0,.3);margin: -70px auto 0;margin-top: -70px;position: relative;width:270px;-webkit-transition-property: margin-top;transition-property: margin-top;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: cubic-bezier(.23,1,.32,1);transition-timing-function: cubic-bezier(.23,1,.32,1);}
.kpas-ratings-legend-content-wr {border-radius: 4px;height:145px;overflow: hidden;width: 100%;background: #f0f4f8;padding:20px;width:100%;}

.kpas-perevoz {display:none;margin:0 auto;}
.kpas-perevoz-title-wr {width:100%;display:block;text-align:center;}
.kpas-perevoz-title {background:#eaf1f9;border-radius:10px;display:inline-block;min-width:20em;}
.kpas-perevoz-title h2 {font-weight:600;text-align:center;font-size:1.2rem;line-height:1em;width:100%;padding:0.5em 1em;color:#4C6075;}
.kpas-perevoz-backlink {margin:0 auto;text-align:center;}
.kpas-perevoz-backlink img {width:0.8em;margin-right:0.5em;}



/**************************** BEGIN card ****************************/
body.path-avtobus {margin: 0; padding: 0; background-color: #EFF0F7;}
.cards {display: flex; align-items: stretch; justify-content: flex-start; flex-direction: column; gap: 20px;}
@media only screen and (max-width : 767px) {
 .cards {gap: 15px;}
}

/* card */
.card-overlay {display: flex; align-items: stretch; flex-direction: column; gap: 8px;}
.card {background-color: #fff; border-radius: 20px; display: flex; align-items: stretch; justify-content: space-between; position: relative; z-index: 2;}
.card__bar {width: 238px; flex-shrink: 0; padding: 20px 20px 18px 15px; border-left: 1px solid #EFF0F7; display: flex; align-items: stretch; justify-content: space-between; flex-direction: column;position: absolute; top: 0; right: 0; bottom: 0;}
.card__options {display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap; gap: 10px; margin-bottom: 28px;}
.card__animals {width: 202px; padding: 8px 12px; display: flex; align-items: center; justify-content: flex-start; gap: 12px; border: 1px solid #EFF0F7; border-radius:10px; font-weight: 500; font-size: 14px;line-height: 17px; color: #A0A3BD;}
.card__animals-icn {flex-shrink: 0; width: 28px;}
.card__animals strong {font-weight: 600; text-decoration-line: underline; cursor: pointer;}
.card__animals--confirm strong {color: #75C83E;}
.card__animals--limit strong {color: #F9B601;}
.card__animals--no strong {color: #E41D20;}
.card__option {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius:10px; background-color: #EFF0F7; flex-shrink: 0;}
.card__price {white-space: nowrap; font-weight: 700; font-size: 40px; line-height: 48px; color: #14142B;}
.card__persons {font-weight: 500; font-size: 14px; line-height: 17px; color: #A0A3BD;}
.card__buy {border:none;width:100%;height:50px;margin-top:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(271.53deg, #0074FF 7.94%, #00C5FF 95.01%);border-radius:10px;box-shadow:none;font-weight:700;font-size:14px;line-height:17px;color: #fff;cursor:pointer;}
.card__buy:hover {background: linear-gradient(271.53deg, #FF9900 7.94%, #FFCF00 95.01%);}
.card__buy_disabled {background:#D6D8E7;cursor: default;}
.card__buy_disabled:hover {background:#D6D8E7;cursor: default;}
.card-no-seats {height:50px;margin-top:15px;font-size:1.6em;line-height:2em;text-align:left;}
.card__main {flex-grow: 1; position: relative; padding: 42px 253px 20px 20px;}
.card__header {margin-bottom: 30px; display: flex; align-items: center; justify-content: flex-start; gap: 20px;}
.card__header-hr {width: 1px; height: 19px; background-color: rgba(190, 192, 211, .35); flex-shrink: 0;}
.card__route {flex-shrink:0;display:flex;align-items:center;justify-content:flex-start; gap:12px; font-weight:700; font-size:16px; line-height:19px; color: #FF9900;}
.card__route svg {width: 16px; flex-shrink: 0;}
.card__route-det {font-weight: 400; font-size: 16px; line-height: 19px; color: #4E4B66;}
.card__route-det b {font-weight: 800;}
.card__footer {display: flex; align-items: flex-end; justify-content: space-between; gap: 15px; margin-top: 33px;}
.card__carrier {flex-grow: 1; display: flex; align-items: center; justify-content: flex-start; gap: 10px; height: 50px; padding: 6px 24px; background-color: #EFF0F7; border-radius:10px; font-weight: 500;font-size: 16px; line-height: 19px; color: #A0A3BD;}
.card__carrier a {color: #A0A3BD; text-decoration-style: dotted; text-decoration-thickness: 2px;text-decoration-line: underline;}
.card__carrier-link {color:#A0A3BD;text-decoration-style:dotted;text-decoration-thickness:2px;text-decoration-line:underline;cursor:pointer;}
.card__carrier span {text-overflow: ellipsis;}
.card__carrier-btn {margin: 0; padding: 0; border: none; background: none; border-radius: 0; outline: none; flex-shrink: 0; cursor: pointer;}
.card__carrier .card__carrier-btn svg {flex-shrink: 0; fill: #A0A3BD;}
.card__carrier-hide {white-space: nowrap; display: none;}
.card__carrier.open svg {transform: rotate(180deg); fill: #FF9900;}
.card__carrier.open .card__carrier-hide {display: block;}
.card__rait {width: 217px; border: 1px solid #EFF0F7; border-radius:10px; display: flex; align-items: center; justify-content: flex-start; flex-shrink: 0; gap: 20px;text-decoration: underline;}
.card__rait-val {flex-shrink: 0; width: 48px; height: 48px; line-height: 48px; display: flex; justify-content: center; align-items: center; border-radius:10px; font-weight: 600; font-size: 17px; color: #fff;}
.card__rait--green {color: #61B82E;}
.card__rait--yellow {color: #F9B601;}
.card__rait--green .card__rait-val {background: linear-gradient(90deg, #75C83E 0%, #61B82E 100%);}
.card__rait--yellow .card__rait-val {background: linear-gradient(90deg, #FFC835 0%, #F9B601 100%);}
.card__row {display: flex; align-items: stretch; justify-content: space-between; gap: 15px; margin-top: 28px;}
.card__col {width: 217px; flex-shrink: 0;}
.card__mid {flex-grow: 1; text-align: center;}
.card__time {margin-bottom: 7px; font-weight: 500; font-size: 36px; line-height: 44px; color: #14142B;}
.card__subrow {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px;}
.card__point {font-weight: 600; font-size: 16px; line-height: 19px; text-decoration: underline; text-decoration-style: dotted; text-decoration-thickness: 2px; color: #787C99;cursor:pointer;}
.card__point_no-coords {text-decoration:none;cursor:default;}
.card__stars {display: flex; align-items: center; justify-content: center; gap: 4px; height: 21px; padding: 2px 4px; border: 1px solid rgba(190, 192, 211, .35); border-radius:10px; font-weight: 600;font-size: 14px; line-height: 17px; color: #787C99;}
.card__col-txt {margin-top: 7px; font-weight: 500; font-size: 14px; line-height: 17px; color: #A0A3BD;}
.card__totaltime {text-align: center; font-weight: 400; font-size: 14px; line-height: 17px; color: #A0A3BD;}
.card__arrow {height: 2px; position: relative; margin: 12px 0 8px; background-color: #DEDFE9;}
.card__arrow::before {content: ''; display: block; position: absolute; left: -2px; top: -1px; width: 6px; height: 6px; border-radius: 50%; background-color: #DEDFE9;}
.card__arrow svg {position: absolute; right: -2px; top: 50%; transform: translateY(-50%);}
.card__midpoints {font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; text-decoration: underline; text-decoration-style: dotted; text-decoration-thickness: 2px; color: #4E4B66; background: none;border: none; outline: none; border-radius: 0; cursor: pointer;}
.card-desc-pointslist {display: none; align-items: stretch; justify-content: space-between; background-color: #fff; border-radius: 20px;}
.card-desc-pointslist__col {width: 50%; padding: 25px 35px 40px;}
.card-desc-pointslist__col:first-child {border-right: 1px solid #EFF0F7;}
.card-desc-pointslist__table th {text-align: left; font-weight: 500; font-size: 14px; line-height: 17px; color: #A0A3BD; padding-bottom: 4px; padding-right: 20px;}
.card-desc-pointslist__table td {padding-top: 9px; font-weight: 500; font-size: 14px; line-height: 17px; color: #4E4B66; padding-right: 20px;}
.card-desc-pointslist__table th:last-child, .card-desc-pointslist__table td:last-child {padding-right: 0;}
.card-desc-pointslist__table td b {font-weight: 700;}
.card__mob-pointslist {display: none;}
.card__rules {display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 390px; z-index: 4; background-color: #fff; border: 1px solid #DEDFE9;box-shadow: 0px 18px 31.1px rgba(0, 0, 0, 0.1); border-radius:10px; padding: 40px 25px 42px;}
.rules-opened .card__rules {display: block;}
.card__rules-close {position: absolute; z-index: 4; top: 8px; right: 8px; cursor: pointer; border: none; outline: none; background: #E8E9F0; border-radius: 2px;font-size: 14px;line-height: 17px;padding: 1px 5px;}
.card__rules-title {margin: 0; font-weight: 700; font-size: 20px; line-height: 24px; text-align: center; color: #4E4B66;}
.card__rules-txt {margin: 10px 0 0; font-weight: 400; font-size: 14px; line-height: 17px; color: #787C99;}
.card-mark {display: flex; align-items: center; justify-content: flex-start; margin-bottom: -28px; border-radius: 20px 20px 0 0; overflow: hidden;}
.card-mark--blue {background-color: #008CFF;}
.card-mark--blue .card-mark__keeper {background-color: #008CFF;}
.card-mark--yellow {background-color: #F9B601;}
.card-mark--yellow .card-mark__keeper {background-color: #F9B601;}
.card-mark--green {background-color: #50C76E;}
.card-mark--green .card-mark__keeper {background-color: #50C76E;}
.card-mark__txt {min-width: 200px; padding: 0 20px; font-weight: 700; font-size: 15px; line-height: 18px; color: #fff; white-space: nowrap; padding-bottom: 20px;}
.card-mark__keeper {height: 64px; flex-grow: 1; background-image: linear-gradient(-45deg, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent); background-size: 90px 88px;}

@media only screen and (min-width : 768px) {
 .open-midpoints .card-desc-pointslist {display: flex;}
}

@media only screen and (max-width : 900px) {
 .card {display: block; position: relative;}
 .card__bar {width: 100%; padding: 0; border-left: none; position: static; margin-top: 25px;}
 .card__options {gap: 7px; margin-bottom: 25px;}
 .card__animals {width: 200px; padding: 6px 12px;}
 .card__option {width: 48px; height: 48px; background-color: transparent; border: 1px solid #EFF0F7;}
 .card__bottom {display: flex; align-items: center; justify-content: space-between;}
 .card__price {font-size: 36px; line-height: 44px;}
 .card__buy {width: 55%; height: 55px; margin-top: 0; font-size: 20px;}
 .card__main {padding: 30px 15px 15px; position: static;}
 .card__header {margin-bottom: 36px; flex-wrap: wrap; gap: 5px 14px; width: calc(100% - 90px);}
 .card__header-hr {display: none;}
 .card__route {width:100%;} 
 .card__route-det {font-size: 14px;}
 .card__footer {display: block; margin-top: 25px;}
 .card__carrier {bottom: 15px; right: 15px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 100%; gap: 6px; height: auto; min-height: 38px; padding: 10px 15px;border-radius: 19px; font-weight: 500; font-size: 14px; line-height: 1.25;}
 .card__carrier span {display: block; -webkit-line-clamp: unset; -webkit-box-orient: unset; max-width: calc(100% - 24px);}
 .card__carrier-btn svg {transform: rotate(90deg);}
 .card__carrier-hide {width: 100%; flex-shrink: 0;}
 .card__carrier .card__carrier-btn.open svg {transform: rotate(-90deg);}
 .card__rait {position: absolute; top: 30px; bottom: auto; left: auto; right: 15px; width: auto; border: none; border-radius: 0; display: flex; align-items: flex-end; justify-content: flex-start;  flex-direction: column; gap: 8px; font-size: 14px; font-weight: 600; text-align: right;}
 .card__rait-val {width: 35px; height: 35px; line-height: 35px; font-size: 16px;}
 .card__row {width: 100%; display: flex; align-items: stretch; justify-content: space-between; gap: 2px; margin-top: 0; position: relative; padding-bottom: 48px;}
 .card__row::before {content: ''; display: block; position: absolute; top: 50px; left: 0; right: 0; background-color: #C4C6D6; height: 2px;}
 .card__col {width: calc(50% - 2px); display: flex; flex-direction: column; align-items: stretch;}
 .card__col:last-child {text-align: right; align-items: flex-end;}
 .card__time {margin-bottom: 24px; font-size: 32px; line-height: 1.2;}
 .card__subrow {display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; flex-direction: column; gap: 10px; flex-grow: 40; max-height: 69px; flex-shrink: 0;}
 .card__col-txt:not(:last-child) {flex-grow: 1;}
 .card__col:last-child .card__subrow {align-items: flex-end;}
 .card__point {flex-grow: 1;}
 .card__totaltime {position: absolute; top: 22px; left: 50%; transform: translateX(-50%);}
 .card__arrow {display: none;}
 .card__midpoints {text-align: left; position: absolute; bottom: 0; left: 0; color: #0074FF;}
 .open-midpoints .card__mob-pointslist {display: block; padding-top: 25px;}
 .card-desc-pointslist__table th {padding-right: 12px;}
 .card-desc-pointslist__table td {padding-right: 12px;}
 .card-desc-pointslist__table th:last-child, .card-desc-pointslist__table td:last-child {padding-right: 0;}
 .card__rules {top: 52px; left: 50%; transform: translate(-50%, 0); width: calc(100% - 30px); border-radius: 10px; padding: 33px 24px 40px;}
 .card__rules-close {top: 9px; right: 9px;}
 .card-mark {padding-bottom: 0;}
 .card-mark__txt {min-width: 186px; padding: 0 10px 20px 30px; font-size: 14px; line-height: 17px;}
 .card-mark__keeper {height: 51px; background-size: 71px 50px; background-position: -55px 0;background-image: linear-gradient(-45deg, #fff 0%, #fff 25px, transparent 25px, transparent 50px, #fff 50px, #fff 75px, transparent 75px, transparent 100px);
  /* background-image: linear-gradient(
            -45deg,
            #fff 25%,
            transparent 25%,
            transparent 50%,
            #fff 50%,
            #fff 75%,
            transparent 75%,
            transparent
        ); */
 }
}
@media only screen and (max-width : 540px) {
 .card__col {display:block;}
}
/**************************** END card ****************************/