body {
    font-family: 'Roboto Condensed', sans-serif;
    background-color: #EDFAFF;
    font-size: 16px;
}

img {
    max-width: 100%;
    height: auto;
}

:focus,
button:focus {
    outline: unset;
}

a.btn {
    text-decoration: none;
}

p a {
    text-decoration: underline;
}

.container {
    max-width: 1200px;
}

.arial {
    font-family: Arial, Helvetica, sans-serif;
}

.header-inner {
    width: 100%;
    /*max-width: 915px;*/
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.header-inner .logo.desktop {
    float: none;
    display: inline-block;
    max-width: 368px;
    position: relative;
    text-align: center;
}

.logo-en {
    font-size: 1rem;
    color: #FFF;
    border-radius: 3px;
    background-color: #3867db;
    display: inline-block;
    text-align: center;
    position: relative;
}

.position {
    min-width: 260px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 36px);
}

h1 {
    display: block;
    clear: both;
}

h1 span {
    font-size: 1.4rem;
    color: #060d1d;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #FFF;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.menu ul li a.facebook {
    position: relative;
    display: inline-block !important;
    width: 52px;
    height: 100%;
    text-align: center;
}

.menu ul li a.facebook>span {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -75%);
    width: 62px;
    height: 62px;
    font-size: 32px;
    border-radius: 100px;
    background-color: #1877F2;
}

.menu ul li a.facebook>span i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
}

@media(max-width: 768px) {
    .menu ul li a.facebook>span {
        position: relative;
        display: block;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
    }
}

.menu ul {
    width: 100%;
    padding: 0;
    margin: 0;
}

.menu ul li:first-child {
    border-top: none;
}

.menu ul li {
    display: inline-block;
    text-transform: uppercase;
    background-image: none;
}

.menu ul li a {
    color: #0a1431;
    display: block;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: 400;
    padding: .7rem 1rem;
}

.menu ul li a:hover {
    color: #000;
}

@media(max-width: 768px) {
    .menu ul li {
        position: relative;
        display: block;
        z-index: 0;
    }
    .menu ul li:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 100%;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        display: block;
        border-bottom: solid 1px rgba(0, 0, 0, .14);
    }
    .menu ul li:last-child:after {
        border-bottom: none;
    }
    .menu ul li a {
        font-size: 2rem;
    }
}

section {
    width: 100%;
    clear: both;
    /* font-size: 1.1875rem; */
    font-weight: 300;
    position: relative;
    margin: 0 auto !important;
}

section>div>p {
    /* font-size: 1.375rem; */
    font-weight: 300;
    /* line-height: 150%; */
}

.section-inner-preturi {
    width: 98%;
    margin: 0 auto !important;
    clear: both;
    padding: 1.25rem 0;
}

section#info {
    background-image: url('images/info-bg.jpg');
    background-repeat: no-repeat;
    background-position: left top;
}

section#preturi {
    text-align: left;
    color: #FFF;
}

section#preturi h3 {
    color: #FFF;
    font-size: 1.25rem;
    text-transform: uppercase;
    padding: 10px 0 3px 0;
}

section#preturi table {
    width: 96%;
    margin: 0 auto 1.875rem auto;
}

section#preturi table td {
    padding: 7px 5px;
    margin: 0 auto;
    color: #FFF;
    background-image: none;
    height: auto;
    overflow: hidden;
    font-size: 1rem;
}

section#preturi table tr:not(:first-child) {
    border-top: solid 1px rgba(255, 255, 255, 0.2);
}

section#preturi ul {
    width: 90%;
    max-width: 400px;
    color: #FFF;
    margin: 0 auto 1.875rem auto;
    padding-bottom: 15px;
    text-align: left;
}

section#preturi ul li {
    padding: 5px 0;
}

section#preturi ul li:first-child {
    border-top: none;
}

section#preturi ul li {
    padding: 5px 5px;
    margin: 0 auto;
    color: #FFF;
    background-image: none;
    border-top: solid 1px rgba(255, 255, 255, 0.3);
    height: auto;
    overflow: hidden;
    font-size: 1rem;
}

section#preturi ul li span.tarife-nr {
    display: inline-block;
    width: 34px;
    opacity: 0.8;
}

section#preturi ul li span.pret {
    display: block;
    float: right;
    text-align: right;
}

section#exemple {
    background-color: #191A20;
    color: #FFF;
}

section#harta {
    width: 100%;
    clear: both;
    min-height: 300px;
    background-color: #edfaff;
}

#gmap {
    width: 100%;
    height: 550px;
}

h2 {
    font-size: 1.4rem;
    font-weight: normal;
}

h3 {
    font-size: 1.24rem;
    font-weight: normal;
}

h4 {
    font-size: 1.12rem;
    font-weight: normal;
}

h5 {
    font-size: 1rem;
    font-weight: bold;
}

h2 em {
    font-size: .94rem;
    display: block;
    font-style: normal;
}

ul li {
    /* font-size: 1.3125rem; */
    color: #222;
}

ul.line-style li {
    position: relative;
    padding: .32rem 0 .8rem 0;
    margin: .32rem 0;
    z-index: 0;
}

ul.line-style li:not(:last-child):before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    width: 60px;
    height: 100%;
    border-bottom: solid 1px rgba(4, 12, 39, 0.3);
    z-index: -1;
}

.col-2 {
    width: 50%;
    float: left;
}

