/* RESET */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	color: inherit;
	text-decoration: none;
}
a svg {
    fill: inherit;
}

/* Stil Site */

body {
    font-family: 'Lora';
    margin: 0;
    padding: 0;
	font-weight: 500;
}

* {
	box-sizing: border-box;
}

.container {
	margin: 0 auto 0;
	max-width: 1200px;
	width: 100%;
}

b {
    font-weight: 900;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px;
	padding-top: 14px;
}

header .logo {
    max-width: 400px;
	width: 100%;
}

header .logo a {
    color: #fff;
    text-decoration: none;
}

header .logo img {
	width: 100%;
	display: block;
}

header .links {
    display: flex;
}

header .links a {
    color: #035762;
    text-decoration: none;
    margin-left: 20px;
	text-transform: uppercase;
}

header .links a:hover {
    text-decoration: underline;
}

nav {
    background-color: #035762;
    color: #fff;
    padding: 15px 0;
}

nav a {
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    margin: 0 10px;
    cursor: pointer;
    border-radius: 5px;
	display: inline-block;
}

nav a:hover {
    text-decoration: underline;
}

a.button, button.button {
	background-color: #035762;
    border: 1px solid #035762;
    cursor: pointer;
    padding: 12px 20px;
    display: inline-block;
    text-decoration: none;
    text-align: left;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    min-width: 250px;
    outline: 0;
    text-transform: uppercase;
    position: relative;
    font-weight: normal;
	padding-right: 40px;
}

a.button svg, button.button svg {
	position: absolute;
	right: 10px;
	top: 10px;
	fill: #fff;
	width: 20px;
}

a.button:hover, button.button:hover {
    background: #fff;
    text-decoration: none;
    color: #035762;
    font-weight: 600;
}

a.button:hover svg, button:hover svg {
    fill: #035762;
}


/* Slide */

.top-slider {
	width: 100%;
	height: 600px;
}

.top-slider > div {
	width: 100%;
	height: 100%;
	background-size: cover;
	padding-right: 50px;
	padding-left: 20%;
	display: flex;
}

.top-slider > div > div {
	display: inline-block;
  	align-self: flex-end;
	padding-bottom: 100px;
}

.top-slider h2 {
	font-size: 80px;
	color: #fff;
	font-weight: 700;
	text-shadow: 3px 3px 4px #333;
    text-transform: initial;
	text-transform: capitalize;
	display: block;
	line-height: 1.2;
	margin-bottom: 30px; 
}

/* Meniu Verde */
.verde {
	background: #2EAF7D;
	padding: 30px 0;
	text-align: center;
	fill: #fff;
}

.verde > a {
    display: inline-block;
	padding-left: 50px;
	padding-right: 50px;
	vertical-align: top;
	color: #fff;
}

.verde > a > svg {
	width: 45px;
	display: inline-block;
	margin-bottom: 20px;
}

.verde > a > span {
	display: inline-block;
	font-weight: bold;
	font-size: 19px;
	padding-bottom: 7px;
	border-bottom: 3px solid transparent;
}
.verde > a:hover span {
	border-bottom: 3px solid #fff;
}

/* Bloc Img Stanga */

.bloc-dr {
	padding: 60px 0;
}

.bloc-dr .container {
	display: flex;
	align-items: center;
	gap: 50px;
}

.bloc-dr .col img {
	width: 100%;
}

.bloc-dr h2 {
    font-size: 50px;
	margin-bottom: 35px;
	color: #035762;
	line-height: 1.2;
}

.bloc-dr p {
	margin: 0 0 1em;
    color: #242424;
    font-size: 18px;
	line-height: 1.5;
}

.bloc-dr .col {
	flex: 0 1 50%;
}

/* Imagine fluid */

.fluid-image img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 20px auto 20px;
}

/* Bloc Centru */

.bloc-centru {
	padding: 60px 0;
	background: #c1f6ed;
}

.bloc-centru .container {
    max-width: 700px;
}

.bloc-centru .text {
	text-align: center;
}

.bloc-centru .col img {
	width: 100%;
}

.bloc-centru h1 {
    font-size: 50px;
	color: #035762;
	line-height: 1.2;
	margin-bottom: 20px;
}

