.showBckMenu{
display: block;
height: 0px;
width: 100%;
position: fixed;
top: 0px;
right: 0px;
background-color: rgba(0,0,0,0.5);
z-index: 999;
transition: all 0.5s ease-out 0.3s;
}
.showBckMenu.showBg {
display: block;
height: 100%;
transition: all 0.5s ease-out 0s;
}
.top_page .logoTop img{
height: 87px;
width: auto;
transition: all 0.5s ease-out 0s;
}
.boxScroll{
position: fixed;
top:0px;
width: 100%;
z-index: 50;
background-color: #FFFFFF;
}
.boxScroll.scrollUp{
transition: all 0.5s ease-out 0s;
}

.boxScroll.scrollUp.scrolShow{
top:0px
}

.box_top_menu{
background-color: #333336;
top:0px;
width: 100%;
left: 0px;
z-index: 50;
transition: all 0.5s ease-out 0s;
}
.hfix .box_top_menu{
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.div_top_menu{
width: 1340px;
max-width: 100%;
margin: 0px auto;
box-sizing: border-box;
display: flex;
padding: 0px 15px;
justify-content: space-between;
left: 0px;
right: 0px;
align-items: center;
transition: all 0.5s ease-out 0s;
}
body{
transition: all 0.5s ease-out 0s;
padding-top: 181px;
}

.box_menu{
background-color: #FFFFFF;
transition: all 0.5s ease-out 0s;
}
.box_menu:after{
content: "";
display: block;
clear: both;
}
.menuTop{
text-align: center;
box-sizing: border-box;
max-width: 100%;
position: relative;
padding: 0px 0px 0px 0px;
transition: all 0.5s ease-out 0s;
}
.menuTop:after{
content: "";
display: block;
clear: both;
}
.menuTop ul{
list-style: none;
}
.menuTop ul.mobMenu{
display: none;
}
.menuTop ul li.roll{
display: none;
}
.menuTop ul.mobileMenu{
display: none;
}

.social{

}
.social a{
display: inline-block;
vertical-align: middle;
margin-left: 25px;
transition: all 0.5s ease-out 0s;
}
.social a:hover{
transform: scale(1.1);
}
.social a.face{
width: 13px;
height: 23px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMi4zNjYiIGhlaWdodD0iMjIuOTI0IiB2aWV3Qm94PSIwIDAgMTIuMzY2IDIyLjkyNCI+DQogIDxnIGlkPSJfeDMwXzEuX0ZhY2Vib29rIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjguNCAtMTAuMSkiPg0KICAgIDxwYXRoIGlkPSJJY29uXzExXyIgZD0iTTMxLjg0MywyMy4wMzlIMjljLS40NTksMC0uNi0uMTcyLS42LS42VjE4Ljk2NWMwLS40NTkuMTcyLS42LjYtLjZoMi44NFYxNS44MzhhNi4zNzMsNi4zNzMsMCwwLDEsLjc3NS0zLjI0Miw0Ljc2LDQuNzYsMCwwLDEsMi41NTMtMi4xMjNBNi4zODMsNi4zODMsMCwwLDEsMzcuMzgsMTAuMWgyLjgxMmMuNCwwLC41NzQuMTcyLjU3NC41NzR2My4yNzFjMCwuNC0uMTcyLjU3NC0uNTc0LjU3NC0uNzc1LDAtMS41NDksMC0yLjMyNC4wMjlhMS4wMzYsMS4wMzYsMCwwLDAtMS4xNzYsMS4xNzZjLS4wMjkuODYxLDAsMS42OTMsMCwyLjU4Mkg0MC4wMmMuNDU5LDAsLjYzMS4xNzIuNjMxLjYzMXYzLjQ3MmMwLC40NTktLjE0My42LS42MzEuNkgzNi42OTJ2OS4zNTNjMCwuNDg4LS4xNDMuNjYtLjY2LjY2SDMyLjQ0NWMtLjQzLDAtLjYtLjE3Mi0uNi0uNlYyMy4wMzlaIiBmaWxsPSIjZmZmIi8+DQogIDwvZz4NCjwvc3ZnPg0K') 50% 50% no-repeat;
}
.social a.youtube{
width: 28px;
height: 20px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNy44ODkiIGhlaWdodD0iMTkuNTI3IiB2aWV3Qm94PSIwIDAgMjcuODg5IDE5LjUyNyI+DQogIDxnIGlkPSJ5b3V0dWJlXzExXyIgZGF0YS1uYW1lPSJ5b3V0dWJlICgxMSkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPg0KICAgIDxwYXRoIGlkPSJTdWJ0cmFjdGlvbl8xIiBkYXRhLW5hbWU9IlN1YnRyYWN0aW9uIDEiIGQ9Ik0xMy45NDUsMTkuNTI2Yy0uMDg3LDAtOC43MzItLjAwNy0xMC45MTItLjZBMy40OTIsMy40OTIsMCwwLDEsLjU3NSwxNi40NywzNi44NDEsMzYuODQxLDAsMCwxLDAsOS43NjEsMzYuOTY5LDM2Ljk2OSwwLDAsMSwuNTc1LDMuMDU0LDMuNTc2LDMuNTc2LDAsMCwxLDMuMDMzLjU3MkM1LjE5MSwwLDEzLjg1NywwLDEzLjk0NSwwUzIyLjcuMDA1LDI0Ljg1Ny42YTMuNDkzLDMuNDkzLDAsMCwxLDIuNDU4LDIuNDU4LDM1LjE0OSwzNS4xNDksMCwwLDEsLjU3NCw2LjczMSwzNy4wMjYsMzcuMDI2LDAsMCwxLS41NzQsNi43MDgsMy40OTMsMy40OTMsMCwwLDEtMi40NTgsMi40NThDMjIuNywxOS41MTksMTQuMDMyLDE5LjUyNiwxMy45NDUsMTkuNTI2Wk0xMS4xNjUsNS41ODF2OC4zNjJsNy4yNTktNC4xODFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDAyKSIgZmlsbD0iI2ZmZiIvPg0KICA8L2c+DQo8L3N2Zz4NCg==') 50% 50% no-repeat;
}

.social a.linkedin{
width: 22px;
height: 22px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIj48cGF0aCBkPSJNNC45MjUsMjJILjM2M1Y3LjMxMkg0LjkyNFpNMi42NDEsNS4zMDhBMi42NTQsMi42NTQsMCwxLDEsNS4yODQsMi42NDIsMi42NjQsMi42NjQsMCwwLDEsMi42NDIsNS4zMDhaTTIxLjk5NCwyMkgxNy40NDNWMTQuODVjMC0xLjctLjAzNC0zLjg4OS0yLjM3MS0zLjg4OS0yLjM3MSwwLTIuNzM1LDEuODUxLTIuNzM1LDMuNzY3VjIySDcuNzgxVjcuMzEyaDQuMzc0djJoLjA2NGE0Ljc5Miw0Ljc5MiwwLDAsMSw0LjMxNS0yLjM3MkMyMS4xNSw2Ljk0NCwyMiw5Ljk4MywyMiwxMy45MzJWMjJaIiBmaWxsPSIjZmZmIi8+PC9zdmc+') 50% 50% no-repeat;
}

.social a.instagram{
width: 24px;
height: 24px;
background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaW5zdGFncmFtIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNC4wMDIiIHZpZXdCb3g9IjAgMCAyNCAyNC4wMDIiPg0KICA8cGF0aCBpZD0iUGF0aF8zMzU2MiIgZGF0YS1uYW1lPSJQYXRoIDMzNTYyIiBkPSJNMTIsNS44MzhBNi4xNTgsNi4xNTgsMCwxLDAsMTguMTYyLDEyLDYuMTU3LDYuMTU3LDAsMCwwLDEyLDUuODM4Wm0wLDEwLjE1NWE0LDQsMCwxLDEsNC00QTQsNCwwLDAsMSwxMiwxNS45OTNaIiBmaWxsPSIjZmZmIi8+DQogIDxwYXRoIGlkPSJQYXRoXzMzNTYzIiBkYXRhLW5hbWU9IlBhdGggMzM1NjMiIGQ9Ik0xNi45NDguMDc2Yy0yLjIwOC0uMS03LjY3Ny0uMS05Ljg4NywwQTcuMTcyLDcuMTcyLDAsMCwwLDIuMDI1LDIuMDE3Qy0uMjgzLDQuMzI1LjAxMiw3LjQzNS4wMTIsMTJjMCw0LjY2OC0uMjYsNy43MDYsMi4wMTMsOS45NzlDNC4zNDIsMjQuMjkxLDcuNSwyMy45ODgsMTIsMjMuOTg4YzQuNjI0LDAsNi4yMiwwLDcuODU1LS42MywyLjIyMy0uODYzLDMuOS0yLjg1LDQuMDY1LTYuNDE5LjEtMi4yMDkuMS03LjY3NywwLTkuODg3LS4yLTQuMjEzLTIuNDU5LTYuNzY4LTYuOTc2LTYuOTc2Wm0zLjUsMjAuMzcyYy0xLjUxMywxLjUxMy0zLjYxMiwxLjM3OC04LjQ2OCwxLjM3OC01LDAtNy4wMDUuMDc0LTguNDY4LTEuMzkzLTEuNjg1LTEuNjc3LTEuMzgtNC4zNy0xLjM4LTguNDUzLDAtNS41MjUtLjU2Ny05LjUsNC45NzgtOS43ODgsMS4yNzQtLjA0NSwxLjY0OS0uMDYsNC44NTYtLjA2bC4wNDUuMDNjNS4zMjksMCw5LjUxLS41NTgsOS43NjEsNC45ODYuMDU3LDEuMjY1LjA3LDEuNjQ1LjA3LDQuODQ3LDAsNC45NDIuMDkzLDYuOTU5LTEuMzk0LDguNDUzWiIgZmlsbD0iI2ZmZiIvPg0KICA8Y2lyY2xlIGlkPSJFbGxpcHNlXzM3ODMiIGRhdGEtbmFtZT0iRWxsaXBzZSAzNzgzIiBjeD0iMS40MzkiIGN5PSIxLjQzOSIgcj0iMS40MzkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE2Ljk2NyA0LjE1NikiIGZpbGw9IiNmZmYiLz4NCjwvc3ZnPg0K') 50% 50% no-repeat;
}

.menuTop>.inMenu>ul{
margin: 0px 0px 0px 0px;

}

.menuTop>.inMenu>ul>li{
position: relative;
z-index: 50;
display: table-cell;
vertical-align: middle;
padding: 15px 5px;
text-align: center;
}

.menuTop>.inMenu>ul>li.liMore{
position: static;
}

.menuTop>.inMenu>ul>li:first-child{

}

.menuTop>.inMenu>ul>li:first-child a{

}

.menuTop>.inMenu>ul>li>a{
color: #FFFFFF;
font-size:18px;
padding: 6px 15px;
position: relative;
height: 100%;
vertical-align: middle;
width: 100%;
box-sizing:border-box;
transition: all 0.5s ease-out 0s;
font-weight: 400;
font-family: 'Poppins', sans-serif;
border-radius: 6px;
display: block;
}

.menuTop>.inMenu>ul>li>a.icon{
background-repeat: no-repeat;
background-position: 0% 50%;
background-size: auto 70%;
padding-left: 40px;
}

.menuTop>.inMenu>ul>li>a.subMenu:after{
content: "";
display: inline-block;
vertical-align: middle;
width: 11px;
height: 7px;
margin-left: 6px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAABHNCSVQICAgIfAhkiAAAAGdJREFUGFdj/P///wUGBobzjIyMiUAaAwDlDYCC+4G4kRHIWQBkxAPxAnQNSAoFgPKBjCCjsGlAU5gINGgBWDG6BiB/ItRqkIlghSA1cMVoGmBmwBViKEbTgKIQq2KoBgGg1R/QgwYAd8AxwtZZfUkAAAAASUVORK5CYII=') 50% 50% no-repeat;
}

.menuTop>.inMenu>ul>li.sel>a,.menuTop>.inMenu>ul>li:hover>a{
background-color: rgba(255,255,255,0.1);
border-radius: 6px;
}
.menuTop>.inMenu>ul>li>ul {
left: 0;
position: absolute;
top: 120%;
width: 350px;
z-index: 51;
text-align: left;
padding: 10px 0px;
transition: all 0.5s ease-out 0s;
right: 0px;
margin: 0px auto;
background-color: #333336;
box-shadow:0px 1px 5px 0px rgba(0,0,0,0.2);
max-height: 50vh;
opacity:0;
visibility: hidden;
overflow: auto;
box-sizing: border-box;
border-radius: 6px;
}

.menuTop>.inMenu>ul>li>ul.ulMore{
width: 100%;
}
.menuTop>.inMenu>ul>li>ul.ulMore li{
display: inline-block;
width: 33.333%;
}



.menuTop ul li:hover ul,.menuTop ul li.active>ul{
opacity:1;
visibility: visible;
transition: all 0.5s ease-out 0s;
top: 96%;
}

.menuTop>.inMenu>ul>li>ul>li{
padding: 4px 8px;
position: relative;
box-sizing: border-box;
}

.menuTop>.inMenu>ul>li>ul>li>a{
display: block;
color: #FFFFFF;
font-size: 18px;
transition: all 0.5s ease-out 0s;
position: relative;
padding: 10px 12px;
font-weight: 500;
box-sizing: border-box;
border-radius: 6px;
}

.menuTop>.inMenu>ul>li>ul>li.sel>a,.menuTop>.inMenu>ul>li>ul>li:hover>a{
background-color: rgba(255,255,255,0.1);
}

.menuTop>.inMenu>ul>li>ul>li ul{
padding-left:20px;
}
.menuTop>.inMenu>ul>li>ul>li ul li{

}
.menuTop>.inMenu>ul>li>ul>li ul li a{
padding: 15px 5px 15px 30px;
display: block;
color: #2B343B;
}

.menuTop>.inMenu>ul>li>ul>li ul li.sel a,.menuTop>.inMenu>ul>li>ul>li ul li a:hover{
/*color: #b20400;*/
}

div.menuTop > a.showMenu {
vertical-align: middle;
width: 28px;
height: 22px;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 100;
background-color: transparent;
border: none;
outline-style:none;
display: none;
}
div.menuTop > a.showMenu > span {
float: right;
width: 100%;
height: 4px;
z-index: 100;
right: 0px;
background-color: #FFFFFF;
transition: all 0.1s ease-out 0.3s;
border-radius: 9px;
}
div.menuTop > a.showMenu > span:before, div.menuTop > a.showMenu > span:after{
content: "";
position: absolute;
width: 100%;
height: 4px;
background-color: #FFFFFF;
right: 0px;
transition: top 0.3s ease-out 0.3s,bottom 0.3s ease-out 0.3s,transform 0.3s ease-out 0s;
border-radius: 9px;
}

div.menuTop>a.selShow > span:before, div.menuTop>a.selShow > span:after{
transition: top 0.3s ease-out 0s,bottom 0.3s ease-out 0s,transform 0.3s ease-out 0.3s;
}

div.menuTop > a.showMenu > span:before{
top: 0px;
}
div.menuTop > a.showMenu > span:after{
bottom: 0px;
}
div.menuTop>a.selShow > span{
height: 0px;
}
div.menuTop>a.selShow > span:before, div.menuTop>a.selShow > span:after{}
div.menuTop>a.selShow > span:before{transform: rotate(-45deg);top:9px}
div.menuTop>a.selShow > span:after{transform: rotate(45deg);bottom: 9px}

.menuStopka ul{
list-style: none;
}
.menuStopka ul li{
display: inline-block;
padding-right: 60px;
}
.menuStopka ul li a{
color: #FFFFFF;
font-size: 16px;
font-weight: 400;
padding: 20px 0px;
display: block;
}

@media screen and (max-width:1240px){
.menuTop > .inMenu > ul > li > a{font-size: 15px}
body{padding-top: 150px}
.top_page .tel {font-size: 17px;}
.top_page .tel::before, .top_page .tel::after {width: 40px;height: 40px;background-size: 22px auto;top:4px;left: 5px}
.top_page .tel{padding: 15px 17px 15px 61px;}
.top_page .divDomain ul li a{font-size: 16px}
.top_page .logoTop img{height: 60px}
.top_page .portalPacjenta{padding: 7px 15px;}
}

@media screen and (max-width:1070px){
.top_page .tel span{display: none;}
.top_page .tel{justify-self: flex-end;font-size: 15px;padding: 13px 10px 13px 45px;margin-right: 0px;}
.top_page .tel::before, .top_page .tel::after {width: 38px;height: 38px;top:2px;left: 3px}
}

@media screen and (max-width:1040px){
body{padding-top: 129px}
div.menuTop > a.showMenu {display: flex;align-items: center;}
div.menuTop:after{content: "Menu";position: absolute;color: #FFF;left: 145%;top: 0px;font-size: 18px;font-weight: 400;}
.menuTop{z-index: 999999;}
.hfix .menuTop,.menuTop{padding: 0px;margin: 0px;}
.menuTop ul.mobileMenu {display: block;}
.menuTop>a.showMenu{display: block;}
.menuTop>.inMenu {transition: all 0.5s ease-out 0s;box-sizing: border-box;max-height: 0px;padding:0px;z-index:99;display:block;background-color:#333336;position:fixed;right:0;left: 0px;top:129px;bottom:0;overflow:auto;}
.menuTop>.inMenu.show {max-height: 80vh;display: block}
.menuTop>.inMenu>ul {display: block;float: none}
.menuTop>.inMenu>ul{padding: 30px 15px;box-sizing: border-box;}
.box_top_menu .box_menu {display: flex;justify-content: space-between;align-items: center;width: 50%;}
.box_menu::after {display: none;}
.hfix .top_page .logoTop img,.top_page .logoTop img {height: 61px;margin-top: 0px;}
.hfix .div_top_menu,.div_top_menu {padding: 10px 15px 10px 15px;}
.menuTop>.inMenu>ul>li>a::before {display: none}
.menuTop>.inMenu>ul>li>ul.ulMore li {width: 100%}

div.menuTop{z-index: 999999;}
.menuTop .inMenu ul {display: block;float: none}
.menuTop > .inMenu > ul > li > ul {position: static;width: 100%;opacity: 1;visibility: visible;max-height: unset;box-shadow: unset;padding-left: 30px;box-sizing: border-box}
.menuTop > .inMenu > ul > li > ul > li {display: block}
.menuTop > .inMenu > ul > li {display: block;text-align: left}
.menuTop > .inMenu > ul > li > a {display: flex;justify-content: flex-start;align-items: center;font-size: 18px}
.menuTop > .inMenu > ul > li > ul > li > a {font-size: 17px}
.menuTop > .inMenu > ul > li > ul > li ul li a {color: #FFFFFF;padding: 10px 12px;}
.menuTop > .inMenu > ul > li > ul > li ul li.sel a,.menuTop > .inMenu > ul > li > ul > li ul li:hover a {background-color: rgba(255, 255, 255, 0.1);}
.menuTop > .inMenu > ul > li > ul > li ul li {padding: 4px 8px;}
.menuTop > .inMenu > ul > li {padding: 4px 8px;}

.menuTop > .inMenu > ul > li ul{
max-height: 0px;
padding-top: 0px;
padding-bottom: 0px;
overflow: hidden;
transition: all 0s ease-out 0s;
}

.menuTop > .inMenu > ul > li.sel>ul{
max-height: 5000px;
transition: all 0s ease-out 0s;
}

.menuTop > .inMenu > ul > li > ul > li.sel ul {
max-height: 5000px;
transition: all 0s ease-out 0s;

}

.menuTop > .inMenu > ul > li  a.subMenu::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 11px;
height: 7px;
margin-left: 6px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAABHNCSVQICAgIfAhkiAAAAGdJREFUGFdj/P///wUGBobzjIyMiUAaAwDlDYCC+4G4kRHIWQBkxAPxAnQNSAoFgPKBjCCjsGlAU5gINGgBWDG6BiB/ItRqkIlghSA1cMVoGmBmwBViKEbTgKIQq2KoBgGg1R/QgwYAd8AxwtZZfUkAAAAASUVORK5CYII=') 50% 50% no-repeat;
}

}
@media screen and (max-width:950px){
.top_page .tel{padding: 13px 22px 13px 22px;text-indent: -2000px}

}

@media screen and (max-width:850px){
body{padding-top: 163px}
.menuTop>.inMenu{top:163px}
.divDomain{display: none}
.top_page .divDomainMobile{display: block;margin-top: 20px}
.top_page{display: grid;grid-template-areas: 'logoTop tel portalPacjenta divLng' 'divDomain divDomain divDomain divDomain';}
.top_page .logoTop{grid-area: logoTop;}
.divLng{grid-area: divLng;position: static;margin: 0px}
.top_page .portalPacjenta{grid-area: portalPacjenta;margin: 0px;margin-right: 15px;margin-left: 15px;padding: 5px 10px;}
.top_page .portalPacjenta img{max-width: 100%;height: auto}
.top_page .divDomainMobile {grid-area: divDomain;justify-self: center}
.top_page .tel{grid-area: tel;}
.hfix .top_page .logoTop img, .top_page .logoTop img{height: 52px;}
.div_top{padding: 10px}
}

@media screen and (max-width:520px){
.divLng li.sel::after {display: none}
.top_page .tel{margin-left: 15px}
}
@media screen and (max-width:450px){
.hfix .top_page .logoTop img, .top_page .logoTop img{max-width: 100%;height: auto}
}


}
/*
@media screen and (max-width:420px){
.divLng li.sel::after {display: none}
.top_page .tel {margin-right: 62px;}

}

 */