@import url('https://fonts.googleapis.com/css?family=Open+Sans:400, 700');.cards__item,.form--rounded label,.message__warning,.tabs__list-item,.text--info,.text--success-b,.vehicles__name,.vehicles__remove{text-transform:uppercase}.history__add:hover,.vehicles__remove:hover,a,ins{text-decoration:none}button:focus,input:focus,select,textarea:focus{outline:0}.credits,.history__list,.tabs__list,.vehicles,nav ul{list-style:none}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body,html{height:100%;overflow-x:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}mark{font-style:italic;font-weight:700}.text--line:before,hr{background-color:#c9c9c9}h1,h2{font-weight:400;color:#f16015}.credits__item span,.form--rounded label,.text--info,.text--success-b,select{font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}.mt-0{margin-top:0!important}.pt-0{padding-top:0!important}.mb-0{margin-bottom:0!important}.pb-0{padding-bottom:0!important}.ml-0{margin-left:0!important}.pl-0{padding-left:0!important}.mr-0{margin-right:0!important}.pr-0{padding-right:0!important}.mt-5{margin-top:5px!important}.pt-5{padding-top:5px!important}.mb-5{margin-bottom:5px!important}.pb-5{padding-bottom:5px!important}.ml-5{margin-left:5px!important}.pl-5{padding-left:5px!important}.mr-5{margin-right:5px!important}.pr-5{padding-right:5px!important}.mt-10{margin-top:10px!important}.pt-10{padding-top:10px!important}.mb-10{margin-bottom:10px!important}.pb-10{padding-bottom:10px!important}.ml-10{margin-left:10px!important}.pl-10{padding-left:10px!important}.mr-10{margin-right:10px!important}.pr-10{padding-right:10px!important}.mt-15{margin-top:15px!important}.pt-15{padding-top:15px!important}.mb-15{margin-bottom:15px!important}.pb-15{padding-bottom:15px!important}.ml-15{margin-left:15px!important}.pl-15{padding-left:15px!important}.mr-15{margin-right:15px!important}.pr-15{padding-right:15px!important}.mt-20{margin-top:20px!important}.pt-20{padding-top:20px!important}.mb-20{margin-bottom:20px!important}.pb-20{padding-bottom:20px!important}.ml-20{margin-left:20px!important}.pl-20{padding-left:20px!important}.mr-20{margin-right:20px!important}.pr-20{padding-right:20px!important}.mt-25{margin-top:25px!important}.pt-25{padding-top:25px!important}.mb-25{margin-bottom:25px!important}.pb-25{padding-bottom:25px!important}.ml-25{margin-left:25px!important}.pl-25{padding-left:25px!important}.mr-25{margin-right:25px!important}.pr-25{padding-right:25px!important}.mt-30{margin-top:30px!important}.pt-30{padding-top:30px!important}.mb-30{margin-bottom:30px!important}.pb-30{padding-bottom:30px!important}.ml-30{margin-left:30px!important}.pl-30{padding-left:30px!important}.mr-30{margin-right:30px!important}.pr-30{padding-right:30px!important}.mt-35{margin-top:35px!important}.pt-35{padding-top:35px!important}.mb-35{margin-bottom:35px!important}.pb-35{padding-bottom:35px!important}.ml-35{margin-left:35px!important}.pl-35{padding-left:35px!important}.mr-35{margin-right:35px!important}.pr-35{padding-right:35px!important}.mt-40{margin-top:40px!important}.pt-40{padding-top:40px!important}.mb-40{margin-bottom:40px!important}.pb-40{padding-bottom:40px!important}.ml-40{margin-left:40px!important}.pl-40{padding-left:40px!important}.mr-40{margin-right:40px!important}.pr-40{padding-right:40px!important}.mt-45{margin-top:45px!important}.pt-45{padding-top:45px!important}.mb-45{margin-bottom:45px!important}.pb-45{padding-bottom:45px!important}.ml-45{margin-left:45px!important}.pl-45{padding-left:45px!important}.mr-45{margin-right:45px!important}.pr-45{padding-right:45px!important}.mt-50{margin-top:50px!important}.pt-50{padding-top:50px!important}.mb-50{margin-bottom:50px!important}.pb-50{padding-bottom:50px!important}.ml-50{margin-left:50px!important}.pl-50{padding-left:50px!important}.mr-50{margin-right:50px!important}.pr-50{padding-right:50px!important}.mt-60{margin-top:60px!important}.pt-60{padding-top:60px!important}.mb-60{margin-bottom:60px!important}.pb-60{padding-bottom:60px!important}.ml-60{margin-left:60px!important}.pl-60{padding-left:60px!important}.mr-60{margin-right:60px!important}.pr-60{padding-right:60px!important}.mt-75{margin-top:75px!important}.pt-75{padding-top:75px!important}.mb-75{margin-bottom:75px!important}.pb-75{padding-bottom:75px!important}.ml-75{margin-left:75px!important}.pl-75{padding-left:75px!important}.mr-75{margin-right:75px!important}.pr-75{padding-right:75px!important}.mt-100{margin-top:100px!important}.pt-100{padding-top:100px!important}.mb-100{margin-bottom:100px!important}.pb-100{padding-bottom:100px!important}.ml-100{margin-left:100px!important}.pl-100{padding-left:100px!important}.mr-100{margin-right:100px!important}.pr-100{padding-right:100px!important}.m-0{margin:0!important}.p-0{padding:0!important}.m-5{margin:5px!important}.p-5{padding:5px!important}.m-10{margin:10px!important}.p-10{padding:10px!important}.m-15{margin:15px!important}.p-15{padding:15px!important}.m-20{margin:20px!important}.p-20{padding:20px!important}.m-25{margin:25px!important}.p-25{padding:25px!important}.m-30{margin:30px!important}.p-30{padding:30px!important}.m-35{margin:35px!important}.p-35{padding:35px!important}.m-40{margin:40px!important}.p-40{padding:40px!important}.m-45{margin:45px!important}.p-45{padding:45px!important}.m-50{margin:50px!important}.p-50{padding:50px!important}.m-60{margin:60px!important}.p-60{padding:60px!important}.m-75{margin:75px!important}.p-75{padding:75px!important}.m-100{margin:100px!important}.p-100{padding:100px!important}.col--1,.col--10,.col--11,.col--12,.col--2,.col--3,.col--4,.col--5,.col--6,.col--7,.col--8,.col--9{padding-top:15px;padding-bottom:15px}.col--10:nth-child(10n),.col--11:nth-child(11n),.col--12:nth-child(12n),.col--1:nth-child(1n),.col--2:nth-child(2n),.col--3:nth-child(3n),.col--4:nth-child(4n),.col--5:nth-child(5n),.col--6:nth-child(6n),.col--7:nth-child(7n),.col--8:nth-child(8n),.col--9:nth-child(9n){padding-right:0}.col--10:first-child(1),.col--10:nth-child(10n+1),.col--11:first-child(1),.col--11:nth-child(11n+1),.col--12:first-child(1),.col--12:nth-child(12n+1),.col--1:first-child(1),.col--1:nth-child(1n+1),.col--2:first-child(1),.col--2:nth-child(2n+1),.col--3:first-child(1),.col--3:nth-child(3n+1),.col--4:first-child(1),.col--4:nth-child(4n+1),.col--5:first-child(1),.col--5:nth-child(5n+1),.col--6:first-child(1),.col--6:nth-child(6n+1),.col--7:first-child(1),.col--7:nth-child(7n+1),.col--8:first-child(1),.col--8:nth-child(8n+1),.col--9:first-child(1),.col--9:nth-child(9n+1){padding-left:0}.col--1{-ms-flex-preferred-size:8.33333%;flex-basis:8.33333%}.col--2{-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}.col--3{-ms-flex-preferred-size:25%;flex-basis:25%}.col--4{-ms-flex-preferred-size:33.33333%;flex-basis:33.33333%}.col--5{-ms-flex-preferred-size:41.66667%;flex-basis:41.66667%}.col--6{-ms-flex-preferred-size:50%;flex-basis:50%}.col--7{-ms-flex-preferred-size:58.33333%;flex-basis:58.33333%}.col--8{-ms-flex-preferred-size:66.66667%;flex-basis:66.66667%}.col--9{-ms-flex-preferred-size:75%;flex-basis:75%}.col--10{-ms-flex-preferred-size:83.33333%;flex-basis:83.33333%}.col--11{-ms-flex-preferred-size:91.66667%;flex-basis:91.66667%}.col--12{-ms-flex-preferred-size:100%;flex-basis:100%}.cols{display:flex}.col{width:50%;padding:0 15px}.block,.content,.header,.map,.map iframe,.text--line:before,hr{width:100%}.col:first-child{padding-left:0}.col:last-child{padding-right:0}body{line-height:1;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-size:1rem;color:#1C1C1C}h1{margin:45px 0 30px;font-size:1.625rem}@media screen and (max-width:676px) and (min-width:320px){h1{margin:20px 0 30px;font-size:1.5rem}}h2{margin:30px 0;font-size:1.375rem}.text--light,.text--small{color:#969696}p{margin:0 0 20px;line-height:1.45;font-size:.875rem}hr{height:1px;margin:20px 0;clear:both;border:0}.text--right{text-align:right}.text--small{font-size:.75rem}.text--line{display:block;position:relative;height:30px;margin-bottom:25px;text-align:center}.text--line:before{content:'';display:block;position:absolute;height:1px;top:50%}.text--line:after{content:'ou';display:inline-block;position:absolute;top:50%;left:50%;padding:5px 15px;font-size:1.125rem;color:#969696;background-color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text--warning{color:#ca0101}.text--success,.text--success-b{color:#1FAD4A}@media screen and (max-width:676px) and (min-width:320px){.text--line{height:15px}}.map{position:relative;height:1px;padding-bottom:50%}.map iframe{position:absolute;height:100%;top:0;left:0}.content,.header,.menu{position:relative}.credits__item{margin:0 0 10px}a{color:#1C1C1C}a:hover{text-decoration:underline}.block{display:block}.right{float:right}.header{display:flex;padding:0;margin:0;height:100px;background-color:#0D8341;background:-webkit-gradient(linear,left top,left bottom,from(#0D8341),to(#1FAD4A));background:linear-gradient(to bottom,#072c85 0,#33abdd 100%)}.container,.container--flex,.container--medium{width:100%;max-width:765px;padding:0 15px;margin:0 auto}.container--medium{max-width:460px}.container--flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.content{max-width:320px;padding:0 15px 15px 0}@media screen and (max-width:676px) and (min-width:320px){.header{height:70px}.cols.wrapper{display:block}.cols.wrapper .col:nth-child(2){width:100%}.cols.wrapper .col .content{max-width:360px;margin:0 auto}}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%;min-height:calc(100vh - 100px);padding:15px 30px 15px 15px;background-color:#1C1C1C}.menu__logo{display:inline-block;width:80%;height:100px;text-indent:-900px;overflow:hidden;background-image:url(images/logo-zazul.svg);background-size:150px;background-repeat:no-repeat;background-position:0 30px}.menu__list{width:100%;max-width:320px}.menu__item{padding:15px 0;border-bottom:1px solid #969696}.menu__link,.menu__link--buy,.menu__link--contact,.menu__link--exit,.menu__link--history,.menu__link--home,.menu__link--information,.menu__link--park,.menu__link--profile,.menu__link--vehicles{display:block;padding:5px 0 5px 45px;font-size:1.125rem;font-weight:600;color:#e3e3e3;background-size:28px;background-repeat:no-repeat}.menu__logout,.menu__user{font-size:.875rem;color:#fff;padding-top:5px;padding-bottom:5px;background-position:0 center;background-repeat:no-repeat}.menu__link--buy{background-image:url(images/ico-menu-buy.svg)}.menu__link--home{background-image:url(images/ico-menu-home.svg)}.menu__link--park{background-image:url(images/ico-menu-park.png)}.menu__link--vehicles{background-image:url(images/ico-menu-vehicle.svg)}.menu__link--history{background-size:25px;background-image:url(images/ico-menu-history.svg)}.menu__link--profile{background-image:url(images/ico-menu-profile.svg)}.menu__link--contact{background-image:url(images/ico-menu-contact.svg)}.menu__link--information{background-image:url(images/ico-menu-info.svg)}.menu__link--exit{background-image:url(images/ico-menu-exit.svg)}.menu__user{width:260px;padding-left:30px;margin-right:20px;background-image:url(images/ico-menu-profile.svg);background-size:18px}.menu__logout{padding-left:22px;cursor:pointer;background-image:url(images/ico-logout.svg);background-size:15px}.menu__mobile{display:none;position:absolute;top:35px;right:15px;width:30px;height:25px;cursor:pointer}.menu__hamburger:after,.menu__hamburger:before,.menu__mobile:after,.menu__mobile:before{display:block;position:absolute;width:100%;height:4px;border-radius:4px;background-color:#fff;content:''}.menu__mobile:after,.menu__mobile:before{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.menu__mobile:after{bottom:0}.menu__mobile.is-active::after,.menu__mobile.is-active:before{opacity:0}.menu__mobile.is-active .menu__hamburger:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.menu__mobile.is-active .menu__hamburger:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.menu__hamburger{display:block;position:absolute;width:100%;top:10px}.menu__hamburger:after,.menu__hamburger:before{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media screen and (max-width:676px) and (min-width:320px){.menu{display:none;position:absolute;width:100%;max-height:520px;top:70px;opacity:0;visibility:hidden;z-index:2;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.menu.is-active{display:block;opacity:1;visibility:visible}.menu__logo{height:70px;background-position:0}.menu__mobile{display:block;top:23px}.menu__list{max-width:100%}.menu__logout,.menu__user{display:none}}.payments{margin-bottom:20px}.payments__item,.payments__item--americanexpress,.payments__item--aura,.payments__item--dinersclub,.payments__item--elo,.payments__item--hipercard,.payments__item--jcb,.payments__item--mastercard,.payments__item--visa{display:inline-block;width:40px;height:25px;text-indent:-1000px;overflow:hidden;background-image:url(images/payments.png);background-repeat:no-repeat;background-size:250px}.payments__item--mastercard{background-position:-169px -127px}.payments__item--visa{background-position:-213px -94px}.payments__item--americanexpress{background-position:-83px -128px}.payments__item--elo{background-position:4px -128px}.payments__item--hipercard{background-position:-170px 3px}.payments__item--dinersclub{background-position:-126px -94px}.payments__item--aura{background-position:5px -29px}.payments__item--jcb{background-image:url(images/payments-jcb.jpg);background-size:45px;background-position:-1px -2px}select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;background-image:url(images/ico-arrows.svg);background-repeat:no-repeat;background-size:15px;background-position:calc(100% - 10px) center;width:100%;height:50px;padding:5px 30px 5px 10px;border:2px solid #969696;border-radius:4px;font-size:1rem;color:#ca0101}.form__wrapper.is-active .form__input,.form__wrapper.is-active .form__input--code,select:focus{border-color:#f16015}.form__wrapper{position:relative;margin:0 0 30px}.form__wrapper.is-active label{top:-5px;font-size:.75rem}.form__input,.form__input--code{display:block;width:100%;height:50px;border:0;border-bottom:1px solid #969696;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.form__input--code{width:65px;text-align:center}.form__input--code:focus,.form__input:focus{border-color:#f16015}.form__password{display:block;position:absolute;top:0;right:0;width:50px;height:50px;cursor:pointer;background-image:url(images/ico-eye.svg);background-size:30px;background-repeat:no-repeat;background-position:center -27px}.form__password.is-active{background-position:center 16px}.form label{position:absolute;top:14px;color:#969696;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.form input,.form textarea{font-size:1rem;color:#1C1C1C}.form--login .btn,.form--login .btn--facebook,.form--login .btn--line{display:block;width:100%}.form--rounded .form__wrapper.is-active label{font-size:.75rem}.form--rounded label{display:block;margin-bottom:5px;font-size:.75rem}.form--rounded .form__input,.form--rounded .form__input--code{padding:5px 10px;border:2px solid #969696;border-radius:4px;font-size:1rem}.btn,.btn--facebook,.btn--line{display:inline-block;height:50px;padding:15px 30px 14px;margin-bottom:20px;border:0;border-radius:3px;font-size:1rem;font-weight:700;text-align:center;text-shadow:1px 1px 0 #08552a;letter-spacing:.045em;color:#fff;cursor:pointer;background-color:#0D8341;-webkit-box-shadow:0 0 0 1px #f16015;box-shadow:0 0 0 1px #f16015;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn--facebook:hover,.btn--line:hover,.btn:hover{text-decoration:none;color:#fff;-webkit-box-shadow:0 0 0 1px #f16015,0 0 0 5px #d4f7df;box-shadow:0 0 0 1px #f16015,0 0 0 5px #d4f7df;background-color:#1FAD4A}.btn--line{text-shadow:none;color:#f16015;background-color:transparent}.btn--facebook{position:relative;border-color:#2d4474;text-shadow:1px 1px 0 #2d4474;-webkit-box-shadow:0 0 0 1px #2d4474;box-shadow:0 0 0 1px #2d4474;background-color:#3b5999;background-image:url(images/ico-facebook.svg);background-repeat:no-repeat;background-size:13px;background-position:20px 12px}.btn--facebook:before{content:'';display:block;position:absolute;width:1px;height:40px;top:5px;left:50px;background-color:#2d4474}.btn--facebook:focus,.btn--facebook:hover{border-color:#2d4474;background-color:#4d70ba;-webkit-box-shadow:0 0 0 1px #3b5999,0 0 0 5px #e0e6f3;box-shadow:0 0 0 1px #3b5999,0 0 0 5px #e0e6f3}@media screen and (max-width:676px) and (min-width:320px){.btn,.btn--facebook,.btn--line{height:45px;padding-top:13px}.btn--facebook::before{height:35px}}.history__item{position:relative;width:100%;margin:0 0 15px;border-radius:20px;background-color:#e8e8e8}.history__add,.modal{position:absolute;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.history__list{padding:15px 23px;font-size:.75rem}.history__list li{margin:5px;font-weight:600}.history__list span{font-weight:400;color:#696969}.history__add{padding:6px 15px 7px;right:10px;bottom:10px;border-radius:15px;font-size:1rem;color:#fff;background-color:#ca0101}.history__add:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.history hr{margin:0}.modal{visibility:hidden;opacity:0;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.4);z-index:10}.modal.is-active{visibility:visible;opacity:1}.modal__wrapper{position:fixed;width:calc(100% - 60px);max-width:480px;top:50%;left:50%;margin:0;-webkit-box-shadow:0 0 25px 0 rgba(0,0,0,.2);box-shadow:0 0 25px 0 rgba(0,0,0,.2);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.modal__embed{position:relative;width:100%;padding-bottom:40%;background-color:#4f4f4f}.modal__body,.modal__header{overflow:hidden;background-color:#fff}.modal__embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.modal__header{position:relative;border-radius:4px 4px 0 0}.modal__body{border-radius:0 0 4px 4px}.modal__close{display:block;position:absolute;width:40px;height:40px;top:-15px;right:-15px;border-radius:50%;z-index:11;cursor:pointer;background-color:#fe3333;background-image:url(images/ico-close.svg);background-size:15px;background-repeat:no-repeat;background-position:center;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.modal__close:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.vehicles__item{position:relative;width:100%;margin:0 0 15px;border-radius:20px;background-color:#e8e8e8}.vehicles__name{padding:15px 30px;margin:0;font-size:1rem;font-weight:600;line-height:1;color:#1C1C1C}.vehicles__plate{padding:10px 30px 12px;margin:0;font-size:1.4375rem;font-weight:400;line-height:1;color:#828282}.vehicles__type,.vehicles__type--car,.vehicles__type--cargo,.vehicles__type--moto{margin-bottom:8px}.vehicles__type label,.vehicles__type--car label,.vehicles__type--cargo label,.vehicles__type--moto label{display:inline-block;position:relative;padding:15px 0 15px 75px;font-size:1rem;font-weight:600;text-transform:uppercase;cursor:pointer;background-size:30px;background-position:33px center;background-repeat:no-repeat}.vehicles__type label:before,.vehicles__type--car label:before,.vehicles__type--cargo label:before,.vehicles__type--moto label:before{content:'';display:block;position:absolute;width:15px;height:15px;left:0;top:12px;border:2px solid #828282;border-radius:50%}.vehicles__type label:after,.vehicles__type--car label:after,.vehicles__type--cargo label:after,.vehicles__type--moto label:after{content:'';display:none;position:absolute;width:9px;height:9px;left:5px;top:17px;border-radius:50%;background-color:#f16015}.vehicles__type input,.vehicles__type--car input,.vehicles__type--cargo input,.vehicles__type--moto input{opacity:0;position:absolute}.vehicles__type input:checked+label,.vehicles__type--car input:checked+label,.vehicles__type--cargo input:checked+label,.vehicles__type--moto input:checked+label{color:#f16015}.vehicles__type input:checked+label:after,.vehicles__type--car input:checked+label:after,.vehicles__type--cargo input:checked+label:after,.vehicles__type--moto input:checked+label:after{display:block}.vehicles__type--car input:checked+label{background-image:url(images/ico-vehicle-car-g.svg)}.vehicles__type--car label{background-image:url(images/ico-vehicle-car.svg)}.vehicles__type--moto input:checked+label{background-image:url(images/ico-vehicle-moto-g.svg)}.vehicles__type--moto label{background-image:url(images/ico-vehicle-moto.svg);background-size:40px;background-position:28px center}.vehicles__type--cargo input:checked+label{background-image:url(images/ico-vehicle-cargo-g.svg)}.vehicles__type--cargo label{background-image:url(images/ico-vehicle-cargo.svg)}.vehicles__remove{position:absolute;padding:9px 15px 10px 30px;right:10px;bottom:10px;border-radius:15px;font-size:.625rem;font-weight:600;color:#fff;background-color:#ca0101;background-image:url(images/ico-trash.svg);background-repeat:no-repeat;background-size:15px;background-position:10px 5px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.cards__item,.tabs__list-item{font-weight:700;cursor:pointer}.vehicles__remove:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.vehicles hr{margin:0}.cards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.cards__item{position:relative;width:calc(50% - 5px);padding:20px 0;border:0;border-radius:20px;font-size:.875rem;-webkit-transform:all .2s ease-in-out;transform:all .2s ease-in-out;background-color:#e8e8e8}.cards__item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.cards__item:nth-child(even){margin:0 0 10px 5px}.cards__item:nth-child(odd){margin:0 5px 10px 0}.cards__value{display:block;font-size:1.125rem;color:#828282}.tabs__list{margin-bottom:20px;border-bottom:1px solid #0D8341}.tabs__list-item{display:inline-block;width:50%;padding:15px 25px;margin:0 -4px 0 0;font-size:.8125rem;text-align:center;color:#0D8341;background-color:#b4eec8;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.tabs__list-item:hover{background-color:#61db8b}.tabs__list-item.is-active{color:#fff;background-color:#0D8341}.message__warning,.message__warning:before{position:absolute;background-color:#ca0101}.tabs__content{display:none}.tabs__content.is-active{display:block}.message__warning{width:100%;top:-45px;left:-30px;padding:8px 0 8px 30px;font-size:.6875rem;color:#fff}.message__warning:before{content:'';display:block;width:1000%;height:100%;right:-1000%;top:0}

/*# sourceMappingURL=build.css.map */
.payment-cards .is-active {
	background-color: #a6ddff;
		
}

.payment-cards-item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    text-decoration: none;
    text-align: center;
}

