/* CSS Desktop */
html {
font-size: 62.5%;
}
body {
font-family: 'Open Sans', sans-serif;
background: #fff;
font-size:1.5rem;
color:#003d69;
}
.pk {
width: 100%;
height: auto;
margin-top: 52px;
margin-bottom: 50px;
}
.pkt {
margin-top: 51px;
}
.pkt .bigh {
font-size: 4rem;
color: #003d69;
margin-bottom: 30px;
}
.ui-dialog .ui-dialog-titlebar-close {
outline: none;
}
#block-views-block-aktuality-nabidka .col-12.col-md-4.views-row:last-child {
display: none;
}
.context-zakaznicky-portal .plyn img {
width: 176px;
}
.context-zakaznicky-portal .row.products {
margin-top: 0px;
}
.context-zakaznicky-portal .plyn .info {
background: #f3b855;
position: absolute;
margin-top: -129px;
padding: 13px;
border-radius: 10px;
clip-path: polygon(0% 0%, 100% 0%, 100% 48%, 78% 48%, 68% 59%, 67% 48%, 0 48%);
height: 144px;
width: 216px;
font-size: 1.1rem;
z-index: 999999999999999999999999999999999999999999999999999999;
}
#block-jsmeonline2 {
position: fixed;
z-index: 999999999999999999999999999999999999999999999999999999;
left: -74px;
background: #f47d57;
top: 320px;
padding: 20px;
transform: rotate(-90deg);
border-radius: 10px;
}
#block-dotaznik .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-dotaznik #edit-actions {
width: 298px;
}
#block-dotaznik #edit-processed-text {
float: left;
width: 100%;
margin-top: 51px;
}
#block-dotaznik .fieldset-legend {
font-weight: 800;
margin-top: 20px;
float: left;
width: 100%;
margin-bottom: 15px;
}
#block-dotaznik {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-jsmeonline2 a {
color:#fff;
}
.js-form-item-tactics {
display: none;
}
.text-count-message {
display:none!important;
}
.banner {
background-position: center center !important;
background-repeat: no-repeat !important;
}
.context-pece-podpora-platby-faktury-samoodecty .col-12.col-md-12.ele {
margin-top: 29px;
margin-bottom: 29px;
}
.context-pece-podpora-platby-faktury-samoodecty .prodin p {
text-align: left;
}
.context-pece-podpora-platby-faktury-samoodecty .col-12.col-md-12.plyn {
margin-top: -17px;
}
.context-pece-podpora-platby-faktury-samoodecty .row.products {
float: left;
display:block;
}
.prodin h4 {
font-size: 2rem;
float: ;
display: block;
margin-top: 52px;
}
.problems img {
width: 20px;
float: left;
}
.webform-element-description {
font-size: 1.2rem;
font-weight: 100;
margin-top: -8px;
margin-bottom: 15px;
}
.borderaround {
border: solid 4px #f3b855;
float: left;
padding: 40px;
}
.tpinof td {
width: 100%!important;
}
.container-fluid.copy {
float: left;
width: 100%;
}
.container-fluid.bottom {
float: left;
width: 100%;
}
ol {
padding-left: 0px;
margin-top: 21px;
display: block;
margin-bottom: 21px;
}
.vyhoda {
background-image: url(/themes/custom/ppas/pic/award.svg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 23px;
font-weight: 800;
color: #fd7e55;
}
.vyhoda:hover {
background-image: url(/themes/custom/ppas/pic/award.svg);
background-repeat: no-repeat;
background-position: left center;
padding-left: 23px;
font-weight: 800!important;
color: #fd7e55;
}
.bannerd {
width:100%;
height:auto;
display:block;
}
.bannerm {
width:100%;
height:auto;
display:none;
}
#content-s1, #content-s2, #content-s3, #content-s4, #content-s5, #content-s6, #content-s7, #content-s8, #content-s9, #content-s10 {
float: left;
width: 100%;
}
#block-bannersoutez {
width: 100%;
margin-top: 35px;
margin-bottom: 35px;
}
.problems {
color: #fff;
font-weight: 800;
background: #fd7e55;
width: 100%;
float: left;
text-align: center;
padding: 15px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
h2.has-content {
width: 100% !important;
display: block;
}
#block-problemy {
position: absolute;
top: 105px;
z-index: 2;
}
#block-hotnews a {
color:#fff;
text-decoration:underline;
}
.buttons a:hover {
font-weight:100!important;
}
.buttons .active:hover {
font-weight:800!important;
}
#block-mainblock img {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.but svg {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
div, svg, img, span, li {
}
.node__content a {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.icon:hover img {
margin-bottom: -10px;
margin-top: 10px;
}
.but:hover .fa-arrow-right {
margin-left: 10px;
}
a {
color: #003b67;
}
a:hover {
color: #003b67;
}
#block-da-local-tasks ul {
padding:0px;
list-style-type:none;
}
#block-da-local-tasks ul li {
float:left;
}
#block-da-local-tasks ul li:after {
content:"/";
color:#f3b855;
font-weight:800;
margin-left:10px;
margin-right:10px;
}
#block-da-local-tasks {
float: left;
width: 100%;
position: relative;
z-index: 1111111;
}
/* Top Bar */
.top {
border-bottom: solid 2px #f6f3f0;
position:relative;
background:#fff;
z-index:3;
}
.path-frontpage .top, .context-plyn .top {
border-bottom: solid 1px #f1f1f1;
}
#block-logo {
width: 193px;
height: auto;
float: left;
margin-top: 30px;
margin-bottom: 12px;
}
#block-logo img {
float: left;
width: 193px;
margin-top: -12px;
margin-bottom: 12px;
}
#block-hlavninavigace ul {
padding: 0px;
margin: 0px;
list-style-type:none;
}
#block-hlavninavigace ul li:first-child {
margin-right: 0px;
}
#block-hlavninavigace ul li {
float:left;
margin-right:48px;
}
#block-hlavninavigace ul li:last-child {
margin-right:0px;
}
#block-hlavninavigace ul li a {
font-size:1.5rem;
text-decoration:none;
}
#block-hlavninavigace ul li a:hover {
border-bottom:solid 2px #f3b855;
padding-bottom:10px;
}
#block-category {
margin-top: 17px;
padding-bottom: 10px;
margin-bottom: 10px;
}
#block-category .active {
font-weight:800;
border-bottom:solid 2px #f3b855;
margin-right:30px;
}
.comp {
margin-left: 30px;
}
#block-category a:hover {
font-weight:800;
border-bottom:solid 2px #f3b855;
}
#block-category a {
text-decoration:none;
}
#block-category .a1 {
margin-right: 32px;
}
.context-pro-firmy #block-category .comp {
font-weight:800!important;
border-bottom:solid 2px #f3b855!important;
}
.context-pro-firmy #block-category .a1 {
font-weight:400!important;
border-bottom:none!important;
}
#block-category .a1 {
font-weight:800;
border-bottom:solid 2px #f3b855;
}
#block-category .comp {
font-weight:400;
border-bottom:none;
}
#block-phone {
margin-top: 17px;
margin-bottom: 21px;
color: #fd7e55;
font-size:1.5rem;
font-weight:800;
}
.fa-phone {
transform: rotate(90deg);
margin-right:10px;
}
#block-searchanduser .svg-inline--fa {
color: #f3b855;
margin-right:10px;
}
#block-searchanduser a:first-child {
margin-right: 20px;
}
/* Search page */
#spb-block-searchpage .spb_top_center {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
}
#spb-block-searchpage #block-searchpage {
width: 800px;
margin: auto;
margin-top: auto;
margin-top: 24vh;
}
/* Slider */
.path-frontpage .banner {
height: 500px;
background: url(/themes/custom/ppas/pic/bckhp.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
}
.banner {
height: auto;
width: 100% !important;
background-repeat: no-repeat;
}
.banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 393px;
margin-top: 40px;
}
.title.page-title {
margin-top: 36px;
font-size: 3rem;
margin-bottom: 37px;
}
.banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 376px;
margin-top: 37px;
float: left;
}
.context-plyn .banner p, .context-elektrina .banner p {
width: 468px;
line-height: 28px;
}
.context-plyn .banner h1, .context-elektrina .banner h1 {
line-height: 46px;
width: 500px;
margin-top: 70px;
}
#block-mainfaqlinks h2::after {
content: "\f061";
font-style: normal;
font-family: "Font Awesome 5 Free";
font-weight: 800;
font-size: 13px;
margin-left:10px;
}
#block-vyhodnyplynblock ul li::before, #block-vyhodnaalektrinablok ul li::before {
content: "\f00c";
font-style: normal;
font-family: "Font Awesome 5 Free";
font-weight: 800;
font-size: 13px;
margin-right: 10px;
height: 50px;
float: left;
color:#fd7e55;
}
/* Mainblock */
.icon {
text-align: center;
}
#block-mainblock {
background: #fff;
padding: 30px;
border-radius: 5px;
margin-top: -77px;
-webkit-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.1);
box-shadow: 0px 2px 5px -1px rgba(0,0,0,0.1);
}
.iconbig img {
width: 56px !important;
margin-bottom: -16px;
}
.icon h2 {
font-weight: 800 !important;
font-size: 1.5rem;
color: #145e93;
margin-top: 25px;
}
.icon {
border-right: solid 2px #f3b855;
}
.icon:last-child {
border-right:none;
}
/* Content HP */
.headerhold {
margin-top: 60px;
}
.path-frontpage .headerhold h2 {
margin-bottom: 33px!important;
margin-top: -31px!important;
}
.plyn, .ele {
text-align: center;
color: #003d69;
}
.plyn h3, .ele h3 {
font-size: 2.5rem;
color: #003d69;
margin-top: 30px;
margin-bottom: 30px;
}
.but {
padding: 20px;
border-radius: 5px;
width: 250px;
margin: auto;
margin-top: auto;
margin-top: auto;
font-size: 1.7rem;
margin-top: 50px;
display: block;
}
.but .fa-arrow-right {
margin-left: 30px;
font-size: 1.5rem;
}
.plyn .but {
background: #c4e3ff;
color: #003d69!important;
}
.ele .but {
background: #f3b855;
color:#fff!important;
}
.ele span {
background: #f3b855;
height: 2px;
width: 70px;
margin: auto;
margin-bottom: auto;
display: block;
margin-bottom: 30px;
}
.plyn span {
background: #c4e3ff;
height: 2px;
width: 70px;
margin: auto;
margin-bottom: auto;
display: block;
margin-bottom: 30px;
}
.prodin {
border: solid 2px #f1f1f1;
padding: 30px;
border-radius: 5px;
}
.products .prodin p {
min-height: 74px;
}
.services img {
float: left;
margin-right: 31px;
height: 27px;
width: 24px;
}
.services h3 {
float: left;
font-size: 2rem;
font-weight: 800;
color: #003d69;
}
.services .fa-arrow-right {
font-size: 1.5rem;
color: #aaaaaa;
-webkit-text-stroke: 1px white;
margin-top: 4px;
float: right;
}
.row.products {
margin-top: 115px;
}
#block-da-content h2 {
font-size: 3rem;
color: #003d69;
font-weight: 800;
float: left;
width: 100%;
}
#block-da-content h2 span {
clear: both;
display: block;
font-weight: 100;
}
.headerhold p {
font-size: 1.7rem;
color: #003d69;
width: 42%;
margin-bottom: 50px;
}
.services {
float: left;
width: 100%;
border-bottom: solid 2px #f1f1f1;
padding-bottom: 20px;
padding-top: 18px;
padding-bottom: 18px;
}
.services:hover {
margin-left:-20px;
}
.oth .prodin {
float: right;
padding-top: 10px;
}
.services:last-child {
border-bottom: none;
padding-bottom: 0px;
}
#block-naspristup h2, #block-vice h2, #block-sluzby h2 {
color: #003d69;
text-transform: uppercase;
letter-spacing: 8px;
font-size: 1.8rem;
}
#block-vice ul li {
line-height: 38px;
}
#block-naspristup {
margin-top:60px;
margin-bottom:30px;
}
#block-naspristup h3, #block-vice h3, #block-sluzby h3 {
font-size: 4rem;
color: #003d69;
margin-bottom: 62px;
}
#block-naspristup h3 span, #block-vice h3 span, #block-sluzby h3 span {
font-weight: 800;
clear: both;
display: block;
}
.item .fa-check {
background: #f3b855;
width: 30px;
height: 30px;
padding: 9px;
float: left;
margin-right: 20px;
}
.item h4 {
font-size: 1.8rem;
font-weight: 800;
margin-bottom: 15px;
min-height: 50px;
}
.item {
margin-bottom: 50px;
}
.item p {
padding-left: 50px;
}
#block-naspristup {
margin-top: 60px;
margin-bottom: 30px;
border-bottom: solid 2px #f1f1f1;
float: left;
width: 100%;
}
.solvin {
border: solid 2px #f1f1f1;
border-radius: 5px;
padding: 30px;
text-align: center;
background: #fff;
min-height: 337px;
}
.solvin .but {
background: #f3b855;
color: #fff !important;
margin-top: 24px;
}
.solvin h4 {
font-size: 1.9rem;
font-weight: 800;
margin-top: 30px;
}
.solvin h4 span {
font-weight: 100;
clear: both;
display: block;
margin-top: 15px;
font-size: 1.4rem;
line-height: 24px;
}
.orange {
color: #fd7e55;
font-weight: 800;
}
.phone {
margin-top: 40px;
font-size: 1.8rem;
margin-bottom: 22px;
}
.phone strong, .phone .orange {
margin-left: 5px;
margin-right: 5px;
display: inline;
}
.orange a {
color: #fd7e55;
}
#block-sluzby h3 {
width: 537px;
}
#block-sluzby {
margin-top: 60px;
float: left;
width: 100%;
}
.servin img {
float: left;
margin-right: 20px;
}
.servin h4 {
float: left;
font-weight: 800;
font-size: 1.8rem;
}
.servin p {
float: left;
margin-top: 13px;
padding-left: 50px;
padding-right: 50px;
font-size: 1.6rem;
}
.servin a {
float: left;
clear: both;
margin-bottom: 8px;
font-size: 1.7rem;
text-decoration: underline;
}
.row.plynwhy p {
font-size: 1.4rem;
letter-spacing: -0.7px;
margin-top: 13px;
float: left;
line-height: 23px;
}
.s2 span {
float: right;
font-size: 1.6rem;
}
#block-da-content a {
text-decoration: underline;
}
.s1 a {
float: right;
clear: unset;
text-decoration: underline;
position: relative;
top: 0px;
}
.s1, .s2 {
float: left;
padding: 25px;
border: solid 2px #ffcaa1;
border-radius: 5px;
margin-bottom: 16px;
width: 49%;
margin-top: 27px;
min-height: 173px;
}
.s1 {
margin-right:2%;
}
.s3, .s4 {
padding: 23px;
border: solid 2px #f1f1f1;
border-radius: 5px;
float: left;
min-height: 340px;
}
.servin.s2 img {
width: 28px;
height: 29px;
}
.s3 p, .s4 p {
padding: 0px !important;
margin-top: 30px;
margin-bottom: 30px;
min-height: 81px;
}
.s3 h4, .s4 h4 {
width: 134px;
float: left;
min-height: 45px;
}
/* Footer widget */
.fright a {
margin-right: 50px;
font-size: 1.5rem;
}
.fright a:last-child {
margin-right:0px;
}
#block-footercopy .fa-facebook-square, #block-footercopy .fa-youtube {
color: #dddddd;
font-size: 2rem;
margin-right: 11px;
}
#block-footercopy {
padding-top: 40px;
padding-bottom: 40px;
color:#5a5a5a;
}
#block-footercopy a {
color:#5a5a5a;
text-decoration:none;
}
.fleft {
float: left;
}
.fright {
float:right;
}
.hidden-sm-up {
display: none !important;
}
footer ul li span {
clear: both;
float: left;
margin-top: 5px;
margin-bottom: 13px;
}
footer ul li {
margin-top: 20px;
float: left;
width: 100%;
font-size: 1.7rem;
}
footer ul li a {
color: #fff;
padding-bottom:3px;
}
footer ul li a:hover {
color: #fff;
text-decoration:none;
border-bottom:solid 2px #f3b855;
}
#block-footermainbottom h4 {
font-size: 1.8rem;
font-weight: 800;
}
#block-footermainbottom {
margin-top:40px;
}
.bottom {
background: #5a5a5a;
color: #fff;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 60px;
}
footer ul {
padding: 0px;
list-style-type: none;
float: left;
width: 100%;
}
footer .fa-user {
margin-left: 15px;
}
.bottom h3 {
font-weight: bold;
font-size: 2rem !important;
text-transform: normal !important;
}
.widget-list {
padding-top: 16px !important;
}
.widget-list li a:hover {
text-decoration: underline;
}
.widget .card-header a {
width: 100%;
display: block;
}
.widget .card-header a::after {
content: "+";
position: absolute;
right: 15px;
top: 19px;
transition: transform 0.25s ease-in-out;
font-size: 24px;
}
.widget .card-header a:hover, .widget .card-header a:focus {
text-decoration: none;
}
.widget .card-header a[aria-expanded=true]:after {
transform: rotate(45deg);
}
.widget .card-block {
padding: 0 1.3rem;
}
.collapse {
float:left;
}
.tag {
position: absolute;
left: 38%;
height: 95px;
width: 93px;
border-radius: 100px;
text-align: center;
padding: 22px;
top: 30px;
transform: rotate(-25deg);
color: #fff;
background: #fd7e55;
font-weight: 800;
line-height: 20px;
}
.carousel-inner .but {
padding: 20px;
border-radius: 5px;
width: 250px;
margin: auto;
margin-top: auto;
margin-top: auto;
margin-top: auto;
margin-top: auto;
font-size: 1.7rem;
margin-top: 21px;
display: block;
background: #f3b855;
color: #fff;
float: left;
clear: both;
text-align: center;
}
.widget .card-block .widget-list li {
margin-bottom: 4px;
}
.card-header:first-child {
border-radius: 0px;
}
.widget .card-header {
background: transparent;
color: #fff;
border-bottom: solid 1px #6e6e6e !important;
font-size: 2rem !important;
}
.widget .card-header a {
color: #fff;
}
#accordion {
padding-top: 10px;
padding-bottom: 10px;
float: left;
width: 100%;
}
/* PLYN CATEGORY */
.row.plynwhy {
clear: both;
margin-top: 60px;
float:left;
width:100%;
}
.context-plyn .banner {
height: 358px;
background: url(/themes/custom/ppas/pic/plynhead.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: top center;
width: 80%;
background-repeat:no-repeat;
}
.context-elektrina .banner {
height: 358px;
background: url(/themes/custom/ppas/pic/elehead.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.plynwhy h2, #block-vyhodnyplynblock h2, #block-vyhodnaalektrinablok h2 {
color: #003d69 !important;
text-transform: uppercase;
letter-spacing: 8px;
font-size: 1.8rem !important;
font-weight: 100 !important;
}
.plynwhy h3 {
float: left;
font-weight: 800;
font-size: 1.8rem;
width: 100%;
margin-top: 22px;
}
.context-elektrina #block-vyhodnaalektrinablok ul {
padding: 0px;
margin-top: -28px;
line-height: 23px;
}
.bigh {
font-size: 4rem !important;
color: #003d69;
margin-bottom: 62px;
font-weight: normal !important;
margin-top: 11px !important;
}
.bigh strong {
font-weight: 800;
}
#block-vyhodnyplynblock, #block-vyhodnaalektrinablok, #block-vice {
margin-top: 50px;
background: #f8f8f8;
padding: 41px;
width: 110%;
margin-left: -5%;
}
#block-vyhodnyplynblock ul, #block-vyhodnaalektrinablok ul {
list-style-type: none;
font-size: 1.6rem;
font-weight: bold;
margin-top: -25px;
padding: 0px;
}
#block-vice ul {
list-style-type: none;
font-size: 1.6rem;
font-weight: bold;
margin-top: 1px;
padding: 7px;
}
#block-vice ul li::before {
content: "\f00c";
font-style: normal;
font-family: "Font Awesome 5 Free";
font-weight: 800;
font-size: 13px;
margin-right: 10px;
height: 20px;
float: left;
color: #fd7e55;
}
#block-vyhodnyplynblock ul li, #block-vyhodnaalektrinablok ul li, #block-vice ul li {
margin-bottom: 2px;
float: left;
font-size: 1.4rem;
font-weight: normal;
}
ul .svg-inline--fa {
color: #fd7e55;
margin-right: 20px;
}
/* CSS POPUP */
#spb-block-searchpage .spb_top_center {
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255,255,255,0.95);
}
.spb-popup-main-wrapper {
position: fixed;
padding: 5px;
border: none;
z-index: 999999;
background-color: rgb(254, 254, 254);
}
.spb_close {
border: none;
cursor: pointer;
float: right;
margin: 39px;
padding: 0 10px;
color: #003d69;
background: transparent;
font-size: 77px;
}
.path-search #block-da-content ol {
float: left;
margin-left: -35px;
margin-top: 50px;
}
.path-search #block-da-content h2 {
font-size: 3rem;
color: #003d69;
font-weight: 400;
float: left;
width: 100%;
margin-top: 50px;
border-bottom: solid 2px aliceblue;
padding-bottom: 31px;
}
.path-search h1 {
font-size: 4.5rem;
margin-top: 50px;
margin-bottom: 50px;
}
.path-search #block-da-local-tasks {
display: none;
}
.path-search #edit-basic label {
width: 100%;
float: left;
}
.path-search h3 {
font-size: 2.75rem;
margin-bottom: 21px;
}
#edit-advanced {
display: none;
}
#edit-help-link {
display: none;
}
.path-search #block-da-content li {
margin-bottom: 15px;
border-bottom: solid 1px aliceblue;
padding-bottom: 15px;
}
#search-block-form #edit-keys {
width: 100%;
background-color: transparent;
border: none;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: medium;
border-bottom: solid 2px #003d69;
padding: 10px;
font-size: 2rem;
background-position: 91%;
}
#search-block-form--2 #edit-keys--2 {
width: 100%;
background-color: transparent;
border: none;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: medium;
border-bottom: solid 2px #003d69;
padding: 10px;
font-size: 2rem;
background-position: 91%;
}
#search-block-form #edit-actions {
float: right;
margin-top: -39px;
position: relative;
z-index: 2;
}
#search-block-form--2 #edit-actions--2 {
float: right;
margin-top: -39px;
position: relative;
z-index: 2;
}
#search-block-form #edit-submit {
background-color: transparent;
border: none;
text-indent: -999999px;
background-image: url(/themes/custom/ppas/pic/lupa.svg);
background-position: center center;
width: 50px;
height: 28px;
background-repeat: no-repeat;
cursor: pointer;
}
#search-block-form--2 .form-submit {
background-color: transparent;
border: none;
text-indent: -999999px;
background-image: url(/themes/custom/ppas/pic/lupa.svg);
background-position: center center;
width: 50px;
height: 28px;
background-repeat: no-repeat;
cursor: pointer;
float: right;
margin-top: -39px;
z-index: 1222222;
position: relative;
}
#ui-id-2 {
z-index: 1562652652;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
padding: 15px;
}
.ui-autocomplete-field-group.ui-state-disabled.stránka.ui-menu-item {
border: none;
font-size: 1.4rem;
text-align: l;
}
.ui-menu-item-first.ui-menu-item {
float: left;
width: 100%;
}
.ui-autocomplete-field-group.ui-state-disabled.more_results.ui-menu-divider.ui-widget-content {
border: none;
}
.ui-autocomplete-field-created {
display: none;
}
#ui-id-3, #ui-id-4 {
background: transparent;
border: none;
}
.path-search .container-fluid.banner {
display: none;
}
#block-searchadds {
margin-top: 51px;
color: #003d69;
line-height: 12px;
}
#block-searchadds a {
color: #003d69;
}
#block-vyhledavani h2 {
font-size: 3rem;
text-transform: uppercase;
font-weight: 800;
color: #bbb;
}
#block-searchpage ul {
list-style-type: none;
margin-top: 20px;
}
#ui-id-1 {
z-index: 99999999;
}
html.js input.form-autocomplete {
background-image: url(/themes/custom/ppas/pic/throbber.gif);
}
.ajax-progress .throbber {
background: transparent url(/themes/custom/ppas/pic/throbber.gif) no-repeat 0px -18px;
}
/* CSS FAQ */
.page-node-type-faq h1 {
font-size: 3.7rem;
margin-bottom: 35px;
}
.page-node-type-faq .contentbox h2 {
font-size: 2.1rem !important;
font-weight: 200 !important;
margin-top: 6px;
padding-top: 11px;
margin-bottom: 15px;
border-top: none;
}
.card-body li .fa-arrow-right {
float: right;
margin-top: -27px;
}
.card-body li:hover .fa-arrow-right {
float: right;
margin-top: -27px;
margin-right:40px;
}
#block-da-content li {
list-style-type: none;
background: url(/themes/custom/ppas/pic/li.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-repeat: no-repeat;
padding-left: 30px;
background-size: 10px 10px;
background-position: 0px 5px;
margin-bottom:30px;
}
#block-da-content ul {
padding-left: 0px;
}
#block-da-content ul ul {
margin-left: 28px;
margin-top: 9px;
}
#block-faqkontaktujtenas .solvin .phone {
margin-top: 18px;
font-size: 1.8rem;
margin-bottom: 0px;
}
h2 strong {
font-weight: 800;
}
.faqhead {
color: #003d69;
text-transform: uppercase;
letter-spacing: 8px;
font-size: 1.8rem;
}
#block-faqtop {
margin-top: 55px;
margin-bottom: 30px;
}
#block-faqtop a {
text-transform: uppercase;
margin-bottom: 50px;
display: block;
}
#block-faqtop span {
color:#f3b855;
margin-right:20px;
}
#block-faqmenu {
margin-top: 150px;
}
.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: #f8f8f8;
border-bottom: 1px solid #f1f1f1;
}
.card {
background: #f8f8f8;
border:none;
}
.card-header .btn {
color:#979797;
font-size:1.8rem;
font-weight:800;
}
.card-body {
background: #fff !important;
}
.card-header {
padding: 0px;
}
.card-body ul {
padding-left: 42px;
list-style-type: none;
}
.card-body ul li a {
font-size: 1.7rem;
margin-top: 10px;
display: block;
margin-bottom: 10px;
}
.card-body ul li span {
float: right;
margin-top: -33px;
margin-right: 32px;
}
.card-body ul li:hover span {
margin-right: 52px;
}
#block-views-block-tipy-pro-vas-block-1 {
background: #f8fbff;
border: solid 2px #e8f4ff;
padding: 50px;
font-size: 1.7rem;
margin-top: 50px;
float: left;
margin-bottom: 50px;
}
.solvin .phone {
margin-top: 25px;
font-size: 1.5rem;
margin-bottom: 8px;
}
.bottom .fa-user {
color: #fff;
}
#block-faqtop .fa-arrow-left {
color: #f3b855;
margin-right: 18px;
font-size: 12px;
}
.context-pece-podpora #block-vice {
margin-top: 70px;
}
#block-views-block-tipy-pro-vas-block-1 h2 {
font-size: 1.7rem !important;
text-transform: uppercase;
letter-spacing: 3px;
border-top: none;
padding-top: 0px;
margin-top: 0px;
margin-bottom: 20px;
background: url(/themes/custom/ppas/pic/typ.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: 156px -4px;
padding-top: 5px;
padding-bottom: 5px;
}
#block-views-block-tipy-pro-vas-block-1 h3 {
font-size: 4rem;
width: 400px;
line-height: 45px;
margin-bottom: 25px;
}
.accordion {
border-top: solid 2px #f3b855;
}
#block-faqkontaktujtenas h2 {
font-size: 1.7rem !important;
text-transform: uppercase;
letter-spacing: 3px;
border-top: none;
padding-top: 0px;
margin-top: 50px;
margin-bottom: 30px;
padding-top: 5px;
padding-bottom: 5px;
}
#block-faqkontaktujtenas h3 {
font-size: 4rem;
line-height: 45px;
margin-bottom: 50px;
}
.context-pece-podpora .banner {
background: #f4f1ee;
height: auto;
color: #145e93;
padding-bottom: 57px;
}
.carelast {
background: #fff;
padding-top: 25px;
margin-top: -27px;
}
.top {
-webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.19);
box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.19);
}
/* CSS Big menu */
.container-fluid.bigmenu {
background: #fff;
color: #fff;
padding-top: 35px;
padding-bottom: 10px;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.19);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.19);
position: absolute;
z-index: 2;
top: -234px;
}
#block-bannermenu img {
width: 100%;
float: left;
height: auto;
}
#block-bannermenu {
float: left;
margin-top: 0px;
}
.bigmenu a {
color: #fff;
}
.bmenu {
padding-bottom: 30px !important;
padding-right: 46px;
padding-left: 46px;
margin-left: -46px;
}
.bmenu:hover {
border:none!important;
}
#block-plynmenu h2 {
background: url(/themes/custom/ppas/pic/plyn.svg);
background-repeat: no-repeat;
background-position: 2px;
background-size: 17px 24px;
padding-left: 35px;
}
#block-elemenu h2 {
background: url(/themes/custom/ppas/pic/elektrina.svg);
background-repeat: no-repeat;
background-position: 2px;
background-size: 15px 24px;
padding-left: 32px;
}
#block-bannermenu h2 {
background: url(/themes/custom/ppas/pic/usertop.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
background-position: 2px;
background-size: 22px 29px;
padding-left: 32px;
}
.bigmenu .row div:first-child {
float: left;
width: 100%;
}
#block-produktmenu ul {
padding: 0px;
list-style-type: none;
margin-top: 25px;
}
#block-produktmenu ul li {
margin-right: 25px;
margin-bottom: 15px;
}
.file--application-pdf a {
background: url(/themes/custom/ppas/pic/pdf.svg);
background-repeat: no-repeat;
padding-left: 35px;
padding-top: 10px;
padding-bottom: 10px;
background-position: center left;
margin-top: 10px;
float: left;
width: 100%;
}
#block-ostatnimenu ul li a {
color: #003d69;
}
#block-ostatnimenu ul li {
margin-left:0px;
}
.bigmenu ul li a {
color: #003d69;
font-size: 1.3rem;
}
.bigmenu ul li {
color: #003d69;
font-size: 1.5rem;
}
.bigmenu ul li {
margin-left: 33px;
}
.bigmenu a {
color: #003d69;
}
#block-ostatnimenu li {
border-right: solid 2px #f3b855;
padding-right: 25px;
color: #003d69;
float: left;
}
#block-plynmenu, #block-elemenu, #block-bannermenu {
float: left;
width: 33%;
}
#block-ostatnimenu {
float: left;
width: 100%;
border-top: solid 1px #f1f1f1;
margin-top: 0px;
padding-top: 0px;
}
.context-pece-podpora .banner h1 {
font-size: 2rem;
color: #003b67;
float: left;
width: 100%;
margin-top: 75px;
text-transform: uppercase;
letter-spacing: 3px;
}
.context-pece-podpora .contentbox {
margin-top: -1px;
background: #fff;
padding-top: 50px;
padding-bottom: 50px;
}
.card-body .active {
font-weight: 800;
}
#block-claimpeceapodpora {
float: left;
width: 50%;
padding-right: 90px;
}
#block-mainfaqlinks {
color: #fff;
margin-top: 69px;
float: left;
width: 100%;
padding-bottom: 71px;
}
#block-mainfaqlinks h2 {
float: left;
width: 100%;
margin-bottom: 16px;
font-weight: 800;
font-size: 1.8rem;
}
#block-claimpeceapodpora h2 {
font-size: 3.7rem;
color: #003b67;
}
#block-vyhledavani-2 {
float: left;
width: 50%;
color: #fff;
margin-top: 110px;
display: none;
}
.context-pece-podpora #block-vyhledavani-2 {
display: none;
}
.nav.nav-pills {
float: left;
width: 25%;
margin-top: 50px;
margin-bottom: 30px;
}
.nav.nav-pills li {
clear: both;
float: left !important;
width: 100%;
}
.nav.nav-pills li a {
color: #9a9a9a !important;
font-size: 2rem;
padding: 19px;
padding-left: 19px;
float: left;
width: 100%;
padding-left: 100px;
}
.tab-content ul {
padding: 10px;
list-style-type: none;
}
.tab-content ul li {
border-bottom: solid 1px #f1f1f1;
padding-top: 15px;
padding-bottom: 15px;
}
:focus {
outline: 0;
}
.tab-content ul .svg-inline--fa {
color: #aaaaaa;
margin-right: 8px;
float: right;
margin-top: 3px;
}
.tab-content li:hover .svg-inline--fa {
margin-right:50px;
}
#faq .tab-content {
background: #fff;
padding: 21px;
margin-left: -15px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.54);
box-shadow: 0px 0px 10px -4px rgba(0,0,0,0.34);
border-top: solid 3px #f3b754;
}
.nav.nav-pills li .show {
background: #fff;
color: #003d69 !important;
}
#faq .zakaznici.active {
background-image: url(/themes/custom/ppas/pic/pro_nase_zakazniky_yellow.svg)!important;
background-repeat: repeat;
background-size: auto auto;
padding-left: 88px;
background-size: 26px;
background-repeat: no-repeat;
background-position: 35px center;
font-weight: 800;
}
#faq .zakaznici {
background-image: url(/themes/custom/ppas/pic/pro_nase_zakazniky_grey.svg);
background-repeat: repeat;
background-size: auto auto;
padding-left: 88px;
background-size: 26px;
background-repeat: no-repeat;
background-position: 35px center;
}
#faq .prechod.active {
background-image: url(/themes/custom/ppas/pic/prechod_k_nam_yellow.svg)!important;
background-repeat: repeat;
background-size: auto auto;
padding-left: 88px;
background-size: 26px;
background-repeat: no-repeat;
background-position: 35px center;
font-weight: 800;
}
#faq .prechod {
background-image: url(/themes/custom/ppas/pic/prechod_k_nam_grey.svg)!important;
background-repeat: repeat;
background-size: auto auto;
padding-left: 88px;
background-size: 26px;
background-repeat: no-repeat;
background-position: 35px center;
}
#faq .fakturace.active {
background-image: url(/themes/custom/ppas/pic/fakturace_a_platby_yellow.svg)!important;
background-repeat: repeat;
background-size: auto auto;
padding-left: 88px;
background-size: 26px;
background-repeat: no-repeat;
background-position: 35px center;
font-weight: 800;
}
#faq .fakturace {
background-image: url(/themes/custom/ppas/pic/fakturace_a_platby_grey.svg);
background-repeat: repeat;
background-size: auto auto;
padding-left: 88px;
background-size: 26px;
background-repeat: no-repeat;
background-position: 35px center;
}
#faq .technicke.active {
background-image: url(/themes/custom/ppas/pic/technicke_dotazy_yellow.svg)!important;
background-repeat: repeat;
background-size: auto auto;
padding-left: 88px;
background-size: 26px;
background-repeat: no-repeat;
background-position: 35px center;
font-weight: 800;
}
#faq .technicke {
background-image: url(/themes/custom/ppas/pic/technicke_dotazy_grey.svg);
background-repeat: repeat;
background-size: auto auto;
padding-left: 88px;
background-size: 26px;
background-repeat: no-repeat;
background-position: 35px center;
}
#block-test2 h2 {
color: #003d69;
text-transform: uppercase;
letter-spacing: 8px;
font-size: 1.8rem;
font-weight: 100;
}
#block-test2 {
margin-top: 65px;
}
#block-test2 h3 {
font-size: 4rem;
color: #003d69;
margin-bottom: 62px;
}
#block-vyhledavani-2 #edit-keys--2, #block-vyhledavani-2 #edit-keys {
width: 100%;
background-color: transparent;
padding: 16px;
font-size: 1.5rem;
background-position: 91%;
color: #000;
background: #fff;
border-radius: 8px;
webkit-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.15);
-moz-box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.15);
box-shadow: inset 1px 1px 4px 0px rgba(0,0,0,0.15);
border: none;
}
.situations {
margin-top: 50px;
}
#block-mainfaqlinks .col-12 {
padding-left: 20px;
color: #003b67;
}
#block-mainfaqlinks .col-12:last-child {
border-right: none;
}
#block-vyhledavani-2 #edit-actions--2, #block-vyhledavani-2 #edit-actions {
float: right;
margin-top: -53px;
position: relative;
z-index: 2;
background: #f3b855;
width: auto;
height: 52px;
border-top-right-radius: 8px;
padding-left: 30px;
padding-right: 30px;
border-bottom-right-radius: 8px;
}
#block-vyhledavani-2 #edit-submit--2, #block-vyhledavani-2 #edit-submit {
background-color: transparent;
border: none;
text-indent: -999999px;
background-image: url(/themes/custom/ppas/pic/lupaw.svg);
background-position: center center;
width: 48px;
height: 25px;
background-repeat: no-repeat;
cursor: pointer;
padding: 27px;
background-size: 20px;
}
.context-pece-podpora #block-da-content h2 {
color: #003d69;
text-transform: uppercase;
letter-spacing: 8px;
font-size: 1.8rem;
font-weight: 100;
}
.context-pece-podpora #block-da-content h3 {
font-size: 4rem;
color: #003d69;
margin-bottom: 62px;
}
.situations .but {
text-align: left;
float: left;
color: #145e93;
padding: 0px;
text-decoration: underline;
margin-top: 14px;
}
.situations .but a {
color: #fff;
}
.context-pece-podpora #block-da-content li {
list-style-type: none;
background: none;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-repeat: no-repeat;
padding-left: 0px;
background-size: none;
background-position: 0px 5px;
margin-bottom: 6px;
font-size:1.5rem;
}
.situations h4, .dotazy h4 {
font-size: 2rem;
margin-bottom: 28px;
font-weight: 800;
margin-top: 15px;
}
.dotazy {
margin-top: 75px;
margin-bottom: 75px;
}
.dotazy ul li:last-child {
margin-top: 26px;
border-top: solid 1px;
padding-top: 11px;
}
#block-da-content ul {
margin-top: 19px;
float: left;
margin-bottom: 19px;
width: 100%;
}
#block-da-content li {
margin-bottom: 10px;
}
/* CSS Mobile menu */
.menu-tab {
width: 90px;
height: 70px;
position: fixed;
z-index: 100;
top: 0px;
left: 0px;
cursor: pointer;
transition: all .6s ease-in-out;
/*end of div*/
}
.menu-tab div {
width: 20px;
height: 2px;
background-color: #2d2d2d;
display: block;
margin: 5px 28px;
transition: all .6s ease-in-out;
}
.menu-tab div:nth-child(1) {
margin-top: 20px;
}
/*end of menu-tab*/
.menu-tab.active {
left: 63vw;
transition: all 600ms ease-in-out;
}
.menu-tab.active div {
background: #0a578e !important;
}
.menu-tab.active #one {
-webkit-transform: translateY(5px) rotate(-135deg);
transform: translateY(5px) rotate(-135deg);
transition: all .6s ease-in-out;
background-color: #e74c3c;
}
.menu-tab.active #two {
opacity: 0;
transition: .4s ease;
}
.menu-tab.active #three {
-webkit-transform: translateY(-9px) rotate(-45deg);
transform: translateY(-9px) rotate(-45deg);
transition: all .6s ease-in-out;
background-color: #e74c3c;
}
.menu-hide {
width: 90vw;
left: -90vw;
height: 100vh;
position: fixed;
z-index: 10;
top: 0px;
transition: all .6s ease-in-out;
background-color: #fff;
}
.menu-hide nav {
/*end of ul*/
}
.menu-hide nav ul {
/*end of li*/
}
.menu-hide nav ul li {
height: 70px;
list-style-type: none;
text-align: center;
line-height: 70px;
transition: all .5s ease;
}
.menu-hide nav ul li:hover {
background-color: #e74c3c;
transition: all .5s ease;
}
.menu-hide nav ul li a {
padding: 30px 25px;
text-decoration: none;
color: #f1f1f1;
font-weight: 800;
}
/*end of menu-hide*/
.menu-hide.show {
left: 0px;
background-color: #fff;
transition: all .6s ease-in-out;
color: #0a578e;
overflow-y: scroll;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.42);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.42);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.42);
-webkit-overflow-scrolling: touch;
}
.menu-tab {
display:none;
}
#block-mobilnimenu h2 {
text-align: center;
margin-top: 26px;
display: block;
float: left;
width: 100%;
margin-bottom: 10px;
color: #0a578e;
border-bottom: solid 1px #f1f1f1;
padding-bottom: 20px;
}
.menu-hide ul li a {
color: #0a578e;
font-size: 1.7rem;
}
.menu-hide ul {
list-style-type: none;
margin-bottom: 0px;
float: left;
width: 100%;
}
.row.mf {
float: left;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
#collapsemenu {
float: left;
width: 100%;
}
.menu-hide .card.card-body ul li a {
font-size: 1.7rem;
}
#block-mobilnimenu #collapsemenu ul {
padding-left: 21px;
}
#block-mobilnimenu #collapsemenu ul li a {
padding-top: 0px;
padding-bottom: 0px;
}
.row.mf .svg-inline--fa {
font-size: 17px;
margin-bottom: 1px;
margin-top: 20px;
margin-right: 20px;
}
.row.mf a {
color: #f3b855;
width: 100%;
display: block;
margin: auto;
font-size: 1.7rem;
}
menu-hide ul li {
padding-top: 0px;
padding-bottom: 0px;
border-bottom: none !important;
float: left;
width: 100%;
}
.menufooter {
float: left;
width: 100%;
text-align: left;
padding-left: 25px;
margin-top: 28px;
margin-bottom: 60px;
}
.menufooter a{
color:#fff;
font-size:1.9rem;
}
.menufooter .fa-facebook-square {
margin-right:15px;
}
.menu-hide .card-body ul li:last-child {
border-bottom: none;
}
.menu-hide .card-body ul {
padding-left: 10px;
margin-left: 12px;
width: 92%;
}
.menu-hide ul {
padding-left: 25px;
padding-right: 25px;
}
.prod li .closelink::after {
content: "\f105";
float: right;
font-size: 18px;
transition: transform 0.25s ease-in-out;
position: absolute;
right: 30px;
margin-top: -1px;
font-family: "Font Awesome 5 Free";
font-weight: 800;
font-style: normal;
}
.prod li a[aria-expanded=true]:after {
transform: rotate(90deg);
}
.menu-hide .card.card-body {
border-radius: 0px;
background: #fff !important;
}
.menu-hide .card.card-body ul li {
padding-top:3px;
padding-bottom:3px;
}
.hidden-sm-up {
display: none !important;
}
/* CSS Mobile */
@media (max-width: 576px) {
.hidden-sm-up {
display: block !important;
}
#block-jsmeonline2 {
display:none;
}
.carousel-inner .but {
padding: 20px;
border-radius: 5px;
width: 190px;
margin: auto;
margin-top: auto;
margin-top: auto;
margin-top: auto;
font-size: 1.7rem;
margin-top: 20px;
display: block;
background: #f3b855;
color: #fff;
float: unset!important;
clear: both;
text-align: center;
}
.context-kontakty .banner h1 {
font-size: 4rem;
color: #003d69!important;
float: left;
width: 100%;
margin-top: 50px!important;
}
#block-hpform .webform-actions {
float: right;
width: 46%;
font-size: 1rem !important;
margin-top: 21px;
margin-right: 0px;
}
.eu-cookie-compliance-banner {
font-size: 1rem;
}
.eu-cookie-compliance-banner h2 {
font-size: 1rem!important;
}
.eu-cookie-compliance-banner p {
display:none!important;
}
#block-hpform .st {
padding-left: 0px!important;
}
#block-hpform .webform-actions {
float: left;
width: 100%!important;
font-size: 1rem !important;
margin-top: 13px;
}
#block-hpform .form-item {
float: left;
width: 100%!important;
margin-right: 0px;
}
#block-hpform {
float: right;
width: 100%!important;
background: #fcf4d6;
padding: 31px;
margin-bottom: 0px!important;
margin-top: 54px;
position: relative;
z-index: 1!important;
}
.bannerm {
width:100%;
height:auto;
display:block!important;
}
.bannerd {
display:none!important;
}
#block-problemy {
position: absolute;
top: 2px;
z-index: 2;
width: 194px;
right: 0;
}
.context-kontakty .banner {
height: auto!important;
}
#block-claimpeceapodpora {
float: left;
width: 100%;
padding-right: 0px !important;
}
#block-vyhledavani-2 {
float: left;
width: 100%!important;
color: #fff;
margin-top: 65px!important;
display: none;
}
#block-vyhledavani-2 #edit-actions--2::before, #block-vyhledavani-2 #edit-actions::before {
display: none!important;
}
#block-caretip a {
float: right;
text-decoration: underline;
margin-top: 13px;
}
.carebar h2 {
font-size: 1.9rem !important;
font-weight: 800 !important;
letter-spacing: 0px !important;
text-transform: none !important;
min-height: 47px;
margin-bottom: 10px!important;
margin-top: 23px!important;
}
#block-blocktabsprofirmy .ui-tabs-nav li {
width:100%!important;
text-align:left!important;
}
#edit-firmaleft {
float: left;
width: 100%!important;
margin-right: 0px!important;
}
#edit-firmaright {
float: left;
width: 100%;
margin-top: 20px;
}
#block-webformfirma, #block-nabidkaplyn, #block-novyzakaznik {
padding: 24px!important;
}
.ikonlegend .col-12.col-md-3 img {
display: block;
margin-bottom: 12px;
text-align: center;
margin: auto;
margin-top: auto;
margin-bottom: auto;
margin-bottom: 15px;
margin-top: 17px;
}
.ikonlegend .col-12.col-md-3 {
text-align: center;
}
.podminky {
margin-top: -18px!important;
}
#block-nabidkaplyn #edit-firmaleft, .page-node-type-produkty #edit-firmaleft {
float: left;
width: 100% !important;
margin-right: 0px;
}
#block-nabidkaplyn #edit-firmaright {
float: right;
width: 100% !important;
}
.context-nabidka-plyn .banner h1, .context-nabidka-elektrina .banner h1 {
font-size: 3.6rem!important;
color: #fff;
float: left;
width: 100%!important;
margin-top: 30px;
}
.cont footer {
width: 100%;
margin-bottom: 50px;
margin-left: 0px !important;
border-top: solid 1px #eee;
padding-top: 15px;
margin-top: 10px;
margin-right: 0px !important;
}
footer #views-exposed-form-ceniky-cenaplyn, #views-exposed-form-ceniky-cenaele, #views-exposed-form-ceniky-cenaele2 {
position: relative!important;
right: 0px!important;
margin-top: -12px!important;
background: #fae9ad!important;
padding-top: 288px!important;
width: 100%!important;
border-radius: 4px!important;
padding-bottom: 23px!important;
}
#block-dalsinabidky {
margin-top: 70px!important;
padding: 0px!important;
}
.page-node-type-dalsi-nabidky h1 {
margin-top: 102px !important;
float: left;
width: 100%;
}
#views-exposed-form-ceniky-page-1 .js-form-type-select {
display: inline-block;
margin-right: 13px!important;
width: 100%!important;
margin-left: -14px!important;
margin-bottom: 13px!important;
}
.cenikyplyn .prodin {
margin-bottom: 0px!important;
margin-top: 16px!important;
width: 110%!important;
margin-left: -5%!important;
}
footer .row.cenikyplyn {
width: 100% !important;
margin-left: -3px !important;
}
.banner .pretext {
font-size: 4rem!important;
color: #fff;
float: left;
width: 100%!important;
margin-top: 59px;
margin-left: -9px;
line-height: 59px;
}
.block-modalkontakt-moda .spb-popup-main-wrapper.spb_top_center, .block-modalonas-modal .spb-popup-main-wrapper.spb_top_center, .block-modalakce-modal .spb-popup-main-wrapper.spb_top_center {
width: 100% !important;
left: auto;
margin: auto;
right: auto;
padding: 30px !important;
}
#ui-id-2 {
z-index: 1562652652;
width: 100% !important;
float: left;
left: 0px !important;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
padding: 15px;
}
.ui-autocomplete-field-group.ui-state-disabled.stránka.ui-menu-item {
border: none;
font-size: 1.4rem;
text-align: l;
}
.ui-menu-item-first.ui-menu-item {
float: left;
width: 100%;
}
.ui-autocomplete-field-group.ui-state-disabled.more_results.ui-menu-divider.ui-widget-content {
border: none;
}
.hotnews {
color: #fff;
background: #f47d57;
padding-top: 10px;
padding-bottom: 10px;
position: fixed!important;
z-index: 3;
bottom: 0px!important;
}
.s2 span {
float: left;
font-size: 1.6rem;
}
.fright a {
width: 50% !important;
display: inline-block;
float: left !important;
margin-right: 0px;
}
.fright {
float: right;
margin-top: -31px;
margin-bottom: 20px;
width: 100%;
}
.spb_close {
border: none;
cursor: pointer;
float: right;
margin: 15px;
padding: 0 10px;
color: #003d69;
background: transparent;
font-size: 43px;
}
#block-claimpeceapodpora {
float: left;
width: 100%;
padding-right: 90px;
}
.s1, .s2 {
float: left;
padding: 25px;
border: solid 2px #ffcaa1;
border-radius: 5px;
margin-bottom: 16px;
width: 100%;
margin-top: 27px;
min-height: 173px;
}
.situations .col-12.col-md-4 {
margin-bottom: 35px;
}
.ui-widget.ui-widget-content {
border: none !important;
box-shadow: none;
}
.widget.hidden-xs-down {
display: none;
}
.dmenu {
display: none;
}
#block-phone {
display: none;
}
.icon {
border-right: none;
padding-bottom: 9px;
margin-top: 20px;
max-width: 50%;
}
.headerhold p {
font-size: 1.7rem;
color: #003d69;
width: 100%;
margin-bottom: 50px;
}
.but {
padding: 18px;
border-radius: 5px;
width: 100%;
margin: auto;
margin-top: auto;
margin-top: auto;
margin-top: auto;
font-size: 1.7rem;
margin-top: 50px;
display: block;
}
.prodin {
border: solid 2px #f1f1f1;
padding: 30px;
border-radius: 5px;
margin-bottom: 25px;
}
#block-sluzby h3 {
width: 100%;
}
.bigmenu {
display:none;
}
.banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 100%;
margin-top: 177px;
}
.banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 100%;
margin-top: 9px;
float: left;
}
.ua {
display: none;
}
#searchpage span {
display: none;
}
#block-da-content h2 {
font-size: 3rem;
color: #003d69;
font-weight: 800;
float: left;
width: 100%;
}
#block-searchanduser {
position: fixed;
right: 0px;
top: 87px;
}
.top {
border-bottom: none;
position: fixed;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}
.bigh {
font-size: 3rem !important;
color: #003d69;
margin-bottom: 45px;
font-weight: normal !important;
}
#block-logo {
width: 168px;
height: auto;
float: unset;
margin-top: 30px;
margin-bottom: 12px;
margin: auto;
padding-top: 15px;
padding-bottom: 8px;
}
#block-searchanduser .svg-inline--fa {
color: #f3b855;
margin-right: 10px;
font-size: 21px;
}
.phone strong, .phone .orange {
margin-left: 5px;
margin-right: 5px;
display: inline;
clear: both;
display: block;
}
.solvin {
border: solid 2px #f1f1f1;
border-radius: 5px;
padding: 30px;
text-align: center;
background: #fff;
margin-bottom: 25px;
}
.icon:last-child {
border-bottom: none;
border-right: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
.menu-tab {
top: 12px;
display:block;
}
#block-searchanduser {
position: fixed;
right: -12px;
top: 29px;
}
.menu-tab.active {
transition: all 600ms ease-in-out;
}
#block-mobilnimenu h2 {
text-align: center;
margin-top: 26px;
display: block;
float: left;
width: 100%;
margin-bottom: 10px;
color: #5188af;
font-size:1.9rem;
}
#block-mobilnimenu #collapsemenu ul li a {
color: #175e92 !important;
}
#spb-block-searchpage #block-searchpage {
width: 90%;
margin: auto;
margin-top: auto;
margin-top: auto;
margin-top: 24vh;
padding-left:5%;
padding-right:5%;
}
.container-fluid.banner {
margin-top: 78px;
float: left;
padding-bottom: 87px;
}
#block-vyhledavani h2 {
font-size: 3rem;
text-transform: uppercase;
font-weight: 800;
color: #bbb;
display: none;
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
float: left;
}
#toolbar-bar {
display: none;
}
body {
padding-top:0px!important;
}
.path-frontpage .banner {
height: auto;
background: url(/themes/custom/ppas/pic/mobilehp.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 549px;
background-position: center -114px;
width: 100% !important;
background-repeat: no-repeat;
}
.s3, .s4 {
padding: 23px;
border: solid 2px #f1f1f1;
border-radius: 5px;
float: left;
min-height: auto;
margin-bottom: 25px;
}
#block-footermainbottom {
margin-top: 40px;
}
.fright a {
width: 100%;
float: left;
text-align: center;
margin-top: 11px;
}
.bottom {
background: #5a5a5a;
color: #fff;
padding-top: 22px;
padding-bottom: 33px;
margin-top: 0px;
}
#block-naspristup h3, #block-vice h3, #block-sluzby h3 {
font-size: 3rem;
color: #003d69;
margin-bottom: 25px;
}
.item {
margin-bottom: 27px;
}
.context-plyn .banner {
height: auto;
background: url(/themes/custom/ppas/pic/plynhp.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 560px;
background-position: center -101px;
width: 80%;
padding-bottom: 0px;
}
#block-vice ul {
list-style-type: none;
font-size: 1.6rem;
font-weight: bold;
margin-top: 1px;
padding: 7px;
margin-bottom: 20px;
float: left;
width: 100%;
}
#block-faqtop {
margin-top: 116px;
margin-bottom: 30px;
}
#block-views-block-tipy-pro-vas-block-1 {
background: #f8fbff;
border: solid 2px #e8f4ff;
padding: 20px;
font-size: 1.7rem;
margin-top: 50px;
float: left;
margin-bottom: 50px;
}
#block-views-block-tipy-pro-vas-block-1 h3 {
font-size: 3rem;
width: 100%;
line-height: 36px;
margin-bottom: 25px;
}
#block-faqkontaktujtenas h3 {
font-size: 3rem;
line-height: 39px;
margin-bottom: 50px;
}
.context-elektrina .banner {
height: auto;
background: url(/themes/custom/ppas/pic/elehp.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 560px;
background-position: center -111px;
width: 80%;
background-repeat: no-repeat;
padding-bottom:0px;
}
.fleft {
float: left;
width: 100%;
text-align: center;
position: absolute;
bottom: -44px;
margin-bottom: 20px;
margin-left: -15px;
}
.fright {
float: right;
margin-top: -31px;
margin-bottom: 20px;
}
.context-plyn .banner h1, .context-elektrina .banner h1 {
line-height: 43px;
width: 100%;
margin-top: 216px;
}
.context-plyn .banner p, .context-elektrina .banner p {
width: 100%;
line-height: 28px;
margin-bottom: 40px;
}
#block-naspristup h3 span, #block-vice h3 span, #block-sluzby h3 span {
font-weight: 800;
clear: both;
display: unset;
}
.plynwhy h3 {
float: left;
font-weight: 800;
font-size: 1.8rem;
width: 100%;
}
#block-vyhodnyplynblock, #block-vyhodnaalektrinablok, #block-vice {
margin-top: 35px;
background: #f8f8f8;
padding: 16px;
padding-top: 33px;
padding-bottom: 33px;
padding-top: 33px;
padding-bottom: 33px;
width: 112%;
margin-left: -6%;
padding-bottom: 1px;
padding-top: 31px;
}
#block-vice ul li {
margin-bottom: 13px;
}
#block-faqkontaktujtenas .solvin .phone {
margin-top: 15px;
font-size: 1.8rem;
margin-bottom: 4px;
}
.servin p {
float: left;
margin-top: 13px;
padding-left: 0px;
padding-right: 0px;
font-size: 1.8rem;
}
.s3 h4, .s4 h4 {
width: auto;
float: left;
}
.servin h4 {
float: unset;
font-weight: 800;
font-size: 1.8rem;
}
.s1 a {
float: left;
clear: unset;
text-decoration: underline;
position: relative;
top: 0px;
}
#block-vyhodnyplynblock ul, #block-vyhodnaalektrinablok ul {
margin-bottom: 25px;
float: left;
width: 100%;
}
ul[data-sa-theme="basic-blue"] > div.ui-autocomplete-field-group {
opacity: 1;
font-weight: bold;
text-align: center;
text-transform: unset;
font-size: 1.2em;
background-color: transparent;
padding: 10px 9px;
margin: 0px;
}
ul[data-sa-theme="basic-blue"] {
box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 15px;
background: white;
border-bottom: 1px solid #bfbfbf;
text-align: left;
font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
min-width: 100%;
}
#ui-id-1 {
z-index: 99999999;
width: 100% !important;
left: 0px !important;
}
.callm, .zpm {
text-align: left;
padding-left: 44px;
}
}
@media (max-width: 1100px) {
#block-searchanduser {
letter-spacing: -1px;
}
.services h3 {
float: left;
font-size: 1.7rem;
font-weight: 800;
color: #003d69;
}
.solvin .phone {
margin-top: 17px;
font-size: 1.5rem;
margin-bottom: 8px;
}
}
/* CSS Hide */
.primary.col-12 {
display: none;
}
#block-searchpage {
display: none;
}
.context-pece-podpora #block-vyhledavani-2 {
display: block !important;
}
@media only screen
and (min-width: 576px) and (max-width: 980px) {
#block-logo {
width: 168px;
height: auto;
float: unset;
margin-top: 30px;
margin-bottom: 12px;
margin: auto;
padding-top: 15px;
padding-bottom: 8px;
}
.context-plyn .banner {
height: auto;
background: url(/themes/custom/ppas/pic/plynhp.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1000px;
background-position: center -287px;
width: 80%;
padding-bottom: 0px;
margin-top: 68px;
}
.context-elektrina .banner {
height: auto;
background: url(/themes/custom/ppas/pic/elehp.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1000px;
background-position: center -287px;
width: 80%;
padding-bottom: 0px;
margin-top: 68px;
}
.context-plyn .banner p, .context-elektrina .banner p {
width: 100%;
line-height: 28px;
padding-bottom: 34px;
}
.context-plyn .banner h1, .context-elektrina .banner h1 {
line-height: 46px;
width: 100%;
margin-top: 251px;
}
.serv.col-12.col-md-3 {
flex: 0 0 100%;
max-width: 100%;
}
#block-naspristup .col-12.col-md-4 {
flex: 0 0 50%;
max-width: 50%;
}
.footerin .col-12.col-md-3 {
flex: 0 0 100%;
max-width: 100%;
}
.plynwhy .col-12.col-md-3 {
max-width: 100% !important;
flex: 0 0 100% !important;
}
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left: 0px;
margin-left: 0px;
}
.plyn, .ele {
flex: 0 0 50% !important;
max-width: 50%;
}
.oth {
width: 100% !important;
max-width: 100% !important;
flex: 1;
}
.solve {
max-width: 100%;
flex: 0 0 100%;
}
.logo {
flex: 0 0 100%;
max-width: 100%;
}
#block-da-content h2 {
font-size: 3rem;
color: #003d69;
font-weight: 800;
float: left;
width: 100%;
}
.plyn h3, .ele h3 {
font-size: 2.1rem;
color: #003d69;
margin-top: 30px;
margin-bottom: 30px;
}
.prodin .but {
padding: 15px;
border-radius: 5px;
width: 100%;
margin: auto;
margin-top: auto;
margin-top: auto;
margin-top: auto;
font-size: 1.4rem;
margin-top: 50px;
display: block;
}
.menu-tab {
top: 19px;
display: block;
}
#block-searchanduser {
position: fixed;
right: -2px;
top: 42px;
}
.top {
border-bottom: none;
position: fixed;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
top:0px;
padding-top:10px;
}
.dmenu {
display: none;
}
#block-phone {
margin-top: 17px;
margin-bottom: 21px;
color: #fd7e55;
font-size: 1.5rem;
font-weight: 800;
display: none;
}
.ua {
display: none;
}
#searchpage span {
display: none;
}
.icon {
border-right: none;
padding-bottom: 9px;
margin-top: 20px;
max-width: 50%;
}
.headerhold p {
font-size: 1.7rem;
color: #003d69;
width: 100%;
margin-bottom: 50px;
clear: both;
}
#block-logo {
width: 193px;
height: auto;
float: unset;
margin-top: 30px;
margin-bottom: 12px;
margin: auto;
}
.prodin {
border: solid 2px #f1f1f1;
padding: 30px;
border-radius: 5px;
margin-bottom: 20px;
}
#block-naspristup h3, #block-vice h3, #block-sluzby h3 {
font-size: 3rem;
color: #003d69;
margin-bottom: 16px;
}
#block-sluzby h3 {
width: 100%;
}
#block-vyhodnyplynblock ul li, #block-vyhodnaalektrinablok ul li, #block-vice ul li {
margin-bottom: 2px;
float: left;
font-size: 1.4rem;
font-weight: normal;
width: 100%;
}
#block-searchanduser a:first-child {
margin-right: 19px;
font-size: 21px;
margin-top: -4px;
display: block;
}
.solvin {
border: solid 2px #f1f1f1;
border-radius: 5px;
padding: 30px;
text-align: center;
background: #fff;
margin-top: 25px;
}
.s3 h4, .s4 h4 {
width: 88%;
float: left;
min-height: 21px;
}
.s3 p, .s4 p {
padding: 0px !important;
margin-top: 30px;
margin-bottom: 30px;
min-height: auto;
}
.s3, .s4 {
padding: 23px;
border: solid 2px #f1f1f1;
border-radius: 5px;
float: left;
min-height: auto;
margin-top: 25px;
height: auto;
width: 100%;
}
.s1, .s2 {
float: left;
padding: 25px;
border: solid 2px #ffcaa1;
border-radius: 5px;
margin-bottom: -2px;
width: 100%;
margin-top: 27px;
min-height: 173px;
}
#toolbar-bar {
display: none;
}
.container-fluid.bigmenu {
display: none;
}
.hidden-sm-up {
display: block !important;
}
.widget.hidden-xs-down {
display: none;
}
.menu-hide {
width: 400px;
left: -90vw;
height: 100vh;
position: fixed;
z-index: 10;
top: 0px;
transition: all .6s ease-in-out;
background-color: #fff;
}
.menu-tab.active {
left: 326px;
transition: all 600ms ease-in-out;
}
.row.mf {
float: left;
width: 100%;
text-align: left;
margin-bottom: 20px;
padding-left: 31px;
}
}
#block-modalkontakt, #block-modalonas, #block-modalakce {
display: none;
}
.block-modalkontakt-modal .spb-popup-main-wrapper, .block-modalonas-modal .spb-popup-main-wrapper, .block-modalakce-modal .spb-popup-main-wrapper {
color: #003d69;
text-align: center;
padding: 68px !important;
margin-top: 50px !important;
width: 600px;
margin: auto;
margin-top: auto;
}
.block-modalkontakt-modal .spb_close, .block-modalonas-modal .spb_close, .block-modalakce-modal .spb_close {
border: none;
cursor: pointer;
float: right;
margin: 9px;
padding: 0 10px;
color: #003d69;
background: transparent;
font-size: 41px;
position: relative;
top: -74px;
}
.block-modalkontakt-modal h2, .block-modalonas-modal h2, .block-modalakce-modal h2 {
font-size: 3rem;
margin-bottom: 36px;
}
.spb-popup-main-wrapper .but {
background: #f3b855;
color: #fff !important;
}
.hotnews {
color: #fff;
background: #f47d57;
padding-top: 10px;
padding-bottom: 10px;
position:relative;
z-index:3;
}
#block-hotnews {
width: 100%;
margin: 0 auto;
white-space: normal !important;
overflow: hidden;
box-sizing: border-box;
text-align: center !important;
font-size: 1.3rem;
}
#block-hotnews {
width: 100%;
margin: 0 auto;
white-space: normal!important;
overflow: hidden;
box-sizing: border-box;
text-align: center!important;
}
#block-hotnews span {
display: inline-block;
padding-left: 100%;
text-indent: 0;
animation: marquee 25s linear infinite;
}
#block-hotnews span:hover {
animation-play-state: paused
}
/* Make it move */
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
.path-search .ui-autocomplete-field-nothing {
display: none;
}
.ui-widget-content a {
color: #333333;
}
ul[data-sa-theme="basic-blue"] > div.ui-autocomplete-field-group {
opacity: 1;
font-weight: bold;
text-align: center;
text-transform: none;
font-size: 1.1em;
background-color: #f1f1f1;
padding: 7px;
margin: 0px;
margin-bottom: 0px;
font-weight: bold;
margin-bottom: 10px;
}
ul[data-sa-theme="basic-blue"] > *, ul[data-sa-theme="basic-blue"] > .ui-state-focus, ul[data-sa-theme="basic-blue"] > :hover {
border-color: none;
border-width: none;
border-style: none;
margin: 0px;
padding:0px;
}
ul[data-sa-theme="basic-blue"] > li.ui-menu-item {
background: white;
width: 100%;
float: left;
padding: 0px;
font-size: 1.8rem;
margin-bottom: 4px;
}
ul[data-sa-theme="basic-blue"] > li.ui-menu-item a:hover {
background:transparent;
}
.ui-state-active:hover {
border:none;
backround:transparent;
}
.ui-state-active {
border:none;
backround:transparent;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: none;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
/* Akvizicni site */
.context-nezavazna-nabidka .js-form-type-radio {
margin: 0 0 1.5rem;
box-sizing: border-box;
font-size: 0;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: stretch;
}
.context-nezavazna-nabidka .banner h1 {
font-size: 4.3rem;
color: #fff;
float: left;
width: 393px;
margin-top: 370px;
text-shadow: -1px -1px 2px rgb(0, 0, 0);
line-height: 42px;
}
.context-nezavazna-nabidka .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 376px;
margin-top: 37px;
float: left;
text-shadow: -1px -1px 2px rgb(0, 0, 0);
}
.context-nezavazna-nabidka .dmenu.col-12.col-md-6 {
visibility: hidden;
}
.context-nezavazna-nabidka .js-form-type-radio input {
width: 0;
height: 0;
position: absolute;
left: -9999px;
}
.context-nezavazna-nabidka .js-form-type-radio input + label {
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-right: 0px;
padding: 18px 39px;
box-sizing: border-box;
position: relative;
display: inline-block;
border: solid 1px #ddd;
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
background-color: #fff;
font-size: 1.8rem;
line-height: 140%;
font-weight: 600;
text-align: center;
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
flex: 0 0 100%;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin-right: -3px;
margin-top: 15px;
width: 100%;
height: 83px;
outline: none;
}
.context-nezavazna-nabidka .js-form-type-radio:first-child label {
border-right:0px;
border-radius: 6px 0px 0px 6px;
}
.context-nezavazna-nabidka .js-form-type-radio:last-child label {
border-left:0px;
border-radius: 0px 6px 6px 0px;
}
.context-nezavazna-nabidka .js-form-type-radio input:hover + label {
border-color: #213140;
}
.context-nezavazna-nabidka .js-form-type-radio input:checked + label {
background-color: #003d69;
color: #fff;
box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);
border-color: #003d69;
z-index: 1;
}
.context-nezavazna-nabidka .contentinfo {
display:none;
}
.country {
color:#000;
}
.context-nezavazna-nabidka .js-form-type-radio input:focus + label {
outline: dotted 1px #ccc;
outline-offset: 0.45rem;
}
#edit-left--2 {
width: 50%;
float: left;
padding-right:20px;
}
#edit-right--2 {
width: 50%;
float: left;
padding-left:20px;
}
#edit-left, #edit-right {
width:100%;
}
#edit-jmeno-a-prijmeni--2, #edit-telefon--2 {
padding: 17px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
-webkit-box-shadow: inset 0px 0px 5px -1px rgba(0,0,0,0.61);
-moz-box-shadow: inset 0px 0px 5px -1px rgba(0,0,0,0.61);
box-shadow: inset 0px 0px 4px -1px rgba(0,0,0,0.31);
margin-bottom:10px;
}
#edit-telefon, #edit-telefon--2 {
padding-left:44px!important;
}
#webform-submission-nezavazna-nabidka-add-form {
background: #f1f1f1;
float: left;
padding: 65px;
}
.form-item-jmeno-a-prijmeni input, .form-item-telefon input {
padding: 20px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.ajax-progress-throbber {
background-image: url(/themes/custom/ppas/pic/loader.svg);
background-color: rgba(255,255,255,0.4);
width: 100vw;
height: 100vh;
position: fixed;
top:0px;
left:0px;
background-repeat:no-repeat;
background-position:center center;
z-index:112233333;
}
.webform-submission-form #edit-actions-submit, .webform-submission-form #edit-actions-submit--2, .webform-button--submit {
background: #f3b855;
border: none;
padding: 15px;
border-radius: 6px;
width: 100%;
color: #fff;
margin-top: 21px;
font-size: 2rem;
cursor: pointer;
}
.webform-confirmation-modal {
padding: 40px;
text-align: center;
top: 90px !important;
}
.webform-actions::after {
content: "\f061";
font-style: normal;
font-family: "Font Awesome 5 Free";
font-weight: 800;
font-size: 13px;
margin-right: 26px;
height: 20px;
float: right;
color: #fff;
margin-top: -45px;
position: relative;
}
.ui-widget-header {
background: transparent/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
color: #333333;
font-weight: bold;
outline:none;
border:none;
}
.webform-submission-form #edit-actions-submit:hover {
opacity:0.8;
}
.webform-submission-form h2 {
font-size: 4rem;
color: #003d69;
font-weight: 400;
float: left;
width: 100%;
margin-bottom: 21px;
}
#block-poptavkainfobox {
float: left;
width: 100%;
}
#block-poptavkainfobox .item .fa-check {
background: #f3b855;
width: 30px;
height: 30px;
padding: 9px;
float: left;
margin-right: 20px;
margin-bottom: 17px;
}
#webform-submission-nezavazna-nabidka-block-content-40-add-form {
background: #f8f8f8;
float: left;
width: 100%;
padding: 58px;
}
.context-nezavazna-nabidka .banner {
height: 710px;
background: url(/themes/custom/ppas/pic/akvizice.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
background-repeat:no-repeat;
}
.context-nezavazna-nabidka .contentbox {
margin-top: 60px;
}
.context-nezavazna-nabidka .item {
margin-bottom: 1px;
}
.col-12.col-md-4.akv img {
width: 66px;
margin-top: -12px;
margin-bottom: 11px;
}
.akv .inhold {
background: #fff;
border: solid 2px #f1f1f1;
border-radius: 6px;
padding: 25px;
text-align: center;
margin-top: -25px;
height: 200px;
}
.inhold p {
bottom: -75px;
display: block;
float: left;
position: relative;
color: #5c5c5c;
line-height: 15px;
font-size: 1.2rem;
}
#block-akvizicemainblock {
float: left;
width: 100%;
margin-bottom: 50px;
}
.akv h2 {
font-weight: 800;
font-size: 1.6rem;
}
.st {
font-size: 0.9rem;
margin-top: 10px;
margin-bottom: 10px;
}
#edit-processed-text-05--2 p {
font-size: 1rem;
}
#block-poptavkatop {
width: 50%;
float: right;
margin-top: -694px;
padding: 59px;
border-radius: 6px;
background: rgb(72,168,237);
background: -moz-linear-gradient(-45deg, rgb(72,168,237) 0%, rgb(2,64,108) 100%);
background: -webkit-linear-gradient(-45deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
background: linear-gradient(135deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a8ed', endColorstr='#02406c',GradientType=1 );
color:#fff;
padding-top: 40px;
}
#block-poptavkatop {
padding-bottom: 22px;
}
#block-poptavkatop p {
color: #fff;
font-size: 1.4rem;
margin-top: 10px;
}
#block-poptavkatop h2 {
display:none;
}
#block-poptavkatop #edit-komodita--wrapper {
float: left;
height: 57px;
width: 100%;
}
#edit-processed-text-05 a {
color: #fff;
text-decoration: underline;
}
#edit-processed-text-05--2 a {
text-decoration: underline;
}
#edit-processed-text-05--2 {
margin-top: 11px;
}
#edit-processed-text-01, #edit-processed-text-02, #edit-processed-text-03 {
margin-top: 20px;
float: left;
margin-bottom: 10px;
}
#edit-jmeno-a-prijmeni, #edit-telefon {
padding: 20px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.form-item-komodita {
float: left;
width: 33%;
}
#block-poptavkatop .js-form-type-radio input + label {
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-top: 0px;
margin-right: 0px;
margin-right: 0px;
padding: 11px 20px;
box-sizing: border-box;
position: relative;
display: inline-block;
border: solid 1px #ddd;
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
background-color: #fff;
font-size: 1.4rem;
line-height: 140%;
font-weight: 600;
text-align: center;
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
flex: 0 0 100%;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin-right: -3px;
margin-top: -4px;
width: 100%;
height: 66px;
color:#00184c!important;
}
#block-poptavkatop .js-form-type-radio input:checked + label {
background-color: #fae9ae;
color: #00184c;
box-shadow: none;
border-color: #fae9ae;
z-index: 1;
outline: none;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #003d69;
}
.ui-widget-content h2 strong {
font-weight: 700;
}
.ui-widget-content h2 {
font-size: 3.4rem;
margin-bottom: 28px;
}
#ui-id-4 {
display: none;
}
.error, .form-item--error-message {
color: red;
}
.intl-tel-input {
position: relative;
display: block;
}
@media (max-width: 576px) {
.context-nezavazna-nabidka .banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 100%;
margin-top: 32px;
text-shadow: -1px -1px 2px rgb(0, 0, 0);
line-height: 42px;
}
#block-hotnews {
width: 100%;
margin: 0 auto;
white-space: normal !important;
overflow: hidden;
box-sizing: border-box;
text-align: center !important;
line-height: 15px;
font-size: 1.2rem;
}
.context-nezavazna-nabidka .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 100%;
margin-top: 37px;
float: left;
text-shadow: -1px -1px 2px rgb(0, 0, 0);
}
.context-financovani .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/fotomobile.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
padding-bottom: 36px!important;
}
.context-financovani .splatka {
margin-top: 17px!important;
padding-left: 15px!important;
}
.context-financovani .banner h1 {
font-size: 3rem !important;
color: #fff;
float: left;
width: 100% !important;
margin-top: 370px !important;
}
#block-financovaniblok {
float: left;
background: #fcf4d6;
padding: 18px!important;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
.context-financovani .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 100%!important;
margin-top: 26px;
float: left;
}
.digip {
margin-top: 30px;
margin-bottom: 40px;
}
.context-digippas .banner {
height: auto!important;
background: url(/themes/custom/ppas/pic/mobiledigi.jpg)!important;
background-size: 569px!important;
background-position: top center!important;
width: 100%;
background-repeat:no-repeat;
}
#block-digippas h1 {
font-size: 3.6rem;
width: 100%!important;
margin-top: 362px;
}
.context-nezavazna-nabidka .banner {
height: auto;
background: url(/themes/custom/ppas/pic/akvhp.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 549px;
background-position: center -114px;
width: 100% !important;
background-repeat: no-repeat;
}
#block-caremenu {
margin-top: 47px!important;
padding: 0px!important;
margin-bottom: 30px!important;
}
.page-node-type-informacni .contentbox .col-12.col-md-6 span {
width: 100%!important;
float: left;
height: auto!important;
text-align: left;
}
.page-node-type-informacni .contentbox .col-12.col-md-6 span img {
width: auto !important;
height: 55px !important;
}
.context-o-nas-pro-media #block-da-content ul {
margin-top: 14px!important;
float: right;
margin-bottom: 19px;
width: 100%!important;
list-style-type: none !important;
line-height: 11px;
}
.context-o-nas-pro-media #block-da-content ul li {
list-style-type: none !important;
background: none;
display: inline-block;
margin-left: 0px;
margin-right: 32px;
padding: 0px;
margin-top: 17px;
}
#block-views-block-aktuality-block-2, #block-views-block-aktuality-block-3 {
float: left;
width: 100%;
}
.row.casopis img {
width: 100%;
}
.aktuality {
float: left;
width: auto !important;
}
.pager {
float: right;
text-align: center;
width: 100%;
margin-bottom: 4px;
margin-top: 10px;
position: relative;
z-index: 1222;
}
.actholder {
min-height: auto;
position: relative;
padding-bottom: 50px;
}
#block-views-block-aktuality-block-1 .js-form-type-checkbox {
display: block !important;
margin-right: 23px;
margin-top: 8px;
font-size: 1.7rem;
}
#block-mobileonas {
display:block!important;
}
.webform-confirmation-modal {
padding: 40px;
text-align: center;
top: 52px !important;
width: 100% !important;
}
#block-sidemenu {
margin-top: 106px !important;
padding: 0px !important;
}
.page-node-type-informacni h1, .page-node-type-aktuality h1 {
font-size: 3rem !important;
color: #003d69;
font-weight: 600;
float: left;
width: 100%;
margin-top: 115px !important;
margin-bottom: 40px;
text-align: left;
}
#block-poptavkatop {
width: 100%;
float: right;
margin-top: -17px;
padding: 17px;
border-radius: 6px;
margin-bottom: 25px;
}
#edit-left--2, #edit-right--2 {
padding-left:0px;
padding-right: 0px;
}
.akv .inhold {
background: #fff;
border: solid 2px #f1f1f1;
border-radius: 6px;
padding: 39px;
text-align: center;
margin-top: 0px;
min-height: auto;
margin-bottom: 20px;
}
#block-poptavkatop .js-form-type-radio input + label {
padding: 13px 5px;
font-size: 1.3rem;
width: 100%;
color:#00184c!important;
}
.context-nezavazna-nabidka .js-form-type-radio input + label {
padding: 13px 0px;
font-size: 1.3rem;
width: 100%;
height: 66px;
}
#edit-left--2, #edit-right--2 {
width: 100% !important;
float: left;
}
#webform-submission-nezavazna-nabidka-block-content-40-add-form {
background: #f8f8f8;
float: left;
width: 112%;
padding: 19px;
margin-left: -6%;
}
.js-form-item-komodita {
max-width: 33.3%;
flex: 0 0 33%;
float: left;
width: 200px;
}
.akv .inhold {
background: #fff;
border: solid 2px #f1f1f1;
border-radius: 6px;
padding: 25px;
text-align: center;
margin-top: -3px;
height: auto;
}
.webform-submission-form h2 {
font-size: 3rem;
color: #003d69;
font-weight: 400;
float: left;
width: 100%;
margin-bottom: 21px;
}
.webform-submission-form #edit-actions-submit, .webform-submission-form #edit-actions-submit--2 {
background: #f3b855;
border: none;
padding: 15px;
border-radius: 6px;
width: 100%;
color: #fff;
margin-top: 21px;
font-size: 1.4rem;
cursor: pointer;
}
.context-nezavazna-nabidka .mainblock {
margin-top: -50px;
padding-left: 0px;
padding-right: 0px;
}
}
@media only screen
and (min-width: 562px) and (max-width: 996px) {
.context-nezavazna-nabidka .container {
max-width: 100%!important;
}
.context-nezavazna-nabidka .banner h1 {
font-size: 5rem;
color: #fff;
float: left;
width: 393px;
margin-top: 158px;
}
.context-nezavazna-nabidka .banner, {
height: 710px;
background: url(/themes/custom/ppas/pic/akvhp.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 100%;
background-position: center center;
width: 100% !important;
}
}
.decline-button.eu-cookie-compliance-default-button {
display: none;
}
.find-more-button.eu-cookie-compliance-more-button.find-more-button-processed {
display: none;
}
.agree-button.eu-cookie-compliance-secondary-button {
background: #f3b855;
padding: 10px 32px;
border-radius: 8px;
}
.eu-cookie-compliance-banner-info {
padding-top: 14px;
}
.eu-cookie-compliance-message h2 {
font-size: 16px;
font-weight: 100 !important;
}
.eu-cookie-compliance-message p {
font-size: 16px;
display: inline;
font-weight: 100;
}
/* Aktuality a o nás */
.page-node-type-aktuality h1 {
font-size: 4rem;
font-weight: bold;
margin-top: 60px;
margin-bottom: 30px;
}
#block-views-block-aktuality-block-1 header {
font-size: 1.6rem;
margin-bottom: 30px;
padding-left: 15px;
}
#block-views-block-aktuality-block-1 .fieldset-legend {
font-size: 2.5rem;
margin-bottom: 18px;
display: block;
}
.views-exposed-form {
padding-left: 18px;
}
#block-views-block-aktuality-block-1 .js-form-type-checkbox {
display: inline-block;
margin-right: 23px;
}
#block-views-block-aktuality-block-1 .form-checkboxes {
margin-bottom: 50px;
}
#block-views-block-aktuality-block-1 .views-field.views-field-title {
font-size: 1.8rem;
font-weight: bold;
line-height: 20px;
margin-top: 11px;
display: block;
min-height: 105px;
}
#block-views-block-aktuality-block-1 .views-field.views-field-created {
color: #aaa;
font-size: 1rem;
}
#block-views-block-aktuality-block-1 .views-row {
margin-bottom: 24px;
}
#block-views-block-aktuality-block-2 .views-field.views-field-title {
font-size: 1.8rem;
font-weight: bold;
line-height: 20px;
margin-top: 11px;
display: block;
min-height: 105px;
}
#block-views-block-aktuality-block-2 .views-field.views-field-created {
color: #aaa;
font-size: 1rem;
}
#block-views-block-aktuality-block-2 .views-row {
margin-bottom: 24px;
}
#block-views-block-aktuality-block-3 .views-field.views-field-title {
font-size: 1.8rem;
font-weight: bold;
line-height: 20px;
margin-top: 11px;
display: block;
min-height: 105px;
}
#block-views-block-aktuality-block-3 .views-field.views-field-created {
color: #aaa;
font-size: 1rem;
}
#block-views-block-aktuality-block-3 .views-row {
margin-bottom: 24px;
}
.actholder {
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
border-radius: 4px;
padding: 16px;
}
#block-views-block-aktuality-block-1 footer {
width: 100%;
margin-bottom: 50px;
margin-left: 19px;
border-top: solid 1px #eee;
padding-top: 15px;
margin-top: 10px;
margin-right: 19px;
}
#block-sidemenu {
margin-top: 106px;
padding: 20px;
}
#block-sidemenu .c1 .btn {
background: url(/themes/custom/ppas/pic/minus.svg);
background-repeat: repeat;
background-size: auto auto;
background-repeat: no-repeat;
background-color: #fff;
width: 100%;
text-align: left;
padding: 14px;
background-position: right center !important;
padding-left: 19px !important;
color: #003d69;
font-size: 1.6rem;
font-weight: lighter;
background-size: 28px;
text-decoration:none;
}
#block-sidemenu .c1 .collapsed {
background: url(/themes/custom/ppas/pic/plus.svg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-repeat: repeat;
background-size: auto auto;
background-size: 26px !important;
background-repeat: no-repeat !important;
width: 100%;
text-align: left;
padding: 14px;
padding-left: 14px;
background-position: right center !important;
padding-left: 19px !important;
color: #aaa;
font-size: 1.6rem;
font-weight: lighter;
}
#block-sidemenu .c2 .btn {
background: url(/themes/custom/ppas/pic/minus.svg);
background-repeat: repeat;
background-size: auto auto;
padding-left: 43px;
background-size: 26px;
background-repeat: no-repeat;
background-color: #fff;
width: 100%;
text-align: left;
padding: 14px;
background-position: right center !important;
padding-left: 19px !important;
background-position: 10px;
color: #003d69;
font-size: 1.6rem;
font-weight: lighter;
background-size: 28px;
text-decoration:none;
}
#block-sidemenu .c2 .collapsed {
background: url(/themes/custom/ppas/pic/plus.svg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-repeat: repeat;
background-size: auto auto;
background-size: 26px !important;
background-repeat: no-repeat !important;
width: 100%;
text-align: left;
padding: 14px;
padding-left: 14px;
background-position: right center !important;
padding-left: 19px !important;
color: #aaa;
font-size: 1.6rem;
font-weight: lighter;
}
#block-sidemenu .c3 .btn {
background: url(/themes/custom/ppas/pic/minus.svg);
background-repeat: repeat;
background-size: auto auto;
padding-left: 43px;
background-size: 26px;
background-repeat: no-repeat;
background-color: #fff;
width: 100%;
text-align: left;
padding: 14px;
background-position: right center !important;
padding-left: 19px !important;
background-position: 10px;
color: #003d69;
font-size: 1.6rem;
font-weight: lighter;
background-size: 28px;
text-decoration:none;
}
#block-sidemenu .c3 .collapsed {
background: url(/themes/custom/ppas/pic/plus.svg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-repeat: repeat;
background-size: auto auto;
background-size: 26px !important;
background-repeat: no-repeat !important;
width: 100%;
text-align: left;
padding: 14px;
padding-left: 14px;
background-position: right center !important;
padding-left: 19px !important;
color: #aaa;
font-size: 1.6rem;
font-weight: lighter;
}
#block-sidemenu .c4 .btn {
padding-left: 43px;
background-size: 26px;
background:none!important;
background-color: #fff;
width: 100%;
text-align: left;
padding: 14px;
background-position: right center !important;
padding-left: 19px !important;
color: #003d69;
font-size: 1.6rem;
font-weight: lighter;
background-size: 28px;
text-decoration:none;
}
#block-sidemenu .c4 .collapsed {
width: 100%;
text-align: left;
padding: 14px;
padding-left: 14px;
padding-left: 19px !important;
color: #aaa;
font-size: 1.6rem;
font-weight: lighter;
}
#block-sidemenu .c5 .btn {
padding-left: 43px;
background-size: 26px;
background-color: #fff!important;
width: 100%;
text-align: left;
padding: 14px;
padding-left: 19px !important;
color: #003d69;
font-size: 1.6rem;
font-weight: lighter;
background-size: 28px;
text-decoration:none;
}
#block-sidemenu .c5 .collapsed {
width: 100%;
text-align: left;
padding: 14px;
padding-left: 14px;
padding-left: 19px !important;
color: #aaa;
font-size: 1.6rem;
font-weight: lighter;
background: #f8f8f8 !important;
}
#collapseFive .card-body {
display: none;
}
#collapseSeven .card-body {
display: none;
}
#block-sidemenu .c6 .btn {
background: url(/themes/custom/ppas/pic/minus.svg);
background-repeat: repeat;
background-size: auto auto;
padding-left: 43px;
background-size: 26px;
background-repeat: no-repeat;
background-color: #fff!important;
width: 100%;
text-align: left;
padding: 14px;
background-position: right center !important;
padding-left: 19px !important;
background-position: 10px;
color: #003d69;
font-size: 1.6rem;
font-weight: lighter;
background-size: 28px;
text-decoration:none;
}
#block-sidemenu .c6 .collapsed {
background: url(/themes/custom/ppas/pic/plus.svg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-repeat: repeat;
background-size: auto auto;
background-size: 26px !important;
background-repeat: no-repeat !important;
width: 100%;
text-align: left;
padding: 14px;
padding-left: 14px;
background-position: right center !important;
padding-left: 19px !important;
color: #aaa;
font-size: 1.6rem;
font-weight: lighter;
}
#block-sidemenu .c7 .btn {
padding-left: 43px;
background-size: 26px;
background-color: #fff !important;
width: 100%;
text-align: left;
padding: 14px;
background-position: right center !important;
padding-left: 19px !important;
color: #003d69;
font-size: 1.6rem;
font-weight: lighter;
background-size: 28px;
text-decoration: none;
}
#block-sidemenu .c7 .collapsed {
width: 100%;
text-align: left;
padding: 14px;
padding-left: 14px;
padding-left: 19px !important;
color: #aaa;
font-size: 1.6rem;
font-weight: lighter;
background: #f8f8f8 !important;
}
#collapseEight .card-body {
display: none;
}
#block-sidemenu .c8 .btn {
padding-left: 43px;
background-size: 26px;
background-color: #fff!important;
width: 100%;
text-align: left;
padding: 14px;
background-position: right center !important;
padding-left: 19px !important;
color: #003d69;
font-size: 1.6rem;
font-weight: lighter;
background-size: 28px;
text-decoration:none;
}
#block-sidemenu .c8 .collapsed {
width: 100%;
text-align: left;
padding: 14px;
padding-left: 14px;
padding-left: 19px !important;
color: #aaa;
font-size: 1.6rem;
font-weight: lighter;
background: #f8f8f8 !important;
}
#block-sidemenu .c9 .btn {
padding-left: 43px;
background-size: 26px;
background:#fff!important;
width: 100%;
text-align: left;
padding: 14px;
background-position: right center !important;
padding-left: 19px !important;
color: #003d69;
font-size: 1.6rem;
font-weight: lighter;
background-size: 28px;
text-decoration:none;
}
#block-sidemenu .c9 .collapsed {
width: 100%;
text-align: left;
padding: 14px;
padding-left: 14px;
padding-left: 19px !important;
color: #aaa;
font-size: 1.6rem;
font-weight: lighter;
background: #f8f8f8 !important;
}
#block-sidemenu .card-body ul {
padding-left: 13px;
list-style-type: none;
}
#block-sidemenu .card-body ul li a {
font-size: 1.7rem;
margin-top: 10px;
display: block;
margin-bottom: 10px;
background: url(/themes/custom/ppas/pic/arrowr.svg);
background-repeat: no-repeat;
background-position: right;
background-size: 19px;
}
.js-form-type-checkbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.js-form-type-checkbox label {
position: relative;
cursor: pointer;
}
.js-form-type-checkbox label::before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid #f3b855;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 7px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 8px;
margin-top: -5px;
}
.js-form-type-checkbox input:checked + label::after {
content: '';
display: block;
position: absolute;
top: 2px;
left: 7px;
width: 6px;
height: 12px;
border: solid #fff;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.js-form-type-checkbox input:checked + label:before {
background:#f3b855;
}
.views-field-view-node a {
background: url(/themes/custom/ppas/pic/arrowr.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
padding-right: 28px;
background-repeat: no-repeat;
background-position: right;
background-size: 19px;
}
.context-kontakty h1, .context-kontakty2 h1 {
font-size: 4rem;
font-weight: bold;
margin-top: 55px;
margin-bottom: 55px;
width: 100%;
color: #003d69;
}
.context-kontakty .banner, .context-kontakty2 .banner {
height: 550px;
background: #f8f8f8;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
}
#block-kontaktymain .row {
clear: both;
}
#block-kontaktymain h2 {
font-weight: bold;
margin-bottom: 30px;
}
.context-kontakty .banner p, .context-kontakty2 .banner p {
clear: both;
font-size: 1.4rem;
color: #003d69;
width: 100%;
margin-top: auto;
float: left;
}
.undertext {
margin-top: 25px !important;
color: #aaa !important;
}
#block-kontaktymain img {
width: 53px;
margin-bottom: 30px;
}
#block-pobocky h2 {
color: #003d69;
text-transform: uppercase;
letter-spacing: 8px;
font-size: 1.8rem;
margin-top: 50px;
}
#block-pobocky h3 {
font-size: 4rem;
color: #003d69;
margin-bottom: 62px;
}
#block-pobocky h3 span {
font-weight: 800;
}
.pobocka h2 {
font-size: 2.1rem !important;
font-style: normal !important;
text-transform: none !important;
letter-spacing: 0px !important;
font-weight: bold;
margin-bottom: 22px;
}
.pobocka {
border-bottom: solid 1px #eee;
padding-bottom: 15px;
margin-bottom: 23px;
}
.pobocka h2 {
margin-top: 10px !important;
}
#block-regionalnizastupcivkrajich h2 {
font-size: 3rem;
margin-bottom: 25px;
margin-top: 27px;
}
#block-regionalnizastupcivkrajich .col-12 {
margin-top: 30px;
}
#block-regionalnizastupcivkrajich strong {
margin-top: 17px;
margin-bottom: -9px;
display: block;
}
#block-dalsiinformacekontakty h2 {
color: #003d69;
text-transform: uppercase;
letter-spacing: 8px;
font-size: 1.8rem;
}
#block-dalsiinformacekontakty h3 {
font-size: 4rem;
color: #003d69;
margin-bottom: 62px;
}
#block-dalsiinformacekontakty {
margin-top: 66px;
border-top: solid 1px #eee;
padding-top: 69px;
}
.inforow {
clear: both;
}
.page-node-type-informacni .title.page-title, .page-node-type-aktuality .title.page-title, .page-node-type-dalsi-nabidky .title.page-title {
font-size: 4rem;
color: #003d69;
font-weight: 600;
float: left;
width: 100%;
margin-top: 60px;
margin-bottom: 40px;
}
.casopis h2 {
font-size: 1.8rem !important;
margin-bottom: 10px !important;
}
.page-node-type-informacni #block-da-content h2, .page-node-type-dalsi-nabidky #block-da-content h2 {
font-size: 3rem;
color: #003d69;
font-weight: 400 !important;
float: left;
width: 100%;
margin-top: 40px;
margin-bottom: 30px;
}
.page-node-type-informacni .contentbox h3 {
font-weight: bold;
width: 100%;
margin-bottom: 26px;
margin-top: 40px;
}
.personimg img {
width: 100%;
margin-top: 24px;
}
.page-node-type-informacni .contentbox .svg-inline--fa {
margin-left: 12px;
font-size: 3rem;
}
.context-o-nas-galerie-smecky .contentbox .svg-inline--fa {
margin-left: -2px;
font-size: 3rem;
margin-top: 8px;
}
.page-node-type-informacni .contentbox .col-12.col-md-6 span {
width: 50%;
float: left;
height:150px;
}
.page-node-type-informacni .contentbox .col-12.col-md-6 span img {
width: auto !important;
height: 38px !important;
}
#block-vystava h2 {
color: #003d69;
text-transform: uppercase;
letter-spacing: 8px;
font-size: 1.8rem !important;
margin-bottom: 0px;
margin-top: 10px;
}
#block-vystava h3 {
font-size: 4rem;
color: #003d69;
margin-bottom: 62px;
margin-bottom: 30px;
margin-top: 0px;
}
.row.galerie img {
width: auto;
height: 54px;
float: left;
margin-bottom: 51px;
margin-right: 19px;
margin-top: 7px;
}
.galerie {
margin-top:50px;
}
.page-node-type-informacni #block-da-content {
font-size: 1.4rem;
}
.galerie .svg-inline--fa {
margin-left: 0px;
font-size: 2rem;
margin-top: 17px;
margin-right: 13px;
}
#block-vystava img {
margin-top: 25px;
margin-bottom: 25px;
}
.flink {
width: 100%;
height: 53px;
margin-bottom: -44px;
position: absolute;
}
.bigh {
font-size: 4rem;
color: #003d69;
margin-bottom: 62px;
}
.company h2 {
font-size: 2rem !important;
}
.hlink {
margin-left: 50px;
display: inline-block;
font-size: 1.4rem !important;
}
.smallh {
color: #003d69;
text-transform: uppercase !important;
letter-spacing: 8px;
font-size: 1.8rem !important;
margin-bottom: 8px !important;
font-weight: 100 !important;
}
#block-management h4 {
font-size: 2rem;
margin-bottom: 15px;
margin-top: 15px;
}
.tp {
float: left;
margin-right: 12px;
}
.np {
font-weight: 800;
}
.company {
margin-bottom: 10px;
border-bottom: solid 1px #f1f1f1;
padding-bottom: 42px;
}
#block-views-block-aktuality-block-2 h2, #block-views-block-aktuality-block-3 h2 {
font-size: 3rem;
color: #003d69;
font-weight: 400 !important;
float: left;
width: 100%;
margin-top: 40px;
margin-bottom: 30px;
}
.aktuality {
float: left;
width: 100%;
}
.actholder {
min-height: 240px;
position: relative;
padding-bottom: 50px;
}
.actholder .views-field-view-node {
position: absolute;
bottom: 17px;
}
#block-da-content {
float: left;
width: 100%;
}
.butin {
background: #f3b855;
color: #fff;
font-size: 1.5rem;
margin-left:0px!important;
margin-top: 37px !important;
}
.butin .svg-inline--fa {
font-size: 1.3rem !important;
float: right;
margin-top: 6px;
}
#block-vystava {
float: left;
width: 100%;
}
#block-management {
float: left;
width: 100%;
}
.live {
font-weight: bold;
}
#block-views-block-tiskove-zpravy-a-aktuality-block-3, #block-views-block-tiskove-zpravy-a-aktuality-block-2 {
float: left;
width:100%;
}
.colorbox {
float: left;
margin-bottom: 10px;
margin-right: 10px;
}
.context-o-nas-pro-media #block-da-content ul {
margin-top: -1px;
float: right;
margin-bottom: 19px;
width: 153px;
list-style-type: none !important;
line-height: 11px;
}
.context-o-nas-pro-media #block-da-content ul li {
list-style-type: none !important;
background: none;
}
.personimg.row {
display: none;
}
#views-exposed-form-tiskove-zpravy-a-aktuality-block-1 {
float: left;
width: 100%;
}
.cont footer {
width: 100%;
margin-bottom: 50px;
margin-left: 19px;
border-top: solid 1px #eee;
padding-top: 15px;
margin-top: 10px;
margin-right: 19px;
}
.page-node-type-aktuality .node__content img {
width: 100% !important;
height: 100% !important;
margin-top: 22px;
}
.aboutimg {
width: 100% !important;
height: 100% !important;
margin-top: 22px;
}
.pager__items li {
display: inline-block;
margin-right: 20px;
}
.pager__item.is-active {
background: #f3b855;
padding: 10px 15px 10px 15px;
}
.pager {
float: right;
text-align: right;
width: 100%;
margin-bottom: -79px;
margin-top: 10px;
position: relative;
z-index: 2;
}
#block-mobileonas a {
width: 100%;
float: left;
background: #fff7dd;
padding: 10px;
color: #f0b148;
margin-top: -10px;
margin-bottom: 22px;
}
#block-mobileonas .fa-bars {
font-size: 13px !important;
margin-left: 6px !important;
display: inline-block;
margin-right: 8px;
}
#block-mobileonas a {
width: 100%;
float: left;
background: #fff7dd;
padding: 10px;
color: #f1b249;
}
#block-mobileonas {
display:none;
}
#block-views-block-aktuality-block-2, #block-views-block-aktuality-block-3 {
float: left;
width: 100%;
}
.collapse-text-deatils.collapsible.collapsed.js-form-wrapper.form-wrapper {
float: left;
width: 100%;
}
.collapse-text-deatils summary {
font-size: 2.2rem;
border-top: solid 1px #f1f1f1;
padding-top: 10px;
padding-bottom: 10px;
list-style-type: none;
}
.collapse-text-deatils .collapse-text-text {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: solid 1px #f1f1f1;
margin-bottom: 50px;
float: left;
}
summary[aria-expanded="true"]::after {
content: "-";
float: right;
font-size: 4rem;
margin-top: -12px;
margin-right: 6px;
}
summary[aria-expanded="false"]::after {
content: "+";
float: right;
font-size: 3rem;
}
.careanchors li {
background: url(/themes/custom/ppas/pic/arrowr.svg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
padding-left: 0px !important;
background-position: right 8px !important;
background-repeat: no-repeat !important;
display: inline-block;
padding-right: 30px;
background-size: 21px !important;
margin-right: 30px;
}
.careanchors li a {
text-decoration:underline;
}
#block-caretip {
background: #f8fbff;
border: solid 2px #e8f4ff;
padding: 50px;
font-size: 1.7rem;
margin-top: 50px;
float: left;
}
#block-caretip {
background: #f8fbff;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-image: none;
background-size: auto;
border: solid 2px #e8f4ff;
padding: 17px;
padding-left: 17px;
font-size: 1.5rem;
margin-top: 50px;
float: left;
width: 100%;
background-image: url(/themes/custom/ppas/pic/typ.svg);
background-repeat: no-repeat;
background-position: 17px;
padding-left: 50px;
background-size: 20px;
}
#block-caretip a {
float: right;
text-decoration: underline;
}
.row.carebar {
font-size: 1.5rem;
}
.carebar h2 {
font-size: 1.9rem !important;
font-weight: 800 !important;
letter-spacing: 0px !important;
text-transform: none !important;
min-height: 47px;
margin-bottom: 28px;
}
.carebar li {
list-style-type: none;
background: url(/themes/custom/ppas/pic/li.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-repeat: no-repeat;
padding-left: 30px;
background-size: 10px 10px;
background-position: 0px 5px;
margin-bottom: 30px;
}
.carebottom, .carebottom2 {
border-top: solid 1px #f1f1f1;
padding-top: 50px;
margin-top: 24px;
}
.carelast {
background: #f8f8f8;
padding-top: 25px;
margin-top: -27px;
}
.carelast h2 {
margin-bottom: -20px !important;
}
.carebar li {
background-image: url(/themes/custom/ppas/pic/li.svg) !important;
float: left;
width: 100%;
background-size: 5px !important;
background-position: left 8px !important;
padding-left: 12px !important;
text-decoration:underline;
}
#block-caremenu {
margin-top: 140px;
padding: 20px;
}
#block-caremenu .card-body ul {
padding-left: 13px;
list-style-type: none;
}
#block-caremenu .card-body ul li a {
font-size: 1.4rem;
margin-top: 10px;
display: block;
margin-bottom: 10px;
background: url(/themes/custom/ppas/pic/arrowr.svg);
background-repeat: no-repeat;
background-position: right;
background-size: 19px;
}
.context-kontakty .col-12.col-md-4 p a {
text-decoration: underline;
margin-top: 12px;
}
.context-pro-firmy .banner {
height: 500px;
background: url(/themes/custom/ppas/pic/firmy_bck.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
}
.topup {
margin-top: -37px;
}
#block-blocktabsprofirmy {
float: left;
width: 100%;
}
#blocktabs-pro_firmy-1, #blocktabs-pro_firmy-2 {
display: block;
border-width: 0;
padding: 0px;
background: none;
width: 106%;
margin-left: -2%;
background: #f8f8f8;
padding: 29px;
}
#block-blocktabsprofirmy .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background: #fff;
border: solid 2px #faebb5;
width: 19%;
text-align: center;
padding: 21px;
font-weight: bold;
font-size: 1.8rem;
}
.ui-widget.ui-widget-content {
border: none;
}
default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
color: #003d69;
text-decoration: none;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #003d69;
text-decoration: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
color: #003d69;
text-decoration: none;
}
#blocktabs-pro_firmy .ui-tabs-tab #ui-id-1 {
background: url(/themes/custom/ppas/pic/plynyel.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px;
}
#blocktabs-pro_firmy .ui-tabs-tab #ui-id-2 {
background: url(/themes/custom/ppas/pic/eleyel.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px!important;
box-shadow: none!important;
padding: 0px;
}
.ui-tab.ui-tabs-active {
background: #f8f8f8 !important;
border: solid 2px #f8f8f8 !important;
padding-bottom: 25px !important;
}
#block-blocktabsprofirmy h2 {
font-weight: bold;
margin-top: 20px;
}
#block-blocktabsprofirmy h3 {
font-weight: bold;
margin-bottom: 15px;
min-height: 50px;
}
#block-blocktabsprofirmy .inner {
background: #fff;
height: 100%;
padding: 17px;
}
#block-procprofirmy {
float: left;
width: 100%;
margin-top: 50px;
}
#block-procprofirmy img{
margin-bottom:20px;
}
#block-procprofirmy h2{
font-weight:bold;
}
#block-webformfirma, #block-nabidkaplyn, #block-novyzakaznik, #block-cenikycallback, #block-komodityform {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-novyzakaznik .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-komodityform {
margin-bottom: 69px;
}
#block-komodityform .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-cenikycallback .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-webformfirma .form-text, #block-webformfirma .form-textarea {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#edit-firmaleft {
float: left;
width: 33%;
margin-right: 19%;
}
#edit-firmarighttext {
background: #fff;
padding: 20px;
border: solid 2px #f4c067;
float: left;
}
.tip {
background: url(/themes/custom/ppas/pic/typ.svg);
background-repeat: no-repeat;
background-size: 19px;
padding-left: 30px;
}
#edit-firmarighttext p {
font-size: 1.8rem;
margin-top: 15px;
float: left;
margin-bottom: 19px;
}
.ph {
background: url(/themes/custom/ppas/pic/ph.svg);
background-repeat: repeat;
background-repeat: no-repeat;
float: left;
width: 100%;
padding-left: 31px;
font-size: 1.7rem;
margin-bottom: 10px;
}
.ml {
background: url(/themes/custom/ppas/pic/ml.svg);
background-repeat: repeat;
background-repeat: no-repeat;
float: left;
width: 100%;
padding-left: 31px;
font-size: 1.7rem;
margin-bottom: 10px;
}
.cngco a {
background: url(/themes/custom/ppas/pic/cng.svg);
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px;
float: left;
background-size: 23px;
color: #003d69;
}
.teploco a {
background: url(/themes/custom/ppas/pic/teplo.svg);
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px;
float: left;
background-size: 23px;
color: #003d69;
}
.fotoco a {
background: url(/themes/custom/ppas/pic/plyn_elektrina.svg);
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px;
float: left;
background-size: 23px;
color: #003d69;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: 0px;
text-decoration: none;
}
.context-nabidka-plyn .banner h1 {
font-size: 4.2rem;
color: #fff;
float: left;
width: 477px;
margin-top: 30px;
}
.context-nabidka-plyn .banner {
height: 358px;
background: url(/themes/custom/ppas/pic/nplyn.jpg);
background-size: 1920px;
background-position: top center;
width: 80%;
background-repeat: no-repeat;
}
.context-produkty-plyn-zakladni-cenik .banner {
background: url(/themes/custom/ppas/pic/p1.jpg)!important;
}
.context-produkty-plyn-sleva-11 .banner {
background: url(/themes/custom/ppas/pic/p2.jpg)!important;
}
.context-produkty-plyn-produkt-plyn-2-roky .banner {
background: url(/themes/custom/ppas/pic/p3.jpg)!important;
}
.context-produkty-plyn-produkt-senior .banner {
background: url(/themes/custom/ppas/pic/p4.jpg)!important;
}
.context-nabidka-elektrina .banner {
background: url(/themes/custom/ppas/pic/ep1.jpg)!important;
}
.context-produkty-elektrina-produkt-komplet-2019 .banner {
background: url(/themes/custom/ppas/pic/ep2.jpg)!important;
}
.context-produkty-elektrina-produkt-zelena .banner {
background: url(/themes/custom/ppas/pic/ep3.jpg)!important;
}
.context-produkty-elektrina-produkt-elektrina-2-roky .banner {
background: url(/themes/custom/ppas/pic/ep4.jpg)!important;
}
.context-produkty-elektrina-produkt-elektrina-3-roky .banner {
background: url(/themes/custom/ppas/pic/ep5.jpg)!important;
}
.context-produkty-elektrina-produkt-elektrina-bez-zavazku .banner {
background: url(/themes/custom/ppas/pic/ep6.jpg)!important;
}
.context-produkty-plyn-sleva-11 .banner {
height: 358px;
background: url(/themes/custom/ppas/pic/plynhead.jpg);
background-size: 1920px;
background-position: top center;
width: 80%;
background-repeat: no-repeat;
}
.context-nabidka-plyn .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 466px;
margin-top: 26px;
float: left;
}
.context-nabidka-plyn .bigh, .context-nabidka-elektrina .bigh {
font-size: 4rem;
color: #003d69;
margin-bottom: 35px;
float: left;
width: 100%;
}
.page-node-type-produkty .page-title {
margin-top: 32px;
margin-bottom: -22px;
text-transform: uppercase;
letter-spacing: 8px;
font-size: 1.8rem;
}
.page-node-type-produkty .bigh {
font-size: 4rem;
color: #003d69;
margin-bottom: 30px;
margin-top: 41px !important;
}
.podminky {
padding: 20px;
border-radius: 5px;
width: 309px;
margin-top: auto;
margin-top: auto;
margin-top: auto;
font-size: 1.7rem;
margin-top: 50px;
display: block;
background: #f3b855;
color: #fff !important;
margin-left: 13px;
}
.podminky {
background-image: url(/themes/custom/ppas/pic/podminky.svg);
background-repeat: no-repeat;
background-size: 25px;
background-position: 252px center;
}
.prod .col-12.col-md-4 a {
text-decoration: underline;
width: 100%;
display: block;
position: relative;
bottom: 0px;
margin-top: 20px;
}
.prod .col-12.col-md-4 {
margin-bottom: 10px;
padding-bottom: 56px;
}
.ikonlegend .col-12.col-md-3 img {
display: block;
margin-bottom: 12px;
}
.banner .pretext {
font-size: 5rem;
color: #fff;
float: left;
width: 393px;
margin-top: 59px;
margin-left: -9px;
line-height: 59px;
}
#block-views-block-nabidka-plyn-block-1, #block-views-block-nabidka-plyn-block-2 {
float: left;
margin-top: 34px;
width: 100%;
}
.context-nabidka-plyn .prodin .views-field-title {
background: #003d69;
color: #fff;
margin-left: -16px;
margin-right: -16px;
margin-top: -16px;
padding: 14px;
margin-bottom: 18px;
font-weight: bold;
font-size: 2rem;
text-align: center;
border-radius: 2px 2px 0px 0px;
}
.context-nabidka-elektrina .prodin .views-field-title {
background: #003d69;
color: #fff;
margin-left: -16px;
margin-right: -16px;
margin-top: -16px;
padding: 14px;
margin-bottom: 18px;
font-weight: bold;
font-size: 2rem;
text-align: center;
border-radius: 2px 2px 0px 0px;
line-height: 24px;
min-height: 77px;
}
.context-nabidka-plyn .prodin .views-field-title a, .context-nabidka-elektrina .prodin .views-field-title a {
color:#fff;
}
.context-nabidka-plyn .prodin, .context-nabidka-elektrina .prodin {
border: solid 2px #f1f1f1;
padding: 15px;
border-radius: 5px;
}
.views-field.views-field-field-perex {
display: block;
margin-bottom: 15px;
text-align: center;
min-height: 132px;
}
.context-nabidka-plyn .views-field-view-node, .context-nabidka-elektrina .views-field-view-node {
text-align: center;
text-decoration: underline;
margin-bottom: 23px;
}
.tooltip-inner {
font-size: 1.3rem;
padding:10px;
line-height:17px;
border-radius:8px;
}
.context-nabidka-plyn .prodin .but, .context-nabidka-elektrina .prodin .but {
background: #f3b855;
width: 100%;
margin-top: 10px;
}
.context-nabidka-plyn .prodin .but a, .context-nabidka-elektrina .prodin .but a {
color:#fff;
}
.views-field-field-ikony img {
margin: 5px;
}
#block-nabidkaplyn .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-nabidkaplyn #edit-firmaright {
float: right;
width: 400px;
}
#block-nabidkaplyn #edit-firmaleft, .page-node-type-produkty #edit-firmaleft {
float: left;
width: 33%;
margin-right: 0px;
}
.prodslide .ikonlegend {
padding: 19px;
margin-top: 20px;
}
#edit-nabidkaplyn label {
display: unset!important;
margin-left: 27px;
float: right;
margin-top: -25px;
}
.js-form-item-nabidkaplyn {
margin-bottom: 10px;
display: block;
float: left;
margin-top: 7px;
}
.context-nabidka-plyn .prodin .but::after, .context-nabidka-elektrina .prodin .but::after {
content: "\f061";
font-style: normal;
font-family: "Font Awesome 5 Free";
font-weight: 800;
font-size: 13px;
margin-right: 4px;
height: 20px;
float: right;
color: #fff;
margin-top: 4px;
position: relative;
}
.form-item-stranka {
display: none;
}
.modal-header h5 {
font-size: 2rem !important;
}
#block-dalsiinformacekontakty h4 {
font-weight: 600;
margin-bottom: 11px;
margin-top: 21px;
font-size: 1.7rem;
width: 100%;
float: left;
}
.bank a {
text-decoration: underline;
margin-bottom: 0px;
display: block;
}
.modal-content {
padding: 20px;
border-radius: 8px;
}
.context-ceniky .banner {
display: none;
}
.context-ceniky2 h1 {
font-size: 4rem;
color: #003d69;
font-weight: 800;
float: left;
width: 100%;
margin-top: 60px;
margin-bottom: 40px;
}
.context-ceniky2 .banner {
display:none;
}
footer #views-exposed-form-ceniky-cenaplyn .form-item-field-komodita-target-id {
display: none!important;
}
footer #views-exposed-form-ceniky-cenaplyn .form-item-field-zona-target-id {
display: none;
}
#views-exposed-form-ceniky-plyn-page-1 #edit-field-distributor-target-id--wrapper {
display: none;
}
.cenikyplyn footer {
width: 100%;
float: left;
clear: both;
}
footer .row.cenikyplyn {
width: 60%;
}
footer #views-exposed-form-ceniky-cenaplyn {
position: absolute;
right: 0px;
margin-top: 165px;
background: #fae9ad;
padding-top: 294px;
width: 40%;
border-radius: 4px;
padding-bottom: 23px;
}
footer .views-field-title {
font-weight: bold;
font-size: 2rem;
margin-bottom: 18px;
}
footer .views-field-body {
min-height: 185px;
}
.cenikyplyn .prodin {
margin-bottom: 26px;
}
.cenikyplyn header {
width: 100%;
padding: 16px;
margin-bottom: -37px;
}
.js-form-item-field-distributor-target-id [value="10"]:checked + label::before {
content: url("/themes/custom/ppas/pic/praha.png");
width: 100%;
margin-top: -207px;
margin-left: -218px;
position: absolute;
right: 0px;
}
.js-form-item-field-distributor-target-id [value="26"]:checked + label::before {
content: url("/themes/custom/ppas/pic/quantum.png");
width: 100%;
margin-top: -207px;
margin-left: 0px;
position: absolute;
right: 217px;
}
label {
display: inline-block;
margin-bottom: .5rem;
position: relative;
}
.js-form-item-field-distributor-target-id [value="12"]:checked + label::before {
content: url("/themes/custom/ppas/pic/jc.png");
width: 100%;
margin-top: -207px;
margin-left: -140px;
position: absolute;
right: 71px;
left: -19px;
}
.js-form-item-field-distributor-target-id [value="11"]:checked + label::before {
content: url("/themes/custom/ppas/pic/morava.png");
width: 100%;
margin-top: -207px;
margin-left: -140px;
position: absolute;
right: 71px;
right: 64px;
}
.js-form-item-field-distributor-el-target-id {
display: inline-block;
margin-right: 7px;
margin-left: 7px;
margin-top: -1px;
}
.js-form-item-field-distributor-el-target-id:first-child {
display: none;
}
#views-exposed-form-ceniky-cenaele .form-item-field-zona-el-target-id, #views-exposed-form-ceniky-cenaele2 .form-item-field-zona-el-target-id, #views-exposed-form-ceniky-cenaele .form-item-field-komodita-target-id, #views-exposed-form-ceniky-cenaele2 .form-item-field-komodita-target-id {
display: none;
}
.js-form-item-field-distributor-el-target-id [value="16"]:checked + label::before {
content: url("/themes/custom/ppas/pic/praha.png");
width: 100%;
margin-top: -207px;
margin-left: -218px;
position: absolute;
right: 0px;
}
.js-form-item-field-distributor-el-target-id [value="18"]:checked + label::before {
content: url("/themes/custom/ppas/pic/eone.png");
width: 100%;
margin-top: -207px;
margin-left: 17px;
position: absolute;
right: 71px;
left: -135px;
}
.js-form-item-field-distributor-el-target-id [value="17"]:checked + label::before {
content: url("/themes/custom/ppas/pic/ceze.png");
width: 100%;
margin-top: -206px;
margin-left: -54px;
position: absolute;
right: 71px;
right: 49px;
}
#block-views-block-aktuality-nabidka {
margin-top: 30px;
float: left;
width: 100%;
}
#block-views-block-aktuality-nabidka .views-field.views-field-title {
font-size: 1.8rem;
font-weight: bold;
line-height: 20px;
}
.js-form-item-field-distributor-target-id {
display: inline-block;
margin-right: 7px;
margin-left: 7px;
margin-top: -1px;
}
.js-form-item-field-distributor-target-id:first-child {
display: none;
}
#views-exposed-form-ceniky-cenaplyn::before {
content: "Mapa distribuÄŤnĂho ĂşzemĂ plynu";
text-align: center;
text-align: ;
top: 0px;
position: absolute;
width: 83%;
top: 20px;
font-weight: bold;
}
footer #views-exposed-form-ceniky-cenaele, footer #views-exposed-form-ceniky-cenaele2 {
position: absolute;
right: 0px;
margin-top: 165px;
background: #fae9ad;
padding-top: 294px;
width: 40%;
border-radius: 4px;
padding-bottom: 23px;
}
#views-exposed-form-ceniky-cenaplyn .form-item-field-komodita-target-id, #views-exposed-form-ceniky-cenaele .form-item-field-zona-target-id, #views-exposed-form-ceniky-cenaele2 .form-item-field-zona-target-id {
display:none;
}
#views-exposed-form-ceniky-page-1 #edit-field-distributor-target-id--wrapper, #views-exposed-form-ceniky-page-1 .form-item-field-zona-target-id, #views-exposed-form-ceniky-page-1 .form-item-field-distributor-el-target-id, #views-exposed-form-ceniky-page-1 .form-item-field-zona-el-target-id {
display:none!important;
}
#views-exposed-form-ceniky-cenaele::before, #views-exposed-form-ceniky-cenaele2::before {
content: "Mapa distribuÄŤnĂho ĂşzemĂ elektĹ™iny";
text-align: center;
text-align: ;
top: 0px;
position: absolute;
width: 83%;
top: 20px;
font-weight: bold;
}
#views-exposed-form-ceniky-page-1 .js-form-type-select {
display: inline-block;
margin-right: 20px;
width: 200px;
}
#views-exposed-form-ceniky-page-1 select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 57px;
padding: 10px 38px 10px 16px;
background: #fff url("/themes/custom/ppas/pic/selecta.svg") no-repeat right 16px center;
background-size: auto;
background-size: 18px;
transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
border: 1px solid #ddd;
border-radius: 4px;
width: 100%;
}
#views-exposed-form-ceniky-page-1 select:hover {
border: 1px solid #999;
}
#views-exposed-form-ceniky-page-1 select:focus {
border: 1px solid #999;
box-shadow: 0 3px 5px 0 rgba(0,0,0,.2);
outline: none;
}
/* remove default arrow in IE */
#views-exposed-form-ceniky-page-1 select::-ms-expand {
display:none;
}
.row.cenikyplyn {
margin-left: -4px;
}
#views-exposed-form-ceniky-plyn-page-1 {
float: left;
width: 100%;
border-bottom: solid 1px #f1f1f1;
padding-bottom: 37px;
padding-left: 5px;
}
#edit-firmarighttext li {
list-style-type: none;
background: url(/themes/custom/ppas/pic/wli.svg);
background-repeat: no-repeat;
background-size: 16px;
background-position: 0px 2px;
padding-left: 27px;
margin-left: -36px;
margin-top: 8px;
float: left;
}
.modal-header h5 {
font-size: 2.3rem !important;
font-weight: bold;
}
.underline {
text-decoration: underline !important;
}
.page-node-type-produkty .banner {
height: 358px;
background: url(/themes/custom/ppas/pic/plynhead.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-size: 1920px;
background-position: top center;
width: 80%;
background-repeat: no-repeat;
}
.context-produkty-plyn-sleva-6 .banner {
height: 358px;
background: url(/themes/custom/ppas/pic/plyn6.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-size: 1920px;
background-position: top center;
width: 80%;
background-repeat: no-repeat;
}
.pretext strong {
padding-right: 10px;
}
.cont .prodslide footer {
width: 100%;
margin-bottom: 50px;
margin-left: 19px;
border-top: solid 1px #eee;
padding-top: 15px;
margin-top: 56px;
margin-right: 19px;
}
.context-nabidka-elektrina .banner {
height: 358px;
background: url(/themes/custom/ppas/pic/elehead.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
.context-produkty-elektrina-produkt-elektrina-2-roky .banner, .context-produkty-elektrina-produkt-elektrina-3-roky .banner, .context-produkty-elektrina-produkt-elektrina-bez-zavazku .banner, .context-produkty-plyn-produkt-zelena .banner {
height: 358px;
background: url(/themes/custom/ppas/pic/elehead.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-size: 1920px;
background-position: top center;
width: 80%;
background-repeat: no-repeat;
}
#block-views-block-nabidka-plyn-block-2 .col-12.col-md-3.views-row {
margin-bottom: 26px;
}
.prodin .file--application-pdf a {
margin-top: -10px;
}
.views-field-field-distributor, .views-field-field-distributor-el {
font-size: 1.2rem;
}
#block-views-block-aktuality-nabidka .views-field.views-field-body {
margin-top: 19px;
}
#block-views-block-aktuality-nabidka .views-row {
margin-bottom: 25px;
}
#block-dalsinabidky {
margin-top: 140px;
padding: 20px;
}
#block-dalsinabidky .c1 .btn, #block-dalsinabidky .c2 .btn, #block-dalsinabidky .c3 .btn, #block-dalsinabidky .c4 .btn, #block-dalsinabidky .c5 .btn, #block-dalsinabidky .c6 .btn, #block-dalsinabidky .c7 .btn, #block-dalsinabidky .c8 .btn, #block-dalsinabidky .c9 .btn {
background-color: #fff!important;
width: 100%;
text-align: left;
padding: 14px;
background-position: right center !important;
padding-left: 19px !important;
color: #003d69;
font-size: 1.6rem;
font-weight: lighter;
background-size: 28px;
text-decoration:none;
}
#block-dalsinabidky .c1 .collapsed, #block-dalsinabidky .c2 .collapsed, #block-dalsinabidky .c3 .collapsed, #block-dalsinabidky .c4 .collapsed, #block-dalsinabidky .c5 .collapsed, #block-dalsinabidky .c6 .collapsed, #block-dalsinabidky .c7 .collapsed, #block-dalsinabidky .c8 .collapsed, #block-dalsinabidky .c9 .collapsed {
width: 100%;
text-align: left;
padding: 14px;
padding-left: 14px;
background-color: #f8f8f8!important;
padding-left: 19px !important;
color: #aaa;
font-size: 1.6rem;
font-weight: lighter;
}
#block-caremenu .c1 .btn, #block-caremenu .c2 .btn, #block-caremenu .c3 .btn, #block-caremenu .c4 .btn, #block-caremenu .c5 .btn, #block-caremenu .c6 .btn, #block-caremenu .c7 .btn, #block-caremenu .c8 .btn, #block-caremenu .c9 .btn {
background-color: #fff!important;
width: 100%;
text-align: left;
padding: 14px;
background-position: right center !important;
padding-left: 19px !important;
color: #003d69;
font-size: 1.6rem;
font-weight: lighter;
background-size: 28px;
text-decoration:none;
}
#block-caremenu .c1 .collapsed, #block-caremenu .c2 .collapsed, #block-caremenu .c3 .collapsed, #block-caremenu .c4 .collapsed, #block-caremenu .c5 .collapsed, #block-caremenu .c6 .collapsed, #block-caremenu .c7 .collapsed, #block-caremenu .c8 .collapsed, #block-caremenu .c9 .collapsed {
width: 100%;
text-align: left;
padding: 14px;
padding-left: 14px;
background-color: #f8f8f8!important;
padding-left: 19px !important;
color: #aaa;
font-size: 1.6rem;
font-weight: lighter;
}
#block-faqkontaktujtenas {
float:left;
width:100%;
}
.owl-prev {
position: absolute;
left: -12px;
top: 37%;
background: #ffcaa1 !important;
opacity: 1 !important;
border-radius: 0px !important;
padding: 11px !important;
}
.owl-next {
position: absolute;
right: -12px;
top: 37%;
background: #ffcaa1 !important;
opacity: 1 !important;
border-radius: 0px !important;
padding: 11px !important;
}
.form-item-field-typ-target-id {
display: none;
}
/* IE hack */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* style pro IE 10-11 */
.collapse-text-deatils[open="open"] .collapse-text-text {
display:block;
}
.collapse-text-deatils .collapse-text-text {
display:none;
}
/*media all*/
.careanchors li {
background: url(/themes/custom/ppas/pic/arrowr.svg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
padding-left: 0px !important;
background-position: right 2px !important;
background-repeat: no-repeat !important;
display: inline-block;
padding-right: 30px;
background-size: 21px 21px !important;
margin-right: 30px;
}
}
.row.carebar.carebottom2 {
display: none;
}
#popup-text a {
color: #fff;
text-decoration: underline;
margin-left: 8px;
margin-right: 8px;
cursor: pointer;
}
h2.has-content {
border-bottom: solid 1px #f1f1f1;
font-size: 2.2rem !important;
font-weight: 400 !important;
padding-bottom: 21px;
padding-top: 15px;
}
h2.has-content.open::after {
content: "-";
float: right;
font-size: 4rem;
margin-top: -12px;
}
h2.has-content::after {
content: "+";
float: right;
font-size: 3rem;
margin-top: -2px;
}
.problems p {
font-size: 1.21rem;
font-weight: 400;
padding-top: 9px;
}
.problems {
height: 46px;
overflow: hidden;
padding-top: 12px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.problems:hover {
height: 100px;
overflow: hidden;
padding-top: 12px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
color:#fff;
text-decoration:none;
}
#block-plynmenu, #block-elemenu, #block-bannermenu {
float: left;
width: 29%;
padding-top: 30px;
padding-bottom: 38px;
}
.prod2 li a, .prod li a {
border-bottom: solid 1px #f1f1f1;
float: left;
width: 100%;
padding-top: 15px;
padding-bottom: 15px;
font-size: 1.9rem !important;
}
.menufooter a {
color: #0a578e;
}
.mhead h2 {
color: #0a578e !important;
font-size: 2.2rem !important;
}
.prod2 li a::after {
content: "\f105";
float: right;
font-size: 18px;
transition: transform 0.25s ease-in-out;
position: absolute;
right: 30px;
margin-top: -1px;
font-family: "Font Awesome 5 Free";
font-weight: 800;
font-style: normal;
}
.mp h2 {
background: url(/themes/custom/ppas/pic/plyn.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
background-position: 5px 0px;
background-size: 17px 24px;
padding-left: 35px;
text-align:left!important;
}
.nz h2 {
background: url(/themes/custom/ppas/pic/usertop.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
background-position: 6px -4px;
background-size: 21px 31px;
padding-left: 35px;
text-align: left !important;
}
.me h2 {
background: url(/themes/custom/ppas/pic/elektrina.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
background-position: 5px 0px;
background-size: 15px 24px;
padding-left: 32px;
text-align:left!important;
}
.mo h2 {
background: url(/themes/custom/ppas/pic/osts.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
background-position: 4px 2px;
background-size: 25px 24px;
padding-left: 32px;
text-align:left!important;
}
.page-node-type-faq .col-12.col-md-4.cont div:first-child {
top: 0px;
margin-top: 132px;
position: sticky;
margin-bottom: 136px;
}
.page-node-type-faq #block-caremenu div:first-child {
margin-top: 0px;
margin-bottom: 0px;
}
.page-node-type-informacni #block-sidemenu div:first-child {
margin-top: 0px;
margin-bottom: 0px;
}
.page-node-type-informacni .col-12.col-md-4.cont div:first-child {
top: 0px;
margin-top: 132px;
position: sticky;
margin-bottom: 136px;
}
.page-node-type-dalsi-nabidky #block-dalsinabidky div:first-child {
margin-top: 0px;
margin-bottom: 0px;
}
.page-node-type-dalsi-nabidky .col-12.col-md-4.cont div:first-child {
top: 0px;
margin-top: 132px;
position: sticky;
margin-bottom: 136px;
}
.context-ceniky #edit-firmarighttext ul {
width: 100%;
margin-top: 38px;
display: block;
margin-bottom: 72px;
}
.page-node-type-faq #block-dalsinabidky div:first-child {
margin-top: 0px;
margin-bottom: 0px;
}
.page-node-type-faq .col-12.col-md-4.cont div:first-child {
top: 0px;
margin-top: 132px;
position: sticky;
margin-bottom: 136px;
}
.dc {
float: left;
width: 100%;
text-align: center;
border-bottom: solid 1px #f1f1f1;
padding-bottom: 1px;
margin-bottom: 15px;
}
.col-6.d1 {
border-right: solid 1px #f1f1f1;
padding-bottom: 14px;
font-size: 1.6rem;
}
.col-6.n1 a {
padding-bottom: 14px;
font-size: 1.8rem;
color: #0a578e;
}
.col-6.d1 a {
padding-bottom: 14px;
font-size: 1.8rem;
color:#0a578e
}
.col-12.f1 a {
padding-bottom: 14px;
font-size: 1.8rem;
color:#0a578e;
}
.col-12.f1 {
padding-top: 12px;
padding-bottom: 13px;
border-top: solid 1px #f1f1f1;
}
.context-pro-firmy .col-6.f1 a {
border-bottom: solid 2px #f3b855;
}
.context-pro-firmy .col-6.d1 a {
border-bottom: none!important;
}
/* Tables*/
table {
border: medium none;
border-collapse: collapse!important;
width: 100%;
margin-top:30px;
margin-bottom:30px;
}
table .header {
background: #f8f8f8 none repeat scroll 0 0;
color: #003d69;
text-align: left;
font-weight:600;
}
table tr {
border-right: 1px solid #f1f1f1;
}
table tbody {
border-top: 1px solid #f1f1f1;
background: #fff;
}
table td {
border-bottom: 1px solid #f1f1f1;
border-left: 1px solid #f1f1f1;
border-right: medium none;
border-top: medium none;
padding: 10px;
}
.context-digippas .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/digisoutez.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
#block-digippas h1 {
font-size: 3.6rem;
width: 446px;
}
#block-digippas h1 strong {
float: left;
width: 100%;
font-size: 7rem;
margin-top: -54px;
}
#block-digippas .but {
clear: both;
background: #f3b855;
float: left;
color: #fff;
text-align: center;
font-size: 2rem;
font-weight: 600;
margin-top: 25px;
}
.perex {
font-size: 2rem;
text-align: center;
margin-top: 40px;
margin-bottom: 40px;
}
.perex .fa-quote-right {
color: #cccbcb;
}
.perex .br {
float: right;
margin-top: 14px;
}
.digicheck .fa-check {
color: #f3b855;
font-size: 2rem;
float: left;
height: 43px;
margin-right: 24px;
}
.digicheck p {
margin-top: 22px;
}
.digin {
-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
padding: 22px;
margin-bottom: 15px;
border-radius:8px;
}
.col-12.digis p {
background: #f3b855;
border-radius: 6px;
padding: 22px;
padding-left: 22px;
font-size: 1.7rem;
color: #fff;
margin-bottom: 67px;
background-image: url(/themes/custom/ppas/pic/bulpwhite.svg);
background-repeat: no-repeat;
background-size: 25px;
background-position: 17px center;
padding-left: 65px;
}
.digip {
background: #f3b855;
border-radius: 6px;
padding: 22px;
padding-left: 22px;
font-size: 1.7rem;
color: #fff;
margin-top: 61px;
background-image: url(/themes/custom/ppas/pic/auto.svg);
background-repeat: no-repeat;
background-size: 35px;
background-position: 20px center;
padding-left: 76px;
}
.dlogo {
text-align: center;
-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
padding: 14px;
margin-bottom: 15px;
border-radius: 8px;
}
.dlogo img {
max-height: 85px;
}
.context-financovani .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/foto1.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
.splatka a {
float: left;
margin-bottom: 51px;
font-size: 1.8rem;
text-decoration: underline;
}
.context-financovani .digicheck {
margin-top: 25px;
}
.context-financovani .banner h1 {
font-size: 4.6rem;
color: #fff;
float: left;
width: 494px;
margin-top: 50px;
}
.context-financovani .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 470px;
margin-top: 37px;
float: left;
}
.context-financovani .digis p {
background: #f3b855;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-image: none;
background-size: auto;
border-radius: 6px;
padding: 22px;
padding-left: 22px;
padding-left: 22px;
font-size: 1.7rem;
color: #fff;
margin-bottom: 67px;
background-image: url(/themes/custom/ppas/pic/bulpwhite.svg);
background-repeat: no-repeat;
background-size: 25px;
background-position: 17px center;
padding-left: 65px;
}
.context-financovani .smallh {
margin-top: 50px;
}
.context-financovani .splatka .smallh {
margin-top: 17px;
}
.context-financovani .splatka {
margin-top: -175px;
padding-left: 61px;
}
.context-financovani .splatka ul li {
font-size: 1.7rem;
border-bottom: solid 1px #f1f1f1;
padding-bottom: 27px;
padding-top: 0px;
margin-top: 23px;
}
#block-financovaniblok {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-financovaniblok .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#edit-chci-financovat-vyberte- {
padding: 15px;
border-radius: 5px;
border: solid 1px #ccc;
width: 100%;
}
#block-financovaniblok .field-suffix {
float: right;
margin-right: 14px;
margin-top: -44px;
}
#block-financovaniblok .smallh {
margin-top: 12px;
}
#edit-zadejte-vasi-zpravu {
width: 100%;
border: solid 1px #ccc;
border-radius: 6px;
}
#block-financovaniblok .form-item-zadejte-vasi-zpravu {
margin-top: 10px;
}
#block-financovaniblok #edit-firmarighttext ul li {
width: 100%;
}
.context-financovani .digis p a {
color: #fff;
text-decoration: underline;
}
.context-financovani .digicheck .fa-check {
color: #f3b855;
font-size: 2rem;
float: left;
height: 22px;
margin-right: 24px;
}
/* CSS Policecard */
.context-policecard .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/policecard.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
#block-policecardform {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-policecardform .form-text, #block-policecardform select {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.context-policecard .digin {
margin-top: 31px;
}
#block-policecard .but {
clear: both;
background: #f3b855;
float: left;
color: #fff;
text-align: center;
font-size: 2rem;
font-weight: 600;
margin-top: 25px;
}
/* CSS Slider */
.carousel {
position: relative;
height: 438px;
}
.banner .jednicka {
height: 500px;
background: url(/themes/custom/ppas/banners/s2.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
padding: 0px;
}
.banner .dvojka {
height: 500px;
background: url(/themes/custom/ppas/banners/s1.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
padding: 0px;
}
.banner .trojka {
height: 500px;
background: url(/themes/custom/ppas/pic/buderus1.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
padding: 0px;
}
.banner .petka {
height: 500px;
background: url(/themes/custom/ppas/banners/s4_praha.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
padding: 0px;
}
.banner .sestka {
height: 500px;
background: url(/themes/custom/ppas/banners/servbalicky.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
padding: 0px;
}
.banner .sedmicka {
height: 500px;
background: url(/themes/custom/ppas/pic/zpban.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
padding: 0px;
}
.carousel-control-prev {
background: url(/themes/custom/ppas/pic/wal.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
background-size: 33px;
background-position: center center;
float: left;
height: 100%;
}
.carousel-control-next {
background: url(/themes/custom/ppas/pic/war.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-repeat: no-repeat;
background-size: 33px;
background-position: center center;
float: right;
height: 100%;
}
.path-frontpage .banner {
padding:0px!important;
}
.banner h1 a:hover {
text-decoration:underline!important;
}
.banner h1 a {
color:#fff;
text-decoration:none;
}
@media (max-width: 576px) {
.path-frontpage .banner {
background:#f8f8f8!important;
}
.path-frontpage .banner h1 {
font-size: 3rem!important;
color: #fff;
float: left;
width: 100%;
margin-top: 217px!important;
padding: 35px!important;
text-align: center!important;
}
.path-frontpage .banner .jednicka {
height: auto;
background: url(/themes/custom/ppas/banners/s2m.jpg);
background-size: 549px;
background-position: center -50px;
width: 100% !important;
background-repeat: no-repeat;
}
.path-frontpage .banner .dvojka {
height: auto;
background: url(/themes/custom/ppas/banners/mobilehp.jpg);
background-size: 549px;
background-position: center -50px;
width: 100% !important;
background-repeat: no-repeat;
}
.path-frontpage .banner .sedmicka {
height: auto;
background: url(/themes/custom/ppas/pic/zpban_mob.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-size: 549px;
background-position: center -50px;
width: 100% !important;
background-repeat: no-repeat;
}
.path-frontpage .banner .trojka {
height: auto;
background: url(/themes/custom/ppas/pic/buderusmob1.jpg);
background-size: 549px;
background-position: center -50px;
width: 100% !important;
background-repeat: no-repeat;
}
.path-frontpage .banner .petka {
height: auto;
background: url(/themes/custom/ppas/banners/mobiles4_praha.jpg);
background-size: 549px;
background-position: center -50px;
width: 100% !important;
background-repeat: no-repeat;
}
.path-frontpage .banner .sestka {
height: auto;
background: url(/themes/custom/ppas/banners/servbalicky_mob.jpg);
background-size: 549px;
background-position: center -50px;
width: 100% !important;
background-repeat: no-repeat;
}
#block-hpform .webform-actions {
float: right;
width: 46%;
font-size: 1rem !important;
margin-top: 29px!important;
margin-right: 0px!important;
}
.path-frontpage .banner .ctyrka {
height: auto;
background: url(/themes/custom/ppas/banners/mobilehp4.jpg);
background-size: 549px;
background-position: center -50px;
width: 100% !important;
background-repeat: no-repeat;
}
#container-carousel {
min-height: 560px;
text-align: center;
}
#block-mainblock {
margin-top: -87px!important;
}
.path-frontpage .banner p {
clear: both;
font-size: 1.5rem!important;
color: #fff;
width: 100%;
margin-top: -27px!important;
float: left;
padding-left: 25px;
padding-right: 25px;
}
.carousel-indicators {
bottom: -29px!important;
}
.carousel-control-next, .carousel-control-prev {
background-position: center 384px !important;
}
}
/* CSS Fotovoltaika microsite */
.context-fotovoltaika h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 393px;
margin-top: 44px !important;
}
.context-fotovoltaika .prodin img {
width: 82px;
}
.context-fotovoltaika .digicheck p {
margin-top: 18px;
font-size: 1.2rem;
}
.context-fotovoltaika .fveimg {
margin-left: -42%;
}
.context-fotovoltaika .digin p {
display: none;
}
.context-fotovoltaika .digin h3 {
font-size: 1.45rem;
}
.context-fotovoltaika .digin h3:hover {
cursor:pointer;
}
.smallh.both {
margin-top: 77px;
}
.context-fotovoltaika .services h3 {
float: left;
font-size: 1.82rem;
font-weight: 600;
color: #003d69;
}
.row.digicheck .but {
float: left;
text-align: center;
text-decoration: none !important;
margin-top: 21px;
}
.context-fotovoltaika .digicheck .col-12.col-md-4 {
padding: 2px;
}
.context-fotovoltaika .but {
background: #f3b855;
color: #fff !important;
}
.context-fotovoltaika .plyn h3 {
min-height: 50px;
}
.context-fotovoltaika .products {
margin-top: 91px;
margin-bottom: 91px;
}
.context-fotovoltaika .ele .but {
margin-top: 0px;
}
.context-fotovoltaika .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/ftvbck.jpg);
background-size: 1920px;
background-position: center center;
width: 80%;
}
.context-fotovoltaika .digicheck .fa-check {
height: 20px;
}
.context-fotovoltaika .container-fluid.contentbox {
padding-top: 25px;
}
.context-fotovoltaika .digin h3 {
font-weight: 800;
}
#block-blocktabsfotovoltaikatabs {
float: left;
width: 100%;
}
#block-blocktabsfotovoltaikatabs .ui-tabs-nav li {
list-style: none;
float: left;
position: unset;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background: #fff;
border: solid 2px #faebb5;
text-align: center;
padding: 21px;
padding-bottom: 21px;
font-weight: bold;
font-size: 2.3rem;
white-space: pre-line;
text-align: left;
width: 48%;
line-height: 26px;
}
#block-blocktabsfotovoltaikatabs .ui-tabs-nav #ui-id-1 {
background: url(/themes/custom/ppas/pic/fot.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding:5px;
padding-left: 75px !important;
background-size: 53px;
}
#block-blocktabsfotovoltaikatabs .ui-tabs-nav #ui-id-2 {
background: url(/themes/custom/ppas/pic/fotplus.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding:5px;
padding-left: 81px !important;
}
#blocktabs-fotovoltaikatabs-1, #blocktabs-fotovoltaikatabs-2 {
display: block;
border-width: 0;
padding: 0px;
background: none;
width: 100%;
margin-left: 0%;
background: #f8f8f8;
padding: 30px;
}
#block-fotovoltaikameme .but {
margin-top: 29px;
}
.row {
clear: both;
}
.hmarg {
width: 100%;
float: left;
margin-top: 11px;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0!important;
}
#block-blocktabsfotovoltaikatabs .ui-tabs-tab:first-child {
padding: 34px !important;
}
#block-blocktabsfotovoltaikatabs h2.has-content {
border-bottom: solid 1px #f1f1f1;
font-size: 2.2rem !important;
font-weight: 400 !important;
padding-bottom: 20px;
padding-top: 29px;
background: #fff;
padding-left: 23px;
padding-right: 30px;
height: auto;
float: left;
width: 100%;
-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
}
#block-blocktabsfotovoltaikatabs .ui-widget-content h2 {
font-size: 3.4rem;
margin-bottom: 15px;
}
#block-blocktabsfotovoltaikatabs .ui-widget-content a {
color: #003d69;
}
#block-blocktabsfotovoltaikatabs .ui-widget-content h2 a {
color: #003d69;
float: left;
max-width: 80%;
font-size: 2rem;
}
#block-blocktabsfotovoltaikatabs .content-container {
background: #fff;
padding: 27px;
padding-top: 27px;
margin-top: -25px;
margin-bottom: 30px;
padding-top: 0px;
}
.foin {
background: #fff;
padding: 17px;
-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
margin-bottom: 28px;
}
.hmarg {
font-size: 3rem !important;
max-width: 60%;
margin-top: 60px;
margin-bottom: 27px !important;
display: block;
}
.foin span {
float: right;
color: #034d80;
font-weight: bold;
margin-right: 0px;
}
.foin .price, .foin .dotace, .foin .finalprice, .foin .sale {
margin-bottom: 5px;
solar font-weight: bold;
border-bottom: solid 1px #f1f1f1;
}
.foin h3 {
font-weight:600;
}
.foin .info {
margin-top: 14px;
margin-bottom: 19px;
}
#block-blocktabsfotovoltaikatabs li {
list-style-type: none;
background: url(/themes/custom/ppas/pic/li.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-repeat: no-repeat;
padding-left: 30px;
background-size: 10px 10px;
background-position: 0px 5px;
margin-bottom: 9px;
}
#block-blocktabsfotovoltaikatabs .bigh {
font-size: 4rem;
color: #003d69;
margin-bottom: 42px;
}
.foin h3 span {
font-size: 1.4rem;
font-weight: 100;
clear: both;
width: 100%;
}
#block-fotovoltaika {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-fotovoltaika .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-fotovoltaika select {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.form-item-orientacni-vyse-uveru .field-suffix {
float: right;
margin-top: -44px;
margin-right: 15px;
}
#block-vypocetblok {
float: left;
width: 100%;
margin-top: 50px;
}
#block-vypocetblok .splatka ul li {
font-size: 1.7rem;
border-bottom: solid 1px #f1f1f1;
padding-bottom: 27px;
padding-top: 0px;
margin-top: 23px;
}
#block-vypocetblok .splatka li {
list-style-type: none;
background: url(/themes/custom/ppas/pic/li.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-repeat: no-repeat;
padding-left: 30px;
background-size: 10px 10px;
background-position: 0px 5px;
margin-bottom: 30px;
}
#block-vypocetblok li {
list-style-type: none;
background: url(/themes/custom/ppas/pic/li.svg);
background-repeat: no-repeat;
padding-left: 30px;
background-size: 10px 10px;
background-position: 0px 5px;
margin-bottom: 10px;
}
#block-vypocetblok .splatka {
margin-top: -157px;
}
.context-fotovoltaika #edit-firmaleft {
float: left;
width: 47%!important;
margin-right: 4%!important;
}
.mobileinfo {
display:none;
}
@media (max-width: 576px) {
#block-fotovoltaika {
float: left;
background: #fcf4d6;
padding: 21px;
width: 100%;
margin-left: 0%;
margin-top: 47px;
}
.container-fluid.banner {
padding-bottom: 46px;
background-repeat: no-repeat !important;
}
.mobileinfo {
display:block;
}
.tablescroll {
overflow-x: scroll;
float: left;
width: 100%;
}
.context-fotovoltaika .container-fluid.contentbox {
padding: 0px;
padding-top: 0px;
}
.context-fotovoltaika .fveimg {
margin-left: 0px;
width: 100%;
margin-top: -63px;
margin-bottom: 50px;
}
.context-akce-viessmann .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/viess.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
padding-bottom: 36px !important;
}
.context-akce-viessmann #block-viessmanakce {
float: left;
background: #fcf4d6;
padding: 16px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
.context-akce-viessmann .banner h1 {
font-size: 3rem !important;
color: #fff;
float: left;
width: 100% !important;
margin-top: 370px !important;
}
.context-akce-viessmann .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 100%!important;
margin-top: 26px;
float: left;
margin-bottom: 29px;
padding:0px!important;
}
.context-akce-viessmann .digicheck .fa-check {
color: #f3b855;
font-size: 2rem;
float: left;
height: 66px;
margin-right: 24px;
}
.context-fotovoltaika .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/mobilfve.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
}
.context-fotovoltaika h1 {
font-size: 3.6rem;
width: 100% !important;
margin-top: 317px !important;
}
#block-blocktabsfotovoltaikatabs .ui-tabs-nav li {
list-style: none;
float: left;
position: unset;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background: #fff;
border: solid 2px #faebb5;
text-align: center;
padding: 21px;
padding-bottom: 21px;
font-weight: bold;
font-size: 1.8rem;
white-space: pre-line;
text-align: left;
width: 100%;
line-height: 20px;
}
#block-blocktabsfotovoltaikatabs .ui-tabs-nav #ui-id-2 {
background: url(/themes/custom/ppas/pic/fotplus.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 5px;
padding-left: 5px;
padding-left: 86px !important;
background-size: 67px;
}
#blocktabs-fotovoltaikatabs-1, #blocktabs-fotovoltaikatabs-2 {
display: block;
border-width: 0;
padding: 0px;
background: none;
width: 100%;
margin-left: 0%;
background: transparent;
padding: 10px;
}
#blocktabs-fotovoltaikatabs-1 ul, #blocktabs-fotovoltaikatabs-2 ul {
padding: 0px;
margin-top: 36px;
}
.hmarg {
font-size: 3rem !important;
max-width: 100%;
margin-top: 60px;
margin-bottom: 27px !important;
display: block;
}
.context-fotovoltaika #edit-firmaleft {
float: left;
width: 100%;
margin-right: 0%;
}
}
/* CSS Výkupy Microsite */
.context-vykupy-elektriny .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/vykupyel.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
.vykupyrow img {
width: 50px;
float: left;
margin-right: 24px;
}
.vykupyrow .digin {
padding: 60px;
margin-top: -30px;
background: #fff;
margin-bottom: 49px;
}
.vykupyrow .digin h3 {
font-weight: 800;
margin-top: 3px;
text-align: center;
display: block;
}
.vykupyrow .bigh {
font-size: 4rem;
color: #003d69;
margin-bottom: 10px;
}
#block-vykupy {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-vykupy .form-text, #block-vykupy .form-textarea {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
/* CSS Akce Viessmann */
.context-akce-viessmann .banner {
background: url(/themes/custom/ppas/pic/viessmann_bck.jpg);
}
.context-akce-viessmann .banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 393px;
margin-top: 55px;
}
.context-akce-viessmann .digicheck {
margin-bottom: 25px;
background: #fff;
margin-top: 28px;
}
.context-akce-viessmann .bannerplyn .but {
padding: 20px;
border-radius: 5px;
width: 250px;
margin: auto;
margin-top: auto;
margin-bottom: auto;
margin-top: auto;
margin-top: auto;
font-size: 1.7rem;
margin-top: -2px;
display: block;
margin-bottom: 50px;
}
.context-akce-viessmann .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 376px;
margin-top: 26px;
float: left;
margin-bottom: 42px;
}
.context-akce-viessmann .digin {
min-height: 115px;
}
.cred {
background: #da4d32;
padding: 33px;
color: #fff;
}
.cgreen {
background: #85ba51;
padding: 33px;
color: #fff;
}
.cred h2, .cgreen h2 {
color: #fff !important;
margin-bottom: 10px;
}
.bigprice {
font-weight: 800 !important;
font-size: 5rem;
margin-top: -19px;
}
.cgreen strong {
font-size: 2rem;
}
#block-viessmanakce {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-viessmanakce .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.cred li {
background: url(/themes/custom/ppas/pic/cross.svg)!important;
background-size: 17px 16px!important;
background-repeat:no-repeat!important;
background-position: 2px 4px !important;
}
.cgreen li {
background: url(/themes/custom/ppas/pic/check.svg)!important;
background-size: 19px 21px!important;
background-repeat: no-repeat !important;
background-position: 2px 4px !important;
}
#block-viewssmannpartner {
float: left;
width: 100%;
margin-top: 44px;
}
/* CSS Kapku šetřím */
.context-kapku-setrim .banner {
background: url(/themes/custom/ppas/pic/kapku.jpg);
height: 465px;
}
#block-kapkuform {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-kapkuform .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-kapkuform select {
padding: 15px;
border-radius: 5px;
border: solid 1px #ccc;
width: 100%;
}
#block-kapkuform #edit-firmaleft {
float: left;
width: 100%;
margin-right: 19%;
}
#block-kapkuform .form-item {
float: left;
width: 32%;
margin-right: 10px;
}
#block-kapkuform #edit-actions-submit {
float: left;
width: 32% !important;
padding: 12px !important;
margin-top: 27px !important;
}
#block-kapkuform #edit-firmatext {
width: 100% !important;
}
/* Nekomodity - Firmy */
#block-nekomodityfve select {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.context-firmy .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/neko.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
.context-firmy .banner h1 {
font-size: 5rem;
color: #fff;
float: left;
width: 512px;
margin-top: 302px;
font-weight: 800;
line-height: 47px;
margin-left: -20px;
}
.context-firmy .digin h3 {
font-weight: 800;
margin-top: 12px;
font-size: 2rem;
}
.context-firmy .nico {
width: 45px;
float: left;
margin-right: 17px;
}
#block-nekomoditycontent {
float: left;
width: 100%;
margin-top: 60px;
}
.neimg {
border-radius: 7px;
}
.neima h3 {
color: #fff;
font-size: 2rem;
margin-top: -96px;
padding: 20px;
margin-bottom: 22px;
font-weight: 800;
}
.neima img {
width: 100%;
}
.context-firmy .nico2 {
width: 139px;
margin-right: 17px;
text-align: center;
margin: auto;
display: inherit;
}
.ned .digin {
height: 312px;
margin-bottom: 24px;
text-align: center;
font-size: 1.6rem;
}
#block-nekomodityform {
width: 40%;
float: right;
margin-top: -457px;
padding: 59px;
padding-top: 59px;
padding-bottom: 59px;
padding-top: 59px;
padding-bottom: 59px;
padding-top: 59px;
padding-bottom: 59px;
border-radius: 6px;
background: rgb(72,168,237);
background: -moz-linear-gradient(-45deg, rgb(72,168,237) 0%, rgb(2,64,108) 100%);
background: -webkit-linear-gradient(-45deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
background: linear-gradient(135deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a8ed', endColorstr='#02406c',GradientType=1 );
color: #fff;
padding-top: 40px;
}
.nekod .digin {
min-height: 257px;
font-size: 1.4rem;
}
#block-nekomodityform h2 {
color: #fff !important;
font-size: 3rem;
}
.context-firmy .text-count-message {
display: none !important;
}
#block-nekomobottom {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-nekomobottom .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-nekomobottom #edit-actions--3 {
width: 278px;
}
#edit-mam-zajem--wrapper legend {
margin-top: 9px;
margin-bottom: 17px;
display: inline-block;
float: left;
width: 100%;
}
@media (max-width: 576px) {
#block-nekomodityform {
width: 100%;
float: right;
margin-top: 26px;
padding: 26px;
padding-top: 26px;
padding-bottom: 26px;
padding-top: 59px;
padding-bottom: 59px;
padding-top: 59px;
padding-bottom: 59px;
padding-top: 59px;
padding-bottom: 59px;
border-radius: 6px;
background: rgb(72,168,237);
background: -moz-linear-gradient(-45deg, rgb(72,168,237) 0%, rgb(2,64,108) 100%);
background: -webkit-linear-gradient(-45deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
background: linear-gradient(135deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a8ed', endColorstr='#02406c',GradientType=1 );
color: #fff;
padding-top: 40px;
margin-bottom: 50px;
}
.context-firmy .banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 100%;
margin-top: 316px;
font-weight: 800;
line-height: 37px;
margin-left: auto;
}
.context-firmy .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/nekom.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 100%;
background-position: center center;
width: 80%;
}
#block-nekomobottom #edit-actions--3 {
width: 100%;
}
}
/* Servis kotlů */
.context-servis-kotlu .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/serviskotlu.jpg);
background-size: 1920px;
background-position: center center;
width: 80%;
}
.headperex {
float: left;
color: #fff;
padding: 16px;
width: 479px;
clear: both;
background: #f3b855;
border-radius: 8px;
margin-left: -15px;
display: block;
margin-top: 18px;
margin-bottom: -21px;
}
.context-servis-kotlu .banner h1 {
font-size: 4.5rem;
color: #fff;
float: left;
width: 489px;
margin-top: 46px;
margin-left: -13px;
}
.context-servis-kotlu .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 459px;
margin-top: 37px;
float: left;
margin-left: -8px;
}
.context-servis-kotlu .digin h3 {
font-size: 1.3rem;
line-height: 17px;
}
.context-servis-kotlu .digicheck .fa-check {
color: #f3b855;
font-size: 2rem;
float: left;
height: 30px;
margin-right: 24px;
margin-bottom: 66px;
}
.context-servis-kotlu .digin {
height: 134px;
margin-top: 38px;
}
#block-views-block-servis-kotlu-block-1 {
width: 100%;
display: block;
clear: both;
}
#block-views-block-servis-kotlu-block-1 header {
width: 100%;
padding-left: 22px;
}
#block-views-block-servis-kotlu-block-1 select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 57px;
padding: 10px 38px 10px 16px;
background: #fff url("/themes/custom/ppas/pic/selecta.svg") no-repeat right 16px center;
background-size: auto;
background-size: auto;
background-size: 18px;
transition: border-color .1s ease-in-out,box-shadow .1s ease-in-out;
border: 1px solid #ddd;
border-radius: 4px;
width: 100%;
}
#block-views-block-servis-kotlu-block-1 .js-form-item {
float: left;
margin-right: 16px;
}
.sp0 .views-field {
float: left;
width: 25%;
}
.sp0 {
font-size: 1.3rem;
}
#block-views-block-servis-kotlu-block-1 .views-row {
-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
padding: 22px;
margin-bottom: 5px;
border-radius: 8px;
background: #fff;
margin: 2%;
width: 96% !important;
float: left;
display: block;
max-width: 96%;
margin-bottom: 4px !important;
}
.views-field-field-logo-partnera {
width: 18% !important;
}
.sp0 .views-field.views-field-body {
width: 31%;
padding-right: 12px;
font-size: 1.3rem;
}
.views-field.views-field-field-logo-partnera img {
width: 75%;
height: auto;
margin: auto;
}
.views-field-field-vyhoda ul {
list-style-type: none;
padding-left: 0px;
}
#block-serviskotlu {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-serviskotlu .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-servisfaq {
float: left;
width: 100%;
margin-top: 70px;
}
.sp0 strong {
margin-bottom: 10px;
float: left;
width: 100%;
}
#block-servissleva {
float: left;
width: 100%;
margin-top: 49px;
}
#block-servissleva .inhold {
-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
padding: 22px;
margin-bottom: 5px;
border-radius: 8px;
background: #fff;
text-align:center;
}
.inhold h2 span {
clear: both;
display: block;
font-size: 1.3rem;
}
.inhold .price span {
font-size: 2rem;
}
.inhold .sale {
background: #f83c4a;
color: #fff;
position: absolute;
padding: 9px;
width: 62px;
line-height: 17px;
margin-left: -51px;
margin-top: -29px;
font-size: 1.2rem;
}
.inhold .but {
background: #f3b855;
color: #fff !important;
width:100%!important;
}
/* HP form */
#block-hpform input {
width: 100%;
padding: 12px;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-hpform {
float: right;
width: 50%;
background: #fcf4d6;
padding: 31px;
margin-bottom: -270px;
margin-top: 54px;
position: relative;
z-index: 10;
}
#block-hpform .form-item {
float: left;
width: 47%;
margin-right: 2%;
}
#block-hpform #edit-firmaleft {
float: left;
width: 100%;
margin-right: 0px;
}
#block-hpform #edit-firmatext {
width: 100%;
margin-bottom: 13px;
}
#block-hpform .webform-actions {
float: right;
width: 46%;
font-size: 1rem !important;
margin-top: 11px;
margin-right: 21px;
}
#block-hpform .webform-button--submit {
background: #f3b855;
border: none;
padding: 15px;
border-radius: 6px;
width: 100%;
color: #fff;
margin-top: 1px;
font-size: 1.5rem;
cursor: pointer;
}
#block-hpform .st {
font-size: 0.9rem;
margin-top: 0px;
margin-bottom: 10px;
padding-left: 14px;
overflow: hidden;
height: 52px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#block-hpform .st:hover {
height: 163px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#block-hpform .bigh {
font-size: 2.2rem !important;
color: #003d69;
margin-bottom: 0px !important;
font-weight: normal !important;
margin-top: 0px !important;
}
/* Nekomodity FVE */
.context-firmy-fotovoltaika .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/fotonek.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
.context-firmy-fotovoltaika .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background: #fff;
border: solid 2px #faebb5;
width: 33%;
text-align: center;
padding: 21px;
font-weight: bold;
font-size: 1.8rem;
}
.context-firmy-fotovoltaika .ui-tabs-tab #ui-id-1 {
background: url(/themes/custom/ppas/pic/ne2.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 24px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
}
.context-firmy-fotovoltaika .ui-tabs-tab #ui-id-2 {
background: url(/themes/custom/ppas/pic/ne3.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 24px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
}
.context-firmy-fotovoltaika .ui-tab.ui-tabs-active {
background: #f9f9f9 !important;
border: solid 2px #f9f9f9 !important;
padding-bottom: 25px !important;
text-decoration: underline;
}
#blocktabs-nekomodityfotov-1 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
#blocktabs-nekomodityfotov-2 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
.context-firmy-fotovoltaika .bigh strong {
font-weight: bolder!important;
}
#block-nekomodityfve {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-nekomodityfve .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.context-firmy-fotovoltaika .bigh {
font-size: 3rem !important;
color: #003d69;
margin-bottom: 40px;
margin-top: 40px !important;
}
.context-firmy-fotovoltaika .zaruka {
background: #f1f1f1;
padding: 33px;
margin-left: -24px;
margin-top: 22px;
margin-bottom: -40px;
}
.context-firmy-fotovoltaika .payment {
padding: 33px;
margin-left: -24px;
margin-top: 22px;
margin-bottom: -40px;
}
.context-firmy-fotovoltaika .zaruka h3, .context-fotovoltaika-pro-firmy .payment h3 {
font-weight: 600;
margin-bottom: 21px;
font-size: 2rem;
}
#blocktabs-nekomodityfotov-1 li, #blocktabs-nekomodityfotov-2 li {
background: url(/themes/custom/ppas/pic/check2.svg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-size: 13px 21px !important;
background-repeat: no-repeat !important;
background-position: 2px 0px !important;
padding-left: 29px;
}
#blocktabs-nekomodityfotov-1 ul, #blocktabs-nekomodityfotov-2 ul {
list-style-type: none;
padding: 0px;
}
.context-firmy-fotovoltaika .form-item-vas-email {
margin-top: 15px;
}
@media (max-width: 576px) {
.context-firmy-fotovoltaika .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/firmyfve.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
}
#block-nekomodityfve {
float: left;
background: #fcf4d6;
padding: 44px;
width: 100%;
margin-left: 0%;
margin-top: 47px;
}
.banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 100%;
margin-top: 374px;
}
.context-firmy-fotovoltaika .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background: #fff;
border: solid 2px #faebb5;
width: 100%;
text-align: center;
padding: 22px;
font-weight: bold;
font-size: 1.8rem;
}
#blocktabs-nekomodityfotov-1 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 25px;
margin-left: 0px;
}
#blocktabs-nekomodityfotov-2 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 25px;
margin-left: 0px;
}
.context-firmy-fotovoltaika .col-12.cont {
padding: 0px;
}
.context-firmy-fotovoltaika .zaruka {
background: transparent;
padding: 25px;
margin-left: -9px;
margin-top: 22px;
margin-bottom: -40px;
}
}
/* Nekomodity Mobilita */
.context-firmy-mobilita .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/firmymob.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
.context-firmy-mobilita .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background: #fff;
border: solid 2px #faebb5;
width: 24%;
text-align: center;
padding: 21px;
font-weight: bold;
font-size: 1.8rem;
}
.context-firmy-mobilita .digis {
background: #f3b855;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-image: none;
background-size: auto;
border-radius: 6px;
padding: 22px;
padding-left: 22px;
padding-left: 22px;
font-size: 1.7rem;
color: #fff;
margin-bottom: 67px;
background-image: url(/themes/custom/ppas/pic/bulpwhite.svg);
background-repeat: no-repeat;
background-size: 25px;
background-position: 17px center;
padding-left: 65px;
}
.context-firmy-mobilita .ui-tabs-tab #ui-id-1 {
background: url(/themes/custom/ppas/pic/m1.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 5px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
font-size: 1.4rem;
}
.context-firmy-mobilita .ui-tabs-tab #ui-id-2 {
background: url(/themes/custom/ppas/pic/m2.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 5px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
font-size: 1.4rem;
}
.context-firmy-mobilita .ui-tabs-tab #ui-id-3 {
background: url(/themes/custom/ppas/pic/m3.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 5px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
font-size: 1.4rem;
}
.context-firmy-mobilita .ui-tabs-tab #ui-id-4 {
background: url(/themes/custom/ppas/pic/m4.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 5px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
font-size: 1.4rem;
}
.context-firmy-mobilita .ui-tab.ui-tabs-active {
background: #f9f9f9 !important;
border: solid 2px #f9f9f9 !important;
padding-bottom: 25px !important;
text-decoration: underline;
}
#blocktabs-mobilita-1 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
#blocktabs-mobilita-2 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
#blocktabs-mobilita-3 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
#blocktabs-mobilita-4 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
.context-firmy-mobilita .bigh strong {
font-weight: bolder!important;
}
.context-firmy-mobilita #ui-id-4 {
display: block;
}
#block-mobilitawebform {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-mobilitawebform .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.context-firmy-fotovoltaika .bigh {
font-size: 3rem !important;
color: #003d69;
margin-bottom: 40px;
margin-top: 40px !important;
}
.context-firmy-fotovoltaika .zaruka {
background: #f1f1f1;
padding: 33px;
margin-left: -24px;
margin-top: 22px;
margin-bottom: -40px;
}
.context-firmy-fotovoltaika .payment {
padding: 33px;
margin-left: -24px;
margin-top: 22px;
margin-bottom: -40px;
}
.context-firmy-fotovoltaika .zaruka h3, .context-fotovoltaika-pro-firmy .payment h3 {
font-weight: 600;
margin-bottom: 21px;
font-size: 2rem;
}
#blocktabs-nekomodityfotov-1 li, #blocktabs-nekomodityfotov-2 li {
background: url(/themes/custom/ppas/pic/check2.svg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-size: 13px 21px !important;
background-repeat: no-repeat !important;
background-position: 2px 0px !important;
padding-left: 29px;
}
#blocktabs-nekomodityfotov-1 ul, #blocktabs-nekomodityfotov-2 ul {
list-style-type: none;
padding: 0px;
}
#block-mobilitawebform .form-item-vas-email {
margin-top: 15px;
}
@media (max-width: 576px) {
.context-firmy-mobilita .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/firmymob2.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
}
#block-mobilitawebform {
float: left;
background: #fcf4d6;
padding: 44px;
width: 100%;
margin-left: 0%;
margin-top: 47px;
}
.banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 100%;
margin-top: 374px;
}
.context-firmy-mobilita .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background: #fff;
border: solid 2px #faebb5;
width: 100%;
text-align: center;
padding: 22px;
font-weight: bold;
font-size: 1.8rem;
}
.context-firmy-mobilita .ui-tabs-panel {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 25px!important;
margin-left: 0px;
}
.context-firmy-mobilita .ui-tabs-anchor {
text-align:left!important;
}
.context-firmy-mobilita .col-12.cont {
padding: 0px;
}
.ui-tabs-panel img {
width:100%;
height:100%;
float:left;
}
}
/* Nekomodity Energetický management */
.context-firmy-energicky-management .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/enermang.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
#blocktabs-nekomodityeneraudit-1 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 25px;
margin-left: 0px;
}
#blocktabs-nekomodityeneraudit-2 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 25px;
margin-left: 0px;
}
.context-firmy-energicky-management .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background: #fff;
border: solid 2px #faebb5;
width: 24%;
text-align: center;
padding: 21px;
font-weight: bold;
font-size: 1.8rem;
}
.context-firmy-energicky-management .ui-tabs-tab #ui-id-1 {
background: url(/themes/custom/ppas/pic/e1.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 8px;
padding-left: 8px;
padding-left: 24px;
padding-left: 85px !important;
background-size: 65px 66px;
font-size: 1.4rem;
}
ol {
padding: 0px !important;
margin: 17px;
}
.context-firmy-energicky-management .ui-tabs-tab #ui-id-2 {
background: url(/themes/custom/ppas/pic/e2.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 8px;
padding-left: 24px;
padding-left: 85px !important;
background-size:65px 66px;
font-size: 1.4rem;
}
.context-firmy-energicky-management .digis {
background: #f3b855;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-image: none;
background-size: auto;
border-radius: 6px;
padding: 22px;
padding-left: 22px;
padding-left: 22px;
font-size: 1.7rem;
color: #fff;
margin-bottom: 67px;
background-image: url(/themes/custom/ppas/pic/bulpwhite.svg);
background-repeat: no-repeat;
background-size: 25px;
background-position: 17px center;
padding-left: 65px;
}
.context-firmy-mobilita .ui-tab.ui-tabs-active {
background: #f9f9f9 !important;
border: solid 2px #f9f9f9 !important;
padding-bottom: 25px !important;
text-decoration: underline;
}
.context-firmy-energicky-management .bigh strong {
font-weight: bolder!important;
}
#block-enermag {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-enermag .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.context-firmy-energicky-management .bigh {
font-size: 3rem !important;
color: #003d69;
margin-bottom: 40px;
margin-top: 0px !important;
}
.context-firmy-energicky-management .zaruka {
background: #f1f1f1;
padding: 33px;
margin-left: -24px;
margin-top: 22px;
margin-bottom: -40px;
}
.context-firmy-energicky-management .payment {
padding: 33px;
margin-left: -24px;
margin-top: 22px;
margin-bottom: -40px;
}
.context-firmy-energicky-management .zaruka h3, .context-fotovoltaika-pro-firmy .payment h3 {
font-weight: 600;
margin-bottom: 21px;
font-size: 2rem;
}
#block-mobilitawebform .form-item-vas-email {
margin-top: 15px;
}
@media (max-width: 576px) {
.context-firmy-energicky-management .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/enermagmob.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
}
#block-mobilitawebform {
float: left;
background: #fcf4d6;
padding: 44px;
width: 100%;
margin-left: 0%;
margin-top: 47px;
}
.banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 100%;
margin-top: 374px;
}
.context-firmy-energicky-management .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background: #fff;
border: solid 2px #faebb5;
width: 100%;
text-align: center;
padding: 22px;
font-weight: bold;
font-size: 1.8rem;
}
.context-firmy-energicky-management .ui-tabs-panel {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 25px;
margin-left: 0px;
}
.context-firmy-energicky-management .col-12.cont {
padding: 0px;
}
.context-firmy-energicky-management .zaruka {
background: transparent;
padding: 25px;
margin-left: -9px;
margin-top: 22px;
margin-bottom: -40px;
}
}
/* Nekomodity Úspora */
.context-firmy-energeticke-uspory .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/kotelna.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
.context-firmy-energeticke-uspory .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background: #fff;
border: solid 2px #faebb5;
width: 32%;
text-align: center;
padding: 21px;
font-weight: bold;
font-size: 1.8rem;
height: 68px;
}
.context-firmy-energeticke-uspory .digis {
background: #f3b855;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-image: none;
background-size: auto;
border-radius: 6px;
padding: 22px;
padding-left: 22px;
padding-left: 22px;
font-size: 1.7rem;
color: #fff;
margin-bottom: 67px;
background-image: url(/themes/custom/ppas/pic/bulpwhite.svg);
background-repeat: no-repeat;
background-size: 25px;
background-position: 17px center;
padding-left: 65px;
}
.context-firmy-energeticke-uspory .ui-tabs-tab #ui-id-1 {
background: url(/themes/custom/ppas/pic/k1.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 5px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
font-size: 1.4rem;
}
.context-firmy-energeticke-uspory .ui-tabs-tab #ui-id-2 {
background: url(/themes/custom/ppas/pic/k2.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 5px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
font-size: 1.4rem;
}
.context-firmy-energeticke-uspory .ui-tabs-tab #ui-id-3 {
background: url(/themes/custom/ppas/pic/k3.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 5px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
font-size: 1.4rem;
}
.context-firmy-energeticke-uspory .ui-tabs-tab #ui-id-4 {
background: url(/themes/custom/ppas/pic/k4.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 5px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
font-size: 1.4rem;
display:block!important;
}
.context-firmy-energeticke-uspory .ui-tabs-tab #ui-id-5 {
background: url(/themes/custom/ppas/pic/k5.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 5px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
font-size: 1.4rem;
}
.context-firmy-energeticke-uspory .ui-tabs-tab #ui-id-6 {
background: url(/themes/custom/ppas/pic/k6.svg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat;
background-position: center left;
padding-left: 33px !important;
box-shadow: none !important;
padding: 5px;
padding-left: 24px;
padding-left: 85px !important;
background-size:73px 73px;
font-size: 1.4rem;
}
.context-firmy-energeticke-uspory .ui-tab.ui-tabs-active {
background: #f9f9f9 !important;
border: solid 2px #f9f9f9 !important;
padding-bottom: 25px !important;
text-decoration: underline;
margin-bottom:0px!important;
}
.context-firmy-energeticke-uspory .ui-widget-content h2, .context-firmy-mobilita .ui-widget-content h2 {
font-size: 2rem !important;
color: #003d69;
margin-bottom: 36px !important;
font-weight: 600;
margin-top: 35px !important;
}
.context-firmy-energeticke-uspory .ui-widget-content h3 {
font-size: 1.7rem !important;
color: #003d69;
margin-bottom: 36px !important;
font-weight: 600;
margin-top: 35px !important;
}
#blocktabs-kotelny-1 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
#blocktabs-kotelny-2 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
#blocktabs-kotelny-3 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
#blocktabs-kotelny-4 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
#blocktabs-kotelny-5 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
#blocktabs-kotelny-6 {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 40px;
margin-left: 5px;
}
.context-firmy-mobilita .bigh strong {
font-weight: bolder!important;
}
.context-firmy-mobilita #ui-id-4 {
display: block;
}
#block-kotelnynekomodity {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-kotelnynekomodity .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-kotelnynekomodity .form-item-vas-email {
margin-top: 20px;
}
.context-firmy-fotovoltaika .bigh {
font-size: 3rem !important;
color: #003d69;
margin-bottom: 40px;
margin-top: 40px !important;
}
.context-firmy-fotovoltaika .zaruka {
background: #f1f1f1;
padding: 33px;
margin-left: -24px;
margin-top: 22px;
margin-bottom: -40px;
}
.context-firmy-fotovoltaika .payment {
padding: 33px;
margin-left: -24px;
margin-top: 22px;
margin-bottom: -40px;
}
.context-firmy-fotovoltaika .zaruka h3, .context-fotovoltaika-pro-firmy .payment h3 {
font-weight: 600;
margin-bottom: 21px;
font-size: 2rem;
}
#blocktabs-nekomodityfotov-1 li, #blocktabs-nekomodityfotov-2 li {
background: url(/themes/custom/ppas/pic/check2.svg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-size: 13px 21px !important;
background-repeat: no-repeat !important;
background-position: 2px 0px !important;
padding-left: 29px;
}
#blocktabs-nekomodityfotov-1 ul, #blocktabs-nekomodityfotov-2 ul {
list-style-type: none;
padding: 0px;
}
#block-mobilitawebform .form-item-vas-email {
margin-top: 15px;
}
@media (max-width: 576px) {
.context-firmy-energeticke-uspory .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/kotelnamob.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
}
#block-kotelnynekomodity {
float: left;
background: #fcf4d6;
padding: 44px;
width: 100%;
margin-left: 0%;
margin-top: 47px;
}
.banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 100%;
margin-top: 374px;
}
.context-firmy-energeticke-uspory .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
background: #fff;
border: solid 2px #faebb5;
width: 100%;
text-align: center;
padding: 22px;
font-weight: bold;
font-size: 1.8rem;
}
.context-firmy-energeticke-uspory .col-12.cont {
padding: 0px;
}
.context-firmy-energeticke-uspory .zaruka {
background: transparent;
padding: 25px;
margin-left: -9px;
margin-top: 22px;
margin-bottom: -40px;
}
.context-firmy-energeticke-uspory .ui-tabs-panel {
background: #f9f9f9 !important;
margin-top: -3px;
padding: 20px;
margin-left: 5px;
}
.context-firmy-energeticke-uspory #block-kotelnynekomodity {
float: left;
background: #fcf4d6;
padding: 27px;
width: 100%;
margin-left: 0%;
margin-top: 47px;
}
}
.context-firmy #block-category .a1, .context-firmy-fotovoltaika .a1, .context-firmy-energeticke-uspory .a1, .context-firmy-mobilita .a1, .context-firmy-energicky-management .a1 {
font-weight: 100!important;
border-bottom: none!important;
}
.context-firmy #block-category .nekom, .context-firmy-fotovoltaika .nekom, .context-firmy-energeticke-uspory .nekom, .context-firmy-mobilita .nekom, .context-firmy-energicky-management .nekom {
font-weight: 800;
border-bottom: solid 2px #f3b855;
}
/* ROK */
.views-field.views-field-field-fotografie2 img {
width: 24%;
height: auto;
}
.views-field.views-field-field-fotografie2 {
margin-top:50px;
margin-bottom:50px;
}
.views-field-field-kontakty, .views-field-field-oteviraci-doba, .views-field-field-adresa {
float:left;
width:33%;
}
.views-field.views-field-field-mapa {
margin-top: 33px;
float: left;
width: 100%;
}
.kancelarow {
padding: 16px;
}
.views-field-field-webform {
float: right;
width: 100%;
background: #fcf4d6;
padding: 31px;
margin-bottom: 0px;
margin-top: 54px;
position: relative;
z-index: 2;
}
.views-field-field-webform input {
width: 100%;
padding: 12px;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#collapsiblock-wrapper-views_block__kancelar_hradec_block_1 h2 {
font-size: 2.1rem !important;
font-style: normal !important;
text-transform: none !important;
letter-spacing: 0px !important;
font-weight: bold;
margin-bottom: 22px;
}
#block-views-block-kancelar-hradec-block-1 {
padding-top: 15px;
padding-bottom: 17px;
border-bottom: solid 1px #eee;
margin-bottom: 50px;
}
div .collapsiblockCollapsed {
background: none!important;
}
div .collapsiblockCollapsed::after {
content: "+"!important;
float: right;
font-size: 3rem!important;
margin-top: -62px!important;
}
div .collapsiblock {
background: none!important;
}
div .collapsiblock::after {
content: "-";
float: right;
font-size: 5rem;
margin-top: -82px;
}
#block-views-block-kancelar-hradec-block-1 .bigh {
font-size: 3rem !important;
}
@media (max-width: 576px) {
.views-field-field-kontakty, .views-field-field-oteviraci-doba, .views-field-field-adresa {
float:left;
width:100%;
}
}
/* HK Hradec */
.context-mountfieldhk .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/hokej.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
.context-mountfieldhk .digicheck img {
width: 82px;
margin: auto;
display: block;
}
.context-mountfieldhk .digicheck h3 {
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.context-mountfieldhk .digin {
-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
padding: 43px;
margin-bottom: 11px;
border-radius: 8px;
margin-top: 15px;
}
#edit-soutezni-listek .fieldset-wrapper .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#edit-soutezni-listek .fieldset-wrapper {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: -26px;
}
#block-hokejsoutez {
clear: both;
}
#edit-soutezni-listek {
margin-top: 69px;
}
#block-hokejsoutez .fieldset-legend {
font-weight: 800;
font-size: 1.8rem;
margin-top: 50px;
display: block;
}
.context-mountfieldhk .bigh {
font-size: 4rem;
color: #003d69;
margin-bottom: 11px;
}
.context-mountfieldhk #edit-soutez-in {
clear: both;
width: 50%;
}
#block-pravidlahokej {
margin-top: 50px;
margin-bottom: 50px;
}
@media (max-width: 576px) {
.context-mountfieldhk .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/hokejmobile.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat!important;
}
.banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 100%;
margin-top: 359px;
}
.context-mountfieldhk #edit-soutez-in {
clear: both;
width: 100%;
}
#edit-soutezni-listek .fieldset-wrapper {
float: left;
background: #fcf4d6;
padding: 15px;
width: 100%;
margin-left: 0px !important;
margin-top: -10px;
}
#edit-soutezni-listek {
margin-top: 50px;
}
.context-mountfieldhk .digin {
margin-top: -34px;
}
}
/* Kotle Akce microsite */
.context-kotle-akce .banner {
height: 497px;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4)), url(/themes/custom/ppas/pic/kotleall.jpg);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
.context-kotle-akce .banner h1 {
font-size: 4.6rem;
color: #fff;
float: left;
width: 471px;
margin-top: 349px;
font-weight: 800;
letter-spacing: -2px !important;
text-shadow: -1px 1px 10px rgba(0,0,0,0.14);
}
.context-kotle-akce .banner .but {
clear: both;
background: #f3b855;
float: left;
color:#fff;
text-align: center;
font-size: 2rem;
font-weight: 600;
margin-top: 25px;
}
.context-kotle-akce .digicheck .fa-check {
color:
#f3b855;
font-size: 2rem;
float: left;
height: 43px;
margin-right: 24px;
margin-top: -11px;
}
.context-kotle-akce .digin {
min-height: 192px;
}
.context-kotle-akce .inner {
-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 11px -1px
rgba(0,0,0,0.15);
padding: 22px;
margin-bottom: 35px;
border-radius: 8px;
text-align:center;
transition: all .2s ease-in-out;
}
.context-kotle-akce #jaksoutezit {
margin-top: 33px;
}
.inner .logo {
width: 138px;
float: left;
margin-top: 8px;
position: relative;
right: -14px;
margin-right: -265px;
}
.inner .but {
clear: both;
background: #f3b855;
color:#fff !important;
text-align: center;
font-size: 1.5rem;
font-weight: 600;
margin-top: 41px;
margin-bottom: 45px;
}
.inner h3 {
font-size: 2.2rem;
}
.inner .kotel {
height: 321px;
margin-top: 50px;
margin-bottom: 28px;
}
.inner:hover {
transform: scale(1.05);
}
.context-kotel-viessmann .banner {
background: url(/themes/custom/ppas/pic/viessmann_bck.jpg);
padding-bottom:50px;
}
.context-kotel-viessmann .banner h1 {
font-size: 4rem;
color:
#fff;
float: left;
width: 393px;
margin-top: 35px;
margin-bottom: -16px;
}
.kotle .digin {
min-height: 126px;
}
.kotle .digicheck .fa-check {
color:
#f3b855;
font-size: 2rem;
float: left;
height: 89px;
margin-right: 24px;
}
.smallh.botth {
margin-top: 70px;
}
.context-kotel-buderus-logamax-plus-gb192i .banner {
background: url(/themes/custom/ppas/pic/buderus1.jpg);
padding-bottom:50px;
}
.context-kotel-buderus-logamax-plus-gb122i .banner {
background: url(/themes/custom/ppas/pic/buderus2.jpg);
padding-bottom:50px;
}
#block-buderusform {
float: left;
background:
#fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-buderusform .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px
#ccc;
margin-bottom: 10px;
}
.row.kotelin {
margin-top: 44px;
margin-bottom: -40px;
}
.context-kotel-de-dietrich-naneo-s .banner {
background: url(/themes/custom/ppas/pic/naneos.jpg);
padding-bottom:50px;
}
.context-kotel-de-dietrich-twineo .banner {
background: url(/themes/custom/ppas/pic/twineo.jpg);
padding-bottom:50px;
}
.context-kotel-de-dietrich-mpx .banner {
background: url(/themes/custom/ppas/pic/vivadens.jpg);
padding-bottom:50px;
}
.context-kotel-de-dietrich-naneo-s .digin h3, .context-kotel-de-dietrich-twineo .digin h3, .context-kotel-de-dietrich-vivadens .digin h3 {
font-size: 1.4rem;
line-height: 21px;
}
.context-kotel-de-dietrich-naneo-s .digin, .context-kotel-de-dietrich-twineo .digin, .context-kotel-de-dietrich-vivadens .digin {
min-height: 118px;
}
.context-kotel-de-dietrich-naneo-s #jaksoutezit, .context-kotel-de-dietrich-twineo #jaksoutezit, .context-kotel-de-dietrich-vivadens #jaksoutezit {
margin-top: 55px;
}
#block-dedietrichform {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-dedietrichform .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
@media (max-width: 576px) {
.context-kotle-akce .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/mobilekotleakce.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
}
.context-kotle-akce .banner h1 {
font-size: 3rem;
color:
#fff;
float: left;
width: 100%;
margin-top: 359px;
}
.context-kotle-akce .inner img {
width: 100%;
height: auto;
}
.context-kotel-viessmann #block-viessmanakce {
float: left;
background:
#fcf4d6;
padding: 23px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
.context-kotel-viessmann .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/viess.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
padding-bottom: 36px !important;
}
.context-kotel-viessmann .banner h1 {
font-size: 3rem;
color:
#fff;
float: left;
width: 100%;
margin-top: 386px;
margin-bottom: 16px;
}
#block-buderusform {
float: left;
background:#fcf4d6;
padding: 32px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
.context-kotel-buderus-logamax-plus-gb192i .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/buderusmob1.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
padding-bottom: 36px !important;
}
.context-kotel-buderus-logamax-plus-gb192i .banner h1 {
font-size: 3rem;
color:
#fff;
float: left;
width: 100%;
margin-top: 386px;
margin-bottom: 16px;
}
.context-kotel-buderus-logamax-plus-gb122i .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/buderusmob2.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
padding-bottom: 36px !important;
}
.context-kotel-buderus-logamax-plus-gb122i .banner h1 {
font-size: 3rem;
color:
#fff;
float: left;
width: 100%;
margin-top: 386px;
margin-bottom: 16px;
}
}
/*Akce Plzeň */
.soutezangus {
float: left;
position: relative;
}
.soutezblock {
background: #fff;
float: left;
padding: 25px;
padding-left: 25px;
padding-left: 120px;
margin-left: -98px;
width: 422px;
margin-top: 2px;
}
.borderaround.darek img {
float: left;
width: 168px;
margin-right: 25px;
}
.soutezblock h2 {
font-size: 2.3rem;
font-weight: bold;
margin-bottom: 22px;
}
.borderaround.darek ul {
float: right;
width: 75% !important;
}
.context-akce-plzen .banner {
height: 710px;
background: url(/themes/custom/ppas/pic/plzen_bck.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
background-repeat: no-repeat;
}
.borderaround h2 {
font-size: 2.3rem !important;
margin-top: 11px !important;
margin-bottom: 16px !important;
}
.borderaround.darek {
border: solid 4px #003d69;
float: left;
padding: 40px;
margin-bottom: 54px;
}
.context-akce-plzen .item {
margin-bottom: 10px;
}
#block-akceplzenform {
padding-bottom: 22px;
}
#block-akceplzenform {
width: 44%;
float: right;
margin-top: -656px;
padding: 35px;
border-radius: 6px;
background: rgb(72,168,237);
background: -moz-linear-gradient(-45deg, rgb(72,168,237) 0%, rgb(2,64,108) 100%);
background: -webkit-linear-gradient(-45deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
background: linear-gradient(135deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a8ed', endColorstr='#02406c',GradientType=1 );
color:#fff;
padding-top: 40px;
}
#block-akceplzenform p {
color: #fff;
font-size: 1.4rem;
margin-top: 10px;
}
#block-akceplzenform h2 {
display:none;
}
#block-akceplzenform #edit-komodita--wrapper {
float: left;
height: 57px;
width: 100%;
}
#block-akceplzenform .js-form-type-radio input + label {
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-top: 0px;
margin-right: 0px;
margin-right: 0px;
padding: 11px 20px;
box-sizing: border-box;
position: relative;
display: inline-block;
border: solid 1px #ddd;
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
background-color: #fff;
font-size: 1.4rem;
line-height: 140%;
font-weight: 600;
text-align: center;
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
flex: 0 0 100%;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin-right: -3px;
margin-top: -4px;
width: 100%;
height: 66px;
color:#00184c!important;
}
#block-akceplzenform .js-form-type-radio input:checked + label {
background-color: #fae9ae;
color: #00184c;
box-shadow: none;
border-color: #fae9ae;
z-index: 1;
outline: none;
}
#block-akceplzenform .js-form-type-radio input + label {
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-right: 0px;
padding: 18px 39px;
box-sizing: border-box;
position: relative;
display: inline-block;
border: solid 1px #ddd;
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
background-color: #fff;
font-size: 1.8rem;
line-height: 140%;
font-weight: 600;
text-align: center;
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
flex: 0 0 100%;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin-right: -3px;
margin-top: 15px;
width: 100%;
height: 83px;
outline: none;
}
#block-akceplzenform .js-form-type-radio input {
width: 0;
height: 0;
position: absolute;
left: -9999px;
}
.context-akce-plzen #edit-komodita {
margin-top: -35px;
}
#block-akceplzenform .form-item-komodita {
float: left;
width: 33%;
margin-right: 0px !important;
}
.context-akce-plzen .banner h1 {
font-size: 5rem;
color: #fff;
float: left;
width: 45%;
margin-top: 114px;
font-weight: 800;
line-height: 53px;
margin-bottom: -27px;
}
.context-akce-plzen .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 376px;
margin-top: 37px;
float: left;
margin-bottom: 50px;
}
.context-akce-plzen #block-da-content h2 {
font-size: 4rem;
color: #003d69;
font-weight: 400!important;
float: left;
width: 100%;
}
#webform-submission-akceplzenform-block-content-131-add-form {
background: #f8f8f8;
float: left;
width: 100%;
padding: 58px;
}
#block-akceplzenmiddle .js-form-type-radio input:checked + label {
background-color: #003d69;
color:#fff;
box-shadow: 0 0 10pxrgba(102, 179, 251, 0.5);
border-color:#003d69;
z-index: 1;
}
#block-akceplzenmiddle .js-form-type-radio input + label {
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-top: 0px;
margin-right: 0px;
margin-right: 0px;
padding: 18px 39px;
box-sizing: border-box;
position: relative;
display: inline-block;
border: solid 1px #ddd;
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
background-color:#fff;
font-size: 1.8rem;
line-height: 140%;
font-weight: 600;
text-align: center;
box-shadow: 0 0 0rgba(255, 255, 255, 0);
transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
flex: 0 0 100%;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin-right: -3px;
margin-top: 15px;
width: 100%;
height: 83px;
outline: none;
}
#block-akceplzenmiddle .js-form-type-radio input {
width: 0;
height: 0;
position: absolute;
left: -9999px;
}
#block-akceplzenmiddle .form-item-komodita {
float: left;
width: 33%;
margin-right: -1px !important;
}
.context-akce-plzen #block-da-content {
float: left;
width: 100%;
margin-top: 75px;
}
@media (max-width: 576px) {
.context-akce-plzen .mainblock {
margin-top: -50px;
padding-left: 0px;
padding-right: 0px;
}
#block-akceplzenform {
width: 100%;
float: unset;
margin-top: -17px;
padding: 17px;
border-radius: 6px;
margin-bottom: 25px;
}
.context-akce-plzen .banner h1 {
font-size: 4rem;
color:
#fff;
float: left;
width: 100%;
margin-top: 47px;
font-weight: 800;
line-height: 39px;
margin-bottom: -4px;
}
.soutezblock {
background: #fff;
float: right;
padding: 25px;
padding-left: 25px;
padding-left: 25px;
padding-left: 83px;
margin-left: -98px;
width: 273px;
margin-top: 2px;
margin-bottom: ;
}
.soutezangus {
float: left;
position: absolute;
width: 138px;
left: -19px;
}
.borderaround.darek ul {
float: right;
width: 100%;
}
}
/* Tepelná čerpadla - Microsite */
.context-tepelna-cerpadla .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/tcerpadla.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
.context-tepelna-cerpadla .banner h1 {
font-size: 7rem;
color:
#fff;
float: left;
width: 393px;
margin-top: 127px;
}
.context-tepelna-cerpadla .digin h3 {
font-weight: bold;
margin-top: 10px;
}
.context-tepelna-cerpadla .digin {
min-height: 155px;
}
.tpin img {
width: 50px;
float: left;
margin-right: 20px;
height: 50px;
}
.tpin h3 {
font-weight:bold;
}
.tpin {
margin-top: 19px;
display: block;
float: left;
width: 100%;
}
.row.sluzbyzaruky {
margin-top: 50px;
margin-bottom: 50px;
}
.tpinof {
-webkit-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
box-shadow: 0px 0px 11px -1px
rgba(0,0,0,0.15);
padding: 50px;
margin-bottom: 15px;
border-radius: 8px;
float: left;
width: 100%;
}
.tpmore span {
float: right;
}
.tpmore a {
text-decoration:none;
}
.has-content.open span {
transform: rotate(45deg);
}
.tpinof p {
font-size: 1.3rem;
display: block;
float: left;
width: 100%;
margin-top: 28px;
margin-bottom: 40px;
min-height: 189px;
}
.tpinof .price {
font-weight: bold;
font-size: 2rem;
}
.tpinof h2 {
font-size: 3rem !important;
}
.context-tepelna-cerpadla .splatka {
margin-top: -138px;
}
.finholder {
margin-top: 87px;
}
#block-cerpadlaform {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-cerpadlaform .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-cerpadlaform select {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-cerpadlaform #edit-firmaleft {
float: left;
width: 45%;
margin-right: 4%;
}
.kalkulaceplzen {
margin-bottom: 29px;
}
.kalkulaceplzen .bigh {
margin-bottom: 12px;
}
.kalkulaceplzen h3 {
margin-top: 14px;
margin-bottom: 21px;
font-weight: bold;
font-size: 3rem;
}
@media (max-width: 576px) {
.context-tepelna-cerpadla .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/cerpadlamob.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
}
.context-tepelna-cerpadla .banner h1 {
font-size: 5rem;
color: #fff;
float: left;
width: 100%;
margin-top: 319px;
}
.row.sluzbyzaruky .col-12 {
margin-bottom: 50px;
}
#block-cerpadlaform {
padding: 26px;
}
}
/* Slovan - Microsite */
.context-fcslovanliberec .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/slovan.jpg);
background-size: 1920px;
background-position: center center;
width: 80%;
}
.context-fcslovanliberec .digicheck img {
width: 82px;
margin: auto;
display: block;
}
.context-fcslovanliberec .digicheck h3 {
font-size: 2rem;
font-weight: bold;
text-align: center;
}
#block-slovan {
float: left;
width: 100%;
margin-top: -46px;
}
#block-slovan .fieldset-legend {
font-weight: 800;
font-size: 1.8rem;
margin-top: 50px;
display: block;
}
#block-slovan #edit-soutez-in {
float: left;
width: 50%;
}
#block-pravidlafotbal {
float: left;
margin-top: 62px;
}
.kalkulaceplzen h2 {
margin-bottom: 37px;
margin-top: -38px;
}
@media (max-width: 576px) {
.context-fcslovanliberec .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/slovan_mob.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat !important;
}
#block-slovan #edit-soutez-in {
float: left;
width: 100%;
}
}
/* Jsme online - Microsite */
.context-jsme-online .products .prodin p {
min-height: 21px;
text-align: left;
}
.context-jsme-online .digin {
min-height: 93px;
}
.context-jsme-online .digin h3 {
font-size: 1.5rem;
margin-top: 7px;
}
.context-jsme-online .bigh {
font-size: 4rem;
color: #003d69;
margin-bottom: 25px;
margin-top: 30px !important;
}
.context-jsme-online .smallh {
margin-top: 51px;
}
.context-jsme-online .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/jsmeonline.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
@media (max-width: 576px) {
.context-jsme-online .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/jsmeonline_mob.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat !important;
}
}
@media (max-width:980px) and (min-width:580px) {
.container {
max-width: 100%;
}
.banner h1 {
font-size: 4rem!important;
color: #fff;
float: left;
width: 393px;
margin-top: 96px!important;
margin-bottom: -16px;
}
}
#block-kotleakce-2 {
width: 40%;
float: right;
margin-top: -457px;
padding: 59px;
padding-top: 59px;
padding-bottom: 59px;
padding-top: 59px;
padding-bottom: 59px;
padding-top: 59px;
padding-bottom: 59px;
border-radius: 6px;
background: rgb(72,168,237);
background: -moz-linear-gradient(-45deg, rgb(72,168,237) 0%, rgb(2,64,108) 100%);
background: -webkit-linear-gradient(-45deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
background: linear-gradient(135deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a8ed', endColorstr='#02406c',GradientType=1 );
color: #fff;
padding-top: 40px;
}
#block-kotleakce-2 h2 {
font-size: 3.3rem;
color: #fff;
font-weight: 400;
float: left;
width: 100%;
margin-bottom: 21px;
}
#block-kotleakce-2 #edit-jmeno-a-prijmeni, #block-kotleakce-2 #edit-telefon, #edit-usernames {
padding: 11px;
width: 100%;
border-radius: 3px;
border: none;
margin-bottom: 6px;
font-size: 1.2rem;
}
#block-kotleakce-2 .form-item-komodita {
float: left;
width: 33%;
margin-right: 0px;
}
#block-kotleakce-2 .js-form-type-radio input + label {
margin: 0;
margin-top: 0px;
margin-right: 0px;
margin-top: 0px;
margin-right: 0px;
margin-right: 0px;
padding: 11px 20px;
box-sizing: border-box;
position: relative;
display: inline-block;
border: solid 1px #ddd;
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
border-top-color: rgb(221, 221, 221);
border-right-color: rgb(221, 221, 221);
border-bottom-color: rgb(221, 221, 221);
border-left-color: rgb(221, 221, 221);
background-color: #fff;
font-size: 1.4rem;
line-height: 140%;
font-weight: 600;
text-align: center;
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
flex: 0 0 100%;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin-right: -3px;
margin-top: -4px;
width: 100%;
height: 66px;
color:#00184c!important;
}
#block-kotleakce-2 .js-form-type-radio input:checked + label {
background-color: #fae9ae;
color: #00184c;
box-shadow: none;
border-color: #fae9ae;
z-index: 1;
outline: none;
}
#block-kotleakce-2 .js-form-type-radio input {
width: 0;
height: 0;
position: absolute;
left: -9999px;
}
@media (max-width: 576px) {
#block-kotleakce-2 {
width: 100%;
float: right;
margin-top: 70px;
padding:18px;
}
#block-kotleakce-2 .form-item-komodita {
float: left;
width: 33%;
margin-right: 0px;
max-width: 50%;
}
}
/* Partner - Microsite */
.context-partner .banner {
height: 500px;
background: url(/themes/custom/ppas/pic/partner.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
}
#block-partnerform {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-partnerform .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-partnerform select {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.context-partner .banner h1 {
font-size: 7rem;
color: #fff;
}
@media (max-width: 576px) {
.context-partner .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/partner_mob.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
}
.context-partner .banner h1 {
font-size: 5rem;
color: #fff;
}
#block-partnerform {
float: left;
background: #fcf4d6;
padding: 21px;
width: 104%;
margin-left: 0px;
margin-top: 18px;
}
}
/* Benefit microstie */
.context-benefit .banner {
height: 500px;
background: url(/themes/custom/ppas/pic/benefitban.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
}
#block-benefitform {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-benefitform .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-benefitform select {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
/* Reference */
.refbub:after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
left: -10px;
width: 10px;
height: 20px;
background: white;
border-bottom-right-radius: 10px;
}
.refbub:before {
content: "";
position: absolute;
z-index: 0;
bottom: 0;
left: -7px;
height: 20px;
width: 20px;
background: #eee;
border-bottom-right-radius: 15px;
}
.refbub2:before {
content: "";
position: absolute;
z-index: 0;
bottom: 0;
right: -8px;
height: 20px;
width: 20px;
background:#1c8aff;
border-bottom-left-radius: 15px;
}
.refbub2:after {
content: "";
position: absolute;
z-index: 1;
bottom: 0;
right: -10px;
width: 10px;
height: 20px;
background: white;
border-bottom-left-radius: 10px;
}
.refbub {
background: #eee;
padding: 10px;
width: 370px;
text-align: center;
border-radius: 29px;
color: #000;
display: block;
position: relative;
}
.refbub2 {
background: #1c8aff;
padding: 10px;
width: 370px;
text-align: center;
border-radius: 29px;
color: #fff;
margin-right: -150px;
display: block;
margin-left: 101px;
margin-top: 12px;
margin-bottom: 12px;
position: relative;
}
.container-fluid.reference {
background: #fbfbfb;
margin-top: 90px;
padding-top: 90px;
padding-bottom: 90p;
}
.reference .refleft {
float:left;
}
.reference .refright {
float: right;
}
.scrollin {
overflow-y: scroll;
height: 533px;
margin-top: 50px;
padding-left: 20px;
padding-right: 207px;
margin-right: 127px;
}
.refleft .views-field-title {
position: absolute;
top: 0px;
font-weight: 100;
width: 175px;
left: 385px;
}
.reference header h2 {
color: #003d69;
text-transform: uppercase;
letter-spacing: 8px;
font-size: 1.8rem;
}
.reference header h3 {
font-size: 4rem;
color: #003d69;
margin-bottom: 62px;
}
.reference a.but {
background: #f3b855;
border: none;
padding: 15px;
border-radius: 50px;
width: 216px;
color: #fff;
margin-top: 45px;
cursor: pointer;
text-align: center;
margin-bottom: 80px;
}
.reference .owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
width: 100%;
}
.reference .owl-prev {
position: absolute;
left: -42px;
top: 37%;
background: transparent !important;
opacity: 1 !important;
border-radius: 0px !important;
padding: 11px !important;
color: #003d69 !important;
font-size: 2rem !important;
font-weight: 100 !important;
transform: scale(1.5,2);
}
.reference .owl-next {
position: absolute;
right: 65px;
top: 37%;
background: transparent !important;
opacity: 1 !important;
border-radius: 0px !important;
padding: 11px !important;
color: #003d69 !important;
font-size: 2rem !important;
font-weight: 100 !important;
transform: scale(1.5,2);
}
.reference .owl-pagination {
position: absolute;
width: 100%;
}
@media (max-width: 576px) {
.refleft .views-field-title {
position: absolute;
top: 0px;
font-weight: 100;
width: 100%;
left: 0px;
}
.reference .refright {
float: right;
width: 100%;
}
.refbub {
padding: 10px;
width: 100%;
}
.refbub2 {
background: #1c8aff;
padding: 10px;
width: 100%;
text-align: center;
border-radius: 29px;
color: #fff;
margin-right: 363px;
display: block;
margin-left: 0px;
margin-top: 12px;
margin-bottom: 12px;
position: relative;
}
.reference .scrollin {
overflow-y: scroll;
height: auto;
margin-top: 50px;
padding-left: 0px;
padding-right: 0px;
margin-right: 0px;
}
.owl-buttons {
display: none;
}
.context-fotovoltaika #edit-firmaleft {
float: left;
width: 100%!important;
}
}
/* VN590 */
#edit-count p {
margin-bottom: 0px!important;
}
#edit-count {
float: left;
background: #23b587;
padding: 10px;
padding-left: 10px;
border-radius: 80px;
padding-left: 23px;
}
#edit-count .fa-check {
margin-right: 7px;
}
.context-vn590 .banner {
height: 497px;
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.2)), url(/themes/custom/ppas/pic/vnbck.jpg);
background-size: 1920px;
background-position: center center;
width: 80%;
}
.context-vn590 .form-text {
padding: 8px!important;
width: 100%!important;
border-radius: 3px!important;
border: none!important;
margin-bottom: 10px!important;
}
.context-vn590 #edit-telefon {
padding: 8px;
padding-left:40px!important;
width: 100%!important;
border-radius: 3px!important;
border: none!important;
margin-bottom: 10px!important;
}
.context-vn590 .checkboxes--wrapper {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
margin-top: 0px !important;
}
.context-vn590 .banner h1 {
font-size: 5.2rem;
color: #fff;
float: left;
width: 554px;
margin-bottom: -38px;
font-weight: 800;
margin-top: 271px;
text-shadow: 1px 2px 2px rgba(0,0,0,0.36);
letter-spacing: -2px;
}
.context-vn590 #block-da-content {
float: left;
width: 60%;
}
#block-vn590form .form-item {
width: 100%!important;
margin-top: 4px!important;
}
#block-vn590form {
width: 37%;
float: right;
margin-top: 0px;
padding: 59px;
padding-top: 59px;
padding-bottom: 59px;
padding-top: 59px;
padding-bottom: 59px;
padding-top: 59px;
padding-bottom: 59px;
padding-top: 59px;
padding-bottom: 59px;
padding-top: 59px;
padding-bottom: 59px;
padding-top: 59px;
padding-bottom: 59px;
border-radius: 6px;
background: rgb(72,168,237);
background: -moz-linear-gradient(-45deg, rgb(72,168,237) 0%, rgb(2,64,108) 100%);
background: -webkit-linear-gradient(-45deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
background: linear-gradient(135deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a8ed', endColorstr='#02406c',GradientType=1 );
color: #fff;
padding-top: 40px;
margin-top: -200px !important;
}
#block-vn590form #edit-left {
float: left;
width: 100%!important;
}
#block-vn590form #edit-right {
float: left;
width: 100%!important;
}
#block-vn590form #edit-right .fieldset-legend {
font-size: 2rem;
margin-bottom: 10px;
display: block;
border-bottom: solid 1px aliceblue;
}
#block-vn590form h2 {
color: #fff !important;
font-size: 3rem;
}
.context-vn590 #edit-processed-text-01 a {
color: #fff;
text-decoration: underline;
}
.context-vn590 #edit-processed-text-01 ul {
padding:0px;
list-style-type:none;
}
.context-vn590 .form-item a {
color: #fff;
text-decoration: underline;
margin-top: -3px;
display: block;
}
.context-vn590 #edit-processed-text-01 li {
background: url(/themes/custom/ppas/pic/pdf.svg);
background-repeat: repeat;
background-size: auto;
padding-left: 26px;
background-repeat: no-repeat;
background-size: 16px;
}
.context-vn590 .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 376px;
margin-top: 37px;
float: left;
text-shadow: 1px 2px 2px rgba(0,0,0,0.36);
}
.context-vn590 .specialoffer span {
font-weight: 800 !important;
font-size: 9rem !important;
background: #f3b855;
padding: 13px;
padding-right: 13px;
padding-left: 13px;
display: block;
margin-right: 12px;
margin-bottom: 0px !important;
border-radius: 7px;
padding-left: 10px;
padding-right: 10px;
width: 100% !important;
text-align: center;
}
.specialoffer p {
font-size: 3.3rem;
font-weight: 400;
margin-top: -43px;
}
.context-vn590 iframe {
padding-top: 15px;
border-top: solid 1px #f8f8f8 !important;
margin-top: 27px;
border-bottom: solid 1px #f8f8f8 !important;
}
.specialoffer {
margin-bottom: 29px;
margin-top:68px;
text-align:center;
}
.specialoffer2 {
font-size: 3rem;
width: 100%;
float: left;
padding-top: 31px;
}
.moreinfo {
font-size: 1.4rem;
font-weight: 400;
margin-top: 10px;
}
.context-vn590 .regbut {
background: #f3b855;
padding: 20px;
margin-bottom: 31px;
float: left;
width: 200px;
text-align: center;
border-radius: 8px;
text-decoration: none !important;
}
.specialoffer2 img {
padding-right: 20px;
float: left;
margin-top: 18px;
}
.specialoffer2 span {
font-weight: 800;
width: 100%;
display: block;
}
.specialoffer img {
margin-right: 14px;
height: 31px;
width: 40px;
}
@media (max-width: 576px) {
.context-vn590 .banner {
background-position: center center !important;
background-size: 1330px;
position: relative;
overflow:hidden;
}
.context-vn590 .banner .container {
position: absolute;
bottom: 15px;
left: 0px;
right: 0px;
}
.context-vn590 .banner h1 {
margin-top:0px!important;
}
.context-vn590 .specialoffer span {
font-weight: 800 !important;
font-size: 5rem !important;
background: #f3b855;
padding: 13px;
padding-right: 13px;
padding-left: 13px;
padding-right: 13px;
padding-left: 13px;
display: block;
margin-right: 12px;
margin-bottom: 0px !important;
border-radius: 7px;
padding-left: 10px;
padding-right: 10px;
width: 100% !important;
text-align: center;
}
.context-vn590 #block-da-content {
float: left;
width: 100%;
}
#block-vn590form {
width: 100%;
float: right;
margin-top: 30px !important;
padding: 25px;
margin-bottom: 50px;
}
.context-vn590 iframe {
height: 528px !important;
margin-top: 0px;
}
.context-vn590 .banner {
background-position: center center !important;
background-size: 1330px;
}
.context-vn590 .banner h1 {
margin-bottom: -5px;
margin-top: 18vh;
width: 100%;
font-size: 3.3rem;
}
.context-vn590 iframe {
margin-top: 0px;
}
.tlac {
display: block !important;
width: 100% !important;
text-align: center;
font-size: 2rem;
}
}
@media (max-width: 480px) {
.specialoffer {
margin-top: 50px !important;
}
.context-vn590 .banner h1 {
margin-bottom: -5px;
margin-top: 18vh;
width: 100%;
font-size: 4rem;
}
.specialoffer2 img {
padding-right: 20px;
float: left;
margin-top: 18px;
margin-top: 41px;
margin-bottom: 41px;
}
.context-vn590 .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 100%;
margin-top: 37px;
float: left;
text-shadow: 1px 2px 2px rgba(0,0,0,0.36);
line-height: 25px;
}
.specialoffer {
width: 100% !important;
margin-top: 20px;
width: 100%;
float: left;
text-align:center;
}
.specialoffer2 {
font-size: 3rem;
width: 100%;
float: left;
margin-top: 0px;
padding-top: 31px;
}
.context-vn590 .specialoffer span {
width: 100%;
float: left;
text-align: center;
}
#edit-count {
float: left;
background: #23b587;
padding: 10px;
padding-left: 10px;
border-radius: 80px;
padding-left: 23px;
}
#edit-count .fa-check {
margin-right: 7px;
}
}
/* Servisní microsite */
.bannerplyn .but {
background: #f3b855;
float: left;
clear: both;
text-align: center;
color: #fff;
}
.context-servisni-balicky .banner h1 {
font-size: 4.7rem;
color: #fff;
float: left;
width: 393px;
margin-top: 40px;
}
.context-servisni-balicky .node__content h2 {
font-weight: 400 !important;
font-size: 3rem !important;
margin-top: 23px;
}
.context-servisni-balicky .col-12.col-md-6 {
float: left;
}
.shold {
box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.10);
border-radius: 8px;
padding: 27px;
width: 100%;
margin-bottom: 40px;
position:relative;
overflow:hidden;
}
.shold p {
float: left;
font-style: italic;
width:100%;
}
.context-servisni-balicky .banner {
height: 500px;
background: url(/themes/custom/ppas/pic/servpack.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
}
.shold h2 {
background-image: url(/themes/custom/ppas/pic/servispack.svg);
background-repeat: no-repeat;
background-position: -7px -3px;
padding-left: 52px;
background-size: 46px;
}
.shold::before {
content: "Novinka";
background: red;
color: #fff;
padding: 50px;
right: -191px;
position: absolute;
transform: rotate(45deg);
width: 300px;
text-align: center;
height: 300px;
line-height: 437px;
top: -188px;
}
#block-servisnibalicekform {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-servisnibalicekform .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-servisnibalicekform select {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-servisnibalicekform #edit-firmaleft {
float: left;
width: 50%;
margin-right: 3%;
}
.context-servisni-balicky #block-da-content {
float: left;
width: 100%;
padding-top: 35px;
}
.infolink {
padding: 18px;
margin-top: -68px;
margin-bottom: 30px;
}
@media (max-width: 480px) {
.context-servisni-balicky .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/servbal_mob.jpg) !important;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
}
.context-servisni-balicky .banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 100%;
margin-top: 320px;
}
#block-servisnibalicekform {
float: left;
background: #fcf4d6;
padding: 27px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
}
.user-logged-in.context-servisni-balicky {
display:block!important;
}
.context-sleva-nabidka .banner {
height: 520px;
background: url(/themes/custom/ppas/pic/akvizice2.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 100% !important;
background-repeat: no-repeat;
}
.context-sleva-nabidka .banner h1 {
font-size: 4.3rem;
color: #fff;
float: left;
width: 393px;
margin-top: 131px;
text-shadow: -1px -1px 2px rgb(0, 0, 0);
line-height: 42px;
}
.context-sleva-nabidka .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 376px;
margin-top: 37px;
float: left;
text-shadow: -1px -1px 2px rgb(0, 0, 0);
}
#block-sleva {
padding-bottom: 22px;
}
#block-sleva {
width: 40%;
float: right;
margin-top: -477px;
padding: 40px;
padding-top: 59px;
padding-bottom: 59px;
border-radius: 6px;
background: rgb(72,168,237);
background: -moz-linear-gradient(-45deg, rgb(72,168,237) 0%, rgb(2,64,108) 100%);
background: -webkit-linear-gradient(-45deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
background: linear-gradient(135deg, rgb(72,168,237) 0%,rgb(2,64,108) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a8ed', endColorstr='#02406c',GradientType=1 );
color: #fff;
padding-top: 40px;
}
.context-sleva-nabidka #block-hlavninavigace {
display: none;
}
.context-sleva-nabidka #block-category {
display: none;
}
.form-type-webform-terms-of-service {
margin-top: 13px;
}
.form-type-webform-terms-of-service a {
color:#fff;
text-decoration:underline;
}
@media (max-width: 480px) {
.context-sleva-nabidka .banner {
height: auto;
background: url(/themes/custom/ppas/pic/akvhp.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
background-size: 549px;
background-position: center -114px;
width: 100% !important;
background-repeat: no-repeat;
}
#block-sleva {
width: 100%;
float: right;
margin-top: -17px;
padding: 17px;
border-radius: 6px;
margin-bottom: 25px;
}
}
/* MP microsite */
.context-mp .banner {
height: 500px;
background: url(/themes/custom/ppas/pic/mp_bck.jpg);
background-size: 1920px;
background-position: center center;
width: 100% !important;
}
.context-mp .banner h1 {
font-size: 6rem;
color: #fff;
float: left;
width: 393px;
margin-top: 40px;
}
#block-mp {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-mp .form-text {
padding: 20px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#block-mp .form-type-webform-terms-of-service a {
color: unset!important;
text-decoration: underline;
}
#block-mp .webform-element-description {
font-size: 1.2rem;
margin-top: -6px;
margin-bottom: 15px;
}
#webform-submission-mp-block-content-153-add-form {
width: 498px;
}
.user-logged-in.context-mp {
display:block!important;
}
#block-frontnews {
display: none;
}
.spb-popup-main-wrapper.spb_center {
color: #003d69;
padding: 54px;
width: 500px !important;
border-radius: 16px;
top: 26%;
}
.spb-popup-main-wrapper.spb_center .spb_close {
border: none;
cursor: pointer;
float: right;
margin: 12px;
padding: 0 10px;
color: #003d69;
background: transparent;
font-size: 46px!important;
top: -70px!important;
position: absolute!important;
right: 0px!important;
}
.spb-popup-main-wrapper.spb_center li {
margin-top: 2px!important;
float: left;
width: 100%;
font-size: 1.7rem;
}
.spb-popup-main-wrapper.spb_center h2 {
font-size: 3rem;
margin-bottom: 25px;
}
.spb-popup-main-wrapper.spb_center ul {
padding: 0px!important;
list-style-type: square!important;
float: left;
width: auto;
margin-left: 20px!important;
}
@media (max-width: 480px) {
.spb-popup-main-wrapper.spb_center {
color: #003d69;
padding: 54px;
width: 100% !important;
border-radius: 16px;
top: 26%;
}
}
.context-zp .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/portal_bck.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-size: 1920px;
background-position: top center !important;
width: 80%;
}
.context-zp .banner h1 {
font-size: 3.6rem;
color: #003d69;
float: left;
width: 318px;
margin-top: 72px;
}
.context-zp h1 span {
font-weight: 800;
}
.context-zp .but {
float: left;
clear: both;
background: #f3b855;
text-align: center;
color: #fff !important;
}
.context-zp .but2 {
float: left;
margin-top: 51px;
margin-left: 23px;
border-radius: 4px;
border: solid 1px;
padding: 20px;
}
#block-nadpiszp .smallh {
bottom: -54px;
float: left;
width: 100%;
font-size: 1.2rem !important;
position: relative;
}
.context-zp .digicheck .fa-check {
color: #f3b855;
font-size: 1.2rem;
float: left;
height: 27px;
margin-right: 24px;
}
.context-zp h3 {
font-size: 1.5rem;
margin-top: 4px;
}
.family {
width: 638px;
margin-top: 66px;
margin-left: 0px;
height: 464px;
max-height: auto !important;
position: relative;
z-index: -1;
}
.familyholder {
width: 390px;
margin-left: -35px;
margin-top: 135px;
box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
padding: 62px;
background: #fff;
}
.context-zp #block-da-content li {
list-style-type: none;
background: none;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto auto;
background-repeat: no-repeat;
padding-left: 0px;
background-size: 10px 10px;
background-position: 0px 5px;
margin-bottom: 0px !important;
}
#myTabContent {
padding: 27px;
border: solid 1px #dee2e6;
}
#myTab {
border: none;
margin-bottom: 8px !important;
}
.context-zp .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
border-bottom-color: rgb(255, 255, 255);
padding: 16px;
margin-top: -9px;
margin-bottom: -12px;
border-bottom: solid 5px #fff !important;
position: relative;
text-align: center;
}
.context-zp .tab-content ul li {
border-bottom: none;
padding-top: 0px;
padding-bottom: 0px;
}
.context-zp #myTabContent .but {
float: left;
width: 234px;
clear: right !important;
margin-right: 36px;
text-decoration: none !important;
margin-top: 15px;
}
#myTabContent h2 {
margin-bottom: 15px;
}
.context-zp .nav-item a {
color: #495057;
background-color: #fff;
padding: 16px;
margin-top: -9px;
margin-bottom: -12px;
position: relative;
width: auto;
text-align: center;
}
.modal-body .but {
margin-top: 0px !important;
margin-bottom: 27px;
}
.context-zp #jaksoutezit {
margin-top: 100px;
}
.context-zp .bigh span {
font-weight: 800;
}
.context-zp .digicheck p {
margin-top: 0px;
}
.context-zp #myTabContent ul {
margin: 0px !important;
}
.context-zp .nav-item a {
text-decoration: none !important;
font-size: 1.7rem !important;
width: ;
text-align: center;
}
.context-zp #myTabContent {
width: 100%;
border-radius: 0px 10px 10px 10px;
}
.wyn {
float: left;
width: 100%;
text-align: left;
color: #003d69;
margin-bottom: 0px;
margin-top: 13px;
}
@media (max-width: 480px) {
.context-zp .banner {
height: 586px;
background: url(/themes/custom/ppas/pic/portal_bck.jpg);
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
background-size: 1121px;
background-position: bottom right -190px !important;
background-color: #f1f1f1;
}
.familyholder {
width: 100%;
margin-left: 0px;
margin-top: 15px;
box-shadow: 0px 0px 11px -1px rgba(0,0,0,0.15);
padding: 37px;
background: #fff;
}
#block-nadpiszp .smallh {
bottom: -54px;
float: left;
width: 100%;
font-size: 1.1rem !important;
position: relative;
letter-spacing: 5px;
}
.family {
width: 100%;
margin-top: 16px;
margin-left: 0px;
height: auto;
max-height: auto !important;
position: relative;
z-index: -1;
}
.context-zp .nav-item {
width: 100%;
}
.context-zp .but {
float: left;
clear: both;
background: #f3b855;
text-align: center;
color: #fff !important;
font-size: 1.3rem !important;
}
.context-zp .banner h1 {
font-size: 3.3rem;
color: #003d69;
float: left;
width: 100%;
margin-top: 72px;
}
.context-zp .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
border-bottom-color: rgb(255, 255, 255);
padding: 16px;
margin-top: 5px;
margin-bottom: 9px;
border-bottom: solid 5px #fff !important;
position: relative;
text-align: center;
}
}
.context-kotel-prometheus .banner {
background: url(/themes/custom/ppas/pic/promes_bck.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
padding-bottom: 50px;
}
.exc {
background: transparent;
font-size: 2rem;
padding: 13px;
border-radius: 4px;
position: absolute;
top: 36px;
border: solid 2px #fff;
}
.context-kotel-prometheus .digin {
min-height: 105px;
}
.context-kotel-prometheus .digin h3 {
font-size: 1.4rem;
}
.context-kotel-prometheus .info {
background: #f3b855;
padding: 26px;
margin-bottom: 50px;
font-size: 2rem !important;
text-align: center;
color: #fff !important;
}
.digis p {
background: #f3b855;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-image: none;
background-size: auto;
border-radius: 6px;
padding: 22px;
padding-left: 22px;
padding-left: 22px;
font-size: 1.7rem;
color: #fff;
margin-bottom: 67px;
background-image: url(/themes/custom/ppas/pic/bulpwhite.svg);
background-repeat: no-repeat;
background-size: 25px;
background-position: 17px center;
padding-left: 65px;
}
.context-kotel-prometheus #block-promes {
float: left;
width: 100%;
margin-top: 50px;
background: #fcf4d6;
padding: 55px;
}
.context-kotel-prometheus h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 393px;
margin-top: 98px;
}
#block-promes .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
#mt-10 {
margin-top: 51px;
}
.context-bosch-gc2300i .banner {
background: url(/themes/custom/ppas/pic/bosch1.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
padding-bottom: 50px;
}
.context-bosch-9000i-w .banner {
background: url(/themes/custom/ppas/pic/bosch2.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
padding-bottom: 50px;
}
.context-junkers-cerapursmart .banner {
background: url(/themes/custom/ppas/pic/junkers.jpg);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
padding-bottom: 50px;
}
.context-bosch-gc2300i #jaksoutezit, .context-bosch-9000i-w #jaksoutezit, .context-junkers-cerapursmart #jaksoutezit {
margin-top: 38px;
}
.context-bosch-gc2300i #block-bosch, .context-bosch-9000i-w #block-bosch, .context-junkers-cerapursmart #block-bosch {
float: left;
width: 100%;
margin-top: 50px;
background: #fcf4d6;
padding: 55px;
}
.context-bosch-gc2300i .form-text, .context-bosch-9000i-w .form-text, .context-junkers-cerapursmart .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.context-bosch-gc2300i .banner h1, .context-bosch-9000i-w .banner h1, .context-junkers-cerapursmart .banner h1 {
font-size: 4rem;
color: #fff;
float: left;
width: 393px;
margin-top: 40px;
}
.context-bosch-gc2300i .banner p, .context-bosch-9000i-w .banner p, .context-junkers-cerapursmart .banner p {
clear: both;
font-size: 2rem;
color: #fff;
width: 376px;
margin-top: 18px;
float: left;
}
.bannerkotle {
position: absolute;
top: -228px;
margin-left: 1px;
border-radius: 8px;
display: block;
overflow: hidden;
}
@media (max-width: 480px) {
.bannerkotle {
position: relative;
width: 100%;
top: 20px;
overflow: hidden;
display: block;
}
.bannerkotle img {
width: 109%;
border-radius: ;
}
}
.context-soutez-mojeppas .banner {
height: 497px;
background: url(/themes/custom/ppas/pic/soutez_pp.jpg);
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-repeat: repeat, repeat;
background-size: auto, auto;
background-position-x: 0%, 0%;
background-position-y: 0%, 0%;
background-size: auto auto;
background-size: 1920px;
background-position: center center;
width: 80%;
}
#block-soutezmojeppas h1 span {
font-weight: 800;
margin-top: 36px;
display: block;
}
#block-soutezmojeppas-form {
float: left;
background: #fcf4d6;
padding: 44px;
width: 104%;
margin-left: -3%;
margin-top: 47px;
}
#block-soutezmojeppas-form .form-text {
padding: 12px;
width: 100%;
border-radius: 6px;
border: solid 1px #ccc;
margin-bottom: 10px;
}
.context-soutez-mojeppas #block-da-content {
padding-top: 77px;
}
.context-soutez-mojeppas .partneri img {
width: 208px;
}
.context-soutez-mojeppas .partneri {
padding-left: 44px;
}
.context-soutez-mojeppas #sideatach a {
width: 100%;
clear: both;
display: list-item;
margin-left: 20px;
}
.context-soutez-mojeppas .bigh.atach {
margin-bottom: 29px;
display: block;
}
.context-soutez-mojeppas #edit-firmaleft {
float: left;
width: 67%;
margin-right: 9%;
}
.banner .soutezban {
height: 500px;
background: url(/themes/custom/ppas/pic/soutez_pp.jpg);
background-size: 1920px;
background-position: center center;
width: 100% !important;
padding: 0px;
}
@media (max-width: 480px) {
.context-soutez-mojeppas .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/soutez_mob1.jpg) !important;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
}
.context-kotel-prometheus .banner {
height: auto !important;
background: url(/themes/custom/ppas/pic/kotel_promes_ban.jpg) !important;
background-size: 569px !important;
background-position: top center !important;
width: 100%;
background-repeat: no-repeat;
}
.context-soutez-mojeppas #block-soutezmojeppas-form {
float: left;
background: #fcf4d6;
padding: 18px;
width: 100%;
margin-left: 0%;
margin-top: 0px;
margin-bottom: 33px;
}
.context-soutez-mojeppas .partneri {
padding-left: 15px;
}
.context-soutez-mojeppas .smallh {
color: #003d69;
text-transform: uppercase !important;
letter-spacing: 5px;
font-size: 1rem !important;
margin-bottom: 20px !important;
font-weight: 100 !important;
}
.context-soutez-mojeppas .banner h1 {
font-size: 3rem;
color: #fff;
float: left;
width: 100%;
margin-top: 359px;
}
.context-soutez-mojeppas .bigh {
font-size: 4rem;
color: #003d69;
margin-bottom: 34px;
margin-top: 40px !important;
}
.context-soutez-mojeppas #block-da-content {
padding-top: 0px;
}
.path-frontpage .banner .soutezban {
height: auto;
background: url(/themes/custom/ppas/pic/soutezbanmob.jpg) !important;
background-size: 449px !important;
background-position: center -50px;
width: 100% !important;
background-repeat: no-repeat;
}
.carousel-inner .but {
display:none;
}
}
.context-partner {
display:none;
}
.soutezbut {
padding: 20px;
background: #fd7e55;
color: #fff;
width: 205px;
display: block;
text-align: center;
border-radius: 8px 8px 0 0px;
transform: rotate(-90deg);
position: fixed;
right: -74px;
top: 299px;
}
.soutezbut:hover {
color:#fff;
}
@media (max-width: 480px) {
.soutezbut {
padding: 11px;
background: #fd7e55;
color: #fff;
width: 153px;
display: block;
text-align: center;
border-radius: 8px 8px 0 0px;
transform: rotate(-90deg);
position: fixed;
right: -59px;
top: 232px;
z-index: 3;
}
}