/** * Copyright by Electric Transport Group Sp. z o.o. [Ltd.] * All rights reserved */ /* mobile */ ul.cards{margin:0;padding:0;list-style:none;}ul.cards li{float:left;width:100%;box-sizing:border-box;}ul.cards li a{display:block;min-height:90px;margin:0 7px 15px 7px;padding:15px 15px 15px 15px;background:white;border:1px solid #ddd;text-align:left;color:#444;text-decoration:none;vertical-align:middle;}ul.cards li.active a{background:#a323ae;color:white;}ul.cards li a span{display:block;width:48px;height:48px;margin:0 auto;background-repeat:no-repeat;background-position:center center;background-size:32px 32px;opacity:0.8;}ul.cards li a h4{display:block;margin:15px 0 0 0;font-style:normal;font-weight:bold;text-transform:uppercase;color:#444;font-size:1.2em;}ul.cards li a em{display:block;font-style:normal;font-weight:bold;vertical-align:middle;}ul.cards li a p{display:block;margin:15px 0 0 0;font-style:normal;}ul.cards li a .button-btn,ul.cards li a .button-btn.button-cancel{width:100%;margin:15px 0 0 0 !important;border:0 !important;line-height:2em !important;}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;}.modal .modal-layer,.modal .modal-bg-dim{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;}.modal .modal-bg-dim{z-index:2;background:rgba(0,0,0,0.5);}.modal .modal-layer{height:calc(100% - 70px);top:70px;z-index:3;overflow-y:auto;}.modal .modal-layer .modal-content{width:95%;margin:0 auto;background:white;box-shadow:0 0 5px black;}.modal .modal-layer .modal-content .modal-title{height:48px;line-height:48px;padding:15px;border-bottom:1px solid #ddd;}.modal .modal-layer .modal-content .modal-title h4{float:left;height:48px;margin:0;padding:0;vertical-align:middle;font-size:1.2em;}.modal .modal-layer .modal-content .modal-title .radiobox{float:right;}.modal .modal-layer .modal-content .modal-footer{height:48px;line-height:48px;padding:15px;border-top:1px solid #ddd;text-align:right;}.modal .modal-layer .modal-content .modal-footer .button-primary{width:100%;box-sizing:border-box;}.modal .modal-layer .modal-content .modal-body{height:calc(100% - 70px);padding:15px;}.modal .modal-layer .modal-content ul.cards li{width:50%;}.modal .modal-layer .modal-content ul.cards{margin:0 -7px 0 -7px;}.modal .modal-layer .modal-content ul.cards li a{min-height:0;height:70px;line-height:70px;vertical-align:middle;}.modal .modal-layer .modal-content ul.cards li a em{width:100%;display:inline-block;line-height:normal;vertical-align:middle;text-align:center;}.modal.visible{display:block;}.modal.visible .modal-layer,.modal.visible .modal-bg-dim{opacity:1;}.modal .modal-layer .modal-content .modal-footer .mif,.modal .modal-layer .modal-content .modal-title .mif{font-size:14px !important;}form.multiselect fieldset ol li{float:left;width:49.9%;clear:none;box-sizing:border-box;text-align:left;}form.multiselect fieldset ol li label{width:100%;text-align:left;}#main_content .button-btn.button-engaged,#main_content .text-box a.button-btn.button-engaged,#main_content .button-btn.button-engaged,#main_content .text-box a.button-btn.button-engaged{border-color:#c628d4;background:#ee2bff;box-shadow:0 0 5px yellow;}#purchase .text-header h2 small{display:block;}.list-long-columns{}/* mobile only */ @media only screen and (max-width:37.5em){#purchase .text-header h2{font-size:18px;}.button-70{width:calc(60% - 4px);box-sizing:border-box !important;overflow:hidden;}.button-30{width:calc(40% - 4px);box-sizing:border-box !important;overflow:hidden;}}/* tablet portrait 600px */ @media only screen and (min-width:37.5em){ul.cards{margin:0 -20px 0 0;}ul.cards li{float:left;width:50%;box-sizing:border-box;}ul.cards li a{margin:0 15px 15px 0;}form.multiselect fieldset ol li{float:left;width:33.3%;clear:none;box-sizing:border-box;text-align:left;}form.multiselect fieldset ol li label{width:100%;text-align:left;}.list-long-columns{column-count:2;column-gap:40px;column-width:49%;}}/* desktop 1344px */ @media only screen and (min-width:74em){ul.cards{margin:0 10px 0 0;}ul.cards li{float:left;width:33.3%;box-sizing:border-box;}ul.cards li a{margin:0 0 15px 15px;}ul.cards li a:hover{background:#ddd;}ul.cards li a:hover span{background-size:40px 40px;}.modal{top:0;left:400px;width:calc(100% - 400px);height:100%;}.modal .modal-layer,.modal .modal-bg-dim{top:0;left:0;width:100%;height:100%;}.modal .modal-layer{height:auto !important;top:50px;}.modal .modal-layer .modal-content{width:95%;margin:0 auto;}.modal .modal-layer .modal-content .modal-title{height:auto;line-height:normal;padding:15px;}.modal .modal-layer .modal-content .modal-title h4{height:30px;line-height:36px;}.modal .modal-layer .modal-content .modal-footer{height:auto;line-height:normal;padding:15px;}.modal .modal-layer .modal-content .modal-footer .button-primary{width:auto;}.modal .modal-layer .modal-content .modal-body{height:calc(100% - 100px);overflow-y:auto;padding:15px;}.modal .modal-layer .modal-content ul.cards{margin:0 0 0 -15px;}.modal .modal-layer .modal-content ul.cards li{width:33.3%;}.modal .modal-layer .modal-content .modal-footer .mif,.modal .modal-layer .modal-content .modal-title .mif{font-size:12px !important;}form.multiselect fieldset ol li{float:left;width:20%;box-sizing:border-box;clear:none;}form.multiselect fieldset ol li label{width:100%;font-weight:bold;text-align:left;}#purchase .text-header{padding-top:15px;}#purchase .text-header .button-btn{margin-top:20px !important;}#purchase .text-header h2 small{display:block;}#main_content h3{line-height:1.5em;}.list-long-columns{column-count:3;column-gap:40px;column-width:33%;}}/* 4K - scaled */ @media only screen and (min-width:115.75em){#purchase .text-header .button-btn{margin-top:30px !important;}.list-long-columns{column-count:4;column-gap:40px;column-width:24.5%;font-size:0.8em;}}