@import url('https://fonts.googleapis.com/css?family=Roboto&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin-ext');

* { box-sizing: border-box; }
body { font-family: 'Roboto', sans-serif; padding-left: 0; padding-right: 0; height: 100%; font-size: 15px; }
a { color: inherit; }
.container { max-width: 1200px; padding: 0; }
.row { margin: 0; }
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 0; padding-right: 0; }

a, a:hover, a:active, a:focus { outline: none; }
input::-moz-focus-inner { border: 0; }
p { word-wrap: break-word; }
img { max-width: 100%; height: auto; }

/* ***************** HEADER **************** */
header { height: 100%; width: 100%; position: relative; background-color: #e8e8e8; background-image: url(../img/header-bg.jpg); background-position: 50% 50%; background-size: cover; font-family: 'Lato', sans-serif; }
header.nohp { height: 100px; width: 100%; background: none; }
.main_navbar { background: #fff; width: 100%; height: 69px; border-bottom:1px solid #585957; position: fixed!important; top: 0; transition: all 0.5s ease; }
.main_navbar .nav-row { text-align: right; }
.main_navbar .nav-row .nav li { padding: 0; }
.main_navbar .nav-row .nav li a { padding: 30px 15px 18px; color: #000; background: #fff; font-size: 1.2em; font-weight: 400; text-transform: uppercase; transition: padding 0.5s ease;}
.main_navbar .nav-row .nav li.active a { color: #fff;  background: #9f0000; }
.main_navbar .nav-row .nav li a:hover { color: #fff;  background: #9f0000; }
.navbar { padding: 0; }
header .header_title { position: absolute; width: 100%; margin: 60vh auto 0; left: 0; }
header .header_title_inner { display: table; margin: 0 auto; color: #000; text-transform: uppercase; background-color: #fff; border-radius: 10px; padding: 20px;  }
header .header_title h1 { font-size: 6.3em; font-weight: 900; margin: 0; line-height: 100%; }
header .header_title h2 { font-size: 2.5em; font-weight: 400; margin: 0; line-height: 100%; }
header .main_navbar div.navbar-collapse { border-top: none; box-shadow: none; }

header .header_logo { position: relative; }
header .header_logo > div { position: absolute; width: 92px; height: 99px; background: #fff; padding: 20px 5% 10px; transition: all 0.5s ease; 
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
}
header .header_logo .ptk { left: 0; }
header .header_logo .tkp { left: 100px; }

header .scroll-down { cursor: pointer; background: url(../img/scroll-down.png) 0 0 no-repeat; width: 24px; height: 22px; position: absolute; bottom: 20px; left: 50%; margin-left: -12px; z-index: 1000; }

/* FIXED NAVBAR */
.fixed-navbar { background: #fff; width: 100%; height: 57px; border-bottom:1px solid #585957; position: fixed; top: 0; transition: height 0.5s ease-in-out; }
.fixed-navbar .nav-row { text-align: right; }
.fixed-navbar .nav-row .nav li { padding: 0; }
.fixed-navbar .nav-row .nav li a { padding: 18px 15px 18px; color: #000; background: #fff; font-size: 1.2em; font-weight: 400; text-transform: uppercase; }
.fixed-navbar .nav-row .nav li.active a { color: #fff;  background: #9f0000; }
.fixed-navbar .nav-row .nav li a:hover { color: #fff;  background: #9f0000; }
.fixed-navbar .nav-row .header_logo > div { position: absolute; width: 50px; height: 50px; background: #fff; padding: 3px 0 0; box-shadow: none; }
.fixed-navbar .nav-row .header_logo .tkp { left: 55px; }
.navbar-header.active { background: white; }
.navbar-nav { margin: 0; }
/* ***************** END HEADER **************** */

.default-button a, .default-button button { font-family: 'Lato', sans-serif; font-weight: 900; font-size: 12px; color: #000; padding: 5px 10px; display: inline-block; border: 1px solid #000; background-color: transparent; }
.default-button a:hover, .default-button button:hover  { font-weight: 900; color: #fff; background-color: #9f0000; border: 1px solid #9f0000; text-decoration: none; }

/* ***************** NEWS **************** */
.news-content a { text-decoration: none; }
.news-content .news_more_text { border: 1px solid #f2f2f2; border-bottom-width: 4px; margin: 50px 25px 0 25px;
-webkit-box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.25);
box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.25);                 
}
.news-content .news_more_text .group { font-size: 12px; color: #fff; font-family: 'Lato', sans-serif; text-align: center; padding: 12px 0;}
.news-content .news_more_text.news-group-1 .group { background-color: #585957; }
.news-content .news_more_text.news-group-2 .group { background-color: #7fba00; }
.news-content .news_more_text.news-group-3 .group { background-color: #038db0; }
.news-content .news_more_text.news-group-4 .group { background-color: #fdc717; }
.news-content h2 { font-family: 'Lato', sans-serif; font-weight: 900; color: #000000; font-size: 20px; text-align: center; padding: 15px 30px 0; margin: 0; }
.news-content .news_more_text .date { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 16px; color: #000; text-align: center; padding-bottom: 25px; }
.news-content .news_more_text .intro { font-size: 12px; padding: 0 30px; }
.news-content .news_more_text .more { text-align: right; padding: 20px 30px; }
.news-content .news_more_text .more span { display: inline-block; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 10px; color: #fff; padding: 5px 10px; background: gray; }
.news-content .news_more_text.news-group-1 .more span { background-color: #585957; }
.news-content .news_more_text.news-group-2 .more span { background-color: #7fba00; }
.news-content .news_more_text.news-group-3 .more span { background-color: #038db0; }
.news-content .news_more_text.news-group-4 .more span { background-color: #fdc717; }

.news-content .news_more_button { padding: 70px 0 30px; }

/* ***************** END NEWS **************** */

/* ***************** MEMBERS **************** */
.board { padding-bottom: 20px; background: #f5f5f5;}
.board .title { position: relative; margin: 0 -15px; text-align: center; }
.board .title:after { content: ""; position: absolute; z-index: 0; background-color: #9f0000; height: 1px; width: 100%; top: 50%; left: 0; }
.board .title h3 { position: relative; z-index: 1; background: #f5f5f5;; padding: 0 30px; font-family: 'Lato', sans-serif; color: #9f0000; font-size: 2.5em; margin: 20px 0; text-align: center; text-transform: uppercase; display: inline-block; }
.board .content { font-size: 15px; color: #000; text-align: center; line-height: 1.2; padding: 15px 0; }
.board .content .row > div { padding: 15px 0; }
.board .content .row > div > p:first-child { color: #9f0000; text-transform: uppercase; }
.board .content .small { font-size: 13px; }
.membership { background: #fff; }
.membership .title { position: relative; margin: 0 -15px; text-align: center; }
.membership .title:after { content: ""; position: absolute; z-index: 0; background-color: #9f0000; height: 1px; width: 100%; top: 50%; left: 0; }
.membership .title h3 { position: relative; z-index: 1; background: #fff;; padding: 0 30px; font-family: 'Lato', sans-serif; color: #9f0000; font-size: 2.5em; margin: 20px 0; text-align: center; text-transform: uppercase; display: inline-block; }

.membership .membership_content { font-family: 'Lato', sans-serif; font-size: 16px; text-align: center; margin-top: 20px; }
.membership .membership_content p { line-height: 1.4; margin: 20px 0; }
.membership .members_button { display: inline-block; border: 1px solid #f2f2f2; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 28px; line-height: 1; padding: 6px 0; text-align: center;
    border-bottom-width: 4px;
    -webkit-box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.25);
    box-shadow: 0px 5px 3px -2px rgba(0,0,0,0.25);        
}
.membership .members_login .members_button { background: url(../img/zaloguj_bg.png) no-repeat 0 0; background-size: cover; color: #fff; padding: 15px 25px; }
.membership .members_register .members_button { background: url(../img/zarejestruj_bg.png) no-repeat 0 0; background-size: cover; color: #000; padding: 15px 25px;}
/* ***************** END MEMBERS **************** */

.members_recommended_bg { width: 100%; height: auto; background-image: url(../img/img_bg.jpg); background-repeat: no-repeat; background-position: top center; background-size: cover; }
/* ***************** MEMBERS **************** */
.members_container { width: 100%; min-height: 650px; color: white; background-color: rgba(43, 106, 153, 0.8); }
.members_container .board { padding-bottom: 30px; }
.members_container .board h3 { font-weight: 300; font-size: 4em; margin: 75px 0 40px 0; }
.members_container .board h4 { font-weight: 500; }
.members_container .board h5 { font-size: 14px; font-weight: 300; }
.members_container .membership h3 { font-weight: 300; font-size: 4em; margin: 75px 0 40px 0; }
.members_container .membership .become_member { margin: 0 0 65px 0; }
.members_container .membership .become_member h4 { color: #27608a; font-weight: 700; }
.members_container .membership .become_member h4 span { background-color: white; padding: 2px 4px; }
.members_container .membership .become_member p { margin: 10px 0 20px 0; font-size: 14px; font-weight: 300; }
.members_container .membership .become_member a { color: white; border: 1px solid white; font-weight: 600; text-decoration: none; padding: 2px 4px; }
.members_container .membership .login_member { margin: 0 0 65px 0; }
.members_container .membership .login_member h4 { color: #27608a; font-weight: 700; }
.members_container .membership .login_member h4 span { background-color: white; padding: 2px 4px; }
.members_container .membership .login_member p { margin: 10px 0 20px 0; font-size: 14px; font-weight: 300; }
.members_container .membership .login_member .members_button { margin: 0; color: white; border: 1px solid white; font-weight: 600; text-decoration: none; padding: 2px 4px; }
.members_container .membership .show_more_button { color: #2a4559; text-decoration: none; font-size: 12px; font-weight: 700; float: right; margin-top: 40px; }
.members_container .membership .show_more_button span { background-color: #ea8d33; padding: 4px 6px; border: none; }
/* ***************** END MEMBERS **************** */

/* ***************** RECOMMENDED **************** */
.recommended_container { width: 100%; height: auto; background-color: #f6f6f6; }
.recommended_container .title { position: relative; margin: 0 -15px; text-align: center; }
.recommended_container .title:after { content: ""; position: absolute; z-index: 0; background-color: #9f0000; height: 1px; width: 100%; top: 50%; left: 0; }
.recommended_container .title h3 { position: relative; z-index: 1; background: #f6f6f6;; padding: 0 30px; font-family: 'Lato', sans-serif; color: #9f0000; font-size: 2.5em; margin: 20px 0; text-align: center; text-transform: uppercase; display: inline-block; }
.recommended_container h2 { margin: 58px 0 0 58px; font-size: 4em; font-weight: 300; color: white; }
.recommended_container .recommended_img_container { margin: 10px 30px 30px; }
.recommended_container .recommended_img_container .img_col { text-align: center; }
.recommended_container .recommended_img_container img:hover { opacity: 0.8; }
.bx-wrapper .bx-viewport { background: none; border: 0; box-shadow: none; }
.bx-wrapper .bx-controls-direction a { width: 21px; height: 24px; }
.bx-wrapper .bx-controls-direction a:hover { background-position: 0 0!important;}
.bx-wrapper .bx-prev { left: -40px; background: url(../img/slider-left.png); }
.bx-wrapper .bx-next { right: -30px; background: url(../img/slider-right.png); }

/* ***************** END RECOMMENDED **************** */

/* ***************** PATIENTS **************** */
.patients { width: 100%; height: auto; background-color: #fff; }
.patients .title { position: relative; margin: 0 -15px; text-align: center; }
.patients .title:after { content: ""; position: absolute; z-index: 0; background-color: #9f0000; height: 1px; width: 100%; top: 50%; left: 0; }
.patients .title h3 { position: relative; z-index: 1; background: #fff;; padding: 0 30px; font-family: 'Lato', sans-serif; color: #9f0000; font-size: 2.5em; margin: 20px 0; text-align: center; text-transform: uppercase; display: inline-block; }
.patients .row { margin: 0 -15px; }
.patients .patient-content { background-size: cover; background-position: 50% 50%; height: 286px; position: relative; }
.patients .patient-content .hover { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,0,0,0.5); }
.patients .patient-content .hover .inner { position: absolute; top: 50%; transform: translateY(-50%); width: 90%; left: 5%; color: #fff; font-family: 'Lato', sans-serif; font-size: 16px; text-align: center; }
.patients .patient-content .patient-title { font-size: 28px; line-height: 34px; font-weight: 900; text-transform: uppercase; border-bottom: 1px solid #fff; display: inline-block; }
.patients .patient-content .patient-subtitle { font-size: 16px; line-height: 20px; font-weight: 400; text-transform: uppercase; max-height: 61px; overflow: hidden; margin: 3px 0 6px; }
.patients .patient-content button { color: #f30000; font-size: 13px; font-weight: 900; text-transform: uppercase; background-color: #fff; display: inline-block; border: 0; padding: 3px 10px; }
/* ***************** END PATIENTS **************** */

/* ***************** CONTACT FORM **************** */
.contact_form_container .title { position: relative; margin: 0 -15px; text-align: center; }
.contact_form_container .title:after { content: ""; position: absolute; z-index: 0; background-color: #9f0000; height: 1px; width: 100%; top: 50%; left: 0; }
.contact_form_container .title h3 { position: relative; z-index: 1; background: #fff; padding: 0 30px; font-family: 'Lato', sans-serif; color: #9f0000; font-size: 2.5em; margin: 20px 0; text-align: center; text-transform: uppercase; display: inline-block; }

.contact_form_container { height: auto; width: 100%; background-color: #fff; padding-bottom: 30px; }
.contact_form_container .form-desc { font-size: 14px; }
.contact_form_container .form-desc strong { font-size: 16px; }
.contact_form_container form { margin: 25px 0 25px 0; }
.contact_form_container form .form-group { margin-bottom: 15px; }
.contact_form_container form .form-group input { background-color: #fff; border-radius: 0; border: 0; border-bottom: 1px solid #000; height: 40px; box-shadow: none; font-family: 'Lato', sans-serif; }
.contact_form_container textarea.form-control { background-color: #fff; border-radius: 0; border: 0; border-bottom: 1px solid #000; height: 100px; box-shadow: none; margin-bottom: 20px; font-family: 'Lato', sans-serif; resize: none; }
.contact_form_container form .form-button { text-align: right; }
/* ***************** END CONTACT FORM **************** */

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a2a2a2;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #a2a2a2;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #a2a2a2;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #a2a2a2;
}
.form-control { color: #a2a2a2; }


/* ***************** MAP **************** */
.map_container {width: 100%; height: 500px; }
#map {width: 100%; height: 100%;}
/* ***************** END MAP **************** */

/* ***************** FOOTER **************** */
footer { height: 70px; }
footer h3 { font-size: 12px; font-weight: 400; margin: 10px 0 0 0; }
footer h3 span { font-weight: 700; }
footer img { float: right; padding: 18px 0; }
/* ***************** END FOOTER **************** */


.nav_col { float: left; }
.fixed_nav_img_col { float: right; margin: 0 30px 0 0; }

.all_news_list { background-color: white; }
.all_news_list .item { padding: 40px 0 0; }
.all_news_list .all_news_date { float: left; width: 49px; height: 49px; text-align: center; margin-right: 20px; }
.all_news_list .all_news_date > span { display: block; color: #fff; font-family: 'Lato', sans-serif; font-weight: 900; }
.all_news_list .all_news_date > span:first-child { line-height: 34px; font-size: 18px; background-color: #e30613; color: #e30613; }
.all_news_list .all_news_date > span:nth-child(2) { line-height: 15px; font-size: 10px; background-color: #78080f; color: #78080f; }
.all_news_list .all_news_description { padding: 0 20px 0 0;  float: left; width: calc(100% - 69px); }
.all_news_list .all_news_description h2 { font-size: 24px; color: #000; font-weight: 900; font-family: 'Lato', sans-serif; margin: 0; }
.all_news_list .all_news_more button { display: inline-block; background-color: #fdc717; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 10px; color: #fff; padding: 5px 10px; border: 0; }
.all_news_list .all_news_group-1 .all_news_more button { background-color: #585957; }
.all_news_list .all_news_group-2 .all_news_more button { background-color: #7fba00; }
.all_news_list .all_news_group-3 .all_news_more button { background-color: #038db0; }
.all_news_list .all_news_group-4 .all_news_more button { background-color: #fdc717; }

.all_news_list .all_news_page_counter { padding: 50px 0 30px; text-align: center; }
.all_news_list .all_news_page_counter span { margin: 0 0 -2px 0; height: 15px; width: 8px; color: #000; }
.all_news_list .all_news_page_counter a { text-decoration: none; padding: 8px; color: #000; }
.all_news_list .all_news_page_counter a:hover { color: #e30613; }
.all_news_list .all_news_page_counter a:active { color: #e30613; }
.all_news_list .all_news_page_counter a.active { color: #e30613; }
.single_news_container h4 { display: inline-block; text-align: right; font-size: 2.4em; color: #58595b; font-weight: 200; padding: 15px 20px 15px 0; border-right: 1px solid #282828; }
.single_news_container h1 { display: inline-block; font-size: 1.3em; color: #ea8d33; padding-left: 20px; vertical-align: super; font-weight: 600; padding-bottom: 60px; }

.news-content-subpage .news_more_text { margin: 50px 10px 0; }
.news-content-subpage .news_more_text .intro { padding: 0 15px; }
.news-content-subpage h2 { padding: 15px 15px 0; }

.page { display: none; }
.page:first-child { display: block; }

.btn-primary { font-family: 'Lato', sans-serif; font-weight: 900; font-size: 12px; border: 0; color: #fff; padding: 5px 10px; display: inline-block; background-color: #fdc717; border-radius: 0; } 
.btn-primary:hover { background-color: #e30613; }

/* MODALS */

.modals { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10000; background: rgba(0,0,0,0.5); display: none; overflow-x: hidden; overflow-y: auto; }
.modals .close { position: absolute; right: 15px; top: 10px; opacity: 0.7; }
.modals .cnt { display: none; background: #fff; margin-top: 40px; margin-bottom: 40px; position: relative; }
.modals .cnt .in { padding: 30px; }
.modals .cnt .in .date { display: inline-block; width: 49px; height: 49px; text-align: center; margin-right: 20px; }
.modals .cnt .in .date > span { display: block; color: #fff; font-family: 'Lato', sans-serif; font-weight: 900; }
.modals .cnt .in .date > span:first-child { line-height: 34px; font-size: 18px; background-color: #e30613; }
.modals .cnt .in .date > span:nth-child(2) { line-height: 15px; font-size: 10px; background-color: #78080f; }
.modals .cnt .in .head { padding-right: 20px; font-family: 'Lato', sans-serif; }
.modals .cnt .in h1 { font-size: 24px; padding: 3px 0; margin: 0; color: #000; font-weight: 900; }
.modals .cnt .in h2 { font-size: 1.1em; padding: 3px 0; margin: 0; }
.modals .cnt .in h3 { font-size: 1.1em; padding: 3px 0; margin: 0; }
.modals .cnt .in h4 { font-size: 2.4em; padding: 3px 0; margin: 0; }
.modals .cnt .in h5 { font-size: 1.4em; padding: 3px 0; margin: 0; }
.modals .cnt .in .text { padding: 20px 0 20px; }

.modals .cnt .in .group { display: inline-block; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 10px; color: #fff; padding: 5px 10px; margin: 10px 0 0; } 
.modals .cnt .in.news-group-1 .group { background-color: #585957; }
.modals .cnt .in.news-group-2 .group { background-color: #7fba00; }
.modals .cnt .in.news-group-3 .group { background-color: #038db0; }
.modals .cnt .in.news-group-4 .group { background-color: #fdc717; } 


/* MEDIA QUERIES */


@media screen and (max-width: 1200px) {
    .main_navbar .nav-row .nav li { margin: 0; }
    .main_navbar .nav-row .nav li a { font-size: 1.1em; padding-left: 8px; padding-right: 8px; }
    
    .fixed-navbar .nav-row .nav li { margin: 0; }
    .fixed-navbar .nav-row .nav li a { padding: 18px 8px 18px; font-size: 1.1em;}
     
}
@media screen and (max-width: 992px) {
    .main_navbar .nav-row .nav li { margin-top: -1px; }
    header .header_logo { top: 75px; left: 50%; margin-left: -92px;  }    
    header .header_logo > div { box-shadow: none; background: none; height: auto; padding: 0; }
    header .header_title h1 { font-size: 5em;}    
    header .header_title h2 { font-size: 2em;}
    
    .fixed-navbar .nav-row .header_logo { display: none; }
    .fixed-navbar .nav-row .nav li { margin-top: -1px; }
    .fixed-navbar .nav-row .nav li a { padding: 18px 8px 18px; font-size: 1.1em;}
    
    /*.membership .members_login > * { margin-left: 25px; }*/
    /*.membership .members_register > * { margin-right: 25px; }*/
    
}
@media screen and (max-width: 767px) {
    header .header_logo { display: none; }

    .navbar-toggle { float: left; background: #fff; margin: 10px 25px; }
    .navbar-toggle:hover, .navbar-toggle:focus { background: #fff!important; }
    .navbar-toggle:hover .glyphicon { color: #9f0000; background: #fff; }
    .main_navbar, .fixed-navbar { border: 0; background: none; height: auto; }
    
    .main_navbar .nav-row .nav li a { text-align: left; padding: 15px 25px; }    
    .fixed-navbar .nav-row .nav li a { text-align: left; padding: 15px 25px; }    
    .main_navbar .nav-row .nav { border-bottom: 1px solid #000; }
    .fixed-navbar .nav-row .nav { border-bottom: 1px solid #000; }
    #mynavbar-content { border-top: 0; }
    #mynavbar-content > div:first-child { display: none; }

    header .header_title h1 { font-size: 35px;}    
    header .header_title h2 { font-size: 14px;}
    
    header.nohp { height: 50px; }
}