* {
	margin: 0; padding: 0; border: 0; box-sizing: border-box;
	border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	list-style: none outside none; text-decoration: none;
	-webkit-font-smoothing: antialiased;
}
body {
    background: url("/gfx/bg-down-2.jpg") no-repeat scroll 0 0 / cover; background-attachment: fixed;
    font-family: "Lato", sans-serif;
}
.clear { display: block; clear: both; overflow: hidden; width: 100%; height: 0; }
.header { background: #fff; margin: 0 0 5px 0; }

.bg-grey { background: rgba(255,255,255,0.75); }
.bg-white {background: #fff; max-width: 400px;}
.bg-blue {background: #0093e4; max-width: 400px;}

.text-blue { color: #00a5ff; }
.text-red { color: #ff0002; }
.text-black { color: #111; }


.menu-button {padding: 28px 0 0 111px; }
.menu-button-login {width: 150px; height: 40px; float: left; background-color: #00a5ff; border: none; color: white; padding: 15px 0; text-align: center; text-decoration: none; display: inline-block; font: 700 14px/10px "Lato", sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 1px; border-radius: 5px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)}
.menu-button-login:hover {background: #00ccff;}

.menu-innubio {margin: 10px 0 0 0;}

.menu-list {width: 100%; margin: 0; padding: 38px; list-style: none outside none;}
.menu-list li {display: inline-block; vertical-align: top; margin: 0 15px;}
.menu-list li span {border-left: 1px solid #ddd;}
.menu-list li a { font: 500 14px/18px "Lato",sans-serif; text-transform: uppercase; color: #010101;}
.cs-tb_logo {max-width: 220px; display: block;}
.cs-tb_logo img {margin: 10px 0 0 0;}

.cji-title {font: 900 32px/32px "Lato", sans-serif; text-transform: uppercase; color: #000; margin: 125px 0 0 0;}
.cji-title span {font: 900 32px/32px "Lato", sans-serif; text-transform: uppercase; color: #00a5ff;}
.cji-ul-text {font: 400 16px/34px "Lato", sans-serif; color: #008fdd; margin: 40px 0 0 10px;}
.cji-ul-text span {color: #ff1f21; font-weight: 900;}
.cji-img {margin: 70px 0 -264px -195px;}

.z-innubio-cloud {margin: 0 0 13px 0;}
.z-innubio-cloud img {max-width: 117px;}
.z-title {font: 900 72px/72px "Lato", sans-serif; text-transform: uppercase; color: #fff; text-align: center; margin: 90px 0 60px 0;}
.z-white-title {font: 300 22px/28px "Lato", sans-serif; color: #999; margin: 0 0 44px 0;}
.z-ul-text-bg-white > li {font: 700 12px/28px "Lato", sans-serif; color: #666; margin: 12px 0 0 0;}
.z-ul-text-bg-white > li input {display: block; background: #eee; margin: 0 auto; }

.z-ul-text-bg-blue > li {font: 500 12px/28px "Lato", sans-serif; color: #fff; margin: 12px 0 0 0;}
.z-ul-text-bg-blue > li:first-of-type {margin: -10px 0 0 0;}
.z-ul-text-bg-blue > li > input {display: block; background: #fff; margin: 0 auto;}
.z-button {background-color: #00ff84; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font: 700 14px/10px "Lato", sans-serif; color: #000; text-transform: uppercase; letter-spacing: 1px;}
.z-button:hover {background: #000; color: #fff;}
.bg-blue-column textarea { width: 100%; height: 150px; padding: 12px 20px; box-sizing: border-box; border-radius: 0; background-color: #fff; resize: none;}


.form-items input[type="text"],
.form-items select {
    padding: 5px 15px; width: 100%; margin: 0 0 15px 0;
    font: 400 13px/28px "Lato", sans-serif;
    color: #999;
    border: 1px solid rgba(0,0,0,0.3);
}
.form-items textarea { font: 400 13px/28px "Lato", sans-serif; color: #999;}
.form-items label { display: block; font: 700 12px/12px "Lato", sans-serif; color: #aaa; margin: 0 0 3px 0; }


.form-items.on-blue label { color: #fff; }


.bg-blue-column, .bg-white-column {padding: 50px 50px;}
.bg-white-column {background: #fff; margin: 0 -15px 0px 170px;}
.bg-blue-column {background: #0093e4; margin: 0 170px 0 -15px;}

.f-right {font: 400 12px/10px "Lato", sans-serif; text-align: right; color: #999;}
.f-right > span a{margin: 0px 0px 0px 2px;}


.f-left {font: 400 12px/10px "Lato"; text-align: left; color: #999; margin: 0 0 20px 0;}
.f-left > span {font: 700 12px/10px "Lato", sans-serif; color: #000;}
.f-left > span a {text-transform: uppercase; font-weight: 700; color: #000;}
hr {width: 100%; height: 1px; border: 0; background-color: #eee; margin: 120px 0 20px 0;}

/* checkbox */
.z-checkbox {display: block;position: relative;padding-left: 20px;margin: 65px 0 25px 0; cursor: pointer; font: 400 10px/10px "Lato", sans-serif; color: #fff;}
.z-checkbox input {position: absolute;opacity: 0;cursor: pointer;}
.z-checkmark {position: absolute; top: 0; left: 0; height: 12px; width: 12px; background-color: #eee;}
.z-checkbox:hover input ~ .z-checkmark { background-color: #ccc;}
.z-checkbox input:checked ~ .z-checkmark {background-color: #00ff84;}
.z-checkmark:after {content: ""; position: absolute; display: none;}
.z-checkbox input:checked ~ .z-checkmark:after {display: block;}
.z-checkbox .z-checkmark:after {left: 5px;top: -4px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


/* bundles */
#bundles {
    margin: 0 0 20px 0;
}
#bundles .bundles-header { padding: 70px 0; text-align: center; }
#bundles .bundles-header h2 { display: block; font: 900 52px/52px "Lato", sans-serif; color: #fff; text-transform: uppercase; }
#bundles .bundles-header h2 i { font-style: normal; color: #00a5ff; }
#bundles .bundles-header p { display: block; max-width: 400px; margin: 30px auto; font: 900 18px/24px "Lato", sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 0.03em; }
#bundles .bundle {
    position: relative;
    min-height: 600px; padding: 25px 5px;
    background: rgba(255,255,255,0.5);
    border: 3px solid #fff;
}
#bundles .bundle .bundle-name { display: block; font: 700 32px/34px "Lato", sans-serif; color: #848484; text-align: center; }
#bundles .bundle .bundle-list { text-align: center; padding: 25px 0 0 0; }
#bundles .bundle .bundle-list li { padding: 8px 0; font: 700 15px/16px "Lato", sans-serif; color: #444; border-bottom: 1px solid #fff; }
#bundles .bundle .bundle-list li strong { color: #E91E63; }
#bundles .bundle .bundle-list li:last-of-type { border-bottom: 0; }
#bundles .bundle .bundle-price {
    position: absolute; bottom: 0; left: 0;
    width: 100%; height: auto;
    margin-bottom: 115px;
    font: 700 36px/36px "Lato", sans-serif;
    text-align: center;
}
#bundles .bundle .bundle-price.b-grey { color: #ababab; }
#bundles .bundle .bundle-price.b-green { color: #05cc93; }
#bundles .bundle .bundle-price.with-before:before { display: block; content: "już od"; font: 700 15px/16px "Lato", sans-serif; color: #444; }

#bundles .bundle .bundle-link {
    position: absolute; bottom: 0; left: 0;
    width: 100%; height: auto;
    margin-bottom: 35px;
    text-align: center;
}
#bundles .bundle .bundle-link a {
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    width: 100%; max-width: 260px; height: 50px;
    margin: 0 auto;
    border: 2px solid #fff;
    background: rgb(90,199,219);
    background: -moz-linear-gradient(-45deg, rgba(90,199,219,1) 0%, rgba(0,147,228,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(90,199,219,1) 0%,rgba(0,147,228,1) 100%);
    background: linear-gradient(135deg, rgba(90,199,219,1) 0%,rgba(0,147,228,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac7db', endColorstr='#0093e4',GradientType=1 );
    font: 700 22px/22px "Lato", sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 0.05em;

    transition: all 0.2s linear 0s;
}
#bundles .bundle .bundle-link a:hover {
    background: rgb(90,199,219);
    transition: all 0.2s linear 0s;
}
#bundles .bundle .bundle-link .config-link-info { cursor: not-allowed; }


#bundles .bundle .bundle-text { padding: 25px 15px; font: 700 15px/22px "Lato", sans-serif; color: #444; }


#bundles .bundle .config-link-info:hover:before {
    content: "Dostępne już niebawem";
    position: absolute;
    margin-top: -45px; padding: 10px;
    font: 700 12px/13px "Lato", sans-serif;
    background: #e91e63; color: #fff;
}

.popup {
    position: relative;
    background: #4CAF50;
    color: #fff;
    padding: 10px;
    text-align: center;
}

label[for="f_agreement"] { font: 400 10px/13px "Lato", sans-serif; color: #fff; display: block; margin: 20px 0; }
label[for="f_agreement"] input { vertical-align: text-bottom; margin: 0 5px 0 0; }
label[for="f_agreement"] a { color: #ffeb3b; font-weight: 700; border-bottom: 1px dashed #ffeb3b; }

.f-required { position: relative; }
.f-required label:before {
    content: "*";
    position: absolute; top: 0; left: 0; margin: 0 0 0 -10px;
    font-size: 18px; color: #ff0000;
}
.bg-blue-column { position: relative; }
.form-info {
    position: absolute; bottom: 0; right: 0; background: #fff; padding: 5px;
    font: 700 11px/11px "Lato", sans-serif; color: #000;
    margin: 0 5px 5px 0;
}
.form-info span { font-size: 16px; color: #ff0000; }

.blueish {}
.blueish label { color: #0392e4; }
.blueish input { border: 2px solid #0392e4 !important; }