.no-padding {
    padding: 0;
}

.spacer-10 {
    clear: both;
    height: 10px;
}

.spacer-20 {
    clear: both;
    height: 1.25rem;
}

.spacer-30 {
    clear: both;
    height: 1.875rem;
}

.spacer-40 {
    clear: both;
    height: 40px;
}

iframe {
    border: none;
}

section.galerie {
    border: solid 1px rgb(255, 191, 0);
    box-sizing: border-box;
    text-align: center;
    position: relative;
}

#galerie {
    width: 100%;
    margin: 0 auto;
}

#galerie li {
    width: 16%;
    padding: 0 1% !important;
    margin: 1% 0;
    display: inline-block;
    background-image: none;
}

#galerie li a {
    max-width: 100%;
    display: block;
    float: left;
}

#harta .path {
    display: none;
}

.text-larger {
    font-size: 130%;
    font-weight: 400;
    padding: 0 0 0 5px;
}

.text-larger a {
    color: #222;
}


/* Colors */

.text-white {
    color: #FFF;
}

.text-red {
    color: #d90000 !important;
}

.text-black {
    color: #000;
}

.text-blue {
    color: #395BB9;
}


/* gio.ro 05.07.2016 */

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

.box-50 a {
    display: block;
}

a img {
    display: block;
}

.cf:after {
    /* clearfix */
    content: "";
    display: table;
    clear: both;
}

.wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #FFF;
}

hr {
    display: block;
    clear: both;
    width: 100%;
    margin: 1.6rem auto;
    border: none;
    border-top: solid 1px #00B8E6;
    /* background-attachment: scroll;
	background-image: url('images/hr.png');
	background-repeat: no-repeat;
	background-position: center center; */
}

.text-white {
    color: #FFF;
}

.larger-text {
    font-size: 1.2rem;
}

sup {
    vertical-align: super;
    font-size: 0.6em;
    padding-left: 3px;
}

#gmap_canvas img {
    max-width: none !important;
    background: none !important;
}


/* top scroll */

.cd-top {
    display: inline-block;
    height: 50px;
    width: 50px;
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: #191a20cb url('images/cd-top-arrow.svg') no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
    border-radius: 24px;
    border: solid 3px rgba(255, 255, 255, .2);
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}

.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: 1;
}

.cd-top:hover {
    background: #395BB9 url('images/cd-top-arrow.svg') no-repeat center 50%;
    opacity: 1;
}

.no-touch .cd-top:hover {
    background: #395bb9b6;
    opacity: 1;
}


/* top scroll END */


/* 23.02.2021 */


/* cookies banner */

.hidden {
    display: none;
}

#cookie-banner {
    padding: 1rem;
    width: 100%;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #FC0;
    font-size: 1rem;
}

#cookie-banner div {
    color: #000;
    padding: 0.5rem 0.75rem;
    align-items: center;
    display: inline-flex;
}

#cookie-banner div span:first-child {
    text-align: left;
    margin-right: 0.5rem;
    font-weight: 600;
    flex: 1 1 auto;
}

#cookie-banner div span#consent-cookies {
    font-size: 1rem;
    padding: 0.25rem 0.5rem;
    font-weight: normal;
    display: flex;
    cursor: pointer;
    border-radius: 9999px;
    background-color: #3A5BBA;
    color: #FFF;
}


/* cookies banner END */

.mx-auto {
    margin-right: auto;
    margin-left: auto;
    float: none;
    clear: both;
}


/* 16.10.2021 */

@media( min-width: 992px) {
    .fs-lg-28 {
        font-size: 1.75rem;
    }
    .fs-lg-32 {
        font-size: 2rem;
    }
    .fs-lg-38 {
        font-size: 2.375rem;
    }
}

.card {
    background-color: unset;
    border: 1px solid rgba(0, 0, 0, .145);
    border-radius: 4px;
}

.owl-theme .owl-controls {
    margin-top: -2rem;
}

.owl-theme .owl-controls .owl-page span {
    width: 6px;
    height: 6px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    background: #FFF;
}

.bg-yellow {
    background-color: #FFD42B;
}

.bg-blue {
    background-color: #3A5BBA;
}

.btn:hover.bg-blue {
    background-color: #062686;
}

.bg-petrol {
    background-color: #333542;
}

.bg-dark-grey {
    background-color: #18191F;
}

.fancybox-bg {
    background: #FFF;
    opacity: 0;
}

.br-3 {
    border-radius: 3px;
}

.br-4 {
    border-radius: 4px;
}

.br-100 {
    border-radius: 100px;
}

@media(min-width: 992px) {
    .br-lg-100 {
        border-radius: 4px;
    }
}

.btn-circle {
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    border-radius: 46px;
    position: relative;
    color: #FFF;
}

.btn-circle i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.fs-14 {
    font-size: .875rem;
}

.fs-18 {
    font-size: 1.125rem;
}

.fs-20 {
    font-size: 1.25rem;
}

.fs-22 {
    font-size: 1.375rem;
}

.fs-26 {
    font-size: 1.625rem;
}

.pointer {
    cursor: pointer;
}

.circle {
    position: relative;
    z-index: 0;
    /* background-color: #FFF; */
    /* border-radius: 100%; */
}

.circle:before {
    content: '';
    position: absolute;
    width: 90%;
    height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background-color: #FFF;
    border-radius: 100%;
}