/* Scrollbar */
::-webkit-scrollbar { width: 10px; background: #323232; transition: 0.4s all ease;
}
::-webkit-scrollbar-thumb {border: 0; border-radius: 0; background: #69f; box-shadow: 0 0 3px rgba(0, 0, 0, 0.7) inset; transition: 0.4s all ease;}
/* Scrollbar */

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: #69f; 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: #69f; font-weight: 700;}
/* Header */
header {
    z-index: 99;
    transition: all .5s;
    position: fixed;
    top: 0;
    /* background: #ffffff6e; */
    /* box-shadow: 0 0 10px #000; */
    background: rgba(0, 0, 0, 0.56);
    /*position: absolute;*/
    margin-top: 0;
    padding-top: 10px;
}
header.white {top: -55px;}
    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: #fff;/* 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: #ffffff;margin-top: 5px;margin-left: 22px;}
    header .header-icons i + i {margin-left: 6px;}

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

.acasa #servicii .inner .back p {
	font-size: 18px;
}

.acasa #servicii .inner .back em {
	font-size: 16px;
}

/* Navbar */
.navbar {padding: 0;transition: all .4s;/* background: #6699ffb5; */}
header.white .navbar {}
    .navbar-dark .navbar-nav .nav-link {text-transform: uppercase;color: #69f;font-weight: 400;font-size: 16px;transition: all .4s;padding: 0 15px;position: relative;}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link {padding-right: 0;}
    .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: #fff;}
        nav .nav-item .nav-link:after {content: ' '; display: block; position: absolute; top: 0; 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; */}
        .white nav .nav-link:hover:after, .white nav .nav-item.active .nav-link:after {}

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

    .navbar-collapse {justify-content: flex-end; 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; margin-top: 0;}

    .navbar-dark .navbar-toggler {background: #323232; width: 50px;}
        .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 {position: absolute; left: 0; width: 100%; z-index: 2; bottom: 30px;}
            .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: 30vh;}
    .other-banner .overlay {opacity: 0;}

.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 */

/* Modul */
.info-card {
    padding-bottom: 125px;
}
.info-card:nth-child(odd) {
    background: #fff;
}

.info-card:nth-child(even) {
    background: #e6e6e6;
}
.info-card img {
    box-shadow: 0 6px 20px #888;
    margin-top: -50px;
}
.info-card .content {
    padding-top: 25px;
}
.info-card .content h2 {
    font-size: 32px;
    color: #6699fe;
    font-weight: bold;
}
.info-card .content em {
	font-size: 18px
}
.info-card .content ul {
	font-size: 18px
}
.info-card .content > p {
    color: #333;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
}
/* Modul */


.slider .item {
    height: 60vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.slider .caption {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    color: #ddd;
    text-align: right;
    display :flex;
    align-items: flex-end;
    /* 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;
    line-height: 28px;

}
.slider .caption .title .slide-subtitle {
    font-size: 22px;
    line-height: 26px;
}
.slider .caption .text {
    margin-bottom: 0;
    line-height: 18px;
}

.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 {
    width: 100%;
}
.neabonati i.fa-check-circle {
    display: block;
    color: #22ca75;
    margin-right: 0;
    margin-top: 5px;
    font-size: 24px;
    text-align: center;
}
.neabonati i.fa-times {
    display: block;
    color: #ccc;
    margin-right: 0;
    margin-top: 5px;
    font-size: 24px;
    text-align: center;


}
.neabonati-icon-content {
    width: 90px;
}
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: 5px 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: 24px;
    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;
    font-size: 16px;
}
.abonamente-lista .devices {
    display: block;
    font-size: 18px;
    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;
    display: none;
}
.abonamente-lista i.solo {
    display: block
}
.abonamente-lista i.fa-times {
    color: #ccc!important
}
.abonamente-lista .row-custom.item .titles {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
}
.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 .owl-carousel .owl-item img {
    padding: 5px 10px;
    border: 1px solid #ddd;
}

.padding-img {
	padding: 50px;
    background: #fff;
}
/* Parteneri */
.neabonati {
    font-size: 18px;
}
/* Footer */
footer {position: relative; padding: 100px 0; height: 400px; background-image: url('../img/general/home/footer-bg.jpg'); background-color: #ecf4f6; margin-top: 100px; background-repeat: no-repeat; background-position: -200px;}
    footer .title {text-transform: uppercase; font-weight: 700; font-size: 24px; color: #69f;}
    footer .logo-footer {position: absolute; top: -82px; right: 50%; margin-right: -82px;}

.powered {background: #000; padding: 20px 0 20px 0; text-align: center; color: #fff; font-size: 14px; line-height: 20px;}
    .powered .links a {color: #fff; margin-right: 10px;}
    .powered .links a:hover {text-decoration: underline;}

    .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 */



.buttons {margin-top: 20px;}
.btn {transition: .4s; font-size: 18px;}
.btn-primary {border-radius: 5px; background-color: #69f; border-color: #69f; text-shadow: none; font-size: 24px; text-transform: uppercase;}
.btn-warning {border-radius: 5px; text-shadow: none; font-size: 24px; text-transform: uppercase; color: #fff;}
.btn-success {border-radius: 5px; text-shadow: none; font-size: 24px; text-transform: uppercase;}
.btn-primary:hover {border-radius: 0; background-color: #323232; border-color: #323232;}
.btn-warning:hover {border-radius: 0; background-color: #323232; border-color: #323232; color: #fff;}
.btn-success:hover {border-radius: 0; background-color: #323232; border-color: #323232; color: #fff;}

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;}


.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 {min-height: 300px;margin-top: 20px;}
.contact #content {margin-bottom: 20px;}
.solutii #content, .servicii #content {margin-top: 100px;}


#servicii {margin-bottom: 20px;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; cursor: pointer;}
        #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;
}
@media (min-width: 576px) {
    .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;
}

.footer-cta:first-child {
	margin-top: 15px;
}

.footer-cta {
    padding: 0px 30px;
	background: #69f;
	color: #fff;
	margin-bottom: 15px;
}

.footer-cta {
	font-size: 18px;
}

.footer-cta i {
	font-size: 40px;
}

.footer-cta {
	font-size: 18px;
}

.footer-cta a {
	color: #fff;
}

.footer-cta p {
	margin-bottom: 0;
    font-size: 50px;
}

.footer-cta a:hover {
	color: #000;
}

#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;}

.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;}


/*s dorin*/
.parteneri-cf {
    background-color: #e6e6e6;
    padding: 10px 15px 25px 15px;
}

.footer-home-cf {
     background-color: #e6e6e6;
     padding: 0;
}
.footer-home-cf footer {
    margin-top: 0;
}
.produse #content, .abonamente #content {
    margin-top: 70px;
}
/*e dorin*/

/* 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) {
    .banner .info h1 {}
    .banner .info h2 {}
    .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: 0;}

    /*.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;
    }

    .navbar-collapse.collapsing, .navbar-collapse.show {
        background: transparent;
    }

    nav .nav-item .nav-link:after {
        content: ' ';
        display: block;
        position: absolute;
        top: 12px;
        right: auto;
        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;
        left: 0;
        transform: rotate(-90deg);
    }

    .info-card .container .row {
        align-items: center;
    }

    .btn-primary {
        margin-bottom: 15px;
    }

    #contact h4 {
        margin-top: 15px;
    }

    .social {
        margin-bottom: 15px;
    }


}
@media (max-width: 767px) {
    #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;
    }

    .abonamente-lista ul li .info {
        /*width: 100%;*/
    }


    .abonamente-lista .info-abonament {
        margin: 20px 0;
        font-size: 12px;
    }

    .abonamente-lista .product.best-sale {
        margin-top: 25px;
    }

    .abonamente-lista ul .info h3 {
        margin-bottom: 40px;
    }

    .abonamente-lista ul li.first-child .info h3.roboto {
        font-size: 26px;
        /*width: 300px;*/
    }

    .abonamente-lista ul li .product {
        /*width: 33.333%;*/
    }

    .abonamente-lista .btn-warning {
        font-size: 14px;
            padding: 5px;
    }

    .abonamente-lista .devices {
        font-size: 12px;
    }

    .abonamente-lista .btn-primary {
        font-size: 14px;
            padding: 5px;
        margin: 0;
    }

    .abonamente-lista .btn-success {
        font-size: 14px;
            padding: 5px;
    }

    .abonamente-lista ul li .product {
        padding: 30px 0;
    }

    .abonamente-lista ul li.first-child .info h3.roboto {
        font-size: 20px;
    }

    .abonamente-lista .container {
        min-width: 510px;
    }

    .abonamente-lista {
        overflow: auto;
        margin-bottom: 40px;
    }

    table.neabonati {
        margin-top: 20px;
    }

    h3 {
        font-size: 20px;
    }

    .info-card img {
        box-shadow: 0 6px 20px #888;
        margin-top: 20px;
    }

    .info-card {
        padding-bottom: 40px;
    }
}
@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) {
    header {
        background: rgb(0, 0, 0);
        position: sticky;
    }
    .footer-cta {
        padding: 20px 30px;
    }
    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;}

    header .contact-header {
        text-align: center;
        padding-top: 0;
    }

    .hide-mobile-h {
        display: none;
    }

    .btn-primary {
        font-size: 20px;
    }

    .footer-title {
        margin-top: 20px;
    }

    .text-left.center-on-mobile {
        text-align: center !important;
    }

    footer {
        padding: 50px 0;
        height: 250px;
    }

    #servicii .item .inner {
        min-height: 180px;
    }

    .navbar-dark .navbar-toggler {
        background: #323232;
        width: 50px;
        margin-top: -80px;
        margin-right: 15px;
    }

    .slider .caption .title {
        font-size: 22px;
    }

    .slider .caption .title .slide-subtitle {
        font-size: 18px;
    }
    header .contact-header > div {
        text-align: center;
    }

    .footer-cta p {
        font-size: 15px;
    }

    .footer-cta i {
        font-size: 30px;
    }

    .p50-mobile {
        padding-left: 50px;
    }

    header .col-sm-6.text-left {
        text-align: center !important;
    }

    header .header-icons {
        margin-left: 0;
        margin-right: auto;
        text-align: center !important;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 15px;
    }

    header .header-icons i + i {
        margin-left: 2px;
    }


    .solutii #content, .servicii #content {
        margin-top: 0;
    }

    .info-card img {
        margin-top: 20px;
    }

    .info-card {
        padding-bottom: 20px;
    }

    header.white {
        top: 0;
    }

    .navbar-collapse.collapsing, .navbar-collapse.show {
        margin-top: 0;
    }

    .other-banner, .other-banner .item, .other-banner .item .image {
        height: 250px;
    }

    .produse #content, .abonamente #content {
        margin-top: 0;
    }

    .slider .item {
        height: 480px;
    }

}

@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;
}