@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,700;0,800;1,400;1,500;1,600&display=swap');

body {font-family: 'Open Sans', sans-serif;background: url(/images/fon.png);}

.container-header {background-color:#fff!important;background-image:none!important;}
.container-header .mod-menu{color:#22262a!important;}
.container-bottom-a {grid-column: full-start/full-end!important;}

.primary {color: #006446!important;}
.secondary{color: #63C130!important;} 
.styleRed{color: #CC0000;font-size:26px;font-weight:800;text-align:center;}

.btn-secondary{background-color:#63C130!important;color: #fff!important;border:1px solid #63C130!important;} 
.btn-secondary:hover{background-color:#fff!important;color: #63C130!important;transition: all 0.5s ease;}

.breadcrumb {background-color: rgba(0,0,0,0)!important;}
h1 {margin-bottom: 1.5rem!important;text-align:center;color:#006446;text-transform:uppercase;}
.h2, h2 {font-size: calc(1.2rem + .9vw)!important;}
.h3, h3 {font-size: calc(1.2rem + .6vw)!important;;
}
h2{color:#006446!important;}
a, button {text-decoration:none!important;outline: none!important;}
.breadcrumb{font-size: 14px;}

/*barptop*/
.header{box-shadow: 0 5px 5px rgb(0 0 0 / 3%)!important;}
.container-topbar{background-color:#fafafa;border-top:2px solid #e6e6e6;border-bottom:2px solid #e6e6e6;font-size:16px;}
.container-topbar .grid-child {flex-wrap: wrap;justify-content: space-between;color:#22262a;}
.barname {color:#006446!important;font-weight: 800;}
.bartel a{text-decoration:none!important;}
.bartel a:hover{color:#63C130;transition: all 0.5s ease;}

/*logo*/
#mod-custom110 img{filter: drop-shadow(3px 3px 3px rgb(0 0 0 / 20%));}

/*memu menu-vertikal*/
.menu-vertikal h3 {color:#63C130;}
.menu-vertikal {margin-top: 5em!important;padding: 0 0  0 30px;transition: all 0.5s ease;}
.menu-vertikal li a {display: block;font-size: 1.1rem;line-height: 2em; color:#22262a;border-bottom: 2px dotted #a9a9a9;transition: all 0.5s ease;}
.menu-vertikal li a:hover {color:#63C130;padding-left:15px;}
.menu-vertikal li.active a {color:#63C130!important;} 

/*memu memu-toggler*/
#mod-custom111 .btn-secondary{margin-top: 0.5em;}
.container-header .navbar-toggler{font-size: 1.7rem!important;color: #495057!important;border: none!important;}
.offcanvas-start{visibility: visible!important;width:auto!important;}

/*mm-collapse*/
.mod-menu {text-transform:uppercase!important;}
.metismenu-item a  {color:#000!important;}
.container-header .mod-list li.active, .container-header .mod-list li.active>a {color:#63C130!important;}
.container-header .mod-list ul li.active {background-color:#63C130!important;}
.mod-menu.mod-list ul li.active>a {color:#fff!important;}
.metismenu.mod-menu .parent>ul {border: 1px solid #63C130;border-radius: 10px;overflow: hidden;text-transform:initial!important;padding:10px 0!important;}
.container-header .mod-list li a:hover, .metismenu.mod-menu .metismenu-item>button:hover {color: #63C130!important;}
.metismenu.mod-menu .metismenu-item>button {text-transform:uppercase!important;}

.metismenu{font-weight: 500;}
.metismenu-item button {font-weight: 500;}
.metismenu-item ul {font-weight: 400;}

/*navigator*/
.icon-location:before {content: "\f015"!important;}

/*text*/
.vs{display:block;font-weight:700; font-size:18px;color:#525252;padding: 15px 40px 5px;}
.t-block{display:inline-block;width:100%;background-color:#63c1301c; padding:20px 30px;font-weight:700;color:#448344;border-top:3px solid;text-align:center;}
.t-adr{display:inline-block; border:2px dotted #63C130;padding:15px 20px; border-radius:7px;width:100%;text-align:center;font-weight:700; font-size:20px;}
li::marker {color:#63C130;}
ul.t.s li{list-style-image: url(/images/icon-text.png);}
ul.t{margin-top: 1.2rem;line-height: 1.8rem;padding-left: 3rem!important;}

/*gl-1*/
.img-gl-1{float:left;margin:30px 30px 10px 0;border-radius: 10px;}
h2.gl-1 {text-align: center;color: #525252!important;border-bottom: 2px dotted #9b9b9b;padding-bottom: 20px;}

/*map*/
#mod-custom115 {margin-bottom:-5px;}

/*doctors*/
.doc{text-align:center;}
.doc img{border-bottom:7px solid #63C130;margin:20px 10px;border-radius: 10px;transition: all 0.5s ease;}
.doc img:hover{box-shadow: 0 10px 10px rgb(0 0 0 / 30%);}
.doctor1{font-size:22px;color:#006446;font-weight:700;margin-bottom:15px;}
.doc p em{color: #63C130;}
h3.doc-name {font-size: 45px!important;font-weight: 500;text-align: center;color: #006446;margin-top: 20px;border-bottom: 2px dotted #9b9b9b;padding-bottom: 20px;}

/*contact*/
.contact-page {display: inline-block;width: 100%;margin-bottom: 15px;}
.contact-img {float: right;margin: 0 0 15px 40px;border: 1px solid #cecece;padding: 12px;}
.contact-page h3 {font-size: 18px;line-height: 30px;}
.contact-page hr {border-top: 2px dotted #cecece;}
.btn-tel {display: inline-block;background: #fff;padding: 10px 15px;margin: 15px 45px 15px 0;border: 1px solid #4E565A;color: #4E565A;border-radius: 8px;transition: all 0.5s ease;}
.btn-tel:hover{border: 1px solid #63C130;color: #63C130;}

/*poslugi*/
#mod-custom120, #mod-custom117{display: flex; flex-wrap: wrap; justify-content: center;}
#mod-custom120, #mod-custom117{margin-bottom: 40px;}
#mod-custom120 a{color: inherit;text-transform: uppercase;}
#mod-custom120 div {flex: 0 0 16.666667%; max-width: 16.666667%;background-color: #fff;margin:15px;text-align: center;padding:10px;border: 2px solid #e6e6e6;border-radius: 10px;transition: all 0.3s ease-in-out;}
#mod-custom120 img {margin:15px 30px;}
#mod-custom120 div:hover{border: 2px solid #63C130;color:#63C130;}

@keyframes bounce {
	0%, 20%, 60%, 100% {
		transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		transform: translateY(-10px);
		transform: translateY(-10px);
	}	
}

#mod-custom120 img:hover {animation: bounce 1s;}

/*footer*/
#mod-custom116 {background:#006446;padding: 30px 10px;color: rgba(255,255,255);border-top: 3px solid #63C130;}
#mod-custom116 .fb {justify-content: space-between;transition: all 0.3s ease-in-out;text-align:center}
#mod-custom116 .btn-tel{background:none;color:#fff;border-color:#fff;margin: 20px 10px 20px;}
#mod-custom116 .btn-tel:hover {color:#63C130;border-color:#63C130;}
#mod-custom116 div.center{margin-top:30px}
#mod-custom116 div.center img{margin-right:10px}

/*footer-bottom*/
#mod-custom118{background:#333;font-size: 13px;padding: 10px;color: rgba(255,255,255,0.5);}
#mod-custom118 .fb {justify-content: space-between;}

:root {  
--cassiopeia-color-primary: #006446!important;
--cassiopeia-color-hover: #006446!important;
--cassiopeia-color-link: #63C130!important;

--cassiopeia-font-family: 'Open Sans', sans-serif;
--cassiopeia-font-family-body: 'Open Sans', sans-serif;
--cassiopeia-font-family-headings: 'Open Sans', sans-serif;
--cassiopeia-font-weight-headings: 700;
--cassiopeia-font-weight-normal: 400;
}
@media (min-width: 800px){
.t-adr br {display:none;}
}
@media (max-width: 1000px){
.navbar-expand-md .navbar-toggler {display:block!important;}
.navbar-collapse {position: absolute; top: 70px; left: -30px;}
.menu-vertikal {padding:0}
.offcanvas-start{width:250px!important;overflow-x: hidden; }
.menu {order: 1;}
.metismenu.mod-menu .mm-collapse>li>a{white-space: normal;font-size: 1rem;}
.metismenu.mod-menu .metismenu-item:not(.level-2)>ul {margin-right: 0.7em!important;}
/*.metismenu.mod-menu .mm-collapse:not(.mm-show) {display: block!important;}*/
}
@media (max-width: 990px) {
.img-gl-1{float:none;margin:10px 0;width: 100%;}
h2.gl-1 {text-align: center;}
.contact-img {float: none;margin: 0 0 15px;padding: 0;width: 100%;}
.img-gl-1{float:none;width:100%;margin: 10px 0;}
#mod-custom120 div {flex: 0 0 21%!important; max-width: 21%!important;}
}
@media (min-width: 1200px) {
.h2, h2 {font-size: 1.7rem!important;}
.h3, h3 {font-size: 1.5rem!important;}
}
@media (max-width: 800px) {
#mod-custom112 .bartime{display:none}
#mod-custom112 .grid-child{justify-content: center;}
.contact-img {float: none;margin: 0 0 15px;padding: 0;width: 100%;}
#mod-custom120 div {flex: 0 0 27%!important; max-width: 27%!important;}
h3.doc-name{font-size:35px!important;}
}
@media (max-width: 680px) {
#mod-custom120 div {flex: 0 0 40%!important; max-width: 40%!important;}
#mod-custom118 .fb, #mod-custom116 .fb {display:block;text-align:center}
#mod-custom116 .btn-tel{margin: 20px 0 0 0;}
#mod-custom116 div.center{margin-top:20px}
}
@media (max-width: 460px){
#mod-custom120 div {flex: 0 0 60%!important; max-width: 60%!important;}	
}
@media (max-width: 400px){
.menu {order: 0;}
.container-search, #mod-custom111 .btn-secondary{width:100%!important;;}
}