.pblock01 { background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('/images/pages/home/1440x480--01.jpg'); display: block; min-height: 384px; } h1 { font-size: 32px; font-weight: 500; line-height: 48px; text-align: center; color: white; text-transform: uppercase; margin: 80px 0 48px 0; } .pblock01 .inside { padding: 0; } .pblock01 .lc, .pblock01 .lc p { color: #FEDC0A; font-size: 16px; font-weight: 500; line-height: 24px; } .pblock01 .rc, .pblock01 .rc p { color: white; font-size: 16px; font-weight: 300; line-height: 24px; } .pblock01 .rc p:last-child { margin-bottom: 48px; } .pblock02 { background-color: #eef2f2; } .pblock02 .lc { } .pblock02 .lc .inside { text-align: center; position: relative; } .pblock02 .lc .inside img { position: absolute; top: 35px; left: 38px; display: inline-block; } .pblock02 .rc { } .pblock02 .rc .inside { padding: 0; } .pblock02 .rc .inside p { margin: 56px 0 56px 0; color: #182E3D; font-size: 16px; font-weight: 300; line-height: 24px; } .pblock03 { min-height: 750px; padding: 56px 0; margin: 0 0 56px 0; background-position: center bottom; background-repeat: no-repeat; background-image: url('/images/pages/home/temp-photo--01.jpg'); position: relative; } .pblock03 p.title-m { color: #182E3D; font-size: 14px; font-weight: 500; line-height: 19px; margin: 0 0 0 0; text-transform: uppercase; } .pblock03 p.title-b { color: #182E3D; font-size: 24px; font-weight: 500; line-height: 32px; margin: 3px 0 0 0; } .pblock03 p.title-s { color: #182E3D; font-size: 14px; font-weight: 300; line-height: 19px; margin: 5px 0 0 0; } .pblock03 .price { _background-color: #FFE000; _color: #182E3D; _font-size: 24px; _font-weight: 500; line-height: 32px; display: inline-block; margin: 20px 0 0 0; padding: 8px 20px; position: relative; } .pblock03 .price.null { background-color: #FFE000; color: #182E3D; font-size: 0px; font-weight: 500; line-height: 0px; display: inline-block; margin: 20px 0 0 0; padding: 0px 50px; position: relative; } .pblock03 .price.n1:after { content: ''; position: absolute; left: calc(50% + 5px); display: block; width: 2px; background-color: #FFE000; height: 285px; bottom: -285px; } .pblock03 .price.n1:before { content: ''; width: 16px; height: 16px; display: block; background-color: #FFE000; position: absolute; left: 50%; margin-left: -2px; bottom: -295px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } .pblock03 .price.n2:after { content: ''; position: absolute; left: calc(50% + 33px); display: block; width: 2px; background-color: #FFE000; height: 170px; bottom: -120px; overwlow: hidden; } .pblock03 .price.n2:before { content: ''; width: 16px; height: 16px; display: block; background-color: #FFE000; position: absolute; left: 50%; margin-left: 26px; bottom: -130px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } .pblock03 .b3 p { color: #182E3D; font-size: 14px; font-weight: 300; line-height: 19px; } .pblock03 .b3 p.uc { color: #182E3D; font-size: 14px; font-weight: 500; line-height: 19px; text-transform: uppercase; } .pblock03 .inside { padding: 0; } .pblock04 { padding: 56px 0; background-position: center center; background-repeat: no-repeat; background-image: url('/images/pages/home/1440x480--02.jpg'); background-size: cover; } .pblock04 h3 { color: #FEDC0A; font-size: 24px; font-weight: 500; line-height: 32px; text-align: center; margin: 0 0 10px 0; } .pblock04 p { color: white; font-size: 16px; font-weight: 300; line-height: 24px; text-align: center; } .pblock05 { position: relative; padding: 56px 0; margin: 0 0 150px 0; background-position: center bottom; background-repeat: no-repeat; background-image: url('/images/pages/home/temp-photo--02.jpg'); /* min-height: 1050px; */ } .pblock05 p.title-m { color: #182E3D; font-size: 14px; font-weight: 500; line-height: 19px; margin: 0 0 0 0; text-transform: uppercase; } .pblock05 p.title-b { color: #182E3D; font-size: 24px; font-weight: 500; line-height: 32px; margin: 3px 0 0 0; } .pblock05 p.title-s { color: #182E3D; font-size: 14px; font-weight: 300; line-height: 19px; margin: 5px 0 0 0; } .pblock05 .price { _background-color: #FFE000; color: #182E3D; font-size: 24px; font-weight: 500; line-height: 32px; display: inline-block; margin: 20px 0 0 0; padding: 8px 20px; position: relative; font-size: 0px; } .pblock05 .section.group { position: relative; display: block; min-height: 670px; margin-bottom: 0px; } .pblock05 .b3 { position: absolute; left: 0px; bottom: -130px; height: auto; } .pblock05 .b3 p { color: #182E3D; font-size: 14px; font-weight: 300; line-height: 19px; } .pblock05 .b3 p.uc { color: #182E3D; font-size: 14px; font-weight: 500; line-height: 19px; text-transform: uppercase; } .pblock05 .inside { padding: 0; } .pblock05 .price.n1:after { content: ''; position: absolute; left: calc(50% + 35px); display: block; width: 2px; background-color: #FFE000; height: 350px; bottom: -300px; } .pblock05 .price.n1:before { content: ''; width: 16px; height: 16px; display: block; background-color: #FFE000; position: absolute; left: calc(50% + 35px); margin-left: -7px; bottom: -305px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } .pblock05 .price.n2:after { content: ''; position: absolute; left: calc(50% + 35px); display: block; width: 2px; background-color: #FFE000; height: 320px; bottom: -270px; } .pblock05 .price.n2:before { content: ''; width: 16px; height: 16px; display: block; background-color: #FFE000; position: absolute; left: calc(50% + 35px); margin-left: -7px; bottom: -280px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } .pblock05 .price.n3:after { content: ''; position: absolute; left: calc(50% + 35px); display: block; width: 2px; background-color: #FFE000; height: 190px; bottom: -140px; } .pblock05 .price.n3:before { content: ''; width: 16px; height: 16px; display: block; background-color: #FFE000; position: absolute; left: calc(50% + 35px); margin-left: -7px; bottom: -150px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } .pblock06 { position: relative; padding: 56px 0; margin: 0 0 0px 0; background-position: center center; background-repeat: no-repeat; background-image: url('/images/pages/home/1440x480--03.jpg'); background-size: cover; } p:last-child { margin-bottom: 0; } .pblock06 .col { padding-top: 0px; padding-bottom: 0px; } .pblock06 p { color: white; font-size: 16px; font-weight: 300; line-height: 24px; text-align: center; } .pblock06 .button { width: 168px; margin: 30px 0 0 0; color: white; } .pblock06 .button:hover { background-color: #4c94b8; border-color: #4c94b8; } .pblock06 .button:active, .pblock06 .button:active:hover { background-color: #2f5c72; border-color: #2f5c72; } .pblock08 { display: block; padding: 56px 0; } .pblock08 .image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-left: 11px; padding-right: 11px; } .pblock08 img { width: 100%; } .pblock08 h2 { color: #1E3D4E; font-size: 32px; font-weight: 500; line-height: 48px; text-align: center; margin: 0 0 24px 0; } .pblock08 .priceblock { position: absolute; top: 50px; right: 160px; } .pblock08 .price { _background-color: #FFE000; color: #182E3D; font-size: 24px; font-weight: 500; line-height: 32px; display: inline-block; margin: 20px 0 0 0; padding: 8px 20px; position: relative; _overflow: hidden; _line-height: 0px; _height: 0px; _line-height: 0px; _font-size: 0px; } .pblock08 .price.n1:after { content: ''; position: absolute; left: calc(50% + 55px); display: block; width: 2px; background-color: #FFE000; height: 330px; bottom: -310px; } .pblock08 .price.n1:before { content: ''; width: 16px; height: 16px; display: block; background-color: #FFE000; position: absolute; left: calc(50% + 55px); margin-left: -7px; bottom: -310px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; } .pblock08 p.title-m { color: #182E3D; font-size: 14px; font-weight: 500; line-height: 19px; margin: 0 0 0 0; text-transform: uppercase; } .pblock08 p.title-b { color: #182E3D; font-size: 24px; font-weight: 500; line-height: 32px; margin: 3px 0 0 0; } .pblock08 p.title-s { color: #182E3D; font-size: 14px; font-weight: 300; line-height: 19px; margin: 5px 0 0 0; } .pblock08 .price { background-color: #FFE000; color: #182E3D; font-size: 24px; font-weight: 500; line-height: 32px; display: inline-block; margin: 20px 0 0 0; padding: 8px 20px; position: relative; _overflow: hidden; _font-size: 0px; _line-height: 0px; _height: 0px; font-size: 0; margin: 0; padding: 0; } .pblock08 .section.group { position: relative; display: block; min-height: 670px; margin-bottom: 0px; } .pblock09 { display: block; padding: 0px 0 48px 0; } .pblock09 p { text-align: center; margin-bottom: 2em; } @media only screen and (max-width: 1199px) { .pblock06 .button { width: 136px; } } .page-otzivi-block { display: block; padding: 90px 0 0px 0; } .page-otzivi-block div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page-otzivi-block-title { display: block; padding: 0 0 45px 0; } .page-otzivi-block-title h2 { color: #182E3D; font-size: 32px; font-weight: 500; line-height: 32px; margin: 0px 0 0px 0; text-transform: uppercase; } .page-otzivi-block-otziv { display: block; } .page-otzivi-block-otziv .page-otzivi-block-otziv--top-text-block { display: block; } .page-otzivi-block-otziv .page-otzivi-block-otziv--top-text-block .right-col { text-align: right; } .page-otzivi-block-otziv .page-otzivi-block-otziv--top-text-block .right-col p { display: inline-block; text-align: left; } .page-otzivi-block-otziv .page-otzivi-block-otziv--top-text-block .yellow-line.margin-lr { display: block; overflow: hidden; height: 8px; margin: 18px 12px 0 12px; background-color: #fbe015; } .page-otzivi-block-otziv .page-otzivi-block-otziv--top-text-block .col { float: none; } .page-otzivi-block-otziv .page-otzivi-block-otziv--top-text-block .col-9-xl, .page-otzivi-block-otziv .page-otzivi-block-otziv--top-text-block .col-8-xl { display: inline-block; vertical-align: bottom; vertical-align: bottom !important; padding-bottom: 5px; } .page-otzivi-block-otziv .page-otzivi-block-otziv--top-text-block .col-3-xl, .page-otzivi-block-otziv .page-otzivi-block-otziv--top-text-block .col-4-xl { display: inline-block; vertical-align: bottom !important; } .page-otzivi-block-otziv .page-otzivi-block-otziv--top-text-block .left-col h3 { color: #182E3D; font-size: 24px; font-weight: 500; line-height: 1.2em; margin: 0px 0 0px 0; text-transform: none; } .page-otzivi-block-otziv .page-otzivi-block-otziv--top-text-block .right-col p { font-size: 16px; line-height: 1.2em; } .page-otzivi-block-otziv .inline { display: inline-block; } .page-otzivi-block-otziv .page-otzivi-block-otziv--top-images-block { display: block; padding: 28px 0 0 0; } .page-otzivi-block-otziv--top-images-block .col { float: none; } .page-otzivi-block-otziv--top-images-block .left-col.col { padding-top: 0; padding-bottom: 0; display: inline-block; } .page-otzivi-block-otziv--top-images-block .right-col.col { padding-top: 0; padding-bottom: 0; display: inline-block; } .page-otzivi-block-otziv--bottom-text-block { display: block; padding: 35px 0 0 0; } .page-otzivi-block-otziv--bottom-text-block .col { float: none; display: inline-block; vertical-align: top; padding-bottom: 0; } .page-otzivi-block-otziv--bottom-text-block--logo span { display: block; width: 100%; } .page-otzivi-block-otziv--bottom-text-block--logo img { width: 100%; height: auto; } .page-otzivi-block-otziv--bottom-text-block--text { } .page-otzivi-block-otziv--bottom-text-block--text p.subtitle { font-weight: bold; } .page-otzivi-block-otziv--bottom-text-block--otziv-doc { display: block; padding: 10px 0 0 0; } .page-otzivi-block-otziv--bottom-text-block--otziv-doc a { display: inline-block; float: none; } .page-otzivi-block-otziv--bottom-text-block--otziv-doc a:hover img { -webkit-box-shadow:	0px 0px 15px 0px rgba(59,59,59,0.5) !important; -moz-box-shadow:	0px 0px 15px 0px rgba(59,59,59,0.5) !important; box-shadow: 0px 0px 15px 0px rgba(59,59,59,0.5) !important; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:	1; -khtml-opacity:	1; opacity: 1; } .page-otzivi-block-otziv--bottom-text-block--otziv-doc img { width: 100%; height: auto; -webkit-box-shadow:	0px 0px 10px 0px rgba(59,59,59,0.3); -moz-box-shadow:	0px 0px 10px 0px rgba(59,59,59,0.3); box-shadow: 0px 0px 10px 0px rgba(59,59,59,0.3); } .page-otzivi-block-otziv--bottom-text-block--otziv-doc img:hover { -webkit-box-shadow:	0px 0px 15px 0px rgba(59,59,59,0.5); -moz-box-shadow:	0px 0px 15px 0px rgba(59,59,59,0.5); box-shadow: 0px 0px 15px 0px rgba(59,59,59,0.5); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity:	1; -khtml-opacity:	1; opacity: 1; } .page-otzivi-block-logos { display: block; margin: 40px 0 30px 0; padding: 0 0 8px 0; } .page-otzivi-block-logos .page-otzivi-block-logos--items { padding: 0 12px 0 12px; display:block; display: flex; flex-direction: row; flex-wrap: wrap; width: calc(100% + 25px); } .page-otzivi-block-logos .page-otzivi-block-logos--items .item { display: inline-block; display: block; width: calc(16.66% - 0px); padding: 0; margin: 0 0 25px 0; height: auto !important; float: none; } .page-otzivi-block-logos .page-otzivi-block-logos--items .item .cnt { display: inline-block; background-color: #eef2f2; padding: 0px 4px 0px 0; width: calc(100% - 25px); cursor: pointer; height: 100%; } .page-otzivi-block-logos .page-otzivi-block-logos--items .item .cnt:hover { -webkit-box-shadow:	0px 0px 15px 0px rgba(59,59,59,0.5); -moz-box-shadow:	0px 0px 15px 0px rgba(59,59,59,0.5); box-shadow: 0px 0px 15px 0px rgba(59,59,59,0.5); } .page-otzivi-block-logos .page-otzivi-block-logos--items .item.current .cnt { background-color: white; -webkit-box-shadow:	0px 0px 10px 0px rgba(59,59,59,0.3); -moz-box-shadow:	0px 0px 10px 0px rgba(59,59,59,0.3); box-shadow: 0px 0px 10px 0px rgba(59,59,59,0.3); cursor: default; } .page-otzivi-block-logos .page-otzivi-block-logos--items .item img { width: 100%; height: auto; } .page-otzivi-dark-text-1 { background-color: #2b4554; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url('/images/pages/home/hotels/page-bg-1.jpg'); display: block; _min-height: 335px; padding: 55px 0 60px 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .page-otzivi-dark-text-1 p { color: white; font-size: 16px; font-weight: 300; line-height: 24px; } .page-otzivi-dark-text-1 p.yellow { color: #FEDC0A; font-size: 16px; font-weight: 700; line-height: 24px; } .page-otzivi-dark-text-1 p.yellow.big { color: #FEDC0A; font-size: 24px; font-weight: 700; line-height: 24px; } .page-otzivi-block-otziv .section.group.otziv-cnt { position: relative; } .page-otzivi-block-otziv .page-otzivi-block-otziv-content { position: relaive; pointer-events: none; display: none; } .page-otzivi-block-otziv .page-otzivi-block-otziv-content.current { pointer-events: auto; display: block; } .page-otzivi-block-otziv .page-otzivi-block-otziv-content.abs { position: absolute; position: relative; display: none; top: 0; left: 0; } .page-otzivi-block-logos .page-otzivi-block-logos--items .item.download-button { } .page-otzivi-block-logos .page-otzivi-block-logos--items .item.download-button { width: calc(50% - 25px); text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } .page-otzivi-block-logos .page-otzivi-block-logos--items .item.download-button a { color: white; text-decoration: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; font-size: 16px; font-weight: 500; padding: 12px 50px 12px 50px; background-color: #5FB9E6; } .page-otzivi-block-logos .page-otzivi-block-logos--items .item.download-button a:hover { background-color: #4c94b8; } .pblock03 .section.bottom { position: relative; top: 450px; bottom: auto; } .pblock05 { position: relative; padding: 55px 0 0 0; } .pblock05 .section.group.bottom { position: relative; _position: absolute; _top: 450px; top: 90px; bottom: auto; min-height: auto; } .pblock05 .section.group.bottom .akcent-text { white-space: nowrap; } .pblock08 .section.group.bottom { position: relative; _position: absolute; _top: 450px; top: 30px; bottom: auto; min-height: auto; } .pblock08 .section.group.bottom .akcent-text { white-space: nowrap; } .pform { background-color: #eef2f2; } .col .inside { padding: 0; }