.bloc-centru p {
    color: #242424;
    font-size: 18px;
	line-height: 1.5;
}

/* Bloc Img Stanga */

.bloc-foto {
	padding-top: 100px;
	padding-bottom: 300px;
	background-size: cover;
	padding-top: 100px;
}

.bloc-foto .text {
	text-align: center;
}

.bloc-foto h2 {
    font-size: 90px;
	margin-bottom: 35px;
	color: #fff;
	line-height: 1.2;
}

.bloc-foto p {
	margin: 0 0 1em;
    color: #fff;
    font-size: 18px;
	line-height: 1.5;
}

.bloc-foto .button {
    background: #C1F6ED;
    color: #035762;
}

.bloc-foto .button svg {
    fill: #035762;
}

.bloc-foto .col {
	flex: 0 1 50%;
}

/* Bloc Img Stg 2 */

.bloc-stg2 {
	padding: 60px 0;
}

.bloc-stg2 .text {
	padding-right: 50px;
}

.bloc-stg2 .container {
	display: flex;
	align-items: center;
}

.bloc-stg2 .container.full {
	width: 100%;
	max-width: 100%;
}

.bloc-stg2 .col img {
	width: 100%;
}

.bloc-stg2 h2 {
    font-size: 45px;
	margin-bottom: 35px;
	color: #035762;
	line-height: 1.2;
}

.bloc-stg2 p {
	margin: 0 0 1em;
    color: #242424;
    font-size: 18px;
	line-height: 1.5;
}

.bloc-stg2 .col {
	flex: 0 1 50%;
}

.bloc-stg2 .col-2 {
    padding-right: 50px;
    padding-top: 30px;
    align-self: center;
}

/* Bloc Img Stg 3 */

.bloc-stg3 {
	margin: 0;
	background: #70BABA;
	margin-bottom: 20px;
}

.bloc-stg3 .text {
	padding-right: 50px;
}

.bloc-stg3 .container {
	display: flex;
}

.bloc-stg3 .container.full {
	width: 100%;
	max-width: 100%;
}

.bloc-stg3 .text {
    padding-left: 80px;
}

.bloc-stg3 .col img {
	width: 100%;
	display: block;
}

.bloc-stg3 h2 {
    font-size: 30px;
	margin-bottom: 35px;
	color: #fff;
	line-height: 1.2;
	font-weight: bold;
}

.bloc-stg3 p {
	margin: 0 0 1em;
    color: #fff;
    font-size: 18px;
	line-height: 1.5;
}

.bloc-stg3 .col {
	flex: 0 1 45%;
}

.bloc-stg3 .col-2 {
    padding-right: 50px;
    padding-top: 30px;
    align-self: center;
}

/* Bloc Quote */
.bloc-quote {
    background: #F3F4F5;
    text-align: center;
    margin: 0;
}

.bloc-quote .container {
    padding-bottom: 110px;
    font-size: 18px;
    line-height: 1.5;
    max-width: 800px;
    position: relative;
}

.bloc-quote .q1 {
    position: absolute;
    left: -90px;
    top: -80px;
    fill: #035762;
    width: 80px;
}

.bloc-quote .q2 {
    position: absolute;
    right: -50px;
    bottom: 20px;
    fill: #035762;
    width: 80px;
}

.bloc-quote span {
    display: block;
    text-align: right;
    font-style: italic;
    margin-top: 20px;
}

/* Bloc Img Stanga */

.bloc-dr2 .text {
    padding-top: 20px;
	padding-right: 50px;
}

.bloc-dr2 .container {
	display: flex;
}

.bloc-dr2 .col img {
	width: 100%;
	display: block;
}

.bloc-dr2 h2 {
    font-size: 50px;
	margin-bottom: 35px;
	color: #fff;
	line-height: 1.2;
}

.bloc-dr2 p {
	margin: 0 0 1em;
    color: #fff;
    font-size: 18px;
	line-height: 1.5;
}

.bloc-dr2 .col {
	flex: 0 1 50%;
	align-self: center;
}


/* Bloc Img Stanga */