.payment-cards-item:hover .payment-cards-select {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    text-decoration: none;
    text-align: center;
}

.payment-cards-item {
    background-color: white;
    border: 2px solid #969696;
    border-radius: 5px;
    margin: 0 0 10px 5px;
    position: relative;
    cursor: pointer;
    font-size: .875rem;
    height: 30px !important;
    font-weight: bold;
}

.payment-cards-select {
    margin: 5px 5px 5px 10px;
    float: left;

}

.payment-card-new {
	background-color: white;
    border: 1px solid #969696;
    border-radius: 20px;
    box-shadow: 0 0 0 1px #969696;
    margin: 0 0 10px 5px;
    position: relative;
    cursor: pointer;
    font-size: .875rem;
    color: black;
    padding: 5px 15px 0px 15px !important;
    height:	25px;
}

.payment-flag {
	text-align: right;
	margin-right: 10px;

}

.select-button {
    text-align: center;
    width: 100%;
    margin: 5px 0px 0px 0px;
}

.payments {
	display:inline-block;
}

.payments li{
	float:left;
}

.full-width {
	width: 100% !important;
}/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.chosen-container:hover{
  border-color: #f16015;
}

.chosen-container * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  z-index: 1010;
  width: 100%;
  border: 1px solid #f16015;
  border-top: 0;
  background: #b44c00;
  color: #fff;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

