html {
overflow-y:scroll !important;
}
body{
font-family: 'Athiti', sans-serif;
color:#df2665;
font-weight: 500;
}
html,body {
max-width: 100vw;
overflow-x: hidden;
}
.navbar .navbar-nav {
display: inline-block;
float: none;
vertical-align: top;
}
.navbar .navbar-collapse {
text-align: center;
max-width: 100vw;
margin-right: 0 !important;
margin-left: 0 !important;
}
.navbar .container-fluid {
margin:0;
padding:0;
max-width: 100vw;
}
.navbar-estamed {
margin-bottom:0;
background:#fff;
border:none;
max-height: 1000px; max-width: 100vw;
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;
}
.navbar-estamed .nav li {
line-height: 90px;
}
.navbar-estamed .nav li a:hover {
color:#e56e98;
}
.navbar-estamed .nav li a {
font-size:20px;
line-height:90px;
padding-top:0;
padding-bottom:0;
color:#de195e;
}
#facebook_slider_widget {
margin-top: 0 !important;
top:100px !important;
cursor:pointer;
}
.fa-facebook-official:before {
content: "\f230";
font-size: 35px;
line-height:90px;
color:#3b5998;
}
.fb_iframe_widget {
padding-bottom: 47px;
}
.platek{
position: absolute;
top: 50px;
}
.kwiatek {
position: absolute;
top: 13%;
right:0;
}
.platek2 {
position:absolute;
bottom: 10%;
left: 10%;
}
.platek3 {
position:absolute;
z-index: -1;
}
.platek4 {
position:absolute;
} header {
background:url(//estamed.pl/wp-content/themes/onepage/img/header.png) no-repeat;
background-size:cover;
margin-top: 60px;
padding-bottom: 50px;
background-position: center;
height: 100vh;
}
@media (max-width: 768px) {
header { background:url(//estamed.pl/wp-content/themes/onepage/img/header.png) no-repeat;
background-position: top center;
background-size: cover;
}
}
header .slogan {
padding-top:130px;
}
header .slogan h1 {
background:rgba(255,255,255,0.5);
}
header.home h1 img {
margin: -20px auto;
max-width: 100%;
}
header.home h3 {
color:#6f215d;
margin-bottom: 15px;
}
header.home .container {
margin-top: 100px;
}
@media (max-width: 768px) and (orientation: landscape){
header.home {
height: 100vh;
}
header.home .slogan {
padding-top: 0px;
}
header.home .container {
margin-top: 20px;
}
}
@media (max-width: 768px) and (orientation: portrait){
header.home .slogan {
padding-top: 30%;
}
header.home .container {
margin-top: 20%;
}
}
@media (min-width: 768px) {
header.home .container {
margin-top: 150px;
}
.navbar-header {
margin-top:230px;
} 
}
header.home .btn-zapraszamy {
font-size:26px;
border:none;
background:rgba(255,255,255,0.75);
color:#de195e;
border-radius:0;
width:190px;
padding:5px 0;
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;
}
header.home .btn-zapraszamy:hover {
background-color:#ff79a7;
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;color:#fff;
} #head-medycyna {
background-size: cover;
background-position: 63% center;
background-image: url(//estamed.pl/wp-content/themes/onepage/img/medycyna-estetyczna.png);
position:relative;
width:100%;
height: 25vh;
}
@media (max-width: 768px) and (orientation: landscape) {
#head-medycyna {
height: 40vh;
}
}
@media (min-width: 768px) {
#head-medycyna {
background-position: center center;
height: 200px;
}
}
#medycyna-estetyczna {
position:relative;
// margin-top:-80px;
}
section.medycyna-estetyczna .header-section h1 {
font-weight:900;
color:#fff;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 1);
margin-bottom: 20px;
margin-top: 20px;
}
section.medycyna-estetyczna .content-medycyna {
background:#fff;
padding: 30px 0 20px 0;
}
section.medycyna-estetyczna .content-medycyna p {
font-size:20px;
text-align:justify;
color:#de195e;
}
section.medycyna-estetyczna .content-medycyna p.caption {
text-align:right;
}
section.medycyna-estetyczna .content-medycyna .col-sm-12 h2 {
margin-top:10px;
font-size:32px;
font-weight:100;
text-align:center;
text-transform:uppercase;
} section.zabiegi {
background-size:cover;
position: relative;
}
section.zabiegi .header-zabiegi h1 {
margin: 25px 0;
color:#fff;
font-weight:900;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 1);
text-align: center;
}
section.zabiegi .content-zabiegi {
background:rgba(255,255,255,0.75);
}
section.zabiegi .content-zabiegi .lista-zabiegow li p a{
font-size:20px;
color:#df2665;
line-height:24px;
margin: 0;
}
section.zabiegi .content-zabiegi .lista-zabiegow .title {
font-weight:900;
}
section.zabiegi .content-zabiegi .lista-zabiegow .read-more {
font-size:24px;
font-weight:900;
margin-bottom: 25px;
}
section.zabiegi .lista-zabiegow {
-webkit-padding-start: 0;
list-style-type: none;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
padding-top:50px;
} .cennik {
position:relative;
margin-top: -20px;
}
section.cennik .header-cennik {
background:#df2665;
margin:0;
color:#fff;
font-weight:900;
padding:12px 0;
}
section.cennik .header-cennik h1 {
margin:0;
}
section.cennik #owl-cennik {
padding: 90px 0 45px 0;
}
section.cennik #owl-cennik .owl-controls {
margin-top: 40px;
position: absolute;
text-align: center;
top: 0;
width: 100%;
}
section.cennik #owl-cennik .owl-controls .owl-page span {
display: block;
width: 20px;
height: 20px;
margin: 5px 7px;
filter: Alpha(Opacity=100);
opacity: 1;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #df2665;
}
section.cennik #owl-cennik .owl-controls .owl-page.active span {
background: #fff;
border:4px solid #df2665;
}
.cennik .content-cennik #owl-cennik ul li span {
font-size:22px;
}
section.cennik #owl-cennik .item h3 {
font-weight:900;
} section.promocje .header-promocje {
background:url(//estamed.pl/wp-content/themes/onepage/img/header-promocje.png) no-repeat;
background-size:cover;
}
section.promocje .header-promocje h1 {
font-size:95px;
font-weight:700;
margin:0;
padding:20px 0 40px 0;
color:#fff;
line-height: 1em;
}
section.promocje h3 {
padding:40px 0 20px 0;
}
section.promocje .note {
font-size:22px;
margin:35px 0 45px 0;
}
section.promocje .content-promocje ul li span { 
font-size:22px;
} section.dyplomy .header-dyplomy {
background:rgba(255,255,255,0.75);
}
section.dyplomy .header-dyplomy h1 {
font-weight:900;
color:#fff;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 1);
margin:0;
padding: 30px 0;
}
section.dyplomy .content-dyplomy{
padding:170px 0 20px 0;
text-align:center;
}
section.dyplomy #owl-dyplomy .owl-controls .owl-page span {
display: block;
width: 20px;
height: 20px;
margin: 5px 7px;
filter: Alpha(Opacity=100);
opacity: 1;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #fff;
}
section.dyplomy #owl-dyplomy .owl-controls .owl-page.active span {
background: #df2665;
border:4px solid #fff;
}
section.dyplomy #owl-dyplomy .owl-controls .owl-buttons {
position: absolute;
top: 50%;
margin-top: -90px;
width: 100%;
}
section.dyplomy #owl-dyplomy .owl-controls .owl-buttons div {    
display: inline-block;
zoom: 1;
margin: 0;
padding: 0;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: transparent;
filter: Alpha(Opacity=100);
opacity: 1;
}
section.dyplomy #owl-dyplomy .owl-controls .owl-buttons .owl-prev {
position:absolute;
left:-65px;
}
section.dyplomy #owl-dyplomy .owl-controls .owl-buttons .owl-next {
-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);
position:absolute;
right:-65px;
}
section.dyplomy #owl-dyplomy .owl-pagination {
padding-top:30px;
}
#owl-dyplomy .item { 
padding: 0 10px;
} section.kontakt .header-kontakt {
background:#df2665;
margin:0;
color:#fff;
font-weight:900;
padding:12px 0;
}
section.kontakt .header-kontakt h1 {
margin:0;
}
section.kontakt .content-kontakt h2 {
line-height: 1em;
margin-bottom: 3rem;
}
section.kontakt .content-kontakt p, section.kontakt .content-kontakt a {
font-size: 2rem;
}
section.kontakt .content-kontakt .phone {
font-size:48px;
font-weight:700;
margin: 20px 0 30px 0;
}
.map iframe {
width: 100%;
height: 50vh;
}
footer h1 {
margin:15px 0 20px 0;
font-size: 20px;
}
.navbar-header {
height:60px;
width: 100vw;
margin-right: 0 !important;
margin-left: 0 !important;
display: block; transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;
}
.navbar-header .navbar-toggle {
margin:13px 15px;
}
@media (min-width: 768px) {
.navbar-header {
display:none;
} 
}
@media all and (min-width: 769px) {
.navbar-estamed.smallheader {
max-height:60px;
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;
}
.navbar-estamed.smallheader ul li, .navbar-estamed.smallheader ul li a {
line-height:60px !important;
}
.navbar-estamed.smallheader .fa-facebook-official:before {
content: "\f230";
font-size: 35px;
line-height: 60px;
color: #3b5998;
}
navbar-estamed.smallheader ul li a, .navbar-estamed ul li a, .navbar-estamed.smallheader ul li, .navbar-estamed ul li, .fa-facebook-official:before, .navbar-estamed.smallheader .fa-facebook-official:before{
transition:all .4s ease;
-webkit-transition:all .4s ease;
-moz-transition:all .4s ease;
-o-transition:all .4s ease;
}
}
@media all and (max-width:768px) {
.navbar-estamed .nav li a {
line-height: 30px;
}
.nav.navbar-nav {
margin:0;
max-height: 85vh;
padding-bottom: 50px;
}
}
@media all and (max-width:500px) {
#facebook_slider_widget {
display:none;
}
}
@media all and (max-width: 1500px) {
.platek,
.kwiatek,
.platek2,
.platek3,
.platek4 {
display:none;
}
.navbar-estamed .nav li a {
font-size:18px;
}
}
@media all and (max-width:960px) {
.navbar-estamed .nav li a {
font-size:16px;
padding-left:10px;
padding-right:10px;
line-height: 50px;
}
} .page-post
{
background: #F2F1F7;
padding-bottom: 20px;
}
.content-post
{
padding:10px;
}
.content-post h1, .sidebar-post h1
{
text-align:center;
padding: 15px;
background: #fff;
}
.news 
{
font-size:36px;
text-align:center;
padding: 15px;
background: #fff;
margin-top: 20px;
}
.tresc-post
{
background: #fff;
padding: 25px;
font-size: 16px;
}
.sidebar-post
{
padding:10px;
}
.sidebar-list-post
{
background: #fff;
padding: 25px 0px;
font-size: 16px;
}
.sidebar-list-post ul
{
}
.sidebar-list-post ul li
{
margin-bottom: 5px;
line-height: 1.1;
}
.sidebar-list-post ul li a
{
text-decoration:none;
font-size: 16px;
color: #df2665;
line-height:1;
}
.owl-carousel .owl-item { }
.page-dyplomy
{
padding-top:60px;
}
.content-dyplomy .btn-zapraszamy
{
font-size: 26px;
border: none;
background: rgba(255,255,255,0.75);
color: #de195e;
border-radius: 0;
width: 190px;
padding: 5px 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
margin-top: 30px;
margin-bottom: 30px;
}
.content-zabiegi .btn-zapraszamy
{
font-size: 26px;
border: none;
background: #de195e;
color: #fff;
border-radius: 0;
width: 190px;
padding: 5px 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 40%;
}
.content-dyplomy .btn-zapraszamy:hover {
background-color: #ff79a7;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
color: #fff;
}
.dyplomy-content
{
text-align:center;
}
.owl-carousel .owl-wrapper-outer {
width: 95% !important;
margin: auto !important;
}
.title {
display: block;
text-align: center;
padding: 15px;
background: #fff;
margin-top: 20px;
margin-bottom: 10px;
font-size: 36px;
font-family: inherit;
font-weight: 500;
line-height: 1.1;
}
.order-mobile-1 {
order: 2;
}
.order-mobile-2 {
order: 1;
}
.d-flex {
display: flex;
flex-wrap: wrap;
}
.col-md-8 {
max-width: 100%;
}
.tresc-post img{
height: auto;
max-width: 100%;
}
@media (max-width: 768px) and (orientation: portrait){
.order-mobile-1 {
order: 1;
}
.order-mobile-2 {
order: 2;
}
}