.bloc-text {
    padding: 50px 0;
    background: #C1F6ED;
    margin-bottom: 100px;
}

.bloc-text .container {
	display: flex;
}

.bloc-text h2 {
    font-size: 50px;
	margin-bottom: 35px;
	color: #035762;
	line-height: 1.2;
	font-weight: 900;
	padding-right: 50px;
}

.bloc-text p {
	margin: 0 0 1em;
    color: #035762;
    font-size: 18px;
	line-height: 1.5;
}

.bloc-text .col {
	flex: 0 1 50%;
	align-self: center;
}


/* Bloc Img Stanga */

.bloc-text-2 {
    position: relative;
    z-index: 2;
    margin-top: -150px;
	text-align: center;
	margin-bottom: 50px;
}

.bloc-text-2 .container {
	display: flex;
    border-radius: 10px;
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    padding: 55px;
}

.bloc-text-2 svg {
    fill: #3FD0C9;
    width: 70px;
    display: block;
    margin: 0 auto 20px;
}

.bloc-text-2 h2 {
    font-size: 25px;
	margin-bottom: 35px;
	color: #035762;
	line-height: 1.2;
	font-weight: 900;
}

.bloc-text-2 p {
	margin: 0 0 1em;
    color: #035762;
    font-size: 18px;
	line-height: 1.5;
}

.bloc-text-2 .col {
	flex: 0 1 50%;
	align-self: center;
}

.bloc-text-2 .col:first-child {
    border-right: 1px solid #ccc;
    padding-right: 40px;
}
.bloc-text-2 .col:last-child {
    padding-left: 40px;
}


/* Bloc Multi */

.bloc-multi {
	margin: 100px 0;
	display: flex;
	gap: 50px;
	padding-left: 40px;
	padding-right: 40px;
}

.bloc-multi .text {
	padding-right: 50px;
}

.bloc-multi .col img {
	width: 180px;
}

.bloc-multi h3 {
    font-size: 24px;
	margin-bottom: 7px;
	color: #035762;
	line-height: 1.2;
}

.bloc-multi p {
	margin: 0 0 1em;
    color: #555;
    font-size: 16px;
	line-height: 1.5;
}

.bloc-multi .col {
	flex: 0 1 50%;
}

/* Bloc Img Stg Rosu */

.bloc-stg {
	padding: 90px 0;
	background: #035762;
}

.bloc-stg .text {
	padding-left: 50px;
}

.bloc-stg .container {
	display: flex;
}

.bloc-stg h2 {
    font-size: 50px;
	margin-bottom: 35px;
	color: #fff;
}

.bloc-stg p {
	margin: 0 0 1em;
    color: #fff;
    font-size: 18px;
	line-height: 1.5;
}

.bloc-stg .col {
	flex: 0 1 50%;
}

.bloc-stg .col img {
	width: 100%;
}

.bloc-stg .button {
	background: #C1F6ED;
	color: #035762;	
	fill: #035762;
}

.bloc-stg .button svg {
	fill: #035762;
}

/* Bloc Img Stg */

.bloc-stg4 {
	padding-top: 40px;
	background: #1AB8CE;
}

.bloc-stg4 .text {
	padding-left: 50px;
	text-align: center;
}

.bloc-stg4 .container {
	display: flex;
    align-items: center;
}

.bloc-stg4 h2 {
    font-size: 50px;
	margin-bottom: 40px;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
}

.bloc-stg4 p {
	margin: 0 0 1em;
    color: #fff;
    font-size: 18px;
	line-height: 1.5;
	margin-bottom: 40px;
}

.bloc-stg4 .col {
	flex: 0 1 50%;
}

.bloc-stg4 .col img {
	width: 100%;
}

.bloc-stg4 .button {
	background: #C1F6ED;
	color: #035762;	
	fill: #035762;
}

.bloc-stg4 .button svg {
	fill: #035762;
}

/* Bloc Noutati */

.bloc-noutati {
	margin: 60px 0;
}

.bloc-noutati h2 {
    font-size: 50px;
	text-align: center;
	color: #035762;
	margin-bottom: 35px;
}

.bloc-noutati .container {
	display: flex;
}