.chosen-container.chosen-with-drop .chosen-drop {
  clip: auto;
  -webkit-clip-path: none;
          clip-path: none;
}

.chosen-container a {
  text-decoration: none;
}

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: url(./images/ico-arrows.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: calc(100% - 10px) center;
    width: 100%;
    height: 50px;
    padding: 15px 30px 5px 10px;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #ca0101;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background:  -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background:  no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background:  no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  color: #fff;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  -webkit-clip-path: inset(100% 100%);
          clip-path: inset(100% 100%);
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
  color: #fff;
  text-transform: uppercase;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #ff98009e;
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #fff;
  display: list-item;
  background: #b44c00;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto;
  border: 1px solid #b44c00;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  width: 25px;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background:  -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
  background-image: linear-gradient(#eee 20%, #fff 80%);
  -webkit-box-shadow: 0 1px 0 #fff inset;
          box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single {
  cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background:  no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/* @end */
.city-extract {
    margin-left: 6%;
    margin-top: 2%;
    font-size: 0.8em;
}

.linked-history-ul {
	list-style-position: inside;
    position: relative;
    list-style: none;
    margin-left: 2%;
}

.linked-history-ul li:before {
    content: "-";
    position: absolute;
    left: 0;
}

.transaction-refund-review {
	color: #eb8c08 !important;
	font-weight: bold !important;
}

.transaction-refund-success {
	color: #0D8341 !important;
	font-weight: bold !important;
}

.yellow_history_item {
    background-color: #ecd99d !important;
}

.red_history_item {
    background-color: #e06b4f !important;
}

.red_history_item li {
    color: white;
}

.red_history_item span {
    color: white;
}#mapContainer {
    height: auto;
    position: relative;
    margin-bottom: 0px;
}

.responsiveUserMapContainer{
    overflow:hidden;
/*     padding-bottom:56.25%; */
    position:relative;
    height: 50%;
    padding-bottom: 40%;
}

#mapView{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.info-win-allocation {
  max-width: 200px;
  max-height: 100px;
  color: #ca0101;
  font-size: 16px;
  text-align: center;
}

.fullscreen-off #mapContainer {
    height: 100%;
}

