/*
#0b4da2
#0b4da2
*/

body {font-family: 'Open Sans', sans-serif;color: #000; font-weight: 400; font-size: 14px;}
.not-loaded {overflow: hidden;}

h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
a {text-decoration: none; color: #227; transition: color 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);}
a:hover {text-decoration: none; color: #000;} 

img {max-width: 100%; height: auto;}
.blue {color: #227; font-weight: 700;}
/* Header */
header { z-index: 99; transition: all .5s;  top: 0; background: #fff; box-shadow: 0 0 10px #000;}
/*header.white {top: -70px;}*/
	header .contact-header {text-align: right; display: flex; flex-wrap: wrap;}
		header .contact-header > div {text-align: right; flex: 0 0 100%;}
			header .contact-header a {color: #000; font-weight: bold;}
			header .contact-header a:hover {color: #69f;}
			header .contact-header a > * {vertical-align: middle;}
				header .contact-header a span {}
				header .contact-header a i {font-size: 16px; width: 20px; text-align: center; display: inline-block;}
	header .header-icons {font-size: 16px; color: #323232; margin-top: 5px; margin-left: 35px;}
	header .header-icons i + i {margin-left: 5px;}

.logo img {max-height: 40px;}
/* Header */

#beneficiar .container{text-align:center; padding:30px;-webkit-box-shadow: 5px 5px 23px 0px rgba(2,67,131,1);
-moz-box-shadow: 5px 5px 23px 0px rgba(2,67,131,1);
box-shadow: 5px 5px 23px 0px rgba(2,67,131,1);}

/*impText*/
.impText{ padding:5px 0;}
.impText p{color:#0c4da2; font-size:12px; font-style:italic;text-align:center; margin:0 !important;}


/*impText*/


/* Start: Login; */
body.login header,
body.login footer {
	display: none;
}
body.login #content {
	padding: 0;
	margin: 0;
}
.login-div {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	padding-top: 40px;
	padding-bottom: 40px;
	min-height: 100vh;
}
.form-signin {
	width: 100%;
	max-width: 330px;
	padding: 15px;
	margin: 0 auto;
}
.form-signin .checkbox {
	font-weight: 400;
}
.form-signin .form-control {
	position: relative;
	box-sizing: border-box;
	height: auto;
	padding: 10px;
	font-size: 16px;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[name="email"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
/* End: Login; */

/* Navbar */
.navbar {padding: 0; transition: all .4s; background: none!important; padding:15px 0;}
header.white .navbar {}
	.navbar-brand {margin-top: -45px; padding: 0; transition: all .5s;}
		.navbar-brand img {width: 180px; height: 75px; transition: all .5s;}
	header.white .navbar-brand {margin-top: 0;}
		header.white .navbar-brand img {width: 85px; height: 35px;}
	.navbar-dark .navbar-nav .nav-link {text-transform: uppercase; color: #000; font-weight: 700; font-size: 14px; transition: all .4s; padding: 5px 25px; position: relative;}

	.navbar-dark .navbar-nav .active>.nav-link,nav .nav-item.dropdown.show .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {text-decoration: underline; color: #000;}
		nav .nav-item .nav-link:after {content: ' '; display: block; position: absolute; top: -16px; right: 50%; margin-right: -10px; width: 0; height: 0; transition: border .4s; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 8px solid transparent;}
		nav .nav-link:hover:after, nav .nav-item.dropdown.show .nav-link:after, nav .nav-item.active .nav-link:after, .navbar-dark .navbar-nav .nav-link:focus:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; text-decoration: underline;}

	.dropdown-item:hover, .dropdown-item:focus { 
		color: #fff;
		background: #69f;
	}

	.navbar-collapse {justify-content: center; transition: all .4s;}
		.navbar-collapse.collapsing, .navbar-collapse.show {background: rgba(255, 255, 255, .9); padding: 10px; margin-top: 20px;}
			.white .navbar-collapse.collapsing, .white .navbar-collapse.show {background: none; padding: 0; margin-top: 0;}

	.navbar-dark .navbar-toggler {background: #323232;}
		.navbar-dark .navbar-toggler > span { background: none; font-size: 24px; color: #fff; height: auto; width: auto;}
/* Navbar */

/* Big Banner */
.banner {z-index: 1; overflow: hidden; width: 100%; height: 60vh; position: relative; display: flex; justify-content: center; align-items: center; background-size: cover;  background-position: center; background-repeat: no-repeat;}
	.banner .overlay {position: absolute; top: 0; bottom: 0; right: 0;  background: #69f; opacity: .4; z-index: 1; width: 100%;}
	.banner .item {width: 100%; position: relative; display: flex; justify-content: center; align-items: center; height: 100vh;}
		.banner .item .image {min-width: 100%; max-width: inherit; height: 100vh; object-fit: cover;}
		.banner .info { left: 0; width: 100%; z-index: 2; bottom: 100px;}
			.banner .info {color: #fff; text-shadow: 1px 3px 3px #333;}
				.banner .info h1 {text-transform: uppercase; margin-bottom: 10px;}
				.banner .info p {margin-bottom: 0;}
		
.other-banner, .other-banner .item, .other-banner .item .image {height: 20vh;}
	.other-banner .overlay {opacity: .6;}

.e404-banner {background-size: auto;}
.e404-banner, .e404-banner .item, .e404-banner .item .image {height: calc(100vh - 127px - 66px);}
	.e404-banner .info {top: 50%; text-align: center;}
		.e404-banner .info h1 {margin-top: -10%;}

.scroll-down {margin-top: 25px; display: inline-block;}
	.scroll-down .fa {font-size: 40px; color: #323232; cursor: pointer; transition: all .4s;}
		.scroll-down:hover .fa {color: #69f;}
/* Big Banner */




.slider .item {
	height: 40vh;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position:relative;
}
.slider .caption {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	color: #fff;
    text-shadow: 1px 3px 3px #333;
	text-align: center;
	display :flex;
	align-items: center;
	background: rgba(102, 153, 255, 0.4);
}
.slider .caption .inner {
	padding: 20px;
	width: 100%;
}
.slider .caption .title {
	font-size: 32px;
	text-transform: uppercase;
	margin-bottom: 10px;

}
.slider .caption .text {
	margin-bottom: 0;
}

.owl-theme .owl-nav {
	position: absolute;
	top: 50%;
	height: 0;
	margin: 0;
	margin-top: -30px;
	width: 100%;
}
.owl-theme .owl-nav:after {display: table; clear: both; content: ' ';}
.owl-theme .owl-nav [class*='owl-'] {padding: 0; margin: 0; background: none; color: #fff; font-size: 60px; transition: color .4s; line-height: 60px; opacity: .6; transition: .4s;}
	.owl-theme .owl-nav [class*='owl-']:hover {background: none; opacity: 1;}
	.owl-theme .owl-nav .disabled {opacity: .1!important;}
	.owl-theme .owl-nav .owl-prev {float: left; margin-left: 20px;}
	.owl-theme .owl-nav .owl-next {float: right; margin-right: 20px;}

.owl-theme .owl-dots {margin: 0; margin-top: 15px;}
	.owl-theme .owl-dots .owl-dot span {background: #323232; transition: all .4s;}
		.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #69f;}

/* Abonamente */
table.neabonati {

}
table.neabonati tr td:first-child {
	font-weight: 700;
	padding-right: 15px;
}

.abonamente-lista {margin-top: 25px}
.abonamente-lista ul {list-style: none; padding: 0;}
.abonamente-lista-header {
	background: red;
	background: -webkit-linear-gradient(left, #49c5ee, #6f87d6);
	min-height: 100px;
	padding: 10px 0
}
.abonamente-lista-header h3 {
	font-size: 40px;
	font-weight: 500;
	margin-top: .4em
}
.abonamente-lista-header h4 {
	font-size: 18px;
	font-weight: 300;
	margin-top: .8em
}
.abonamente-lista ul .info h3 {
	font-weight: 400;
	line-height: 1.2;
	font-size: 36px;
}
.abonamente-lista ul li .info {
	float: left;
	width: 40%;
	display: flex;
	align-items: center;
}
.abonamente-lista ul li p {
	font-size: 14px;
	color: #606060;
	margin: 0;
}
.abonamente-lista ul li .product {
	width: 20%;
	float: left;
	position: relative;
	padding: 20px 0;
}
.abonamente-lista .product img {
	max-width: 160px;
	position: relative;
	left: -8px
}
.abonamente-lista .product.small img {
	max-width: 130px;
	margin-top: 56px
}
.abonamente-lista .product.best-sale {
	background: #ececec;
	padding: 20px 0;
}
.abonamente-lista .product .top-orange {
	position: absolute;
	left: 0;
	right: 0;
	background: #f99d1c;
	top: -25px;
	text-align: center;
	color: #fff;
	padding: 7px 0;
	border-radius: 10px 10px 0 0;
	font-size: 14px;
	font-weight: 500;
}
.abonamente-lista .bdf {
	display: block;
	text-align: center;
	font-size: 13px;
	color: #505050;
	margin-top: 5px;
	font-weight: 500
}
.abonamente-lista .product-title {
	font-size: 15px;
	font-weight: 500;
	color: #555;
	display: block;
	margin-bottom: 15px;
	font-weight: 700;
	text-transform: uppercase;
}
.abonamente-lista .yellowBtn {
	padding: 10px 20px;
	font-size: 15px
}
.abonamente-lista .yellowBtn .line {
	position: relative;
	top: -1px
}
.abonamente-lista .product.small .yellowBtn {
	background: #b9b9b9
}
.abonamente-lista .product.small .yellowBtn:hover {
	background: #333
}
.abonamente-lista .info-abonament {
	margin: 20px 0;
}
.abonamente-lista .devices {
	display: block;
	font-size: 13px;
	margin-top: 5px;
	font-weight: 700;
}
.abonamente-lista i {
	color: #545c6d;
	font-size: 24px;
	display: inline-block;
	margin-right: 30px;
	vertical-align: middle
}
.abonamente-lista i.first {
	margin-left: 30px
}
.abonamente-lista i.solo {
	display: block
}
.abonamente-lista i.fa-times {
	color: #545c6d!important
}
.abonamente-lista .row-custom.item .titles {
	display: inline-block;
	vertical-align: middle
}
.abonamente-lista .row-custom.item h3 {
	margin: 5px 0;
	font-size: 20px;
	color: #545c6d
}
.abonamente-lista .row-custom.item h4 {
	margin-bottom: 10px;
	font-size: 12px;
	color: #6b6b6b;
	font-weight: 400;
	margin-top: 2px
}
.abonamente-lista .check-labels i {
	display: block;
	color: #22ca75;
	margin-right: 0;
	margin-top: 5px
}
.abonamente-lista .check-labels {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #6b6b6b
}
.abonamente-lista .dropdown-features .info {
	position: relative;
	left: 85px;
	height: 75px
}
.abonamente-lista .dropdown-features .clr,
.abonamente-lista .dropdown-features .row-custom.item {
	background: #fff
}
.abonamente-lista .dropdown-features .product {
	padding: 15px 0;
}
.abonamente-lista .dropdown-features .clr + .clr .row-custom {
	border-top: 1px solid #ddd;
}
.abonamente-lista .dropdown-features,
.product2018 .labels input[type=checkbox],
.tabs-shots2018 h6 .arrow {
	display: none
}
.abonamente-lista .dropdown-features.show {
	display: block;
}
.abonamente-lista .info.arrow {
}
.abonamente-lista .row-custom.item.active .fa-chevron-right:before {
	content: '\f078';
}
.abonamente-lista .improved,
.abonamente-lista .new {
	margin: -1px 0 0 5px;
	font-size: 11px;
	padding: 2px 4px;
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
	position: relative;
	top: -1px
}
.abonamente-lista .improved {
	background: #4dca8b
}
.abonamente-lista .new {
	background: #f1cc00
}
.abonamente-lista .dropdown-features .check-labels i {
	margin: 10px 0;
	display: block
}
.abonamente-lista .bottom .sm {
	color: #4facfe;
	font-size: 13px;
	display: block;
	margin-top: 3px
}
.abonamente-lista .not-sure {
	float: right;
	background: #f0f0ef;
	padding: 15px
}
.abonamente-lista .not-sure .img-ask {
	margin: 0 30px 0 10px
}
.abonamente-lista .not-sure>* {
	display: inline-block;
	vertical-align: middle
}
.abonamente-lista .not-sure h4 {
	color: #545c6d;
	font-size: 18px;
	margin-bottom: 0
}
.abonamente-lista .not-sure h5 {
	color: #6b6b6b;
	font-size: 12px;
	margin-top: 0;
	font-weight: 400
}
.abonamente-lista .not-sure .blueBtn2 {
	padding: 14px 16px;
	font-size: 14px;
	margin-left: 140px;
	font-weight: 500
}
.abonamente-lista li.item {
	cursor: pointer;
	transition: all .3s ease;
	display: flex;
	background: #ecf6f7;
    border: 1px solid #fff;
}
.abonamente-lista li.item:hover {
	background: #d4f7fb!important
}
/* Abonamente */

/* Parteneri */
.parteneri {
	max-width: 1840px;
	padding: 0 15px;
	margin: 0 auto;
}
.parteneri h3 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 50px;
}
.parteneri img {
	padding: 5px 10px;
	border: 1px solid #ddd;
}
/* Parteneri */ 

/* Footer */
footer {position: relative; padding: 30px 0; border-top: 5px solid #000;}
	footer .title {text-transform: uppercase; font-weight: 700; font-size: 34px; color: #fff;}
	footer .logo-footer {position: absolute; top: -82px; right: 50%; margin-right: -82px;}
footer .row i{font-size:28px; color:#000;}
footer .row a{font-size:18px; color:#000; padding-top:10px;}

.powered {background: #227; padding: 20px 0 20px 0; text-align: center; color: #fff; font-size: 12px; line-height: 20px;}
	.powered .links a {color: #fff; margin-right: 10px;}
	.powered .links a:hover {text-decoration: underline;}
	.powered .links > p:first-child {display: inline;}
	.powered .links > p:last-child {margin-bottom: 0;}
	.social a {border-radius: 50%; border: 1px solid #69f; padding: 5px; display: inline-block; font-size: 16px; width: 40px; height: 40px; transition: .4s; line-height: 28px;}
	.social a + a {margin-left: 10px;}
	.social a:hover {border-color: #fff; color: #fff;}
/* Footer */

#integrare .content span{display:block; font-weight:bolder; text-decoration:underline;}

.buttons {margin-top: 20px;}
.btn {transition: .4s;}
.btn-primary {border-radius: 5px; background-color: #fff; border-color: #fff; text-shadow: none; color:#024383 !important;}
.btn-primary:hover {border-radius: 0; background-color: #227; border-color: #fff;border-radius: 5px;color:#fff !important;}

.btn-secondary {border-radius: 5px; background-color: #0c4da2; border-color: #0c4da2; text-shadow: none; color:#fff !important;}
.btn-secondary:hover {border-radius: 0; background-color: #227; border-color: #227;border-radius: 5px;color:#fff !important;}

span.required {color: #f00;}
#form-contact label {font-size: 12px; color: #414141;}
	#form-contact .form-group {margin-bottom: .5rem}
	#form-contact .form-group .form-control { border-radius: 0; border-color: #ddd; transition: .4s;}
	#form-contact .form-group .form-control:focus, #form-contact .form-group .form-control:hover { border-radius: 5px; border-color: #69f; outline: 0; box-shadow: 0 0 5px #ddd;}

.hide-desktop {display: none;}
.hide-mobile {display: block;}
#otherDetails{padding:50px 0;}
#otherDetails h3{font-weight:bolder; padding-top:20px;}
#otherDetails .col-md-4 .containerWrapper{background:#fff; padding:20px;}
#otherDetails a:hover{text-decoration:underline;}


.my-gallery {font-size: 0; margin: 0 -10px;}
	.my-gallery:after {clear: both; content: " "; display: table;}
	.my-gallery figure {display: inline-block; vertical-align: middle; width: 33.33%; font-size: 0; margin: 0; padding: 10px; box-sizing: border-box; float: left;}
		.my-gallery figure a {display: block; vertical-align: middle;}
			.my-gallery figure a img { display: inline-block; vertical-align: middle; width: 100%; height: auto;}


iframe.gmaps {width: 100%; height: 300px; margin-bottom: 20px;}

.form-alert {
	display: none;
	position: fixed;
	right: 20px;
	top: 20px;
	max-width: 400px;
	z-index: 999;
}
	.form-alert .alert {border: none; border-radius: 0; margin-bottom: 0;}
	.form-alert .alert-warning { background: #f4a421; color: #fff; }
	.form-alert .alert-success { background: #33a212; color: #fff;}
		.form-alert .alert .close { padding: .65rem 1.25rem; color: #fff; transition: all .4s;}
			.form-alert .alert .close:hover {color: #000;}

.valid {border-color: green!important;}
.invalid {border-color: red!important;}

.bootstrap-alert {position: fixed; top: 50%; left: 50%; width :50%; margin-left: -25%; z-index: 999;}

#content {}
#content #ceOferim{padding:0;}
#content #ceOferim2{padding:50px 0;}
.contact #content {margin-bottom: 20px;}
.solutii #content, .servicii #content {margin-top: 100px;}


#servicii {margin-bottom: 25px; text-align: center;}
	#servicii h3 {text-align: left; margin-bottom: 20px; font-weight: 700;}
	#servicii .vezi-tot {font-weight: 700; float: right; margin-top: -45px; font-size: 14px; padding-top: 0px; padding-bottom: 0px;}

	#servicii .item {margin-bottom: 30px;}
	#servicii .owl-item .item {margin-bottom: 0;}
		#servicii .item .inner {position: relative;  min-height: 300px; background-size: cover; background-position: center; border: 1px solid #69f;}
			#servicii .item .inner:before {background: #000; content: ' '; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 0; transition: .4s;}
			#servicii .item .inner:hover:before {opacity: .4;}

			#servicii .content {color: #fff; text-transform: uppercase; text-align: left; z-index: 1; font-weight: 700; display: block; background: rgba(102, 153, 255, .85); position: absolute; width: 100%; left: 0; bottom: 0; padding: 10px; transition: .3s; opacity: 1;}
				#servicii .item .inner:hover .content {background: rgba(102, 153, 255, 1); opacity: 0;}
				#servicii .content span {display: block; color: #dadada; font-weight: 400;}

.flip-container {
	perspective: 1000px;
}
.flip-container:hover .flipper, .flip-container.hover .flipper {
	transform: rotateY(180deg);
}
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.back {
	transform: rotateY(180deg);
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px;
	background: rgba(102, 153, 255, 1);
	text-align: left;
	color: #fff;
	font-size: 11px;
}
.back p {
	margin-bottom :5px;
}
.back ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
}

#programari {padding-top: 100px;}
	#programari h3 {color: #282434; font-size: 36px; font-weight: 400; margin-bottom: 30px;}
	#programari #form-contact {padding-bottom: 100px;}
	#programari .container {background-size: 45%; background-repeat: no-repeat; background-position: right bottom;}

.info-text {font-size: 12px; color: #323232;}

#benefits.pe-despre {padding: 0; padding-bottom: 100px;}
	#benefits.pe-despre .image {font-size: 80px; color: #69f;}
	#benefits.pe-despre .title {font-size: 24px; margin-top: 0; color: #000;}
	#benefits.pe-despre .content {}

.vertical-line {height: 35px; width: 4px; margin: 50px auto; background: #69f; }
.horizontal-line {height: 3px; width: 50px; margin: 20px auto; background: #69f; }

#galerie {padding: 100px 0;}
	#galerie .galerie {text-align: center;}
		#galerie .galerie + .galerie {margin-top: 30px;}
		#galerie .galerie .row:last-child {margin-top: 20px;}
			#galerie .galerie a {display: block;}


#despre {padding: 100px 0; position: relative; overflow: hidden;}
	#despre .w-75 {max-width: 750px;}
	#despre .special-font {font-size: 24px; letter-spacing: 3px; font-weight: 700;}
	#despre .right-image {width: 25%; position: absolute; right: -10%; top: 15%;}
	#despre .left-image {width: 25%; position: absolute; left: -10%; top: 15%; }
	#despre p {margin-top: 40px;}

#despre-parallax {height: 400px; display: flex; align-items: center; position: relative; background-size: cover; background-attachment: fixed; background-position: center;}
	#despre-parallax::after {display: block; content: ' '; background: #fff; opacity: .4; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index:1;}
	#despre-parallax .container {z-index: 2; position: relative;}

#actiune {height: 400px; display: flex; align-items: center; position: relative;}
	#actiune > div {height: 100%; display: flex; align-items: center; justify-content: center; position: relative; background-position: left center; cursor: pointer; background-size: cover; background-position: center;}
		#actiune > div::after {display: block; content: ' '; background: #000; opacity: .3; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index:1; transition: all .5s;}
			#actiune > div:hover::after {background: #323232; opacity: .6;}
		#actiune > div a {font-size: 30px; text-transform: uppercase; font-weight: 700; z-index: 2; color: #fff; text-shadow: 0 0 2px #000;}

#contact {}
	.program td {padding: 5px 0; text-transform: uppercase;}
		.program td:first-child {font-weight: 700;}
	#contact h4 {text-transform: uppercase; font-weight: 700; margin-bottom: 20px;}
#contact .contentWrapper{background:#f5f5f5; padding:140px 20px;}

.acces-cabinet {color: #323232; font-size :12px; line-height: 16px;}
	.acces-cabinet .car {display: flex; align-items: center; position: relative;}
		.acces-cabinet .car .fa {font-size: 80px; margin: 0 auto;}

#servicii-lista {}
	.line {margin-top: 30px; padding-top: 30px; border-top: 1px dashed #69f;}
		#servicii-lista h4 {text-transform: uppercase; font-weight: 400; font-size: 18px; margin-bottom :30px;}
		#servicii-lista .horizontal-line {margin: 0; margin-top: 30px;}
		#servicii-lista img {border-radius: 10px;}

#back-to-top {font-size: 24px; line-height: 35px; height: 35px; width: 35px; transition: all .4s ease-in; position: fixed; text-align:center; z-index: 9; background: #69f;  color: #fff; right: 0; border-radius: 50%; right: -60px; bottom: -60px; cursor: pointer;}
#back-to-top:hover {background: #323232;}
	#back-to-top.show { right: 10px; bottom: 10px;}

#overlay {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 9999; display: flex; justify-content: center; align-items: center;}
	.spinner { width: 70px; text-align: center; }
		.spinner > div { width: 18px; height: 18px; background-color: #69f; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
		.spinner .bounce1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
		.spinner .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s;}


#onorarii {padding: 100px 0;}
	#onorarii .sticky {position: sticky; top: 65px; margin: 0; padding: 0; list-style: none;}
		#onorarii .sticky li {}
		#onorarii .sticky li + li {margin-top: 5px;}
			#onorarii .sticky li a {display: block; padding: 5px 10px; border: 2px solid #69f; border-radius: 5px; transition: all .5s; font-weight: 700; background: #69f; color: #fff}
			#onorarii .sticky li a:hover {color: #69f; border-color: #69f; background: #fff;}
	#onorarii .content {}
		#onorarii .content .category {}
		#onorarii .content .category + .category {margin-top: 40px;}
			#onorarii .content .category h3 {text-transform: uppercase; margin-bottom :10px; padding-bottom: 10px; border-bottom: 2px solid #323232; }
			#onorarii .content .category .item {}
			#onorarii .content .category .item.offer {color: #f00;}
			#onorarii .content .category .item:after {clear :both; content: " "; display: table;}
			#onorarii .content .category .item + .item {margin-top: 5px; padding-top: 5px; border-top: 1px solid #eee;}
			#onorarii .content .category .item:last-child {padding-bottom: 5px; border-bottom: 1px solid #eee;}
				#onorarii .content .category .item .price {text-align: right; float: right; margin-left: 10px; font-weight: 700;}


.info-card .content ul {
	list-style: none;
	padding-left: 0;
}
.info-card .content ul li {
	margin-bottom: 15px;
}
.info-card .content ul li i {
	margin-right: 10px;
}

/* Start: Animations */
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
  	-webkit-transform: scale(0); transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0); transform: scale(1.0);
  }
}
/* End: Animations */

/* Start: Responsive */
@media (max-width: 992px) {
	.contactPadd{padding:50px 0 !important;}
	#contact .contentWrapper{padding:50px 20px; margin-bottom:30px;}
	.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid{padding-left:15px !important;padding-right:15px !important;}
	#ceOferim .container .align-items-center{padding-bottom:30px;}
	
	footer{margin-top:0; padding:50px 0;}
	#otherDetails{padding:50px 0;}
	#content #ceOferim {padding: 50px 0;}
	nav .nav-item .nav-link:after{display:none;}
	.navbar-dark .navbar-nav .nav-link{color:#0c4da2;}
	.navbar-dark .navbar-nav .active>.nav-link, nav .nav-item.dropdown.show .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#0c4da2; text-decoration:underline;}
	.banner .info h1 {text-align: center;}
	.banner .info h2 {text-align: center;}
	.banner .info .buttons a {float :none!important; margin: 5px auto;}
	a.scroll-down {display: block; text-align: center; margin-top: 25px;}

	.info-top {height: 32px;}
		.info-top > a {display: none;}

	.info-top-mobile {display: block;}

	.white .navbar-collapse .navbar-nav {margin-top: 25px;}

	/*.other-banner {background-position: 1000px center;}*/

	.info-content-mobile-full {
		max-width: 100%;
		flex: 0 0 100%;
	}

	.mt10-mob {
		margin-top: 10px;
	}

	.info-content-mobile-full span.info-text {
		width: 100%;
		display: block;
	}
}
@media (max-width: 767px) {
	.noM{padding-top:0 !important;}
	#despre .w-75 {width: 100%!important;}
	#despre .right-image, #despre .left-image {display: none;}

	#despre-parallax .w-50 {width: 100%!important;}

	#contact .row:first-child .col-md-4 + .col-md-4 {margin-top: 30px;}

	.banner .info {}
		.banner .info h1 {margin-bottom: 10px;}
		.banner .info h2 {font-size:34px; margin-bottom: 10px;}

	#servicii-lista .col-md-8 {margin-top: 20px;}

	.info-content-mobile-full span.info-text {
		width: 50%;
	}
	.info-content-mobile-full button {
		width: 50% !important;
	}
	h1{font-size:26px;}
}
@media (max-height: 576px) {
	.banner .info {bottom: 0;}
		.banner .info h1 {margin-bottom: 10px;}
		.banner .info h2 {font-size:34px; margin-bottom: 10px;}
	.other-banner, .other-banner .item, .other-banner .item .image {height: 100vh;}
}
@media (max-width: 576px) {
	footer a.logo-footer {text-align: center; margin-bottom: 20px;}
	.acces-cabinet .car {margin-bottom: 40px;}

	.home-banner {background-position: -400px center;}
	.other-banner.detalii-banner {background-position: top center;}
}

@media (max-width: 480px) {
	.info-content-mobile-full button {
		width: 100% !important;
	}

	#programari .container {
		background-size: 35%;
	}

	.info-content-mobile-full span.info-text {
		width: 65%;
	}

	.info-content-mobile-full span.info-text-prog {
		width: 100%;
	}
}

@media (max-width: 360px) {
	.info-content-mobile-full span.info-text {
		width: 100%;
	}
}
/* End: Responsive */

.info-text-prog {
	font-size: 12px;
	color: #40a3ba;
	margin-top: 10px;
	display: block;
}

.mb-50 {
	margin-bottom: 50px;
}