.bloc-noutati .col {
	flex: 0 1 50%;
}

.bloc-noutati .col-1 {
	padding-right: 20px;
	border-right: 1px solid #DDD;
}

.bloc-noutati .col-1 img {
	width: 100%;
	margin-bottom: 20px;
}

.bloc-noutati .col-1 h3 {
    font-size: 30px;
	margin-bottom: 20px;
	color: #035762;
	line-height: 1.2;
	font-weight: bold;
}

.bloc-noutati .col-1 span {
	display: block;
	color: #5b8c5a;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.bloc-noutati .col-1 p {
	margin: 0 0 1em;
    color: #242424;
    font-size: 18px;
	line-height: 1.5;
}

.bloc-noutati .col-2 {
	padding-left: 20px;
}

.bloc-noutati .col-2 img {
	width: 140px;
	display: block;
	margin-right: 15px;
}

.bloc-noutati .col-2 h3 {
    font-size: 24px;
	margin-bottom: 20px;
	color: #035762;
	line-height: 1.2;
	font-weight: bold;
}

.bloc-noutati .col-2 span {
	display: block;
	font-size: 12px;
}

.bloc-noutati .col-2 table {
	margin-bottom: 50px;
}

/* Bloc servicii */

.bloc-servicii {
	background: #9BCFDE;
	padding: 70px 0;
	text-align: center;
}

.bloc-servicii h2 {
    font-size: 50px;
	text-align: center;
	color: #035762;
	margin-bottom: 40px;
}

.bloc-servicii .serviciu {
	width: 260px;
	background: #fff;
	padding: 20px 15px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
}

.bloc-servicii .serviciu .button {
	min-width: 100%;
}

.bloc-servicii .serviciu > img {
	height: 150px;
}

.bloc-servicii h3 {
    font-size: 25px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
	font-weight: 900;
}

.bloc-servicii p {
    color: #555;
    font-size: 17px;
	line-height: 1.5;
	margin-bottom: 20px;
}

/* Subsol */

.telefon {
    position: fixed;
    width: 270px;
    bottom: 0;
    left: 3%;
    background: #035762;
    padding: 10px 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    color: #C1F6ED;
    text-align: center;
    z-index: 900;
}

.telefon svg {
    fill: #C1F6ED;
    width: 30px;
    margin-right: 10px;
}
.telefon span {
    font-size: 18px;
    position: relative;
    top: -7px;
}

.telefon a {
    font-weight: bold;
}

footer {
	border-top: 1px solid #333;
	padding-top: 80px;
	padding-bottom: 80px;
	line-height: 1.5;
}

footer .col-1 {
	float: left;
	max-width: 400px;
	width: 100%;
	padding: 20px 0;
}

footer .col-1 img {
	width: 100%;
}

footer .col-2, footer .col-3  {
	width: 200px;
	float: left;
	padding-right: 40px;
}

footer .col-2 .title, footer .col-3 .title, footer .col-4 .title {
	color: #5b8c5a;
	padding-bottom: 7px;
	border-bottom: 1px solid #5b8c5a;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 20px;
}

footer .col-2 a, footer .col-3 a {
	color: #035762;
	margin-bottom: 10px;
	display: block;
}

footer .col-4  {
	width: 400px;
	float: left;
}


/* Articol */

.articol {
    padding-top: 50px;
    padding-bottom: 50px;
}

.articol h2 {
    font-size: 25px;
    color: #035762;
    text-align: left;
    padding-bottom: 50px;
}

.articol ul {
    list-style-type: circle;
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 15px;
    padding-left: 50px;
}

.articol p {
    line-height: 1.5;
    font-size: 18px;
    margin-bottom: 15px;
    text-align: justify;
}

/* Mobile */


@media all and (max-width: 1400px) {
    .top-slider > div {
        padding-left: 30px;
        padding-right: 30px;
    }
    .top-slider h2 {
        font-size: 70px;
    }
    .bloc-stg3 .container {
        align-items: center;
    }
    .bloc-stg3 .col {
        flex: 0 1 50%;
    }
    .bloc-stg3 .col-2 {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }
    .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    footer .container {
        padding: 0;
    }
    .bloc-multi {
        padding: 0;
    }
}

