/* reset css */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,button{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
q:before,q:after{content:'';}
a {font-size:12px; color:#4B4B4B; text-decoration:none; outline:none}
a:hover{color:#636363;text-decoration: none;}

.cl{clear:both;}
.ta-c{text-align: center;}
.ta-ci{text-align: center !important;}
.ta-l{text-align: left;}
.ta-r{text-align: right;}

.c-dark{color:#474747}
.c-lightdark{color:#636363}
.c-purpure{color:#84679c}
.c-darpurpure{color:#5b357b}

.freagular{font-family: 'Titillium Web', sans-serif;font-weight: 400;}
.flight{font-family: 'Titillium Web', sans-serif;font-weight: 300;}
.fsb{font-family: 'Titillium Web', sans-serif;font-weight: 700;}
.fli{font-family: 'Titillium Web', sans-serif;font-weight: 300;font-style: italic}

.f36{font-size:36px;}
.f24{font-size:24px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.lh11{line-height: 1.1}
.lh24px{line-height: 24px;}
.fleft{float: left;}
.fright{float: right}

.m0{margin:0px !important}
.plr0{padding-left:0px !important;padding-right: 0px !important;}
.pl0{padding-left:0px;}
.db{display:block;}
.oh{overflow: hidden;}
.pt10{padding-top:10px;}


.dp{width:1170px;margin:0 auto;}
a.logo{background: url("../img/logo-gerinnungszentrum-berlin-dr-sucker.png") no-repeat center left;display:block;color:#5b357b;font-size:30px;font-family: 'Titillium Web', sans-serif;font-weight:700;width:40%;float:left;height:120px;line-height: 140px}
a.logo:hover{text-decoration: none;}
 
.menu-top{width:60%;float:right;height:120px;line-height: 140px;}
.menu-top ul li{float:right;margin-left:20px;}
.menu-top ul li a{color:#84679c;font-family: 'Titillium Web', sans-serif;font-weight:700;font-size:16px;}
.menu-top ul li a:hover,.menu-top ul li a.s{color:#5b357b;text-decoration: none;}
.flaga{width:34px;height:18px;display:block;margin-top:63px;margin-left:5px;display: inline-block}
.flaga.en{background:url("../img/flaga_en.jpg");}
.flaga.de{background:url("../img/flaga_de.jpg");}
.flaga.pl{background:url("../img/flaga_pl.jpg");}

.btn.btn-termin{background:#ffc000;font-size:16px;border-radius: 5px;color:#160300;}
.btn.btn-termin:hover{background:#f4a600;color:#160300;}
.btn.btn-termin.yellow{font-size:14px;margin-bottom: 10px;width:100%}

.btn.btn-termin.fiolet{background:#6b3083;font-size:14px;border-radius: 5px;color:#fff;margin-bottom: 10px;width:100%}
.btn.btn-termin.fiolet:hover{background:#775899;color:#fff;}
.btn.btn-termin.blue{background:#8dd8ff;font-size:14px;border-radius: 5px;color:#160300;margin-bottom: 10px;width:100%;padding-left:5px;}
.btn.btn-termin.blue:hover{background:#4facdd;color:#160300;}
.menu{width:100%;height:50px;background:url("../img/menu_bg.jpg");clear:both;padding: 0 20px;line-height: 50px;text-align: center}
.menu ul li{margin-right:14px;display:inline-block;margin:0 20px;}
.menu ul li a{font-size:16px;color:#fff;font-family: 'Titillium Web', sans-serif;font-weight:700;height: 100%;width: 100%;display: block}
.menu ul li a:hover,.menu ul li a.s{color: #ffc000;text-decoration: none;}
.menu ul li .pod-menu{display:none;}
.menu ul li .pod-menu ul{position: absolute;max-width:300px;background: #5b357b;z-index: 1000;padding:10px;}
.menu ul li .pod-menu ul li{float:left;text-align:left;width:100%;height:30px; line-height: 30px;border-bottom:1px solid #735897;overflow: hidden;margin:0px;}
.menu ul li .pod-menu ul li a:hover,.menu ul li .pod-menu ul li.s a{color: #ffc000;text-decoration: none;}
.menu ul li .pod-menu ul li.l{border-bottom:none}
.menu ul li:hover .pod-menu{display:block;}

.baner-duzy{width:100%;height:auto;margin-top:40px;margin-bottom: 40px;padding:80px 45px;position:relative;}
.bgall{background: url("../img/gerinnungszentrum-berlin-dr-sucker.jpg")top center;}
.bglabordiagnostik{background: url("../img/labordiagnostik-gerinnungszentrum-berlin-dr-sucker.jpg")top center;}
.bgsprechstunde{background: url("../img/sprechstunde-gerinnungszentrum-berlin-dr-sucker.jpg")top center;padding:140px 15px 15px}
.bgfurpatient{background: url("../img/informationen-fur-patient-gerinnungszentrum-berlin-dr-sucker.jpg")top center;}
.bgfurarzte{background: url("../img/informationen-fur-arzte-gerinnungszentrum-berlin-dr-sucker.jpg")top center;}
.bgteam{background: url("../img/dr-sucker-und-team-gerinnungszentrum-berlin-dr-sucker.jpg")top center;}
.bgveranstaltungen{background: url("../img/veranstaltungen-gerinnungszentrum-berlin-dr-sucker.jpg")top center;}
.bgveranstaltungen{background: url("../img/veranstaltungen-gerinnungszentrum-berlin-dr-sucker.jpg")top center;}
.bgterminvergabe{background: url("../img/terminvergabe-gerinnungszentrum-berlin-dr-sucker.jpg")top center;}
.terminbg{background: url("../img/termin.jpg")top center;}

.baner-duzy h1{background: rgba(91,53,123,0.5);font-family: 'Titillium Web', sans-serif;font-weight:700;height:auto;float:left;padding:45px 60px;color:#ffffff;font-size:48px;line-height: 1;}

.index-title{margin-top:10px;}
.index-opis{margin-bottom:75px;}

.box-info{width:100%;border:1px solid #ececec;float:left;position: relative;}
.box-info.f{margin-right:30px;}
.box-info .box-img{float:left;position: relative;z-index: 0;}
.box-info .box-img-down{float:left;position: relative;top:0;left:0;z-index: 0;}
.box-info .box-img .cont-ico{position: absolute;border-radius: 50%;background: #fff;width: 63px; height: 63px;line-height:63px;bottom:10px;left:10px;text-align: center;}
.box-info .box-text{float:left;width:210px;padding:25px 18px 20px 24px;line-height: 1.20;z-index: 1;}
.box-info .box-text-down{position: absolute;top:0;left:0;width:288px;padding:30px 18px 30px 40px;line-height: 1.20;z-index: 1;font-family: 'Titillium Web', sans-serif;font-weight: 400;}
.box-info .box-text-down.r{top:50%;left:auto;right:10px;  -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%); }
.box-info .box-text a,.box-info .box-text-down a{color:#84679c}
.box-info .box-text a:hover,.box-info .box-text-down a:hover{color:#5b357b;text-decoration: none;}
.box-info .box-text-down .box-height{max-height: 95px;}



.index-rezerwacja{background: url("../img/rezerwacja_bg.jpg");height:115px;margin:35px 0 40px 0;line-height:115px; }
.index-rezerwacja a,.team-rezerwacja a{width:100%;height: 100%; display:block;font-size:34px;text-align: center;color:#ffffff }
.index-rezerwacja a:hover,.team-rezerwacja a:hover{color:#ffc000;text-decoration: none}
.mrezerwacja{margin:-45px 0 70px}
.team-rezerwacja{background: url("../img/rezerwacja_bg.jpg");height:115px;margin:-35px 0 60px 0;line-height:45px; }

.box-news-message{margin:60px 0 60px 0}
.box-news-message .box-news{width:570px;margin-right:30px;float: left;}
.box-news-message .box-news .news{height:100px;}
.kalendarz{width:90px;float:left;margin-right: 20px;padding-right:0px;margin-left:-30px;border-right:1px solid #ececec}
.kalendarz .dzien{font-family: 'Titillium Web', sans-serif;font-weight:500;font-size:43px;display: block;width:100%;text-align:center;padding-top:15px;color:#682d84;line-height: 1}
.kalendarz .miesiac{font-family: 'Titillium Web', sans-serif;font-weight:400;font-size:12px;display:block;width:100%;text-align:center;color:#636363;line-height: 1.1;}
.kalendarz .rok{font-family: 'Titillium Web', sans-serif;font-weight:400;font-size:14px;display:block;width:100%;text-align:center;color:#636363;line-height: 1.1;}
.box-news-message .box-news .news .box-title{}
.box-news-message .box-news .news .wiecej{color:#84679c}
.box-news-message .box-news .news .wiecej:hover{color:#5b357b;text-decoration: none;}

.box-news-message .box-message{float:left;width:100%}
.box-news-message .box-message .box-kontakt{float:left;border:1px solid #ececec;width:100%;height: 68px;margin-top:30px; line-height: 68px;cursor: pointer;}
.box-news-message .box-message .box-kontakt .text{float:left;padding-left:20px;font-size:24px;height: 68px;line-height: 68px;}
.box-news-message .box-message .box-kontakt .text:hover{color:#333}
.ico-contact{background:url("../img/icons-index-contact.png");display:block;width:55px; height: 40px;margin-top:12px;margin-left:23px;}
.ico-contact.med3{background-position:0px -130px;float:left;}
.ico-contact.med1{background-position:0px -3px;float:left;}
.ico-contact.med2{background-position:0px -68px;float:left;}
.ico-contact.med4{background-position:0px -199px;float:right;}
.box-kontakt:hover .ico-contact.med3{background-position:-61px -130px;}
.box-kontakt:hover .ico-contact.med2{background-position:-62px -68px;}
.box-kontakt:hover .ico-contact.med1{background-position:-60px -3px;}
.box-kontakt:hover .ico-contact.med4{background-position:-60px -199px;}

#komunikat_ciasteczka {display: block; z-index: 100; position: fixed; bottom: 0; left: 0; width: 100%; border-top: 1px solid #d0d0d0; font-size: 12px; text-align: center}
#komunikat_ciasteczka a {font-size: 12px; color: #17abdf}
#komunikat_ciasteczka .kc_in {padding: 30px 60px 20px; text-align: center; background-color: #fff; position: relative; overflow: hidden}
#komunikat_ciasteczka #jq_kc_close {z-index: 1000; bottom: 0; right: 0;  margin: 8px; cursor: pointer;background:#5b357b;padding:6px 12px;color:#fff;margin-top:15px;display: inline-block}


.footer{background:url("../img/footer_bg.jpg") center center no-repeat #5b357b;padding: 80px 0px 70px;background-size:cover;}

.footer .up-footer a{font-size:16px;color:white;font-family: 'Titillium Web', sans-serif;font-weight:700;text-transform: uppercase;}
.footer .up-footer a:hover{text-decoration: none;color:#ffc000;}
.footer .down-footer ul {margin-top:25px;}
.footer .down-footer ul li{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.footer .down-footer ul li a{font-size:16px;color:white;font-family: 'Titillium Web', sans-serif;font-weight: 300;}
.footer .down-footer ul li a:hover,.footer .down-footer ul li.s a{text-decoration: none;color:#ffc000;}

#f{height: 72px;line-height: 72px;background: #84679c;width:100%}
#f a{color:#fff;font-family: 'Titillium Web', sans-serif;font-weight:300;font-size:12px;}
#f p{color:#fff;font-family: 'Titillium Web', sans-serif;font-weight:400;font-size:12px;}

.labomed_kontakt{width:100%;height:284px;background:url("../img/kontakt_top.jpg");margin-top:40px;margin-bottom: 60px;}
.left-contant{float:left;width:290px;height: 100%;}
.left-box{float:left;width:270px;border:1px solid #ececec;padding:20px;margin-bottom: 40px;margin-right:20px;margin-left:-15px}
.left-box hr.dark{margin-top:15px;margin-bottom:15px;}

.menu-left li{line-height: 25px;border-bottom: 1px solid #ececec}
.menu-left li a{color: #636363;display: block; font-family: 'Titillium Web', sans-serif;font-weight:300;font-size: 15px;padding:5px 0px}
.menu-left li a:hover{color:#84679c;text-decoration: none;}
.menu-left li.l{border-bottom:0px solid #ececec;}

.right-box{float: left;width:calc(100% - 290px);margin-bottom:80px;}
.right-box.full-box{float: left;width:calc(100%);margin-bottom:80px;}
.path{width:100%;display:block;font-size:10px;font-family: 'Titillium Web', sans-serif;font-weight:300;color:#919191;margin-bottom:10px;}
.arrow-path{width:3px;height:5px;background:url("../img/arrow_brod.gif");display: block;float:left;margin-top:6px;margin-left:8px;margin-right:8px;}

.big_dark{height: 3px;background: #d0cccb;margin-top:50px;margin-bottom: 50px;}
.cms.kontakt{font-family: 'Titillium Web', sans-serif;font-weight:300;color:#636363;font-size: 15px;}
.cms.kontakt a{font-family: 'Titillium Web', sans-serif;font-weight:300;color:#5b357b;font-size: 15px;}
.cms.kontakt-form{font-family: 'Titillium Web', sans-serif;font-weight:400;color:#474747;font-size: 15px;}
.cms.kontakt-form a{font-family: 'Titillium Web', sans-serif;font-weight:400;color:#5b357b;font-size: 15px;}

.form-modal{font-size:15px;color:#636363;font-family: 'Titillium Web', sans-serif;font-weight:400; line-height: 30px;}
.form-modal .form-group{margin-bottom: 10px;overflow: hidden;}

.form-modal input.form-control{height: 30px;line-height: 30px;border-radius: 0px;}
.form-modal input:focus,.form-modal input:hover,.form-modal textarea:focus,.form-modal textarea:hover{border-color:#5b357b;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 53, 123, 0.6);}
#modalZapisz .modal-dialog{width:735px;}
#modalZapisz .modal-dialog .close{font-size:25px;font-family: 'Titillium Web', sans-serif;font-weight:400;opacity:1;line-height: 0.4;font-size:60px}
#modalZapisz .modal-dialog .po{font-size:12px;font-family: 'Titillium Web', sans-serif;font-weight:300;color:#636363}
#modalZapisz .modal-dialog .modal-body{background:#f5f5f5}
#modalZapisz p.title{font-size:24px;color:#5b357b;font-family: 'Titillium Web', sans-serif;font-weight:400;text-align: center;}
#modalZapisz p.text{font-size:15px;color:#636363;font-family: 'Titillium Web', sans-serif;font-weight:300;text-align: center;}
.boxveranstaltungen{padding: 25px 25px 15px 25px;margin-bottom: 30px;border:1px solid #ececec;overflow: hidden;font-family: 'Titillium Web', sans-serif;font-weight:300;font-size:15px;color:#636363}
.boxveranstaltungen .form-group{margin-bottom: 10px;overflow: hidden}
.boxveranstaltungen .info{width: 100%;background-color: #f3f4f4;padding:2px 10px}
.boxveranstaltungen .info.min-h40{min-height: 45px;}
.zapisznaWydarzenie{border-radius: 30px;padding:4px 30px;color:#fff;background-color:#bb9ec7;font-family: 'Titillium Web', sans-serif;font-weight:300;font-size:18px}
.zapisznaWydarzenie:hover{background-color:#5b357b}

.dzial{width:300px;float: left;padding-right:10px;margin-right: 10px;}
.dzial .pracownik{width:100%;margin:30px 0}
.dzial .pracownik .foto{width:70px;height: 70px;margin-right: 17px;float:left;}
.dzial .pracownik .info-pracownik{float:left;width:190px;}
.title-dzial{color:#474747}
.pracownik-name{color:#5b357b;font-family: 'Titillium Web', sans-serif;font-weight:400;font-size:18px;line-height: 1.0;padding-bottom: 1px;}
.stanowisko-name{color:#bb9ec7;font-family: 'Titillium Web', sans-serif;font-weight:700;font-size:15px;line-height: 1.2}
.form-bg{float:left;background:#f5f5f5;width:570px;height: 100%;padding:25px;}
.form.form-bg input,.form.form-bg textarea{width:370px;}
.form.form-bg .form-inline{margin-bottom: 4px;}
.form .rtm{width:135px;display:block;float:left;margin-right:15px;font-size:15px;;font-family: 'Titillium Web', sans-serif;font-weight:400;color:#636363;font-weight: normal;line-height: 32px;}
.form input{height: 30px;}
.form input,.form textarea{border-radius:0px;}
.form input:focus,.form input:hover,.form textarea:focus,.form textarea:hover{border-color:#5b357b;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(91, 53, 123, 0.6);}
.btn-kontakt{margin:20px auto;padding:0px 50px;height:35px;background: #bb9ec7;font-family: 'Titillium Web', sans-serif;font-weight:400;color:#fff;font-size:18px;border-radius:20px}
.btn-kontakt:hover{color:#fff;background: #5b357b;text-decoration: none;}
.po{color:#636363;font-size:12px;font-family: 'Titillium Web', sans-serif;font-weight:300;}
.po label {font-weight: normal;}
.po input[type='checkbox'] {display: inline-block; width: auto; height: auto; margin: 2px 5px 0 5px}

.box50{width:100%;float:left;margin-bottom: 80px;}
.box50.f{margin-right:0px;}
.team-box{margin:30px 0;}
.team{border:1px solid #ececec;padding: 30px;margin:20px 0;float:left;width: 100%;position: relative;}
.team:first-child{margin-top:0px;}
.ico-team{width: 110px;height: 90px;display: block;float: left;background: url('../img/ico-team.png')}
.ico-team.t1{background-position: -5px -15px}
.ico-team.t2{background-position: -5px -128px}
.ico-team.t3{background-position: -5px -235px}
.ico-team.t4{background-position: -5px -345px}
.ico-team.t5{background-position: -5px -475px}

.team.news-team{}
.team.news-team .team-name{position: absolute;left:100px;top:50%;-webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%); }
.team .team-name{float:left;width:610px;}
.team .team-name .name{font-size: 24px;color: #474747;font-family: 'Titillium Web', sans-serif;font-weight:400;}
.team .team-name .opis{font-family: 'Titillium Web', sans-serif;font-weight:300;font-size:15px;}
.team .ico-contact.med4{margin-top: 30px;}
.team:hover{cursor:pointer;}
.team.team-person:hover{cursor:auto !important}
.team:hover .ico-team.t1{background-position:-155px -15px;}
.team:hover .ico-team.t2{background-position:-155px -128px;}
.team:hover .ico-team.t3{background-position:-155px -235px;}
.team:hover .ico-team.t4{background-position:-155px -345px;}
.team:hover .ico-team.t5{background-position:-155px -475px;}
.team:hover .ico-contact.med4{background-position:-60px -199px;}

.cms{font-family: 'Titillium Web', sans-serif;font-weight:300;color:#636363;font-size: 15px; text-align: justify}
.cms.f12{font-size:12px;}
.cms.f12.ta-c{text-align: center}
.cms a{font-family: 'Titillium Web', sans-serif;font-weight:300;color:#5b357b;font-size: 15px;}
.cms img{max-width: 100%;height: auto;max-height: 100%}
.cms b,.cms strong{font-weight: bold}
.cms em{font-style:italic;}
.cms a:hover{text-decoration: none}
.cms ul li{list-style: inside;list-style-image:url('../img/point.png'); }
.cms ol li{list-style: inside;list-style-type: decimal;}
.publikacje {margin-bottom: 80px; line-height:1.1;margin-top: 8px}
.lvl2{padding-left:0px}
.lvl3{padding-left:10px;background: url('../img/list-kategora.png') no-repeat 0px center}
.lvl4{padding-left:20px;background: url('../img/list-kategora.png') no-repeat 7px center}
.lvl5{padding-left:30px;background: url('../img/list-kategora.png') no-repeat 17px center}
.lvl6{padding-left:40px;background: url('../img/list-kategora.png') no-repeat 27px center}
.lvl7{padding-left:50px;background: url('../img/list-kategora.png') no-repeat 37px center}

.pdf-link{background: url('../img/pdf-client.png') no-repeat;background-position: 0 -48px;font-family: 'Titillium Web', sans-serif;font-weight:400;color:#84679c;line-height: 36px;padding-left:45px;width:100%;margin-bottom:5px;display:block;font-size:15px;}
.pdf-link:hover{color:#ffc000 !important;text-decoration: none;background-position: 0 0px;}

.img_person{float: right;margin-left: 20px;width: 140px;}
.img_person img{width:100%;height: auto;}

.pag{text-align: center}

.pag ul li.active span,.pag ul li.active span:hover {background:#67468B;border-color:#67468B;border-radius: 0px}
.pag ul li a{color:#67468B;border-radius:0px;}
.pag ul li a:hover{color:#67468B}
.pagination > li:last-child > a, .pagination > li:last-child > span,.pagination > li:first-child > a, .pagination > li:first-child > span{border-radius:0px;}
.pagination > li > a, .pagination > li > span{padding: 10px 16px}

#slider-index{position: relative;margin-top: 40px;margin-bottom:50px;}
#slider-index .carousel-control{z-index: 3;}
#slider-index .carousel-control.left {background: none;}
#slider-index .carousel-control.right {background: none;}
#slider-index .carousel-control.left .glyphicon{left:25px;background: none;}
#slider-index .carousel-control.right .glyphicon{right: 25px;background: none;}

.text-slider{height: 100%;float:left;color:#ffffff;line-height: 1;vertical-align: middle}
.text-slider td{text-align: center;}
.text-slider td .box-text{padding:30px;background: rgba(91,53,123,0.5); text-align:left}
.text-slider h2{color:#fff;font-family: 'Titillium Web', sans-serif;font-weight:700;font-size:48px;margin-bottom: 10px;}
.text-slider p{color:#fff;font-family: 'Titillium Web', sans-serif;font-weight:400;font-size:20px;}
#slider-index .carousel-caption{position: absolute;z-index: 2;left:45px;top:30px;text-shadow: none;padding:0px;}
.menuXs img{width:24px;cursor:pointer}
.dzial{width:100%;}
.mh{min-height: 210px}
@media(max-width:1200px){
    .footer .down-footer ul {margin-bottom:25px;margin-top:10px;}
    .box-info .box-text-down {width:230px;}
    .box-info .box-text-down .f36{font-size:28px}
    .index-rezerwacja a, .team-rezerwacja a{font-size:28px;}
    .ico-contact{margin-left:10px;}
    .index-rezerwacja{line-height: 90px;height:90px;}
    .f36{font-size:28px}
    .f24{font-size:21px}
    .img_person{float:left;margin-left:0}
    #modalZapisz .modal-dialog{width:97%}
    .team .team-name{width:500px;}
    .team .ico-contact.med4{display: none;}
    .form-bg{width:100%}
}
@media(max-width:991px){
    .box-info .box-text-down {width:180px;}
    .box-info .box-text-down .f36{font-size:21px;}
    .index-rezerwacja a, .team-rezerwacja a{font-size:21px;}
    .index-rezerwacja{line-height: 80px;height:80px;}
    .f36{font-size:21px}
    .f24{font-size:18px}
    .index-opis{margin-bottom: 45px}
    a.logo{width:33%}
    .menu-top{width:67%;line-height: 120px;}
    .menu{display:none;}
    .team .team-name{width:100%;text-align: center}

    body{padding-top:120px;}
    body .menu-content{display:block;position: fixed;top:0;width:100%;left:0;padding:0 30px;z-index: 1;background: #fff;z-index: 1000;}
    body.open .menu{display:block;position: fixed;top:120px;left:0;width:100%;z-index: 1000;height:calc(100% - 120px);background:#664789;}
    body.open .menu{overflow-y:scroll;}
    body.open .menu ul > li{display:block;width:100%;float:left;margin:0;}
    body.open .menu ul > li .pod-menu{display:none;width:100%;float:left;width:100%;}
    body.open .menu ul > li.open .pod-menu{display:block;}
    body.open .menu ul > li .pod-menu ul{position: relative;width:100%;float:left;max-width:100%;}
    body.open .menu ul > li .pod-menu ul li{text-align: center}

    body .menu-content{}
    a.logo{width:200px;background-size:100% auto;background-repeat: no-repeat}
    .menu-top{width:calc(100% - 200px) }
    body.open .menu{}
    .kalendarz{float:none;margin:0 auto}
    .team .team-name .name{font-size:21px;}
    .team.news-team .team-name{position: relative;left:0;top:0;border:none; -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -ms-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);}
    .team.news-team .kalendarz{position: relative;border:none;}
    .btn.btn-termin{white-space: normal}
    .mh{min-height: 180px;}
    .mh2{min-height: 180px;}
}
@media(max-width:767px){
    .left-contant{width:calc(100%);margin-bottom:15px;}
    .left-contant  .left-box{width:calc(100%);margin-right:0px;}
    .right-box{width:calc(100%);margin-bottom:40px;}
    .index-rezerwacja a, .team-rezerwacja a{font-size:18px}
    #f{height:auto;padding-top:20px;padding-bottom: 10px}
    #f p{display: inline-block;width:100%;margin-bottom: 15px;text-align: center;line-height: 1.2}
    #f a{display: inline-block;width:100%;margin-bottom: 10px;text-align: center;line-height: 1.2}
    .footer{padding:40px 0px}
    .baner-duzy{padding:80px 15px}
    .baner-duzy h1{width:100%}
    .team .team-name .name{font-size:18px;}
    .labomed_kontakt{background-position: center center}
    .index-rezerwacja{margin:5px 0px 15px}
    .left-box{margin-left:0px}
    .box-info{margin-bottom: 30px;max-width: 570px;margin:0 auto 30px;display: block;float:none;overflow: hidden}

    .form.form-bg input, .form.form-bg textarea{width:calc(100% - 155px)}
    .form-bg label{width: 100%}
    .carousel-inner > .item > img, .carousel-inner > .item > a > img{display: none;}
    #slider-index .carousel-caption{position: relative;width:100%;left:0;top:0;right:0;overflow: hidden}
    #slider-index .carousel-caption .text-slider{width:100%}
    .text-slider td .box-text{text-align: center;padding-bottom: 50px;}
    .mh{min-height: 0px}
}
@media(max-width:570px){
    a.logo{width:100%;text-align: center;background-size:200px auto;background-position: center center;height:65px;}
    .menu-top{line-height: 50px;width:100%;height:50px;}
    .menu-top ul{line-height: 50px;width:100%;}
    .float-left-xs{float:left !important;margin-left:0px !important;}
    body.open .menu{top:115px;}
    .index-rezerwacja{padding:16px 20px;line-height: 1.3}
    .baner-duzy h1{padding:20px 10px;font-size:30px;}
    #modalZapisz .form-group .col-xs-3,#modalZapisz .form-group .col-xs-6{width:100%;}
    #modalZapisz .form-group .col-xs-3{text-align: center;margin-left:0;}
    .boxveranstaltungen .form-group .col-xs-2{width:100%;text-align: center}
    .boxveranstaltungen .form-group .col-xs-10{width:100%;text-align: center}
    .right-box{margin-bottom: 0px;}
    .cms table td{float:left;width:100%}
    .form.form-bg input, .form.form-bg textarea{width:100%}
    .form .rtm{width:100%;margin-right: 0px;text-align: center}
    .form.form-bg input[name="zgoda"]{width:30px;float:left;}
    .text-slider h2{font-size:30px;}
    .text-slider p{font-size:16px;}


}
@media(max-width:390px){
    .btn.btn-termin{font-size:14px;}

}