@font-face {
    font-family: 'BNPP Sans';
    src: url('../fonts/bnpp_sans_bold.woff2') format('woff2'), url('../fonts/bnpp_sans_bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'BNPP Sans';
    src: url('../fonts/bnpp_sans_light.woff2') format('woff2'), url('../fonts/bnpp_sans_light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'BNPP Sans';
    src: url('../fonts/bnpp_sans.woff2') format('woff2'), url('../fonts/bnpp_sans.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

html, body{height: 100%; margin: 0; padding: 0;max-width:100%;min-width:320px;overflow-x:hidden;}
body{margin: 0; padding: 0; font-family: 'BNPP Sans'; font-weight: 400;  position: relative; background: #eeeeee;}
*{box-sizing: border-box;}
img{max-width: 100%}
a{color: #000000; text-decoration: none;}
strong{font-weight: 500}
p, li:not(.phpdebugbar-widgets-list-item) {font-size: 1.25vh; /*line-height: 1.75vh;*/ font-weight: 300; margin: 0.5vh 0; padding: 0.5vh 0; color: #222222; letter-spacing: 0.033vh;}
h1{color: #7B7B7C; font-size: 40px; line-height: 48px; font-weight: 400; padding: 0 0 1vh; margin: 0;text-align:center;}
h2{color: #575757; margin: 0 0 5px 0; padding: 0; font-weight: 400; font-size: 31px; line-height: 38px; text-align: center;}
h2.mb20 {margin-bottom:20px;}
h3{font-size: 21px; line-height: 29px; color: #575757; font-weight: 400; margin: 0.5vh 0; padding: 0.5vh 0; text-align: center}
h3.with-icon{text-align: left; margin: 1vh 0 -1vh 0; font-size: 18px; line-height: 32px;}
h3.with-icon img{float: left; display: block; width: 38px; margin: 0 20px 0 10px;}
h3.with-icon img.width{position: relative; top: 6px; width: 48px; margin: 0 10px 0 10px;}
h3.with-icon img.height{width: 32px; margin: 0 23px 0 13px;}
h3.bordered{border-top: 1px solid #eeeeee; padding: 1vh 0 0.5vh 0; margin: 1vh 0 -1vh 0;}
h4 {margin:0;padding:0;font-size: 18px;line-height:29px;font-weight:700;text-transform:uppercase;display: block;text-align:center;padding-top:15px;padding-bottom:15px;}
p.common{font-size: 18px; line-height: 28px; color: #575757; font-weight: 400; text-align: center;}
p.common a{font-size: 18px; color: #00A16A}
p.input{font-size: 15px; line-height: 28px; color: #575757; font-weight: 300; text-align: left;}
p.input.small{font-size: 13px; line-height: 19px; color: #575757; font-weight: 300; text-align: left;}
p.help{font-size: 15px; line-height: 25px; color: #4B4B4B; font-weight: 300; text-align: center; margin: 2vh 0;}
p.help a{color: #00A16A; font-size: 15px;}
.green{color: #00A16A!important}
p.centered {display: block;font-size: 15px;line-height:18px;font-weight:400;color:#575757;margin:0;padding:0;margin-bottom:18px;text-align:center;opacity:.61;width: 300px;max-width:100%;margin-left:auto;margin-right:auto;}
p.centered.large {font-size: 18px;line-height:25px;}
p.centered.large2 {font-size: 21px;line-height:22px;}
p.centered.mb40 {margin-bottom:40px;}
p.centered.mb30 {margin-bottom:30px;}
p.centered.mt20 {margin-top:20px;}
.upper {text-transform: uppercase!important;}

.login-logo{display: block; margin: 3vh auto; width: 50%;}
.login-img{display: block; margin: 3vh auto; width: 249px;}

.cleaner{clear: both}
.text-center{text-align: center;}
.text-left{text-align: left;}

#wrapper{width: 100%; min-height: 100vh; max-width: 385px; position: relative; margin: 0 auto; background: #EEEEF3; padding: 0 0 56px 0;}
#white{width: 100%; margin: 0 auto; background: #ffffff; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;  padding: 2vh 7.5% 1vh;min-height:480px;}
#white.login{position: relative; top: 28vh; min-height: 72vh;  border-bottom-right-radius: 0; border-bottom-left-radius: 0px;    border-top-right-radius: 30px; border-top-left-radius: 30px;  }
#white h3{opacity: 0.61; padding-bottom: 1vh;}
#gray{width: 100%; margin: 0; padding: 7.5%;padding-top:27px;padding-bottom:30px;}
header{width: 100%; padding: 15px 0 5px ;}
header img{width: 38%; float: left; margin: 0;}
header .close img{float: right; height: 20px; width: auto;}
section{width: 100%; margin: 3vh auto 0; position: relative;}
.container{}
nav{box-shadow: 0 0 50px rgba(0,0,0,0.35); position: fixed; z-index: 1000; max-width: 320px; width: 320px; bottom: 0; margin: 0 32.5px; padding: 0 2.5%; background: #00A16A; border-top-left-radius: 26px; border-top-right-radius: 26px;padding:24px;padding-top:4px;padding-bottom:4px;}
nav a{color: #ffffff; font-size: 14px; line-height: 48px;}
nav a.profile img{display: block; float: left; margin-right: 20px; height: 48px;width:auto;}
nav a.profile{float: left; margin: 0;}
nav a.burger{float: right;}
nav a.burger img{display: block; height: 48px; margin:0;width:auto;}
nav .menu{display: none; padding: 4.5vh 0 3.5vh;}
nav .menu a{display: block; color: #ffffff; text-align: center; font-weight: 400; font-size: 24px; line-height: 40px; padding: 1vh 0; }

.bg{background: url('../img/bg.jpg') no-repeat top center; width: 100%; background-size: cover; height: 33vh; position: absolute; left: 0; right: 0; top: 0}

.parking{width: 100%; display: flex; flex-wrap: nowrap; margin: 2vh 0 3vh 0; box-shadow: 0 0 50px rgba(0,0,0,0.15); border-radius: 15px;}
.parking:first-of-type{margin-top: 5vh;}
.parking:last-of-type{margin-bottom: 5vh}
.parking .left{background: #00A16A; width: 30%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; height: 66px; display: flex; justify-content: center; align-content: center;}
.parking .left img{height: 66px; display: block;width:auto;margin:auto; }
.parking .right{height: 66px; width: 70%; line-height: 66px; color: #575757; font-weight: 300; font-size: 20px; padding: 0 0 0 20px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.parking .right img{display: inline-block; height: 16px; margin: 26px 20px 0 0; float: right;}

.record{position: relative; display: flex; flex-wrap: nowrap; border: 2px solid #ffffff; border-radius: 15px; margin: 4vh 0 6vh 0; padding: 1.5vh 0 0.5vh 0;}
.record.mb0 {margin-bottom:5px!important}
.record .label{position: absolute; text-align: center; z-index: 150; top: -12px; left: 0; right: 0;}
.record .label p{font-size: 18px; line-height: 23px; font-weight: 400; color: #575757; display: inline-block; background: #EEEEF3; margin: 0; padding: 0 10px;}
.record .label p.green {font-weight:700;text-transform: uppercase;}
.record .left{width: 83%; padding: 5px 0 5px 5%;}
.record .left.left60 {width:66.6666%;}
.record .left.full{width: 100%; padding: 5px 5%;}
.record .left.left50{width: 50%;padding: 5px 5%;}
.record .left .line{width: 100%; border-bottom: 1px solid rgba(151, 151, 151, 0.17); padding: 3px 0 1px; }
.record .left .line p{float: left; font-size: 15px ;line-height: 19px; color: #575757; font-weight: 300;}
.record .left .line p.units{float: right; font-weight: 400;}
.record .left .line p.units img{display: inline-block; height: 16px; margin: 0 5px 0 0;  position: relative; top: 2px;}
.record .left .line:last-child{border: none;}
.record .right{width: 17%; display: flex; align-items: center; justify-content: center;}
.record .right img{height: 20px;}
#white .record{border-color: #EEEEF3;}
#white .record .label p{background: #ffffff;}

.record.large .left .line {border:0}
.record.large .left .line p {font-size: 18px;}

.dates{width: 100%; margin: 4vh 0 0;}
.dates .date{display: block; float: left; width: 27.5%; padding-top: 27.5%; margin: 0 8.75% 8.75% 0; border-radius: 15px; background: #EEEEF3; position: relative;}
.dates .date.error{background: #EE6F6C;cursor: default}
.dates .date input{display: none}
.dates .date.success{background: #00A16A; border-radius: 100%;}
.dates .date.success p, .dates .date.success strong, .dates .date.error p, .dates .date.error strong{color: #ffffff}
.dates .date:nth-child(3n){margin-right: 0;}
.dates .date>div{ display: flex; align-items: center; justify-items: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.dates p{width: 100%; text-align: center; color: #575757; font-size: 15px; line-height: 28px; margin: 0; padding: 0;}
.dates p strong{display: block; color: #00A16A; font-weight: 500; font-size: 22px;}

.dates.month{margin: 2vh 0 4vh;}
.dates.month.rooms {margin: 2vh 0 0}
.dates.month .date{width: 16.8%; padding-top: 16.8%; margin: 0 4% 4% 0;}
.dates.month .date.placeholder{background: transparent;}
.dates.month .date:nth-child(3n){margin-right: 3%;}
.dates.month .date:nth-child(5n){margin-right: 0%;}
.dates.month p{font-size: 12px; line-height: 17px; font-weight: 400;}
.dates.month p strong{font-size: 17px;}
.dates.month .upper p {font-size: 15px;}

.month-picker{margin: 1vh 0 0 0; line-height: 40px; font-size: 19px; color: #575757; font-weight: 400; padding: 0.5vh 0; text-align: center}
.month-picker .left{float: left; display: block;}
.month-picker .right{float: right; display: block;  }
.month-picker img{ height: 14px; margin: 13px 0 0 0;  display: block;}
.month-picker .left img{transform: rotate(180deg)}

.charging{display: block; margin: 4vh 0 0;}
.charging .day{position: relative; width: 100%; border-bottom: 1px solid rgba(151, 151, 151, 0.17); display: flex; padding: 1.5vh 0 1.5vh 0; }
.charging .day:last-child{border-bottom: none;}
.charging .day .col{width: 50%;}
.charging .day .col p.label{width: 100%; text-align: left; color: #575757; font-size: 15px; line-height: 28px; margin: 0; padding: 0;}
.charging .day .col p.label strong{display: block; color: #00A16A; font-weight: 500; font-size: 22px;}

.switch{cursor: pointer; float: right; width: 80px; height: 30px; border-radius: 15px; position: relative; background: #D8D8D8; margin: 11px 0 0 0}
.switch.inactive{cursor: default;}
.switch .circle{background: #ffffff; height: 24px;  width: 24px; border-radius: 100%; position: absolute; z-index: 110; top: 3px; left: 3px;}
.switch p{ margin: 0; color: #ffffff; font-size: 14px; line-height: 30px; font-weight: 400;}
.switch .no{display: initial; float: right; padding: 0 20px 0 0;}
.switch.inactive .no{float: none; width: 100%; text-align: center; display: block; padding: 0;}
.switch .yes{display: none; float: left; padding: 0 0 0 15px;}
.switch.active{background: #00A16A;}
.switch.active .circle{left: initial; right: 3px;}
.switch.active .no{display: none;}
.switch.active .yes{display: initial;}
.switch-img{float: right; height: 22px; margin: 16px 17px 0 0; display: block; opacity: 0; transition: 250ms ease opacity;}
.switch-img.active{opacity: 1;}
.switch input{display: none;}

.profile{margin: 1vh 0 2vh;}
.profile .line{padding: 1.5vh 0; border-bottom: 1px solid rgba(151, 151, 151, 0.17); display: flex;}
.profile .line:last-child{border-bottom: none;}
.profile .left{width: 95%;}
.profile .right{width: 5%; display: flex; justify-items: right; align-items: center;}
.profile p{font-weight: 300; font-size: 15px ;line-height: 22px; color: #575757; padding: 0; margin: 0;}
.profile p strong{display: block; font-size: 18px; font-weight: 400;}

table{margin: 1.5vh 0 1.5vh; width: 100%;}
table tr td{border-bottom: 1px solid #eeeeee;vertical-align:middle}
table tr.noline td {border: 0!important;}
table:not(.smaller) tr:first-of-type td{border-bottom: none; line-height: 30px}
table tr:last-of-type td{border-bottom: none;}
table tr td{font-size: 19px; color: #575757; line-height: 54px; font-weight: 400; width: 33.333%;}
table tr td:nth-child(2){text-align: center}
table tr td:nth-child(3){text-align: right}
table tr td .badge{font-size: 14px; width: 60px; height: 30px; line-height: 30px; text-align: center; display: inline-block; border-radius: 15px; position: relative; background: #00A16A; margin: 0; color: #ffffff;top:-2px;}
table tr td .badge.warning{background: #ED8C55;}
table tr td .badge.error{background: #B3B3B3;}
table tr td .badge.w80 {width: 80px;}

table.smaller tr td {font-size: 15px;line-height:30px;width:auto;padding:10px;}
table.smaller.large tr td {padding-top:20px;padding-bottom:20px;vertical-align:top;}
table.smaller tr td:first-child {padding-left:0;}
table.smaller tr td:last-child {padding-right:0;}
.thin {font-weight: 300!important;line-height:20px!important;padding-top:5px;padding-bottom:5px;display: inline-block;max-width:160px;}
.thin.nopad {padding-top:0;padding-bottom:0}
table .switch:not(.switchfull) {float: none;display: inline-block;margin:auto;top:8px;line-height:30px;}
table.smaller .switch:not(.switchfull) {top:0;display: block;float: right;}

table.smaller.large {margin-top:0}
table.smaller.large tr.form td {border:0;padding-top:0;padding-bottom:0;text-align:right;}
table.smaller.large tr.form textarea {margin-bottom:10px}
table.smaller.large tr.latest td {padding-top:0;padding-bottom:0}

table tr.first td .green, table.smaller.large.thumbs tr td .green {font-size: 19px;font-weight:700}
table tr.first td:last-child {text-align:right;}
table tr.first td .large, table.smaller.large.thumbs tr td .large {font-size: 18px;display: block;float: right;}
table.smaller.large tr.first td  {vertical-align:middle!important;padding-top:15px;}
table tr.first td img.ic_profile, table.smaller.large.thumbs tr td img.ic_profile {display: block;float: right;margin-right:10px;}

table.smaller.large.thumbs tr td {padding:0;text-align:left;padding-top:15px;padding-bottom:15px;vertical-align:middle;border:0}
table.smaller.large.thumbs tr td.thumb {width: 90px;border-bottom: 1px solid #eeeeee}
table.smaller.large.thumbs tr td .large {float: left;}
table.smaller.large.thumbs tr td img.ic_profile {float: left;}
table.smaller.large.thumbs tr td .ic_arrow {position: relative;top: auto;left:auto;margin:0;right:Auto;display: block;float: right;}
table.smaller.large.thumbs tr td.taright {text-align:right;}
table.smaller.large.thumbs tr td.vab {vertical-align:bottom;padding-top:0;border-bottom: 1px solid #eeeeee}
table.smaller.large.thumbs tr td:not(.thumb) {padding-left:15px;padding-right:0;}

table.smaller.large.thumbs tr:last-child td, table.smaller.large.thumbs tr:nth-last-child(2) td.thumb {border:0;}
table.smaller.large.thumbs tr td.text {padding-bottom:0;line-height:24px;}

table tr td.vam {vertical-align:middle!important;}
input.w80 {width:80px;float: right;text-align: center;}

.switchfull {width:calc(100% - 160px);display: block;margin:0;top:0;margin-left:80px;margin-right:80px;background:#00A16A;}
.switchfull p.yes {margin-right:-80px;color:#A9A9A9;padding:0;text-align:right;float: right;display: block!important;}
.switchfull:not(.active) p.no, .switchfull.active p.yes {color:#575757;}
.switchfull p.no {margin-left:-80px;color:#A9A9A9;padding:0;text-align:left;float: left;display: block!important;}
.switchfullitems {display: none;}
.switchfullitems.active {display: block;}

.sectors-cover{padding: 7.5%; margin: 3vh 0;}
.sectors{position: relative; padding-top: 100%; width: 100%; overflow: hidden;}
.sectors .sector, .sectors .sector:before, .sectors .sector:after{ width: 140px; height: 140px; display: block; }
.sectors .sector:before, .sectors .sector:after{background: #EEEEF3}
.sectors .sector-cover.active .sector:before, .sectors .sector-cover.active .sector:after{background: #00A16A}
.sectors .sector-cover.a{transform: rotate(180deg); position: absolute; top: 0; left: calc(50% - 70px);}
.sectors .sector-cover.c{transform: rotate(90deg); position: absolute; top: calc(50% - 70px); left: 0;}
.sectors .sector-cover.d{transform: rotate(270deg); position: absolute; top: calc(50% - 70px); right: 0;}
.sectors .sector-cover.b{transform: rotate(0); position: absolute; left: calc(50% - 70px); bottom: 0;}
.sectors .sector-cover p{top: calc(50% + 8px); left: calc(50% - 8px); color: #00A16A; font-size: 30px; line-height: 30px; font-weight: 400; margin: 0; padding: 0; position: absolute; z-index: 100}
.sectors .sector-cover.a p{transform: rotate(-180deg)}
.sectors .sector-cover.c p{transform: rotate(-90deg)}
.sectors .sector-cover.d p{transform: rotate(-270deg)}
.sectors .sector-cover.active p{color: #ffffff}

.map{margin: 2vh auto 4vh; position: relative; width: 100%; padding-top: 100%; display: flex; background: url('../img/map.png') no-repeat center center; background-size: contain; }
.map a{display: block; position: absolute; z-index: 100; width: 50%;}
.map a.q1{top: 0; bottom: 45%; left: 0;}
.map a.q2{top: 0;  bottom: 35%; left: 50%;}
.map a.q3{top: 65%; bottom: 0; left: 50%;}
.map a.q4{top: 55%; bottom: 0; left: 0%;}

img.confirmation{margin: 8vh auto 4vh auto; width: 50%; display: block}
img.confirmation.small{width: 35%}

img.cover {width: 100%;height:auto;border-radius: 15px;margin:0;}

.seats{margin: 0vh 0 1vh 0;}
.seats .line{border-bottom: 1px solid #eeeeee; line-height: 50px; font-size: 16px; font-weight: 300; color: #575757; }
.seats .line strong{font-size: 18px; font-weight: 600; color: #00A16A; padding: 0 5px 0 0 }
.seats .line:last-of-type{border-bottom: none; }
.seats .line strong .orange{color: #ED8C55}
.seats .line strong .green{color: #00A16A}
.seats .line strong .dark{color: #575757}

.time-picker{border-bottom: 1px solid #eeeeee; border-top: 1px solid #eeeeee; margin: 25px 0 0 0; line-height: 60px; font-size: 16px; font-weight: 300; color: #575757;}
.time-picker p{margin: 0; padding: 0; font-size: 15px; line-height: 60px; display: inline-block; }
.time-picker img{float: left; height: 20px; margin: 20px 10px 20px 0;}
.time-picker input{display: inline-block; font-size: 15px; line-height: 20px; margin: 20px 3px 0; padding: 0; width: 70px; background: none; border: none!important;  border-radius: 4px!important;}
.time-picker input:focus{border: none!important;;}
.time-picker .right{float: right; line-height: 60px;}

.or{width: 85%; height: 1px; background: rgba(151, 151, 151, 0.17); position: relative; margin: 5vh auto; text-align: center;}
.or p{margin: 0; display: inline-block; padding: 0 15px; color: #575757; font-weight: 300; text-align: center; background: #ffffff; position: relative; top: -9px; font-size: 15px ; line-height: 15px;}

.input-cover{display: block; position: relative; margin: 0 0 2vh;}
input, textarea {font-family: 'BNPP Sans'; width: 100%; font-weight: 400;  border: none; border-radius: 15px; background: #EEEEF3; color: #575757; font-size: 18px; line-height: 30px; padding: 14px 20px; }
textarea {font-size: 18px;line-height:29px;font-weight:400;height:180px;margin:0;display: block;}
input.white{background: #ffffff;}
.input-cover img{position: absolute; right: 23px; height: 18px; top: 21px;}

.buttons{max-width: 100%; width: 320px;margin: auto; text-align: center}
.buttons .prev{float: left; display: block; border-radius: 15px; width: 38%; text-align: center; border: 1px solid #C0C0C0; color: #A9A9A9; line-height: 50px; font-size: 18px;}
.buttons .next{float: right; background: #00A16A;  display: block; border-radius: 15px; width: 58%; text-align: center; border: 1px solid #00A16A; color: #ffffff; line-height: 50px; font-size: 18px;}
.buttons .next.small-text{font-size: 16px;}
.buttons .next img{display: inline-block; margin: 0 0 0 15px ; height: 19px; position: relative; top: 2px;width:auto;}
.buttons .next.center, .buttons .prev.center{display: inline-block; float: none; width: auto; padding: 0 25px;}
.buttons .prev.center {padding: 0 35px;}
.buttons .next.full, .buttons .prev.full{width: 100%}

.btn {display: inline-block;height:38px;padding:5px;padding-left:15px;padding-right:15px;background: #00A16A;color:#fff;border-radius:12px;font-size: 18px;line-height:28px;font-weight:400}

.ic_arrow {display: block;width:44px;height:38px;background:#00A16A;border-radius: 12px;position:absolute;top:50%;right: 17px;margin-top:-19px;}
.ic_arrow img {width: 26px;height:Auto;position:Absolute;top:50%;left:50%;margin-left:-13px;margin-top:-8px;display: block;}

.thumbnail {display: block;width: 90px;height:90px;border-radius: 15px;border: 1px solid #fff;background-repeat: no-repeat;background-size: cover;background-position: center center;}

.selecttime {position:relative;text-align:left;z-index:111;cursor: pointer;}
.selecttime strong {font-weight:400;display: block;float: left;width:50%;font-size: 15px;font-weight:400;line-height:30px;color:#A9A9A9}
.selecttime .selected {display: block;float: left;width:50%;font-size: 15px;line-height:30px;font-weight:400;color:#A9A9A9;position:relative;padding-right:16px;}
.selecttime .selected:before {display: block;width: 14px;height:14px;position:absolute;top:8px;right:0;content:'';background: url(../img/icon_toggle.svg) no-repeat center center;background-size: 13px auto;}
.selecttime.active .selected:before {transform: rotate(180deg);}
.selecttime .selectul {display: none;position:Absolute;width: 50%;top:49px;right:calc(-15% + 1px);}
.selecttime.active .selectul {display: block;border: 2px solid #EEEEF3;background:#fff;border-radius: 15px;max-height:205px;width:105px;overflow-x: hidden;}
.selecttime .selectul, .selecttime .selectul li {margin:0;padding:0;list-style: none;font-size:15px;line-height:29px;}
.selecttime .selectul {padding:10px;padding-top:3px;padding-bottom:3px;}
.selecttime .selectul li {border-bottom: 1px solid #ededed;text-align:left;padding-top:4px;padding-bottom:4px;display: block;padding-left:10px;padding-right:10px;width: 64px;max-width:100%;}
.selecttime .selectul li:last-child {border:0}

.selecttime.activeset .selected {color:#575757}
.selecttime.activeset strong {color:#00A16A;}

@media (max-width: 400px){
    nav{bottom: 0; width: auto; max-width: none; margin: 0; left: 7.5%; right: 7.5%;}
}

@media (max-width: 320px){
    h1{font-size: 42px; line-height: 55px; }
    .parking .right img{ margin: 27px 12px 0 0; height: 14px;}
    .login-img{width: 200px;}

    .sectors .sector, .sectors .sector:before, .sectors .sector:after{ width: 120px; height: 120px; }
    .sectors .sector-cover.a{position: absolute; top: 0; left: calc(50% - 60px);}
    .sectors .sector-cover.c{position: absolute; top: calc(50% - 60px); left: 0;}
    .sectors .sector-cover.d{position: absolute; top: calc(50% - 60px); right: 0;}
    .sectors .sector-cover.b{left: calc(50% - 60px); bottom: 0;}
    .sectors .sector-cover p{top: calc(50% + 8px); left: calc(50% - 8px);}

    .seats .line{font-size: 14px}
    .seats .line strong{font-size: 16px;}
}

/* Triangles START */
/*triangle background small*/
.triangle-bg-lg,.triangle-bg-md, .triangle-bg-sm,.triangle-bg-xs,.triangle-bg-xxs {
    overflow: hidden;
    position: relative;
    border-radius: 20%;
    transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(.866);
}
.triangle-bg-lg:before, .triangle-bg-lg:after,.triangle-bg-md:before, .triangle-bg-md:after, .triangle-bg-sm:before, .triangle-bg-sm:after,.triangle-bg-xxs:before, .triangle-bg-xxs:after{
    position: absolute;
    pointer-events: auto;
    content: '';
}
.triangle-bg-xs:before, .triangle-bg-xs:after{
    position: absolute;
    pointer-events: auto;
    content: '';
}
.triangle-bg-lg:before, .triangle-bg-md:before, .triangle-bg-sm:before, .triangle-bg-xs:before,.triangle-bg-xxs:before {
    border-radius: 20% 20% 20% 53%;
    transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%)
    skewX(30deg) scaleY(.866) translateX(-24%);
}
.triangle-bg-lg:after, .triangle-bg-md:after,.triangle-bg-sm:after,.triangle-bg-xs:after,.triangle-bg-xxs:after {
    border-radius: 20% 20% 53% 20%;
    transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%)
    skewX(-30deg) scaleY(.866) translateX(24%);
}
/* Triangles END */

.col--right {
    padding-bottom: 1.5rem;
}

.unavailable-disclaimer {
    position: absolute;
    top: 3.2rem;
    right: 0;
    text-align: right;
    font-size: 80%;
}