/* 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-color: rgba(255,255,255,1.00); height: 100%}
*{font-family: 'Raleway', sans-serif}
#mainContent{flex: 1 0 auto}
#modal,#message, #image{position: fixed}
#overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 200; background-color: rgba(0,0,0,.85)}
#modal, #message, #image{top: 40%; left: 50%; transform: translate(-50%,-50%)}
#overlay, #modal, #message, #image{display: none}
#image{min-width: 300px; min-height: 240px; max-height: 90vh; max-width: 90vw; z-index: 210; background-color: transparent; border-radius: 6px; box-shadow: 4px 4px 15px 0px rgba(0,0,0,.5); overflow: hidden}
#modal{min-width: 300px; min-height: 240px; max-height: 80vh; background-color: white; z-index: 210; border-radius: 6px; box-shadow: 4px 4px 15px 0px rgba(0,0,0,.5); overflow: auto}
#message{min-width: 150px; min-height: 50px; z-index: 220; background-color: powderblue; padding: 2rem; border-radius: 6px; box-shadow: 2px 2px 15px 0px rgba(0,0,0,.75)}
#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-color: rgba(17,74,111,1.00)}
.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:hover{color: royalblue}
.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)}
.visited-0, .visited-0:focus{box-shadow: none !important; outline:none}

/* 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 ul li{perspective: 200px}
nav:not(.adm-menu) ul li ul{transform: rotate3d(1,0,0,-90deg); transform-origin: 0 0 0}
nav:not(.adm-menu) ul li ul li ul{transform: rotate3d(0,1,0,45deg); transform-origin: 0 0 0}
nav:not(.adm-menu) ul li:hover > ul {margin-top: 0; visibility: visible; opacity: 1; transform: rotate3d(0,0,0,0)}
nav:not(.adm-menu) ul li a {display: block; padding: 10px; color: rgba(255,255,255,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: 350px}
nav:not(.adm-menu) ul li ul li ul li a{padding: 12px 10px; min-width: auto; white-space: nowrap}
nav:not(.adm-menu) ul {list-style: none}
nav:not(.adm-menu) ul li {float: left}
nav:not(.adm-menu) ul li:hover > a {color: white !important; background-color: var(--blue-1) !important}
nav:not(.adm-menu) ul li a.active {color: white !important; background-color: var(--dark)}
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(22,102,154,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: 550px; 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}
.modal-open .modal {z-index: 2000000}
.modal-open {overflow: initial}
#mainContent{opacity: 0}
.se-pre-con {position: fixed; left: 0px; top: 0px; width: 100%;	height: 100%; z-index: 9999; background: url("../../img/loading.gif")center no-repeat #fff}
.hover-content, p {transition: all .25s ease-out}
.hover-content:hover {color: darkblue}
/*p::first-letter, f {font-size: 30px; color: darkblue}
p {line-height: 1.7rem}*/
.login-screen .form-control, .login-screen .input-group-text {background-color: #6aa8f1; border: none; box-shadow: 3px 3px 4px 0px #4788D0; height: 3rem; border-radius: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; color: white}
.login-screen .btn { border-radius: 50px}
.img-opt{position: absolute; top: -15px; left: -15px; display: none}
.img-hover:hover > .img-opt{display: block}
.note-editing-area{max-height: 35vh !important}
.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {overflow: auto}
.tooltip {z-index: 9000 !important}
.p-absolute{position: absolute}
.right-0{right: 0}
.accordion-button:focus, .accordion-button:hover{z-index: inherit !important}
#image .img-bar{background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%); position: absolute; height: 60px; top: 0; left: 0; right: 0}
#image .img-bar .close-img{position: absolute; right: 4px; top: 3px; background: #212121; color: white; border-radius: 50%; padding: 4px 8px 0px 8px; vertical-align: middle; line-height: 1.7rem; cursor: pointer; transition: all .25s ease-out}
#image .img-bar .close-img:hover{color: red; background: #B5B5B5; text-shadow: 1px 1px 2px black}
div[class^="col"]{position: relative}
#contactForm .label-prenume, #contactForm #prenume{position: absolute; top: 0; left: -9999px}
div.fr-wrapper>div>a {/* display: none !important; *//* position: fixed; *//* z-index: -99999 !important; */font-size: 0px !important; padding: 0px !important; height: 0px !important}
/*p[data-f-id*="pbf"]{display: none !important}*/

@keyframes pulseBtn{
    0%{
        background-color: #f8d7da;
        box-shadow: 0 0 10px white;
    }
    50%{
        background-color: #dc3545;
        color: white;
        box-shadow: 0 0 10px red;
    }
    100%{
        background-color: #f8d7da;
        box-shadow: 0 0 10px white;
    }
}

@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}
    #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: 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{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: 0}
    .mobile-menu-trigger{background-color: rgba(67,168,232,1.00)}
    body .uwy.userway_p2 .uai {position: absolute; 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)}
	}
}