.modalDialogContent .mapView div {
    margin-bottom: 0px;
}

#openModalInfo .mapView {
    height: 100%;
    min-width: 100%;
}

#openModalInfo .mapView a {
    font-weight: normal !important;
    font-size: 10px !important;
}

.movementInfoLocation{
    font-weight: bolder;
    float: left;
}

.fullscreen-off #mapContainer {
    height: 100%;
}

.fullscreen-off .mapView {
    height: 100%;
    position: relative;
}

.fullscreen-on .mapView {
    height: 100%;
    position: relative;
}

#info-win {
    width: 100%;
    font-size: 11px;
    text-align: center;
}

.form__map {
    height: 41px;
    padding-left: 15px;
    padding-right: 40px;
    border: 0;
    background-image: url(./images/ico-search.svg);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position:100% center;
}

@media screen and (max-width: 757px) {
    .form__map {
        max-width: 100%;
        top: 40px;
    }
}

.map-search-wrapper {
     border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

.map-underlabel {
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}

.rulesContainer {
    max-height: 300px;
}

@media screen and (max-width: 800px) {
    .rulesContainer {
        max-height: 180px !important;
        overflow-y: scroll;
        overflow-x: hidden;
        margin-bottom: 10px;
    }
}


/* .rulesContainer::-webkit-scrollbar { 
    display: none;
    -ms-overflow-style: none;  
    overflow: -moz-scrollbars-none; 
}
 */
.control-group {
    display: inline-block;
    width: 100%;
    height: 60px;
    padding: 20px;
    text-align: left;
    vertical-align: top;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    border-bottom: 1px solid #c9c9c9;
}

.control-group.hvr {
    background-color:  #004c97;
    color: #fff;
}

.control-group:last-child {
    margin-bottom: 20px;
}

.control {
    font-size: 12px;
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
    line-height: 14px;
    bottom: 1vh;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #e6e6e6;
}

.control--radio .control__indicator {
    border-radius: 50%;
    border: 1px solid #004c97;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #fff;
}

/* Checked state */
.control input:checked ~ .control__indicator {
    background: transparent;
    border: 1px solid white;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: transparent;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
    display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
    top: 4px;
    left: 8px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.sel_bk_color {
    background: red;
}

.noNearRulesContainer {
    text-align: center;
}

.rule--paragraph {
     font-size: 12px;
     color: gray;
}

.rule--paragraph-alt {
    font-size: 14px;
    color: gray;
    margin-top: 20px;
}

.noLocalizationAllowed {
    text-align: center;
}

.localization--notAllowed {
    background-image: url(images/no-localization.png);
    width: 135px;
    height: 105px;
    margin: 0 auto;
}

.localization--description {
    padding: 5px;
}

.ruleControlRadioSubtitle {
    font-size: 9px;

}

.rulesPolygonDescription {
    line-height: 1.45;
    margin: auto;
    font-size: 11px;    
}

#mapSearch::placeholder {
    font-weight: bold;
    font-size: 16px;
    color: black;
}.button-modal{
    border-radius: 5px;
    box-shadow: 1px 1px 2px #999;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1em;
    font-weight: bold;
    padding: 0.513em 0.500em;
    text-decoration: none;
    margin: 25px auto 0px;
    height: 40px;
    position: relative;
    left: 0;
    min-width: 80px;
}

.button-modal-color {
	background-color: #ff8546 !important;
}

.button-modal-white {
    background-color: #FFF;
    color: #ff8046;
}

.message__warning {
   position: inherit;
   width: inherit;
   margin-left: -10px;
   padding-right: 15px;
   padding-left: 25px;
   top: auto;
   left: auto;
   font-weight: bold;
   text-align: center;
}

.form-alert{
    border-radius: 5px;
    margin: 5px 0;
    padding: 5px;
    font-size: .9em !important;
    font-weight: bold;
    display: block;
}

.form-alert *{
    font-size: .9em !important;
    font-weight: bold;
}

.form-error{
    background: #fff;
    border: 1px solid #0D8341;
    margin-bottom: 10px;
}

.form-error li{
    list-style: inside;
    margin: 0 0 0 15px;
    color: red;
}

 @media screen and (max-width: 500px) {
    .form-error li{
        margin: auto;
        text-align: center;
    }
}

.form-alert.success {
    background: #fff;
    border: 1px solid #0D8341;
    margin-bottom: 10px;
}

.form-alert.success li{
    list-style: inside;
    margin: 0 0 0 15px;
    color: #0D8341;
}

 @media screen and (max-width: 500px) {
    .form-alert.success li{
        margin: auto;
        text-align: center;
    }
}

.sigin-form-alert{
    border-radius: 5px;
    margin: 5px 0;
    padding: 5px;
    font-size: .9em !important;
    font-weight: bold;
    display: block;
}

.sigin-form-alert *{
    font-size: .9em !important;
    font-weight: bold;
}

.sigin-form-error{
    background: #fff;
    border: 1px solid #0D8341;
    margin-bottom: 10px;
    line-height: 15px;
}

.sigin-form-error li{
    list-style: inside;
    margin: 0 0 0 15px;
    color: red;
}

 @media screen and (max-width: 500px) {
    .sigin-form-error li{
        margin: auto;
        text-align: left;
    }
}

.menu__logo {
    cursor: pointer;
}

@media screen and (max-width: 676px) and (min-width: 320px) {
    .menu {
        overflow: scroll;
        height: calc(100% - 70px);
        max-height: inherit;
        -webkit-overflow-scrolling: touch; /*fix ios*/
     }
}

@media screen and (max-width: 676px) and (max-width: 320px) {
    .btn-text-term {
        font-size: 10px;
    }
    .btn-line-text-term {
        color: #000000;
        font-size: 10px;
    }
}

.call-to-extract {
    margin-top: 1rem;
    text-decoration-line: underline;
    text-align: center;
}
.form__input.error {
    border-color: #ca0101;
}

.btn {
    padding: 0px 30px;
    background-color: #ff8546;
    box-shadow: 0 0 0 1px #ff8546;
    text-shadow:inherit;
}

.btn--cancel {
    background-color: #a11f1f !important;
    box-shadow: 0 0 0 1px #a11f1f;
}

.btn--delete--user {
    width: 180px;
}

.btn:hover {
    background-color: #f58850;
    box-shadow: 0 0 0 1px #f58850;
}

.btn--line {
    color: #000000;
}

.btn--line:hover {
    background-color: #f58850;
    -webkit-box-shadow: 0 0 0 1px #ff8546, 0 0 0 5px #efbe88;
}

a.btn{
    padding: 15px 30px 14px;
}

.lh-5 {
    line-height: 1.7em;
}

.messageBoxBtns {
    display: table; 
    margin: 0px auto 10px auto !important; 
    font-size: 1em;
}

.form__link {
    cursor: pointer;
}

.margin-top {
    margin-top: 10px !important;
}

html {
    overflow-y: hidden;    
}

body {
    overflow-y: hidden;    
}

.cols.wrapper {
    height: calc(100vh - 100px - 7.3vw);
    -webkit-overflow-scrolling: touch; /*fix ios*/
    z-index: 0;
}

.cols.wrapper.no-footer {
    height: calc(100vh - 100px) !important;
}

.no-footer .col.scroll {
    height: calc(100vh - 100px) !important;

}

.container--medium {
    overflow-y: auto;
    height: calc(100vh - 100px - 7.3vw);      
    -webkit-overflow-scrolling: touch; /*fix ios*/
}

.container--medium.no-footer {
    height: calc(100vh - 100px) !important;    
}

.cols.wrapper.no-footer .menu {
    /*min-height: calc(100vh - 100px) !important;*/
}

.menu-scroll {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; /*fix ios*/   
}

.menu {
    height: inherit;
}

@media screen and (max-width: 676px) and (min-width: 320px) {

    .menu {
        min-height: calc(100vh - 100px - 7.3vw);
    }

    .cols.wrapper {
        overflow-y: scroll;
        overflow-x: hidden;
        height: calc(100vh - 70px - 16vw);
        -webkit-overflow-scrolling: touch; /*fix ios*/
    }

    .cols.wrapper.no-footer {
        height: calc(100vh - 70px) !important;
    }

    .cols.wrapper.no-footer .menu {
        height: calc(100vh - 70px) !important;
    }

    .no-footer .col.scroll {
        height: calc(100vh - 70px) !important;

    }

    .container--medium {
        overflow-y: scroll;
        height: calc(100vh - 70px - 15vw);      
        -webkit-overflow-scrolling: touch; /*fix ios*/
    }

    .container--medium.no-footer {
        height: calc(100vh - 70px) !important;    
    }
}


/*.menu__logo1 {
    display:inline-block;
    width:80%;
    height:100px;
    text-indent:-900px;
    overflow:hidden;
    background-image:url(./images/logo-zazul1.png);
    background-size:350px;
    background-repeat:no-repeat;
    background-position:0 30px
}*/


.menu__logo1 {
    display: inline-block;
    width: 150px;
    margin-left: calc(50% - 75px);
    height: 60px;
    text-indent: -900px;
    overflow: hidden;
    background-image: url(./images/logo-zazul.png);
    background-size: 150px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: 0 20px;
    align-items: center;
}

.close-map {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 5px;
    right: 5px;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    background-color: #fe3333;
    background-image: url(./images/ico-close.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

@media screen and (max-width: 676px) and (min-width: 320px) {
    .cols.wrapper .col .content {
        margin: 0 0;
        max-width: 400px;
    }
}

.h1 {
    color: #dd5a16;
}

.rule-selector-subtitle {
    margin-top: 10px;
    text-align: center;
}

.tabs__list-item.is-active {
    background-color: #e44e00;
}

.tabs__list-item:hover {
    background-color: #33abdd;
}

.tabs__list-item {
    background-color: #f4e6e0;
    color: black;
    width: initial;
}

.text--success-b {
    color: #f16015;
}

.bold {
    font-weight: bold;
}

.left {
    float: left;
    margin-right: 10px;
}

.space-bottom {
    margin-bottom: 25px;
}

.form-plate-input-alert {
    font-weight: 400;
    color:  dimgray;
    font-size: 10px;
}

.button.disabled {
    padding: 10px 5px !important;
    cursor: default;
    color: #696969;
    background-color: transparent;
}

.button.disabled small {
    display: block;
    font-size: 0.6em !important;
    width: 100%;
}

.btn--line.disabled {
    cursor: default;
    padding: 5px 11px 10px 11px !important;
    float: right;
}

.btn--line.disabled small {
    display: block;
    font-size: 0.6em !important;
    width: 100%;
}

.btn--line.disabled:hover {
    box-shadow: 0 0 0 1px #f16015;
}

.transalvador-footer {
    position: absolute;
    height: 7.3vw;
    width: 100%;
    background-color: #d4d4d2;    
    bottom: 0px;
    background-position-y: bottom;    
    margin: 0 auto;
    z-index: -1;
}

body {
    display: flex;
    flex-direction: column;
}

.col {
    flex: 1;
}

.scroll {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; /*fix ios*/
}

.footer-itens {
    width: 55vw;
    height: 7vw;
    margin: auto;
}

.transalvador-footer-1 {
    background-image: url(../img/trans-logo.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: center;
    width: 20vw;
    height: 7vw;
    margin-left: 5vw;
    float: left;
}

.transalvador-footer-2 {
    background-image: url(../img/zona-azul.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 100%;
    width: 5vw;
    height: 6.5vw;
    margin-left: 5vw;
    float: left;
}

.transalvador-footer-3 {
    background-image: url(../img/prefeitura.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-size: 100%;
    width: 10vw;
    height: 7vw;
    margin-left: 5vw;
    float: left;
}

.transalvador-footer-wrapper {
    width: 100%;
    background-size: 100%;
    height: 0.3vw;
    background-image: url(../img/barra-vertical.png);
    background-repeat: no-repeat;
}


@media screen and (max-width: 676px) {

    .transalvador-footer {
        height: 16vw;
    }

    .footer-itens {
        width: 85vw;
    }

    .transalvador-footer-1 {
        width: 42vw;
        height: 15vw;
        margin: auto;
    }

    .transalvador-footer-2 {
        width: 11vw;
        height: 15vw;
        
    }

    .transalvador-footer-3 {
        width: 21vw;
        height: 15vw;
        
    }

    .transalvador-footer-wrapper {
        height: 0.8vw;
    }
}

#info-win {
    font-size: 11px;
    text-align: center;
}

.white-bg {
    background-color: white;
    border: 2px solid #969696;
}

.white-bg option {
    background: #b44c00;
    color: #fff;
    font-weight: bold;
    padding: 5px 30px 5px 10px;
}

.col {
    padding: 0 0 0 10px;
}
    
.col.menu-scroll.is-active {
    /*height: calc(100vh - 70px - 7.3vw);*/
}

@media screen and (max-width: 676px) {
    .wrapper {
        overflow-y: hidden;
    }

    .cols.wrapper {
        overflow-y: hidden;
        height: inherit;
    }

    .col.scroll {
        height: calc(100vh - 70px - 16vw);
    }
    
    .col.menu-scroll.is-active {
        height: calc(100vh - 70px);
        width: 100%;
    }

    .menu.is-active {
        height: calc(100vh - 70px);
    }
}

.menu-scroll::-webkit-scrollbar {
   width: 0px;
}

.menu-scroll::-moz-scrollbar {
   width: 0px;
}

.menu-scroll::-ms-scrollbar {
   width: 0px;
}

.menu-scroll::scrollbar {
   width: 0px;
}

.tabs__list {
    width:100%;
    display: table;
}

.tabs__list-item {
    display: table-cell;
    padding: 15px 20px;
}

.menu__link--payment-cards {
    background-image: url(images/ico-menu-cards.png);
    display:block;padding:5px 0 5px 45px;
    font-size:1.125rem;
    font-weight:600;
    color:#e3e3e3;
    background-size:28px;
    background-repeat:no-repeat
}

.menu__link--home {
   background-image: url(images/ico-menu-home.png); 
}

button.end {
    float: right;
}

.uppercase {
   text-transform: uppercase;
}

.container--flex-responsive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 500px) {
    .container--flex-responsive {
        flex-direction: column-reverse;
        gap: 10px;
    }
}
.paymentcards__number {
    padding: 15px 8px 0px 10px;
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    color: #1C1C1C;
    float:left;
}

.paymentcards__item {
    position: relative;
    width: 100%;
    margin: 0 0 15px;
    border-radius: 20px;
    background-color: #e8e8e8;
}

.paymentcards__brand {
    padding: 10px 30px 12px;
    margin: 0;
    font-size: 1.4375rem;
    font-weight: 400;
    line-height: 1;
    color: #828282;
}

.paymentcards__brand-flag {
    padding: 10px 30px 10px 19px;
    float: right;
}

.paymentcards__remove {
    position: absolute;
    padding: 9px 15px 10px 30px;
    right: 10px;
    bottom: 10px;
    border-radius: 15px;
    font-size: .625rem;
    font-weight: 600;
    color: #fff;
    background-color: #ca0101;
    background-image: url(images/ico-trash.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 10px 5px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}

.paymentcards__item hr {
    margin: 0;
}

.paymentcards__remove:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    text-decoration: none;
}

.white-bg {
    background-color: white;
    border: 2px solid #969696;
}

.white-bg option {
    background: #b44c00;
    color: #fff;
    font-weight: bold;
    padding: 5px 30px 5px 10px;
}

.paymentcards__box {

}

.payment__flag {
    display: block;
    width: 50px;
    height: 26px;
    background: transparent;
    background-size: auto 100% !important;
}

.payment__flag--buy {
    display: block;
    width: 40px;
    height: 20px;
    float:right;
    margin: 3px 5px 0px 0px;
    padding: 10px 0px 10px 10px;
    background: transparent;
    background-size: auto 100% !important;
}

.payment__flag--visa {
    background: transparent url(../img/icon/flag-visa.png) no-repeat;
}

.payment__flag--master {
    background: transparent url(../img/icon/flag-master.png) no-repeat;
}

.payment__flag--amex {
   background: transparent url(../img/icon/flag-amex.png) no-repeat;
}

.payment__flag--elo {
    background: transparent url(../img/icon/flag-elo.png) no-repeat;
}

.payment__flag--discover {
    background: transparent url(../img/icon/flag-discover.png) no-repeat;
}

.payment__flag--dinners {
    background: transparent url(../img/icon/flag-dinners.png) no-repeat;
}

.payment__flag--jcb {
    background: transparent url(../img/icon/flag-jcb.png) no-repeat;
}

.payment__flag--aura {
    background: transparent url(../img/icon/flag-aura.png) no-repeat;
}

.payment__flag--hipercard {
    background: transparent url(../img/icon/flag-hipercard.png) no-repeat;
}

.payment__flag--visa-electron {
    background: transparent url(../img/icon/flag-visa-electron.png) no-repeat;
}

.payment__flag--maestro {
    background: transparent url(../img/icon/flag-maestro.png) no-repeat;
}

.payment__flag--boleto {
    background: transparent url(../img/icon/flag-boleto.png) no-repeat;
}
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 3px;
  bottom: 5px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #e44e00;
}

input:focus + .slider {
  box-shadow: 0 0 1px #e44e00;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}.terms-wrapper {
	padding: 0 5px 0px 5px;
}

.termsofuse {
    height: calc(100vh - 293px);
    overflow-y: auto;
    text-align: justify;
}

@media screen and (max-width: 676px) and (min-width: 320px) {
	.termsofuse {
	    height: calc(100vh - 230px);
	    overflow-y: auto;
	}
}