#wpadminbar {
opacity: 0.5;
}
.placeholder {
width: 100%;
height: 118px;
clear: both;
}
@media screen and (max-width: 1024px) {
.placeholder {
height: 68px;
}
}
.coblocks-hero-51715242513, .coblocks-row-518113739918 {
display: none !important;
}
.site-content.newcontent {
margin-top: 0 !important;
}
.site-content.newcontent .wp-block-coblocks-hero {
margin-top: 0 !important;
}
.site-content.newcontent .page-content, .site-content.newcontent .entry-content, .site-content.newcontent .entry-summary {
margin-top: 0 !important;
}
.site-content.newcontent .site-main {
padding-top: 0 !important;
}
.site-content.footerMap {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.palyazat {
position: fixed;
bottom: 0;
right: 0;
width: 320px;
height: 230px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-palyazat.png) bottom right no-repeat;
background-size: contain;
z-index: 10;
}
@media screen and (max-width: 1240px) {
.palyazat {
width: 200px;
height: 140px;
}
}
.mainHeader {
width: 100%;
clear: both;
background: #042e68;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.mainHeader .site-content {
padding: 0 2rem !important;
margin: 0 auto !important;
}
.mainHeader .menu-toggle {
top: -70px;
display: none;
}
@media screen and (max-width: 1024px) {
.mainHeader .menu-toggle {
display: block !important;
}
}
.mainHeader .main-navigation.toggled .menu-main-menu-container {
top: 0;
}
.mainHeader .menu-main-menu-container {
display: block;
}
@media screen and (max-width: 1024px) {
.mainHeader .menu-main-menu-container {
display: none;
}
}
.mainHeader .topheader {
width: 100%;
clear: both;
padding: 30px 0;
}
.mainHeader .topheader .site-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.mainHeader .topheader .site-content {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
}
}
@media screen and (max-width: 1024px) {
.mainHeader .topheader .site-content {
display: block;
}
}
.mainHeader .topheader .site-content .logoBox {
display: block;
width: 350px;
height: 45px;
position: relative;
}
@media screen and (max-width: 450px) {
.mainHeader .topheader .site-content .logoBox {
width: 240px;
}
}
.mainHeader .topheader .site-content .logoBox::after {
width: 200px;
height: 5px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-line.png) top left repeat-y;
background-size: 100%;
content: "";
position: absolute;
bottom: -35px;
left: -20px;
}
.mainHeader .topheader .site-content .logoBox .logoA {
height: 100%;
float: left;
width: 53%;
}
.mainHeader .topheader .site-content .logoBox .logoB {
height: 100%;
float: right;
width: 37%;
}
.mainHeader .topheader .site-content .logoBox img {
height: 100%;
height: auto;
}
@media screen and (max-width: 450px) {
.mainHeader .topheader .site-content .logoBox img {
margin-top: 10px;
}
}
.mainHeader .topheader .site-content .logo {
display: block;
width: 350px;
height: 45px;
position: relative;
}
@media screen and (max-width: 450px) {
.mainHeader .topheader .site-content .logo {
width: 240px;
}
}
.mainHeader .topheader .site-content .logo img {
width: 100%;
height: auto;
}
@media screen and (max-width: 450px) {
.mainHeader .topheader .site-content .logo img {
margin-top: 10px;
}
}
.mainHeader .topheader .site-content .logo::after {
width: 200px;
height: 5px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-line.png) top left repeat-y;
background-size: 100%;
content: "";
position: absolute;
bottom: -35px;
left: -20px;
}
.mainHeader .topheader .site-content .menuRight {
width: calc(100% - 300px);
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.mainHeader .topheader .site-content .menuRight {
display: none;
}
}
.mainHeader .topheader .site-content .menuRight .phone {
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-phone.svg) center left no-repeat;
background-size: 22px;
padding-left: 30px;
color: #fff;
font-size: 16px;
text-decoration: none;
margin-right: 40px;
line-height: 35px;
}
.mainHeader .topheader .site-content .menuRight .express {
background: #e71c2f;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
border-radius: 35px;
line-height: 35px;
color: #fff;
padding: 0 40px;
text-decoration: none;
text-transform: uppercase;
margin-right: 10px;
}
.mainHeader .topheader .site-content .menuRight .express:hover {
text-decoration: none;
}
@media screen and (max-width: 1024px) {
.mainHeader .topheader .site-content .menuRight .express {
display: none;
}
}
.mainHeader .topheader .site-content .menuRight .idopontfoglalas {
background: #f7a015;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
border-radius: 35px;
line-height: 35px;
color: #fff;
padding: 0 40px;
text-decoration: none;
text-transform: uppercase;
}
.mainHeader .topheader .site-content .menuRight .idopontfoglalas:hover {
text-decoration: none;
}
@media screen and (max-width: 1024px) {
.mainHeader .topheader .site-content .menuRight .idopontfoglalas {
display: none;
}
}
.mainHeader .bottomHeader {
background: #e6027d;
}
.mainHeader .bottomHeader ul {
padding: 0;
margin: 0;
text-align: right;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
.mainHeader .bottomHeader ul {
text-align: left;
}
}
.mainHeader .bottomHeader ul li {
float: none !important;
display: inline-block;
}
.mainHeader .bottomHeader ul li a {
color: #fff;
line-height: 30px;
}
@media screen and (max-width: 1024px) {
.mainHeader .bottomHeader ul li a {
color: #e6027d;
}
}
.mainHeader .bottomHeader ul li .sub-menu {
width: 350px;
}
.mainHeader .bottomHeader ul li .sub-menu li a {
display: block;
width: 100%;
line-height: 35px;
color: #666;
padding: 0 20px;
text-align: left;
}
.footerNew {
width: 100%;
background: #042e68;
padding: 40px 0;
border-top: 4px solid #e6027d;
}
@media screen and (max-width: 575px) {
.footerNew {
padding-bottom: 150px;
}
}
.footerNew .site-content {
margin: 0 auto !important;
display: block;
}
.footerNew .site-content .rowOne {
width: 80%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
@media screen and (max-width: 1240px) {
.footerNew .site-content .rowOne {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
}
}
@media screen and (max-width: 990px) {
.footerNew .site-content .rowOne {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.footerNew .site-content .rowOne .logo {
display: block;
width: 350px;
height: 45px;
position: relative;
margin-right: 150px;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .rowOne .logo {
margin-right: 0;
width: 240px;
}
}
.footerNew .site-content .rowOne .logo img {
width: 100%;
height: auto;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .rowOne .logo img {
margin-top: 10px;
}
}
.footerNew .site-content .rowOne .logonew {
display: block;
width: 100%;
max-width: 540px;
min-height: 45px;
position: relative;
margin-right: 150px;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .rowOne .logonew {
margin-right: 0;
width: 240px;
}
}
.footerNew .site-content .rowOne .logonew img {
width: 100%;
height: auto;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .rowOne .logonew img {
margin-top: 10px;
}
}
.footerNew .site-content .rowOne .socialBox {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
@media screen and (max-width: 1240px) {
.footerNew .site-content .rowOne .socialBox {
text-align: right;
}
}
@media screen and (max-width: 990px) {
.footerNew .site-content .rowOne .socialBox {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
margin-top: 25px;
}
}
.footerNew .site-content .rowOne .socialText {
font-size: 18px;
color: #fff;
text-align: right;
padding-right: 20px;
display: inline-block;
}
@media screen and (max-width: 575px) {
.footerNew .site-content .rowOne .socialText {
display: none;
}
}
.footerNew .site-content .rowOne .socials {
padding: 0;
margin: 0;
display: inline-block;
}
.footerNew .site-content .rowOne .socials li {
list-style: none;
display: inline-block;
margin-left: 10px;
}
.footerNew .site-content .rowOne .socials li a {
display: block;
width: 40px;
height: 40px;
}
@media screen and (max-width: 990px) {
.footerNew .site-content .rowOne .socials li a {
width: 30px;
height: 30px;
}
}
.footerNew .site-content .rowOne .socials li a.facebook {
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-facebook.svg) center center no-repeat;
background-size: contain;
}
.footerNew .site-content .rowOne .socials li a.instagram {
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-instagram.svg) center center no-repeat;
background-size: contain;
}
.footerNew .site-content .secondRow {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 5px;
}
@media screen and (max-width: 700px) {
.footerNew .site-content .secondRow {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.footerNew .site-content .secondRow .phone {
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-phone2.svg) center left no-repeat;
background-size: 20px;
padding-left: 30px;
color: #e6027d;
font-size: 18px;
}
@media screen and (max-width: 700px) {
.footerNew .site-content .secondRow .phone {
width: 100%;
}
}
@media screen and (max-width: 450px) {
.footerNew .site-content .secondRow .phone {
font-size: 16px;
}
}
.footerNew .site-content .secondRow .menuBox {
margin-left: 10px;
}
.footerNew .site-content .secondRow .menuBox ul {
padding: 0;
margin: 0;
}
.footerNew .site-content .secondRow .menuBox ul li {
list-style: none;
display: inline-block;
margin: 0 5px;
}
.footerNew .site-content .secondRow .menuBox ul li a {
color: #e6027d;
text-transform: uppercase;
text-decoration: none;
font-size: 18px;
position: relative;
padding-left: 15px;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .secondRow .menuBox ul li a {
font-size: 16px;
}
}
.footerNew .site-content .secondRow .menuBox ul li a::before {
width: 5px;
height: 5px;
background: #e6027d;
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
margin-top: -4px;
}
.footerNew .site-content .secondRow .menuBox ul li a:hover {
color: #fff;
text-decoration: none;
}
.footerNew .site-content .thirdRow {
color: #fff;
font-size: 18px;
font-weight: normal;
line-height: 1.6 !important;
margin-bottom: 70px;
}
@media screen and (max-width: 700px) {
.footerNew .site-content .thirdRow {
margin-bottom: 0;
}
}
@media screen and (max-width: 450px) {
.footerNew .site-content .thirdRow {
font-size: 16px;
}
}
.footerNew .site-content .thirdRow a {
color: #fff;
font-size: 18px;
font-weight: normal;
display: block;
text-decoration: none;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .thirdRow a {
font-size: 16px;
}
}
.footerNew .site-content .thirdRow a:hover {
color: #e6027d;
text-decoration: none;
}
.footerNew .site-content .fourthRow {
width: 100%;
clear: both;
}
@media screen and (max-width: 700px) {
.footerNew .site-content .fourthRow {
display: none;
}
}
.footerNew .site-content .fourthRow .menuOne {
width: 100%;
clear: both;
}
@media screen and (max-width: 990px) {
.footerNew .site-content .fourthRow .menuOne {
display: none;
}
}
.footerNew .site-content .fourthRow .menuOne .menuLabeL {
display: inline-block;
color: #fff;
font-size: 14px !important;
font-weight: bold;
text-transform: uppercase;
}
.footerNew .site-content .fourthRow .menuOne .menuBox {
display: inline-block;
}
.footerNew .site-content .fourthRow .menuOne .menuBox ul {
padding: 0;
margin: 0;
}
.footerNew .site-content .fourthRow .menuOne .menuBox ul li {
list-style: none;
display: inline-block;
margin: 0 5px;
}
.footerNew .site-content .fourthRow .menuOne .menuBox ul li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 14px !important;
position: relative;
padding-left: 15px;
}
.footerNew .site-content .fourthRow .menuOne .menuBox ul li a:hover {
color: #e6027d;
text-decoration: none;
}
.footerNew .site-content .fourthRow .menuOne .menuBox ul li a::before {
width: 4px;
height: 4px;
background: #fff;
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
margin-top: -2px;
}
.footerNew .site-content .fourthRow .menuTwo {
width: 100%;
clear: both;
}
.footerNew .site-content .fourthRow .menuTwo .menuLabeL {
display: inline-block;
color: #fff;
font-size: 14px !important;
text-transform: uppercase;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox {
display: inline-block;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox ul {
padding: 0;
margin: 0;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox ul li {
list-style: none;
display: inline-block;
margin: 0 5px;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox ul li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-size: 14px !important;
position: relative;
padding-left: 15px;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox ul li a:hover {
color: #e6027d;
text-decoration: none;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox ul li a::before {
width: 4px;
height: 4px;
background: #fff;
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
margin-top: -2px;
}
.newHeader {
width: 100%;
clear: both;
position: relative;
}
.newHeader .imageBox {
width: 100%;
height: 550px;
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
position: relative;
z-index: 1;
}
@media screen and (max-width: 575px) {
.newHeader .imageBox {
height: 300px;
}
}
.newHeader::after {
width: 55%;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-mask.png) top right no-repeat;
background-size: auto 100%;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 2;
}
@media screen and (max-width: 1440px) {
.newHeader::after {
background-size: 100%;
}
}
@media screen and (max-width: 990px) {
.newHeader::after {
display: none;
}
}
.newHeader .caption {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 55%;
z-index: 3;
}
@media screen and (max-width: 1440px) {
.newHeader .caption {
left: 3%;
}
}
@media screen and (max-width: 700px) {
.newHeader .caption {
position: static;
transform: none;
width: 100%;
}
}
.newHeader .caption::after {
z-index: 1;
content: "";
background: rgba(0, 0, 0, 0.45);
top: 0;
right: 0;
bottom: 0;
width: calc(100% + 800px);
position: absolute;
}
@media screen and (max-width: 700px) {
.newHeader .caption::after {
display: none;
}
}
.newHeader .caption::before {
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-line.png) 100% 100% repeat-y;
height: 8px;
width: 770px;
content: "";
position: absolute;
bottom: -8px;
right: 0;
background-size: 100%;
}
@media screen and (max-width: 1440px) {
.newHeader .caption::before {
width: 100%;
display: none;
}
}
.newHeader .caption div {
color: #fff;
font-size: 48px;
text-transform: uppercase;
line-height: 1.2;
position: relative;
width: 770px;
float: right;
z-index: 2;
padding: 40px 10px 40px 0px;
margin-left: 15px;
background-size: auto;
background-size: 95% 14px;
}
@media screen and (max-width: 1440px) {
.newHeader .caption div {
width: 100%;
}
}
@media screen and (max-width: 1024px) {
.newHeader .caption div {
font-size: 38px;
}
}
@media screen and (max-width: 575px) {
.newHeader .caption div {
font-size: 28px;
}
}
@media screen and (max-width: 700px) {
.newHeader .caption div {
width: 100%;
background: #042e68 url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-line.png) 100% 100% no-repeat;
padding: 50px 20px;
background-size: 100%;
}
}
.newHeader .caption div::before {
width: 80px;
top: 0;
right: 0;
height: 3px;
background: #fff;
content: "";
position: absolute;
}
@media screen and (max-width: 700px) {
.newHeader .caption div::before {
display: none;
}
}
.newHeader .caption div::after {
width: 3px;
top: 0;
right: 0;
height: 80px;
background: #fff;
content: "";
position: absolute;
}
@media screen and (max-width: 700px) {
.newHeader .caption div::after {
display: none;
}
}
.newHeader .idopont {
background: #f7a015 url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/chevron.svg) 95% 50% no-repeat;
position: absolute;
bottom: -60px;
left: 0;
background-size: auto;
color: #fff;
text-transform: uppercase;
min-width: 200px;
text-align: center;
text-decoration: none;
line-height: 35px;
display: inline-block;
padding: 0 30px 0 15px;
font-size: 14px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-ms-border-radius: 40px;
border-radius: 40px;
background-size: 8px;
}
@media screen and (max-width: 700px) {
.newHeader .idopont {
position: static;
display: block;
margin-top: 20px;
}
}
.doc-list .column a.idopontfoglalasLink, .idopontfoglalasLink {
background: #e6027d;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
border-radius: 35px;
line-height: 35px;
color: #fff !important;
padding: 0 40px;
text-decoration: none;
text-transform: uppercase;
margin-top: 10px;
display: block;
width: 210px;
line-height: 40px !important;
}
.doc-list .column a.idopontfoglalasLink.centered, .idopontfoglalasLink.centered {
margin: 40px auto 0 auto;
}
.doc-list .column a.idopontfoglalasLink:focus, .idopontfoglalasLink:focus {
text-decoration: none;
color: #fff !important;
}
.doc-list .column a.idopontfoglalasLink:hover, .idopontfoglalasLink:hover {
text-decoration: none;
color: #fff !important;
} .hero {
width: 100%;
clear: both;
overflow: hidden;
position: relative;
}
.hero .heroImage {
display: none;
}
@media screen and (max-width: 1100px) {
.hero .heroImage {
display: block;
background-size: cover;
background-position: 100% 0;
background-repeat: no-repeat;
height: 400px;
width: 100%;
clear: both;
}
}
.hero .heroInner {
background-size: cover;
background-position: 100% 0;
background-repeat: no-repeat;
height: 600px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1100px) {
.hero .heroInner {
height: auto;
background: #3e96db;
}
}
.hero .heroCaption {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
@media screen and (max-width: 1100px) {
.hero .heroCaption {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
position: absolute;
z-index: 2;
}
}
.hero .heroCaption.hasFox .caption:before {
width: 480px;
height: 80px;
background: #fff url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/svabhegy.2d8e4ef3.svg) 90% 50% no-repeat;
background-size: 150px;
content: "";
position: absolute;
top: -40px;
padding: 0 20px 0 80px;
width: 610px;
height: 54px;
top: -50px;
right: 0;
z-index: 2;
}
@media screen and (max-width: 1100px) {
.hero .heroCaption.hasFox .caption:before {
display: none;
}
}
.hero .heroCaption.hasFox .captionLogo:after {
width: 80px;
height: 80px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/fox.63a6dfc6.png) 50% no-repeat;
background-size: contain;
content: "";
position: absolute;
top: -40px;
right: 0;
width: 170px;
height: 170px;
top: -14px;
right: -139px;
z-index: 5;
}
.hero .heroCaption.hasOptoKid .caption:before {
width: 480px;
height: 80px;
background: #fff url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/logo-optokid.a7a91a48.png) 90% 50% no-repeat;
background-size: 110px;
content: "";
position: absolute;
top: -40px;
padding: 0 20px 0 80px;
width: 610px;
height: 54px;
top: -50px;
right: 0;
z-index: 2;
}
@media screen and (max-width: 1100px) {
.hero .heroCaption.hasOptoKid .caption:before {
display: none;
}
}
.hero .heroCaption.hasOptoKid .captionLogo:after {
width: 80px;
height: 80px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/fox.63a6dfc6.png) 50% no-repeat;
background-size: contain;
content: "";
position: absolute;
top: -40px;
right: 0;
width: 170px;
height: 170px;
top: -14px;
right: -139px;
z-index: 5;
}
.hero .heroCaption.hasOptoKidFelnott .caption:before {
width: 480px;
height: 80px;
background: #fff url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/logo-optokid.a7a91a48.png) 90% 50% no-repeat;
background-size: 110px;
content: "";
position: absolute;
top: -40px;
padding: 0 20px 0 80px;
width: 610px;
height: 54px;
top: -50px;
right: 0;
z-index: 2;
}
@media screen and (max-width: 1100px) {
.hero .heroCaption.hasOptoKidFelnott .caption:before {
display: none;
}
}
.hero .heroCaption .col-12, .hero .heroCaption .container-fluid, .hero .heroCaption .row {
height: 100%;
}
.hero .heroCaption:before {
width: 70%;
right: 0;
bottom: 0;
position: absolute;
height: 10px;
background: url(https://www.lifecentrum.hu/wp-content/themes/lifecentrum/img/heroline.png) 100% 100% no-repeat;
background-size: 100%;
content: "";
}
@media screen and (max-width: 1100px) {
.hero .heroCaption:before {
display: block;
}
}
.hero .flexslider {
margin: 0;
border: none;
}
.hero .flexslider li {
position: relative;
}
.hero .flexslider:hover .flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.hero .flexslider:hover .flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
.hero .flex-direction-nav {
position: absolute;
top: 50%;
width: 100%;
z-index: 2;
display: none;
}
.hero .flex-direction-nav .flex-prev {
width: 35px;
height: 35px;
background: url(https://www.lifecentrum.hu/wp-content/themes/lifecentrum/img/herochevronBal.svg) 50% no-repeat;
background-size: contain;
left: 10px;
opacity: 1;
}
.hero .flex-direction-nav .flex-prev:before {
display: none;
}
.hero .flex-direction-nav .flex-next {
width: 35px;
height: 35px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/chevronJobb.eca2f476.svg) 50% no-repeat;
background-size: contain;
right: 10px;
opacity: 1;
}
.hero .flex-direction-nav .flex-next:before {
display: none;
}
.hero .flex-control-nav {
bottom: 30px;
text-align: right;
width: 98%;
margin-right: 1%;
z-index: 3;
}
.hero .flex-control-nav li a {
background: #fff;
opacity: 0.5;
font-size: 0;
}
.hero .flex-control-nav li a.flex-active {
background: #fff;
opacity: 1;
}
.hero .captionLogo {
background: #032f67;
display: block;
position: absolute;
top: -100px;
height: 100px;
width: 150%;
content: "";
left: -99.1%;
z-index: 3;
}
@media screen and (max-width: 1100px) {
.hero .captionLogo {
display: none;
}
}
.hero .captionLogo img {
height: 50% !important;
float: right;
margin: 25px 30px 0 0;
width: auto !important;
}
.hero .caption {
position: relative;
width: 55%;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
margin-top: 50px;
}
@media screen and (max-width: 1100px) {
.hero .caption {
position: absolute !important;
width: 100%;
margin-top: 0;
}
}
@media screen and (max-width: 575px) {
.hero .caption {
left: 15px;
width: calc(100% - 30px);
}
}
.hero .caption:after {
z-index: 1;
content: "";
background: rgba(0, 0, 0, 0.45);
top: 0;
right: 0;
bottom: 0;
width: calc(100% + 800px);
position: absolute;
}
@media screen and (max-width: 1100px) {
.hero .caption:after {
display: none;
}
}
.hero .caption div {
position: relative;
z-index: 2;
padding: 40px 45px 40px 40px;
margin-left: 15px;
background: url(https://www.lifecentrum.hu/wp-content/themes/lifecentrum/img/heroline.png) 100% 100% no-repeat;
width: calc(100% - 15px);
background-size: 95% 14px;
}
@media screen and (max-width: 1100px) {
.hero .caption div {
padding-left: 0;
margin-left: 0;
background: none;
}
}
@media screen and (max-width: 575px) {
.hero .caption div {
padding: 40px 0;
}
}
.hero .caption div:after {
width: 3px;
top: 0;
right: 0;
height: 80px;
background: #fff;
content: "";
position: absolute;
}
@media screen and (max-width: 1100px) {
.hero .caption div:after {
display: none;
}
}
.hero .caption div:before {
width: 80px;
top: 0;
right: 0;
height: 3px;
background: #fff;
content: "";
position: absolute;
}
@media screen and (max-width: 1100px) {
.hero .caption div:before {
display: none;
}
}
.hero .caption h3 {
position: relative;
margin: 0 !important;
}
.hero .caption h3:before {
top: -40px;
left: 0;
content: "";
position: absolute;
width: 50%;
height: 8px;
background: url(https://www.lifecentrum.hu/wp-content/themes/lifecentrum/img/heroline.png) 0 100% no-repeat;
background-size: 100% 8px;
}
@media screen and (max-width: 1100px) {
.hero .caption h3:before {
display: none;
}
}
.hero .caption h1, .hero .caption h2, .hero .caption h3, .hero .caption h4 {
color: #fff;
text-transform: uppercase;
font-size: 32px;
}
@media screen and (max-width: 575px) {
.hero .caption h1, .hero .caption h2, .hero .caption h3, .hero .caption h4 {
font-size: 24px;
}
}
.hero .caption p {
color: #fff;
margin-bottom: 20px;
font-size: 22px;
}
@media screen and (max-width: 575px) {
.hero .caption p {
font-size: 18px;
margin: 0;
}
}
@media screen and (max-width: 400px) {
.hero .caption p {
font-size: 16px;
}
}
.hero .caption p strong {
font-family: Montserrat-ExtraBold, sans-serif;
}
.blueBtn {
background: #0dacd1 url(https://www.lifecentrum.hu/wp-content/themes/lifecentrum/img/herochevronRight.svg) 92% 50% no-repeat;
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
line-height: 40px;
display: inline-block;
padding: 0 40px 0 25px;
font-size: 16px;
margin-top: 20px;
font-size: 14px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-ms-border-radius: 40px;
border-radius: 40px;
background-size: 8px;
}
@media screen and (max-width: 575px) {
.blueBtn {
line-height: 1.5;
padding: 10px 40px 10px 25px;
}
}
.blueBtn:focus, .blueBtn:hover {
text-decoration: none;
}
.blueBtn:focus {
outline: 0;
}
.blueBtn.alignBtn {
margin: 0 auto;
max-width: 280px;
}#wpadminbar {
opacity: 0.5;
}
.placeholder {
width: 100%;
height: 118px;
clear: both;
}
@media screen and (max-width: 1024px) {
.placeholder {
height: 68px;
}
}
.coblocks-hero-51715242513, .coblocks-row-518113739918 {
display: none !important;
}
.site-content.newcontent {
margin-top: 0 !important;
}
.site-content.newcontent .wp-block-coblocks-hero {
margin-top: 0 !important;
}
.site-content.newcontent .page-content, .site-content.newcontent .entry-content, .site-content.newcontent .entry-summary {
margin-top: 0 !important;
}
.site-content.newcontent .site-main {
padding-top: 0 !important;
}
.site-content.footerMap {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.palyazat {
position: fixed;
bottom: 0;
right: 0;
width: 320px;
height: 230px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-palyazat.png) bottom right no-repeat;
background-size: contain;
z-index: 10;
}
@media screen and (max-width: 1240px) {
.palyazat {
width: 200px;
height: 140px;
}
}
.mainHeader {
width: 100%;
clear: both;
background: #042e68;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.mainHeader .site-content {
padding: 0 2rem !important;
margin: 0 auto !important;
}
.mainHeader .menu-toggle {
top: -70px;
display: none;
}
@media screen and (max-width: 1024px) {
.mainHeader .menu-toggle {
display: block !important;
}
}
.mainHeader .main-navigation.toggled .menu-main-menu-container {
top: 0;
}
.mainHeader .menu-main-menu-container {
display: block;
}
@media screen and (max-width: 1024px) {
.mainHeader .menu-main-menu-container {
display: none;
}
}
.mainHeader .topheader {
width: 100%;
clear: both;
padding: 30px 0;
}
.mainHeader .topheader .site-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.mainHeader .topheader .site-content {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
}
}
@media screen and (max-width: 1024px) {
.mainHeader .topheader .site-content {
display: block;
}
}
.mainHeader .topheader .site-content .logoBox {
display: block;
width: 350px;
height: 45px;
position: relative;
}
@media screen and (max-width: 450px) {
.mainHeader .topheader .site-content .logoBox {
width: 240px;
}
}
.mainHeader .topheader .site-content .logoBox::after {
width: 200px;
height: 5px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-line.png) top left repeat-y;
background-size: 100%;
content: "";
position: absolute;
bottom: -35px;
left: -20px;
}
.mainHeader .topheader .site-content .logoBox .logoA {
height: 100%;
float: left;
width: 53%;
}
.mainHeader .topheader .site-content .logoBox .logoB {
height: 100%;
float: right;
width: 37%;
}
.mainHeader .topheader .site-content .logoBox img {
height: 100%;
height: auto;
}
@media screen and (max-width: 450px) {
.mainHeader .topheader .site-content .logoBox img {
margin-top: 10px;
}
}
.mainHeader .topheader .site-content .logo {
display: block;
width: 350px;
height: 45px;
position: relative;
}
@media screen and (max-width: 450px) {
.mainHeader .topheader .site-content .logo {
width: 240px;
}
}
.mainHeader .topheader .site-content .logo img {
width: 100%;
height: auto;
}
@media screen and (max-width: 450px) {
.mainHeader .topheader .site-content .logo img {
margin-top: 10px;
}
}
.mainHeader .topheader .site-content .logo::after {
width: 200px;
height: 5px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-line.png) top left repeat-y;
background-size: 100%;
content: "";
position: absolute;
bottom: -35px;
left: -20px;
}
.mainHeader .topheader .site-content .menuRight {
width: calc(100% - 300px);
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
@media screen and (max-width: 1024px) {
.mainHeader .topheader .site-content .menuRight {
display: none;
}
}
.mainHeader .topheader .site-content .menuRight .phone {
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-phone.svg) center left no-repeat;
background-size: 22px;
padding-left: 30px;
color: #fff;
font-size: 16px;
text-decoration: none;
margin-right: 40px;
line-height: 35px;
}
.mainHeader .topheader .site-content .menuRight .express {
background: #e71c2f;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
border-radius: 35px;
line-height: 35px;
color: #fff;
padding: 0 40px;
text-decoration: none;
text-transform: uppercase;
margin-right: 10px;
}
.mainHeader .topheader .site-content .menuRight .express:hover {
text-decoration: none;
}
@media screen and (max-width: 1024px) {
.mainHeader .topheader .site-content .menuRight .express {
display: none;
}
}
.mainHeader .topheader .site-content .menuRight .idopontfoglalas {
background: #f7a015;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
border-radius: 35px;
line-height: 35px;
color: #fff;
padding: 0 40px;
text-decoration: none;
text-transform: uppercase;
}
.mainHeader .topheader .site-content .menuRight .idopontfoglalas:hover {
text-decoration: none;
}
@media screen and (max-width: 1024px) {
.mainHeader .topheader .site-content .menuRight .idopontfoglalas {
display: none;
}
}
.mainHeader .bottomHeader {
background: #e6027d;
}
.mainHeader .bottomHeader ul {
padding: 0;
margin: 0;
text-align: right;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
.mainHeader .bottomHeader ul {
text-align: left;
}
}
.mainHeader .bottomHeader ul li {
float: none !important;
display: inline-block;
}
.mainHeader .bottomHeader ul li a {
color: #fff;
line-height: 30px;
}
@media screen and (max-width: 1024px) {
.mainHeader .bottomHeader ul li a {
color: #e6027d;
}
}
.mainHeader .bottomHeader ul li .sub-menu {
width: 350px;
}
.mainHeader .bottomHeader ul li .sub-menu li a {
display: block;
width: 100%;
line-height: 35px;
color: #666;
padding: 0 20px;
text-align: left;
}
.footerNew {
width: 100%;
background: #042e68;
padding: 40px 0;
border-top: 4px solid #e6027d;
}
@media screen and (max-width: 575px) {
.footerNew {
padding-bottom: 150px;
}
}
.footerNew .site-content {
margin: 0 auto !important;
display: block;
}
.footerNew .site-content .rowOne {
width: 80%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
}
@media screen and (max-width: 1240px) {
.footerNew .site-content .rowOne {
width: 100%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
}
}
@media screen and (max-width: 990px) {
.footerNew .site-content .rowOne {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.footerNew .site-content .rowOne .logo {
display: block;
width: 350px;
height: 45px;
position: relative;
margin-right: 150px;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .rowOne .logo {
margin-right: 0;
width: 240px;
}
}
.footerNew .site-content .rowOne .logo img {
width: 100%;
height: auto;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .rowOne .logo img {
margin-top: 10px;
}
}
.footerNew .site-content .rowOne .logonew {
display: block;
width: 100%;
max-width: 540px;
min-height: 45px;
position: relative;
margin-right: 150px;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .rowOne .logonew {
margin-right: 0;
width: 240px;
}
}
.footerNew .site-content .rowOne .logonew img {
width: 100%;
height: auto;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .rowOne .logonew img {
margin-top: 10px;
}
}
.footerNew .site-content .rowOne .socialBox {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
@media screen and (max-width: 1240px) {
.footerNew .site-content .rowOne .socialBox {
text-align: right;
}
}
@media screen and (max-width: 990px) {
.footerNew .site-content .rowOne .socialBox {
width: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
margin-top: 25px;
}
}
.footerNew .site-content .rowOne .socialText {
font-size: 18px;
color: #fff;
text-align: right;
padding-right: 20px;
display: inline-block;
}
@media screen and (max-width: 575px) {
.footerNew .site-content .rowOne .socialText {
display: none;
}
}
.footerNew .site-content .rowOne .socials {
padding: 0;
margin: 0;
display: inline-block;
}
.footerNew .site-content .rowOne .socials li {
list-style: none;
display: inline-block;
margin-left: 10px;
}
.footerNew .site-content .rowOne .socials li a {
display: block;
width: 40px;
height: 40px;
}
@media screen and (max-width: 990px) {
.footerNew .site-content .rowOne .socials li a {
width: 30px;
height: 30px;
}
}
.footerNew .site-content .rowOne .socials li a.facebook {
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-facebook.svg) center center no-repeat;
background-size: contain;
}
.footerNew .site-content .rowOne .socials li a.instagram {
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-instagram.svg) center center no-repeat;
background-size: contain;
}
.footerNew .site-content .secondRow {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 5px;
}
@media screen and (max-width: 700px) {
.footerNew .site-content .secondRow {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.footerNew .site-content .secondRow .phone {
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-phone2.svg) center left no-repeat;
background-size: 20px;
padding-left: 30px;
color: #e6027d;
font-size: 18px;
}
@media screen and (max-width: 700px) {
.footerNew .site-content .secondRow .phone {
width: 100%;
}
}
@media screen and (max-width: 450px) {
.footerNew .site-content .secondRow .phone {
font-size: 16px;
}
}
.footerNew .site-content .secondRow .menuBox {
margin-left: 10px;
}
.footerNew .site-content .secondRow .menuBox ul {
padding: 0;
margin: 0;
}
.footerNew .site-content .secondRow .menuBox ul li {
list-style: none;
display: inline-block;
margin: 0 5px;
}
.footerNew .site-content .secondRow .menuBox ul li a {
color: #e6027d;
text-transform: uppercase;
text-decoration: none;
font-size: 18px;
position: relative;
padding-left: 15px;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .secondRow .menuBox ul li a {
font-size: 16px;
}
}
.footerNew .site-content .secondRow .menuBox ul li a::before {
width: 5px;
height: 5px;
background: #e6027d;
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
margin-top: -4px;
}
.footerNew .site-content .secondRow .menuBox ul li a:hover {
color: #fff;
text-decoration: none;
}
.footerNew .site-content .thirdRow {
color: #fff;
font-size: 18px;
font-weight: normal;
line-height: 1.6 !important;
margin-bottom: 70px;
}
@media screen and (max-width: 700px) {
.footerNew .site-content .thirdRow {
margin-bottom: 0;
}
}
@media screen and (max-width: 450px) {
.footerNew .site-content .thirdRow {
font-size: 16px;
}
}
.footerNew .site-content .thirdRow a {
color: #fff;
font-size: 18px;
font-weight: normal;
display: block;
text-decoration: none;
}
@media screen and (max-width: 450px) {
.footerNew .site-content .thirdRow a {
font-size: 16px;
}
}
.footerNew .site-content .thirdRow a:hover {
color: #e6027d;
text-decoration: none;
}
.footerNew .site-content .fourthRow {
width: 100%;
clear: both;
}
@media screen and (max-width: 700px) {
.footerNew .site-content .fourthRow {
display: none;
}
}
.footerNew .site-content .fourthRow .menuOne {
width: 100%;
clear: both;
}
@media screen and (max-width: 990px) {
.footerNew .site-content .fourthRow .menuOne {
display: none;
}
}
.footerNew .site-content .fourthRow .menuOne .menuLabeL {
display: inline-block;
color: #fff;
font-size: 14px !important;
font-weight: bold;
text-transform: uppercase;
}
.footerNew .site-content .fourthRow .menuOne .menuBox {
display: inline-block;
}
.footerNew .site-content .fourthRow .menuOne .menuBox ul {
padding: 0;
margin: 0;
}
.footerNew .site-content .fourthRow .menuOne .menuBox ul li {
list-style: none;
display: inline-block;
margin: 0 5px;
}
.footerNew .site-content .fourthRow .menuOne .menuBox ul li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-weight: bold;
font-size: 14px !important;
position: relative;
padding-left: 15px;
}
.footerNew .site-content .fourthRow .menuOne .menuBox ul li a:hover {
color: #e6027d;
text-decoration: none;
}
.footerNew .site-content .fourthRow .menuOne .menuBox ul li a::before {
width: 4px;
height: 4px;
background: #fff;
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
margin-top: -2px;
}
.footerNew .site-content .fourthRow .menuTwo {
width: 100%;
clear: both;
}
.footerNew .site-content .fourthRow .menuTwo .menuLabeL {
display: inline-block;
color: #fff;
font-size: 14px !important;
text-transform: uppercase;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox {
display: inline-block;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox ul {
padding: 0;
margin: 0;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox ul li {
list-style: none;
display: inline-block;
margin: 0 5px;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox ul li a {
color: #fff;
text-transform: uppercase;
text-decoration: none;
font-size: 14px !important;
position: relative;
padding-left: 15px;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox ul li a:hover {
color: #e6027d;
text-decoration: none;
}
.footerNew .site-content .fourthRow .menuTwo .menuBox ul li a::before {
width: 4px;
height: 4px;
background: #fff;
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
margin-top: -2px;
}
.newHeader {
width: 100%;
clear: both;
position: relative;
}
.newHeader .imageBox {
width: 100%;
height: 550px;
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
position: relative;
z-index: 1;
}
@media screen and (max-width: 575px) {
.newHeader .imageBox {
height: 300px;
}
}
.newHeader::after {
width: 55%;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-mask.png) top right no-repeat;
background-size: auto 100%;
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
z-index: 2;
}
@media screen and (max-width: 1440px) {
.newHeader::after {
background-size: 100%;
}
}
@media screen and (max-width: 990px) {
.newHeader::after {
display: none;
}
}
.newHeader .caption {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 55%;
z-index: 3;
}
@media screen and (max-width: 1440px) {
.newHeader .caption {
left: 3%;
}
}
@media screen and (max-width: 700px) {
.newHeader .caption {
position: static;
transform: none;
width: 100%;
}
}
.newHeader .caption::after {
z-index: 1;
content: "";
background: rgba(0, 0, 0, 0.45);
top: 0;
right: 0;
bottom: 0;
width: calc(100% + 800px);
position: absolute;
}
@media screen and (max-width: 700px) {
.newHeader .caption::after {
display: none;
}
}
.newHeader .caption::before {
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-line.png) 100% 100% repeat-y;
height: 8px;
width: 770px;
content: "";
position: absolute;
bottom: -8px;
right: 0;
background-size: 100%;
}
@media screen and (max-width: 1440px) {
.newHeader .caption::before {
width: 100%;
display: none;
}
}
.newHeader .caption div {
color: #fff;
font-size: 48px;
text-transform: uppercase;
line-height: 1.2;
position: relative;
width: 770px;
float: right;
z-index: 2;
padding: 40px 10px 40px 0px;
margin-left: 15px;
background-size: auto;
background-size: 95% 14px;
}
@media screen and (max-width: 1440px) {
.newHeader .caption div {
width: 100%;
}
}
@media screen and (max-width: 1024px) {
.newHeader .caption div {
font-size: 38px;
}
}
@media screen and (max-width: 575px) {
.newHeader .caption div {
font-size: 28px;
}
}
@media screen and (max-width: 700px) {
.newHeader .caption div {
width: 100%;
background: #042e68 url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/d24-line.png) 100% 100% no-repeat;
padding: 50px 20px;
background-size: 100%;
}
}
.newHeader .caption div::before {
width: 80px;
top: 0;
right: 0;
height: 3px;
background: #fff;
content: "";
position: absolute;
}
@media screen and (max-width: 700px) {
.newHeader .caption div::before {
display: none;
}
}
.newHeader .caption div::after {
width: 3px;
top: 0;
right: 0;
height: 80px;
background: #fff;
content: "";
position: absolute;
}
@media screen and (max-width: 700px) {
.newHeader .caption div::after {
display: none;
}
}
.newHeader .idopont {
background: #f7a015 url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/img/chevron.svg) 95% 50% no-repeat;
position: absolute;
bottom: -60px;
left: 0;
background-size: auto;
color: #fff;
text-transform: uppercase;
min-width: 200px;
text-align: center;
text-decoration: none;
line-height: 35px;
display: inline-block;
padding: 0 30px 0 15px;
font-size: 14px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-ms-border-radius: 40px;
border-radius: 40px;
background-size: 8px;
}
@media screen and (max-width: 700px) {
.newHeader .idopont {
position: static;
display: block;
margin-top: 20px;
}
}
.doc-list .column a.idopontfoglalasLink, .idopontfoglalasLink {
background: #e6027d;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
-ms-border-radius: 35px;
border-radius: 35px;
line-height: 35px;
color: #fff !important;
padding: 0 40px;
text-decoration: none;
text-transform: uppercase;
margin-top: 10px;
display: block;
width: 210px;
line-height: 40px !important;
}
.doc-list .column a.idopontfoglalasLink.centered, .idopontfoglalasLink.centered {
margin: 40px auto 0 auto;
}
.doc-list .column a.idopontfoglalasLink:focus, .idopontfoglalasLink:focus {
text-decoration: none;
color: #fff !important;
}
.doc-list .column a.idopontfoglalasLink:hover, .idopontfoglalasLink:hover {
text-decoration: none;
color: #fff !important;
} .hero {
width: 100%;
clear: both;
overflow: hidden;
position: relative;
}
.hero .heroImage {
display: none;
}
@media screen and (max-width: 1100px) {
.hero .heroImage {
display: block;
background-size: cover;
background-position: 100% 0;
background-repeat: no-repeat;
height: 400px;
width: 100%;
clear: both;
}
}
.hero .heroInner {
background-size: cover;
background-position: 100% 0;
background-repeat: no-repeat;
height: 600px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 1100px) {
.hero .heroInner {
height: auto;
background: #3e96db;
}
}
.hero .heroCaption {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
@media screen and (max-width: 1100px) {
.hero .heroCaption {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
position: absolute;
z-index: 2;
}
}
.hero .heroCaption.hasFox .caption:before {
width: 480px;
height: 80px;
background: #fff url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/svabhegy.2d8e4ef3.svg) 90% 50% no-repeat;
background-size: 150px;
content: "";
position: absolute;
top: -40px;
padding: 0 20px 0 80px;
width: 610px;
height: 54px;
top: -50px;
right: 0;
z-index: 2;
}
@media screen and (max-width: 1100px) {
.hero .heroCaption.hasFox .caption:before {
display: none;
}
}
.hero .heroCaption.hasFox .captionLogo:after {
width: 80px;
height: 80px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/fox.63a6dfc6.png) 50% no-repeat;
background-size: contain;
content: "";
position: absolute;
top: -40px;
right: 0;
width: 170px;
height: 170px;
top: -14px;
right: -139px;
z-index: 5;
}
.hero .heroCaption.hasOptoKid .caption:before {
width: 480px;
height: 80px;
background: #fff url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/logo-optokid.a7a91a48.png) 90% 50% no-repeat;
background-size: 110px;
content: "";
position: absolute;
top: -40px;
padding: 0 20px 0 80px;
width: 610px;
height: 54px;
top: -50px;
right: 0;
z-index: 2;
}
@media screen and (max-width: 1100px) {
.hero .heroCaption.hasOptoKid .caption:before {
display: none;
}
}
.hero .heroCaption.hasOptoKid .captionLogo:after {
width: 80px;
height: 80px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/fox.63a6dfc6.png) 50% no-repeat;
background-size: contain;
content: "";
position: absolute;
top: -40px;
right: 0;
width: 170px;
height: 170px;
top: -14px;
right: -139px;
z-index: 5;
}
.hero .heroCaption.hasOptoKidFelnott .caption:before {
width: 480px;
height: 80px;
background: #fff url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/logo-optokid.a7a91a48.png) 90% 50% no-repeat;
background-size: 110px;
content: "";
position: absolute;
top: -40px;
padding: 0 20px 0 80px;
width: 610px;
height: 54px;
top: -50px;
right: 0;
z-index: 2;
}
@media screen and (max-width: 1100px) {
.hero .heroCaption.hasOptoKidFelnott .caption:before {
display: none;
}
}
.hero .heroCaption .col-12, .hero .heroCaption .container-fluid, .hero .heroCaption .row {
height: 100%;
}
.hero .heroCaption:before {
width: 70%;
right: 0;
bottom: 0;
position: absolute;
height: 10px;
background: url(https://www.lifecentrum.hu/wp-content/themes/lifecentrum/img/heroline.png) 100% 100% no-repeat;
background-size: 100%;
content: "";
}
@media screen and (max-width: 1100px) {
.hero .heroCaption:before {
display: block;
}
}
.hero .flexslider {
margin: 0;
border: none;
}
.hero .flexslider li {
position: relative;
}
.hero .flexslider:hover .flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.hero .flexslider:hover .flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
.hero .flex-direction-nav {
position: absolute;
top: 50%;
width: 100%;
z-index: 2;
display: none;
}
.hero .flex-direction-nav .flex-prev {
width: 35px;
height: 35px;
background: url(https://www.lifecentrum.hu/wp-content/themes/lifecentrum/img/herochevronBal.svg) 50% no-repeat;
background-size: contain;
left: 10px;
opacity: 1;
}
.hero .flex-direction-nav .flex-prev:before {
display: none;
}
.hero .flex-direction-nav .flex-next {
width: 35px;
height: 35px;
background: url(//www.lifecentrum.hu/wp-content/themes/lifecentrum/chevronJobb.eca2f476.svg) 50% no-repeat;
background-size: contain;
right: 10px;
opacity: 1;
}
.hero .flex-direction-nav .flex-next:before {
display: none;
}
.hero .flex-control-nav {
bottom: 30px;
text-align: right;
width: 98%;
margin-right: 1%;
z-index: 3;
}
.hero .flex-control-nav li a {
background: #fff;
opacity: 0.5;
font-size: 0;
}
.hero .flex-control-nav li a.flex-active {
background: #fff;
opacity: 1;
}
.hero .captionLogo {
background: #032f67;
display: block;
position: absolute;
top: -100px;
height: 100px;
width: 150%;
content: "";
left: -99.1%;
z-index: 3;
}
@media screen and (max-width: 1100px) {
.hero .captionLogo {
display: none;
}
}
.hero .captionLogo img {
height: 50% !important;
float: right;
margin: 25px 30px 0 0;
width: auto !important;
}
.hero .caption {
position: relative;
width: 55%;
left: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
margin-top: 50px;
}
@media screen and (max-width: 1100px) {
.hero .caption {
position: absolute !important;
width: 100%;
margin-top: 0;
}
}
@media screen and (max-width: 575px) {
.hero .caption {
left: 15px;
width: calc(100% - 30px);
}
}
.hero .caption:after {
z-index: 1;
content: "";
background: rgba(0, 0, 0, 0.45);
top: 0;
right: 0;
bottom: 0;
width: calc(100% + 800px);
position: absolute;
}
@media screen and (max-width: 1100px) {
.hero .caption:after {
display: none;
}
}
.hero .caption div {
position: relative;
z-index: 2;
padding: 40px 45px 40px 40px;
margin-left: 15px;
background: url(https://www.lifecentrum.hu/wp-content/themes/lifecentrum/img/heroline.png) 100% 100% no-repeat;
width: calc(100% - 15px);
background-size: 95% 14px;
}
@media screen and (max-width: 1100px) {
.hero .caption div {
padding-left: 0;
margin-left: 0;
background: none;
}
}
@media screen and (max-width: 575px) {
.hero .caption div {
padding: 40px 0;
}
}
.hero .caption div:after {
width: 3px;
top: 0;
right: 0;
height: 80px;
background: #fff;
content: "";
position: absolute;
}
@media screen and (max-width: 1100px) {
.hero .caption div:after {
display: none;
}
}
.hero .caption div:before {
width: 80px;
top: 0;
right: 0;
height: 3px;
background: #fff;
content: "";
position: absolute;
}
@media screen and (max-width: 1100px) {
.hero .caption div:before {
display: none;
}
}
.hero .caption h3 {
position: relative;
margin: 0 !important;
}
.hero .caption h3:before {
top: -40px;
left: 0;
content: "";
position: absolute;
width: 50%;
height: 8px;
background: url(https://www.lifecentrum.hu/wp-content/themes/lifecentrum/img/heroline.png) 0 100% no-repeat;
background-size: 100% 8px;
}
@media screen and (max-width: 1100px) {
.hero .caption h3:before {
display: none;
}
}
.hero .caption h1, .hero .caption h2, .hero .caption h3, .hero .caption h4 {
color: #fff;
text-transform: uppercase;
font-size: 32px;
}
@media screen and (max-width: 575px) {
.hero .caption h1, .hero .caption h2, .hero .caption h3, .hero .caption h4 {
font-size: 24px;
}
}
.hero .caption p {
color: #fff;
margin-bottom: 20px;
font-size: 22px;
}
@media screen and (max-width: 575px) {
.hero .caption p {
font-size: 18px;
margin: 0;
}
}
@media screen and (max-width: 400px) {
.hero .caption p {
font-size: 16px;
}
}
.hero .caption p strong {
font-family: Montserrat-ExtraBold, sans-serif;
}
.blueBtn {
background: #0dacd1 url(https://www.lifecentrum.hu/wp-content/themes/lifecentrum/img/herochevronRight.svg) 92% 50% no-repeat;
color: #fff !important;
text-transform: uppercase;
text-decoration: none;
line-height: 40px;
display: inline-block;
padding: 0 40px 0 25px;
font-size: 16px;
margin-top: 20px;
font-size: 14px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-ms-border-radius: 40px;
border-radius: 40px;
background-size: 8px;
}
@media screen and (max-width: 575px) {
.blueBtn {
line-height: 1.5;
padding: 10px 40px 10px 25px;
}
}
.blueBtn:focus, .blueBtn:hover {
text-decoration: none;
}
.blueBtn:focus {
outline: 0;
}
.blueBtn.alignBtn {
margin: 0 auto;
max-width: 280px;
}