/* CSS Document */
/*blue 1	5EB9E5*/
/*blue 2	199AD9*/

html{margin: 0; padding: 0; height: 100%; width: 100%; box-sizing: border-box; overflow: auto}
body{display: flex; flex-direction: column; background: linear-gradient(180deg, #00131E 0%, #002941 30%, #002941 70%, #00131E 100%); height: 100%}
*{font-family: 'Raleway', sans-serif}
#mainContent{flex: 1 0 auto}
#modal,#message{position: fixed}
#overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; background-color: rgba(0,0,0,.75)}
#modal, #message{top: 50%; left: 50%; transform: translate(-50%,-50%)}
#overlay, #modal, #message{display: none}
#modal{min-width: 300px; min-height: 240px; background-color: white; z-index: 2100}
#message{min-width: 150px; min-height: 50px; z-index: 2200}
#topBar{transition: all .25s ease-out; position: fixed; left: 0; top: 0; width: 100%; z-index: 100}
#searchList{position: absolute; z-index: 90; display: none; width: 94%; background-color: white; max-height: 75vh; overflow-x: hidden; overflow-y: scroll}
.top-bar-bg{background: linear-gradient(180deg, #BBE2FF 0%, white 100%)}
.absolute-center{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%)}
.vertical-center{position: absolute; top: 50%; transform: translateY(-50%)}
.overflow-hidden{overflow: hidden}
.h-300{height: 300px}
.h-400{height: 400px}
.h-500{height: 500px}
.h-600{height: 600px}
.bg-opacity-10{background-color: rgba(255,255,255,.1)}
.bg-opacity-25{background-color: rgba(255,255,255,.25)}
.bg-opacity-50{background-color: rgba(255,255,255,.5)}
.bg-opacity-75{background-color: rgba(255,255,255,.75)}
.bg-opacity-90{background-color: rgba(255,255,255,.9)}
.bg-dark-opacity-10{background-color: rgba(0,0,0,0.10)}
.bg-dark-opacity-25{background-color: rgba(0,0,0,0.25)}
.bg-dark-opacity-50{background-color: rgba(0,0,0,0.50)}
.bg-dark-opacity-75{background-color: rgba(0,0,0,0.75)}
.bg-dark-opacity-90{background-color: rgba(0,0,0,0.90)}
.bg-light-opacity-10{background-color: rgba(255,255,255,0.10)}
.bg-light-opacity-25{background-color: rgba(255,255,255,0.25)}
.bg-light-opacity-50{background-color: rgba(255,255,255,0.50)}
.bg-light-opacity-75{background-color: rgba(255,255,255,0.75)}
.bg-light-opacity-90{background-color: rgba(255,255,255,0.90)}
.img-dark-glow{filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.50))}
.img-light-glow{filter: drop-shadow(0px 0px 4px rgba(255,255,255,0.50))}
.carousel-indicators{margin-bottom: 5%}
.carousel-item .carousel-caption{margin-bottom: 5%}
.margin-top-negative-5{margin-top: -5%}
.bg-abc-green{background-color: rgba(111,162,62,1)}
.bg-image::after{position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background: url(../../assets/slider-3.jpg); background-position: center; background-size: cover; opacity: .1; z-index: 0}
.card-body{z-index: 1}
.hidden-link, .hidden-link:hover, .hidden-link:visited{text-decoration: none; color: inherit}
.hidden-link img{transition: all .25s ease-out}
.bg-banner{background-image: url(../../assets/banner1.jpg); background-position: center; background-size: cover}
.img-slide-animation{animation: slowZoom 7s; animation-fill-mode: forwards}
.card-hover{transition: all .25s ease-out}
.card-hover:hover{box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)}
.new-you-font{font-family: 'New You'}
.border-top-dotted{border-top: 1px dotted}
.border-top-dashed{border-top: 1px dashed}
.new-nav, .article{transition: all .25s ease-out}
.clinic-header{background: linear-gradient(90deg, var(--blue-1) 0%, var(--blue-1) 50px, var(--blue-2) 50px); color: white; text-shadow: 1px 1px 4px rgba(18,116,163,1.00)}
.article:hover{color: #FFFFFF; text-shadow: 1px 1px 3px rgba(0,0,0,.25); background-color: rgba(87,92,116,1.00)}
.article:hover img{box-shadow: 0 0 6px 0 white}
.file-link:hover{text-decoration: none; color: darkblue; background-color: rgba(255,140,0,.5)}
.hover-card, .hover-card > .card-header, .hover-row{transition: all .25s ease-out}
.hover-card:hover > .card-header{background-color: rgba(52,58,64,1.00) !important; color: rgba(255,255,255,1.00)}
.hover-card:hover{box-shadow: 2px 4px 8px 0 rgba(208,208,208,1.00)}
.hover-row:hover{background-color: rgba(186,226,255,1.00)}
.white-shadow{box-shadow: 2px 2px 15px 0 rgba(255,255,255,.5)}
.bg-footer{background: linear-gradient(180deg, #3779AD 0%, #02466F 100%)}


/* meniu */
.menu{display: block; isolation: isolate}
.menu a{text-decoration: none; margin-left: 1px; padding: 0}
nav:not(.adm-menu) {margin: 0 auto; z-index: 10}
nav ul, nav ul li, nav ul li a{transition: all .25s ease-out !important}
nav:not(.adm-menu) ul li:hover > ul {margin-top: 0; visibility: visible; opacity: 1}
nav:not(.adm-menu) ul li a {display: block; padding: 10px; color: rgba(0,33,138,1.00) !important; text-decoration: none; line-height: 1rem; cursor: pointer}
nav:not(.adm-menu) ul li ul li a{padding: 12px 0 10px 10px; min-width: 200px}
nav:not(.adm-menu) ul {list-style: none}
nav:not(.adm-menu) ul li {float: left}
nav:not(.adm-menu) ul li:hover > a, nav:not(.adm-menu) ul li a.active {color: white !important; background-color: var(--blue-2)}
nav:not(.adm-menu) ul li a:hover, nav ul li a.activa{text-shadow: 0 0 6px rgba(0,0,0,.3); }
nav:not(.adm-menu) ul ul {background: rgba(235,248,255,1.00); padding: 0; position: absolute; top: 100%; margin-top: 15px; opacity: 0; visibility: hidden; z-index: 55}
nav:not(.adm-menu) ul ul li {float: none; border-bottom: 1px solid rgba(89,135,177,0.25); position: relative; min-width: 100px}
nav:not(.adm-menu) ul ul li a {padding: 12px 25px; color: rgba(128,131,4,1.00); line-height: 1rem}	
nav:not(.adm-menu) ul ul li a:hover {color: black}
nav:not(.adm-menu) ul ul ul {position: absolute; left: 100%; top: 0px}
.menu-shadow{box-shadow: 0 0 6px rgba(0,0,0,.7)}
.menu a.new{animation: pulse 2s infinite ease-in}
/* hover element*/
.menu a{border: 0; box-sizing: border-box; box-shadow: inset 0 0 0 1px transparent;	color: #f45e61;	position: relative;	vertical-align: middle}
.menu a.activa::after, .menu a.activa::before{box-sizing: inherit; position: absolute; content: ''; width: 100%; height: 100%; border: 1px solid rgba(0,0,0,0.20); z-index: -1}
.menu a::before, .menu a::after{box-sizing: inherit; content: ''; position: absolute; z-index: -1}
.draw{transition: color 0.15s}
.draw::before, .draw::after{border: 1px solid transparent; width: 0; height: 0}
.draw::before{top: 0; left: 0}
.draw::after{bottom: 0; right: 0}
.draw:hover::before, .draw:hover::after{width: 100%; height: 100%}
.draw:not(.activa):hover::before{transition: width 0.25s ease-out, height 0.25s ease-out 0.15s}
.draw:not(.activa):hover::after{transition: border-color 0s ease-out 0.15s, width 0.25s ease-out 0.15s, height 0.25s ease-out 0.15s}
.meet::after{bottom: 0; left: 0}
.meet:not(.activa):hover::before{border-top-color: rgba(0,0,0,0.40); border-right-color: rgba(0,0,0,0.40)}
.meet:not(.activa):hover::after{border-bottom-color: rgba(0,0,0,0.40); border-left-color: rgba(0,0,0,0.40); transition: height 0.25s ease-out, width 0.25s ease-out 0.15s}
/* sfarsit meniu */

.slide-wrapper{height: 600px; overflow: hidden; position: absolute; left: 0; right: 0; top: 0; z-index: 100}
.slide-wrapper img{position: absolute; left: 50%; width: 100%; height: auto; top: 50%; transform: translate(-50%, -50%); z-index: 110; opacity: 0}
.slide-wrapper img.activa{opacity: 1}
.slide-wrapper .arrows{position: absolute; z-index: 130; left: 0; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; transition: all .25s ease-out; opacity: .3}
.slide-wrapper .arrows .next{position: absolute; right: calc(0% + 20px); transition: all .25s ease-out; padding: 6px 8px; border-radius: 50%; opacity: .75; background: rgba(217,217,217,.75)}
.slide-wrapper .arrows .previous{position: absolute; left: calc(0% + 20px); transition: all .25s ease-out; padding: 6px 8px; border-radius: 50%; opacity: .75; background: rgba(217,217,217,.75)}
.next:hover, .previous:hover{opacity: 1 !important; background: rgba(217,217,217,1); box-shadow: 0px 0px 10px 0 white; text-shadow: 1px 1px 3px black}
.slide-wrapper:hover > .arrows{opacity: 1}
.slick-list, .slick-slide, .slick-track, .slick-slider{height: calc(100% + 10px)}
.form-control:focus {border-color: #A1B6E3; box-shadow: inset 0 1px 1px rgba(0,25,78,0.08), 0 0 8px rgba(0,140,255,0.60)}
.zindex-25{z-index: 25}
.hidden-link:hover img{filter: brightness(1.1) drop-shadow(4px 4px 10px rgba(0,0,0,.25))}
.text-shadow-dark{text-shadow: 1px 1px 4px black}
.card-img-top-wrapper{height: 250px; overflow: hidden}
.card-oferte .card-body .card-title{min-height: 80px}
.card-oferte{margin-bottom: 1.7rem}
.mh-50vh{max-height: 50vh}
.mh-75vh{max-height: 75vh}
.min-height-100{min-height: 100%}
.frame-height{height: 600px}
.img-light-accent{filter: drop-shadow(1px 1px 2px rgba(255,255,255,1.00))}
.img-dark-accent{filter: drop-shadow(1px 1px 2px rgba(0,0,0,1.00))}
.new-nav a:hover, .new-nav a.active{background-color: rgba(133,193,30,1.00)}
.text-wrapper{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.head-img-wrapper{height: 50vh; width: 100%; overflow: hidden; position: relative}
.head-img-wrapper img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.border-thick{border-width: 5px !important}
.captions{position: absolute; top:6%; left: 25%; right: 0; z-index: 120}
.captions .texts{opacity: 0; position: absolute; width: 100%; text-shadow: 1px 1px 2px black, 1px 1px 4px black, 1px 1px 10px black}
.captions .texts .text1{position: absolute; top: 30px}
.captions .texts .text2{position: absolute; top: 100px}
.captions .texts.activa{opacity: 1}
.btn-pulsating-danger{background-color: #f8d7da; animation: pulseBtn infinite 2s}
.border-left-sm-0{border-left: none !important}
.border-right-sm-0{border-right: none !important}
.pulse{box-shadow: 0 0 0 0px rgba(255,158,0,0)}
.pulse:hover{animation: blink .4s linear}
.banner-text{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}

@keyframes blink {
    0% { box-shadow: 0 0 0 0px rgba(255,158,0,0); }
    50% { box-shadow: 0 0 0 10px rgba(255,158,0,1); }
    100% { box-shadow: 0 0 0 20px rgba(255,158,0,0); }
}

@media (max-width: 576px){
	.fa-2x{font-size: 1.8em}
	#mobileNav{display: block; position: absolute; left: 110vw; top: -300px; width: 100vw; z-index: 20; background-color: white; white-space: nowrap; text-align: left}
	#mobileNav nav:not(.adm-menu), #mobileNav nav:not(.adm-menu) ul li{float: none}
	#mobileNav nav:not(.adm-menu) .menu{padding: 0 50vw 0 10px}
	.banner{height: 100px; overflow: hidden}
	.banner img{height: 100%; width: auto !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
	.mh-75vh{max-height: 25vh}
	/*menu*/
    #meniu{position: fixed; top: 0; left: 0; right: 0; padding-top: 40px; background-color: white}
    #meniu nav{min-width: 300px; font-size: 20px}
	nav:not(.adm-menu){font-size: 12px}
	nav:not(.adm-menu), nav:not(.adm-menu) ul li{float: none}
	nav:not(.adm-menu) ul ul{position: relative; display: none}
	nav:not(.adm-menu) ul li:hover > ul{display: inline-block}
	nav:not(.adm-menu) ul{padding: 0}
    nav:not(.adm-menu) ul ul ul {position: relative; left: 10px; top: 100%}
	.fixed-top{position: relative}
	.head-img-wrapper{height: 25vh}
    .slide-wrapper .arrows{top: 25%}
    .mobile-menu-holder{position: fixed; right: 0}
    .mobile-menu-trigger{background-color: rgba(40,44,46,1.00)}
    body .userway.userway_p2{position: absolute !important; top: 10px !important; right: 40% !important}
    .border-primary.border-left-sm-0{border-left: 1px solid !important; border-color: #007bff !important}
    .border-primary.border-right-sm-0{border-right: 1px solid !important; border-color: #007bff !important}
}

@media (min-width: 577px) and (max-width: 768px){
	#mobileNav{display: block; position: absolute; left: 100vw; top: 0; width: 100%; z-index: 20; background-color: white; white-space: nowrap; text-align: left}
	#mobileNav nav:not(.adm-menu), #mobileNav nav:not(.adm-menu) ul li{float: none}
	#mobileNav nav:not(.adm-menu) .menu{padding: 0 50vw 0 10px}
	.banner{height: 120px; overflow: hidden}
	.banner img{height: 100%; width: auto !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
	/*menu*/
    #meniu{position: fixed; top: 0; left: 0; right: 0; padding-top: 40px}
    #meniu nav{min-width: 300px}
	nav:not(.adm-menu){font-size: 12px}
	nav:not(.adm-menu), nav:not(.adm-menu) ul li{float: none}
	nav:not(.adm-menu) ul ul{position: relative; display: none}
	nav:not(.adm-menu) ul li:hover > ul{display: block}
	nav:not(.adm-menu) ul{padding: 0}
    nav:not(.adm-menu) ul ul ul {position: relative; left: 0}
    nav:not(.adm-menu) ul ul ul li{padding-left: 25px}
	.fixed-top{position: relative}
    .slide-wrapper{height: 250px}
    .slide-wrapper .arrows{top: 35%}
    .slide-wrapper .captions{left: 15%}
    .slide-wrapper .captions .texts .text1{font-size: 35px}
    .slide-wrapper .captions .texts .text2{font-size: 20px}
    .mobile-menu-holder{position: fixed; right: -20px}
    .mobile-menu-trigger{background-color: rgba(67,168,232,1.00)}
}

@media (min-width: 769px) and (max-width: 992px){
	#mobileNav{display: block; position: absolute; left: 100vw; top: 0; width: 100%; z-index: 20; background-color: white; white-space: nowrap; text-align: left}
	#mobileNav nav:not(.adm-menu), #mobileNav nav:not(.adm-menu) ul li{float: none}
	#mobileNav nav:not(.adm-menu) .menu{padding: 0 50vw 0 10px}
	.banner{height: 170px; overflow: hidden}
	.banner img{height: 100%; width: auto !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
}

@media (min-width: 993px) and (max-width: 1200px){
	#mobileNav{display: block; position: absolute; left: 100vw; top: 0; width: 100%; z-index: 20; background-color: white; white-space: nowrap; text-align: left}
	#mobileNav nav:not(.adm-menu), #mobileNav nav:not(.adm-menu) ul li{float: none}
	#mobileNav nav:not(.adm-menu) .menu{padding: 0 50vw 0 10px}
	.banner{height: 200px; overflow: hidden}
	.banner img{height: 100%; width: auto !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
}

@media {
	@keyframes pulse{
		0%{}
		50%{
			text-shadow: 0 0 6px white; filter: drop-shadow(0px 0px 8px black); color: white
		}
		100%{
			text-shadow: 0 0 0px white; filter: drop-shadow(0px 0px 6px rgba(0,0,0,.5))
		}
	}
	@keyframes slowZoom{
		0%{}
		100%{transform: scale(1.1)}
	}
}