@media all and (max-width: 1220px) {
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .servicii .serviciu {
        margin-bottom: 20px;
    }
    footer .col-1 {
        float: none;
        display: block;
        margin: 0 auto 0;
    }
    footer .col-2 {
        float: none;
        display: block;
        margin: 0 auto 30px;
        width: 100%;
        max-width: 500px;
        padding-right: 0;
    }
    footer .col-3 {
        float: none;
        display: block;
        margin: 0 auto 30px;
        width: 100%;
        max-width: 500px;
        padding-right: 0;
    }
    footer .col-4 {
        float: none;
        display: block;
        margin: 0 auto 30px;
        width: 100%;
        max-width: 500px;
    }
    .top-slider > div {
        padding-left: 30px;
        padding-right: 30px;
    }
    .top-slider h2 {
        font-size: 60px;
    }
    .top-slider > div {
        background-position: -200px 0;
    }
    .bloc-stg2 h2 {
        font-size: 35px;
    }
    .bloc-dr2 .col:first-child {
        padding-bottom: 30px;
    }
}

@media all and (max-width: 1000px) {
    .bloc-multi {
        display: block;
        padding: 0;
    }
    .bloc-multi table td {
        display: block;
        padding: 15px;
    }
    .bloc-text .container {
        display: block;
    }
    .bloc-text-2 {
        padding: 20px;
    }
    .bloc-text-2 .container {
        display: block;
        padding: 15px;
    }
    .bloc-text-2 .container .col {
        padding: 0;
    }
    .bloc-text-2 .container .col:first-child {
        border-bottom: 1px solid #ccc;
        padding: 0;
        border-right: 0;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }
    nav {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }
    .top-slider > div {
        padding-left: 30px;
        padding-right: 30px;
    }
    .top-slider h2 {
        font-size: 45px;
    }
    .top-slider > div {
        background-position: -200px 0;
    }
    .bloc-stg2 .container {
        display: block;
    }
    .bloc-stg2 .col:first-child {
        margin-bottom: 30px;
    }
    .bloc-stg2 .col-2 {
        padding: 0;
    }
    .bloc-dr2 .container {
        display: block;
        padding: 0;
    }
    .bloc-dr2 .container .col:first-child {
        display: block;
        padding: 15px;
        text-align: right;
    }
    .bloc-dr2 .container .col .text {
        padding: 0;
    }
    .bloc-stg3 .container {
        display: block;
    }
    .bloc-stg3 .col:first-child {
        padding-top: 30px;
    }
    .bloc-stg3 .col-2 {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }
    .bloc-stg3 .text {
        padding-left: 0;
        padding-right: 0;
    }
    .bloc-quote {
        padding-top: 120px;
        padding-bottom: 50px;
    }
    .bloc-quote .q1 {
        top: -100px;
        left: 0;
    }
    .bloc-quote .q2 {
        bottom: 0;
        right: 0;
    }
}

@media all and (max-width: 800px) {
    .bloc-noutati .container {
        display: block;
    }
    .bloc-noutati .col {
        display: block;
    }
    .bloc-noutati .col-1 {
        padding: 0;
        margin: 0;
        margin-bottom: 40px;
    }
    .bloc-noutati .col-2 {
        padding: 0;
        margin: 0;
    }
    .bloc-dr .container {
        display: block;
    }
    .bloc-dr .container .col:first-child {
        margin-bottom: 40px;
    }
    .bloc-stg .container {
        display: block;
    }
    .bloc-stg .container .col:first-child {
        margin-bottom: 40px;
    }
    .bloc-stg .text {
        padding-left: 0;
    }
    .bloc-stg4 .container {
        display: block;
    }
    .bloc-stg4 .container .col:first-child {
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
    }
    .bloc-stg4 .text {
        padding: 0;
    }
}

@media all and (max-width: 500px) {
    .top-slider > div {
        padding-left: 30px;
        padding-right: 30px;
    }
    .top-slider h2 {
        font-size: 35px;
    }
    .top-slider > div {
        background-position: -250px 0;
    }
}