.shortcut {
    border: solid 1px #f2f2f2;
    min-height: 250px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.shortcut2 {
    border: solid 1px #cccccc;
    min-height: 115px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.center {
    margin: auto;
    padding: 10px;
    }

span{
    vertical-align: middle;
}


.col-green h3 {
    color: #212529;
    padding: 5px 0 5px 0;
    text-align: center;
}

.col-green p {
    text-align: center;
    line-height: 80px;
}

.col-green:hover {
    -moz-box-shadow: 0px 4px 32px #4c7ca1;
    -webkit-box-shadow: 0px 4px 32px #4c7ca1;
    box-shadow: 0px 4px 32px #4c7ca1;
    border-radius: 10px;
}


.col-blue:hover {
    -moz-box-shadow: 0px 4px 32px #4c7ca1;
    -webkit-box-shadow: 0px 4px 32px #4c7ca1;
    box-shadow: 0px 4px 32px #4c7ca1;
    border-radius: 10px;
}

.col-blue h3 {
    color: #2196f3;
    padding: 5px 0 5px 0;
    text-align: center;
}

.col-blue p {
    text-align: center;
    line-height: 80px;
}

.col-red:hover {
    -moz-box-shadow: 0px 4px 32px #4c7ca1;
    -webkit-box-shadow: 0px 4px 32px #4c7ca1;
    box-shadow: 0px 4px 32px #4c7ca1;
    border-radius: 10px;
}

.col-red h3 {
    color: #f44336;
    padding: 5px 0 5px 0;
    text-align: center;
}

.col-red p {
    text-align: center;
    line-height: 80px;
}


.col-grey:hover {
    -moz-box-shadow: 0px 4px 32px #4c7ca1;
    -webkit-box-shadow: 0px 4px 32px #4c7ca1;
    box-shadow: 0px 4px 32px #4c7ca1;
    border-radius: 10px;
}

.col-grey h3 {
    color: #999999;
    padding: 5px 0 5px 0;
    text-align: center;
}

.col-grey p {
    text-align: center;
    line-height: 80px;
}

.my-alert{
    /*border-left:solid 3px #5090c7;*/
    border-right: solid 1px #f2f2f2;
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    margin: 0 10px 10px;

}

.my-alert:hover{
    -moz-box-shadow: 0px 4px 32px #4c7ca1;
    -webkit-box-shadow: 0px 4px 32px #4c7ca1;
    box-shadow: 0px 4px 32px #4c7ca1;
    border-radius: 10px;
}

.intelegem{
    /*border-left:solid 3px #5090c7;*/
    border-right: solid 1px #f2f2f2;
    border-top: solid 1px #f2f2f2;
    border-bottom: solid 1px #f2f2f2;
    margin-bottom: 10px;
}

.intelegem:hover{
    -moz-box-shadow: 0px 4px 32px #4c7ca1;
    -webkit-box-shadow: 0px 4px 32px #4c7ca1;
    box-shadow: 0px 4px 32px #4c7ca1;
    border-radius: 10px;
}
.detalii{
    margin: 5px 0 10px 0;
}

.justify{
    text-align: justify;
}

.collapsing-button {
    position: relative;
    color: #0864b2;
}
.collapsing-button[aria-expanded="true"]::after {
    content: '';
    position: absolute;
    display: block;
    height: 10px;
    width: 10px;
    left: calc( 50% - 7px );
    transform: rotate(-135deg);
    border-right: 2px solid #0864b2;
    border-bottom: 2px solid #0864b2;
    border-left: 0;
    border-top: 0;
    transition: all .2s linear;
}
.collapsing-button[aria-expanded="false"]::after {
    content: '';
    position: absolute;
    display: block;
    height: 10px;
    width: 10px;
    left: calc( 50% - 7px );
    transform: rotate(45deg);
    border-right: 2px solid #0864b2;
    border-bottom: 2px solid #0864b2;
    border-left: 0;
    border-top: 0;
    transition: all .2s linear;
}
.widget {
    padding: 30px 30px 13px;
}

.b-radius-10 {
    border-radius: 10px;
    margin-right: 10px;
    /* margin-left: -10px; */
    border: 1px solid #ccc;
}

.collapsing-button.boxes-home[aria-expanded="true"]::after {
    content: '';
    position: absolute;
    display: block;
    height: 10px;
    width: 10px;
    right: -21px;
    left: auto;
    top: 4px;
    transform: rotate(-135deg);
    border-right: 2px solid #0864b2;
    border-bottom: 2px solid #0864b2;
    border-left: 0;
    border-top: 0;
    transition: all .2s linear;
}
.collapsing-button.boxes-home[aria-expanded="false"]::after {
    content: '';
    position: absolute;
    display: block;
    height: 10px;
    width: 10px;
    right: -21px;
    left: auto;
    top: 4px;
    transform: rotate(45deg);
    border-right: 2px solid #0864b2;
    border-bottom: 2px solid #0864b2;
    border-left: 0;
    border-top: 0;
    transition: all .2s linear;
}
.box-image-service {
    display: block;
    padding-bottom: 200px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}	

.top-nav{
    background-color:#5091c8;
}
.bkg-footer{
    background-image: url("/public/assets/img/div/banner-aqua-1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.popup-content {
	background-color: #fff;
	padding: 30px;
}
.mfp-content #test-popup {
	width: 60%;
	margin: 0 auto;
	position: relative;
}
.mfp-close {
	/* color: #fff !important; */
	font-size: 30px;
	right:0;
}

.owl-carousel .owl-controls {
    width: 70%;
    bottom: calc( 0px + 15px );
    margin-left: 15%;
    }

    .owl-carousel.main-one .owl-prev {
        float: left;
        position: absolute;
        left: 60px;
        bottom: 8px;
    }

    .owl-carousel.main-one .owl-next {
        float: right;
        position: absolute;
        right: 60px;
        bottom: 8px;
    }

    .owl-carousel-1 .owl-controls {
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
    }

    .owl-theme .owl-controls {
        margin-top: 0;
    }

    .sticky {
          position: fixed;
          top: 0;
          width: 100%;
        z-index: 9;
    }

    .sticky + .content {
      padding-top: 60px;
    }

    .one-slide {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        padding: 200px 0;
        height: 600px;
    }

    @media screen and (max-width: 1024px) {
        .one-slide {
            height: auto;
        }

    }

    .one-slide::after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .slider-content {
        position: absolute;
        z-index: 99999;
        background-color: rgba(255, 255, 255, 0.76);
        padding: 50px;
        border-radius: 3px;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -12%);
    }

    .col-section{
		/*border: solid 1px #fefefe;*/
		text-align: center;

	}

	.col-section:hover{
		-moz-box-shadow: 0px 4px 32px #4c7ca1;
		-webkit-box-shadow: 0px 4px 32px #4c7ca1;
		box-shadow: 0px 4px 32px #4c7ca1;
		border-radius: 10px;
	}

    .align{
		vertical-align: middle;
	}

	.icon{
		margin: 0 10px;
	}
	.just-a-box {
		display: table;
		height: 100%;
	}
	.just-a-box .unknown-el {
		display: table-cell;
		vertical-align: middle;
	}
	@media screen and (min-width: 1024px) {
		.no-pad-col {
			padding-right: 0;
		}
		.no-pad-col .just-a-box {
			padding-right: 0;
		}
	}

    .compania{
        letter-spacing: 3px;
    }

    .searchx{
        background: none; 
        border: none;
    }


   
    .a-box {
        display: table;
    }
    .a-box .vertical-content {
        display: table-cell;
        vertical-align: middle;
    }
    #logo img {
        width: 100px;
        height: 78px;
    }

    .bkg-header{
        background-color: white;
    }

    .video-container {
        position:relative;
        padding-bottom:56.25%;
    
        height:0;
        overflow:hidden;
    }
    .video-container iframe, .video-container object, .video-container embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
    }
    
    
    .banner-home{
        border-bottom:solid 1px #5091c8;
        border-top:solid 1px #5091c8;
        /* background-image: url("../web/public/upload/img/page/banners/banner-home.jpg"); */
        background-size: cover;
        z-index: -1;
    }

    .titlu{
        font-size:24px; 
        text-align: center; 
        vertical-align: middle; 
        height: auto;
    }

    span .text-footer{
        text-align: justify;
    }

    .pd-top-10{
        padding-top: 10px;
    }

    .mg-rg-bt{
        margin: 0 30px 30px 0; 
        text-align: center;
    }

    img .contori{
        margin: 0 30px 30px 0; 
        text-align: center;
    }

    .titlu-raport{
        padding-top:10px
    }


    #cookie_div { background: #222222; color: #ffffff; position: fixed; bottom: 0; left: 25%; width: 50%; padding: 8px 20px; display: none; z-index: 999; -webkit-box-shadow: -1px -5px 21px 1px rgba(0, 0, 0, 0.12); -moz-box-shadow: -1px -5px 21px 1px rgba(0, 0, 0, 0.12); box-shadow: -1px -5px 21px 1px rgba(0, 0, 0, 0.12); border-radius: 6px; }
	#cookie_div .button { float: right; padding: 5px 20px; font-size: 12px; margin-top: 3px; }

	.line-ue{
		border-top: solid 1px #eeeded;
	}
	.link-ue a{
		color: #5091c8 !important;
	}

    .companie-footer{
        color:#666666;
    }

    .titlu-modal{
        text-align:center;
    }

    .button-informatii{
        text-decoration:none; color:black;
    }

    .content-modal{
        color:#80BE5A;
    }

    .cookie-text{
        text-align: center;
    }

    .btn-da{
        color: green;
    }

    .btn-nu{
        color: red;
    }

    .opt-align{
        text-align:center;
    }

    .text-modal2{
        text-align: justify;
    }

	.about-content p {
		display: none;
	}
	.about-content p:first-of-type {
		display: block;
	}

    .collapsing-button {
        position: relative;
        color: #0864b2;
    }
    .collapsing-button[aria-expanded="true"]::after {
        content: '';
        position: absolute;
        display: block;
        height: 10px;
        width: 10px;
        left: calc( 50% - 7px );
        transform: rotate(-135deg);
        border-right: 2px solid #0864b2;
        border-bottom: 2px solid #0864b2;
        border-left: 0;
        border-top: 0;
        transition: all .2s linear;
    }
    .collapsing-button[aria-expanded="false"]::after {
        content: '';
        position: absolute;
        display: block;
        height: 10px;
        width: 10px;
        left: calc( 50% - 7px );
        transform: rotate(45deg);
        border-right: 2px solid #0864b2;
        border-bottom: 2px solid #0864b2;
        border-left: 0;
        border-top: 0;
        transition: all .2s linear;
    }
    .widget {
        padding: 30px 30px 13px;
    }

    .text-banner {
		letter-spacing: 3px;
        /* background-color:white; */
		/* background-color: rgba(0, 75, 111, 0.4);
		background: rgba(0, 75, 111, 0.4);
		color: rgba(0, 75, 111, 0.4); */
		padding: 5px;
		/*border-radius: 10px;*/
		/* font-weight: 400; */
		color: white;
		font-size: 20px;
		/* bottom: 0; */
		/* text-align: center; */

	}

	.text-bottom {
		display: flex;
		justify-content: left;
		align-items: flex-end;
		height: auto;
		position: absolute;
		bottom: 0;
	}

	.background-overlay {
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}


    .raport_citiri_titlu{
        padding-top:10px;
    }

    .cal_apei_buletin{
        position: relative;
        bottom: 100px;
    }

    .cal_apei_buletin2{
        padding-top: 10px
    }

    .cal_apei_form{
        max-width:300px;
    }

    .cal_apei_pdf{
        margin: 0 10px 0 10px;
    }

    .apa_meteorica_buletin{
        position: relative;
        bottom: 100px;
    }

    .apa_meteorica_form{
        max-width:300px;
    }

    .back-subtitle {
		padding: 5px;
		border-radius: 10px;
		line-height: 150%;
		text-align: justify;
		background-color: rgba(70, 113, 153, 0.1);
		background: rgba(70, 113, 153, 0.1);
		color: rgba(70, 113, 153, 0.1);
	}

	.ml-30{
		margin-left:30px;
	}

    .col_8_pagini{
        padding-bottom: 20px;
    }

    .cat_structura{
        margin-bottom:3rem;
    }
    .head_table{
        background-color:#F5F5F6;
    }

    .pdf_icon{
        color:red;
        font-size:20px;
    }

    .titlu_actionari{
        font-size: 18px;
    }

    .actionari_rand{
        font-size:20px;
        padding:30px; 
        margin:30px;
    }

    .pt-10{
        padding-top: 10px;
    }

    .intrebari_rand{
        font-size:20px;
        padding:30px; 
        margin:30px;
    }

    .search_rand{
        font-size:20px;
        padding:30px; 
        margin:30px;
    }

    .search_h5{
        min-height:46px;
    }

    .search_box{
        max-height:95px;
        overflow:hidden
    }

    .sucursale_box{
        border:0;
    }

    .single_post_list{
        list-style-type: disc;
    }

    .sigle_post_align{
        text-align:center;
    }

    .servicii_h5{
        margin: 0 10px 0 10px;
    }

    .servicii_rand{
        padding-top: 10px;
    }

    .media_rand{
        font-size:14px;
    }

    .fe_star{
        color:red;
    }

    .fe_span{
        text-decoration: underline; 
        color: #3f3d3d;
    }

    .fe_h3{
        background-color: red; 
        color: #fff; 
        padding: 10px; 
        text-align: center; 
    }

    .fe_termeni{
        text-align: justify;
    }

    .contact_companie{
        color:#246332;
    }

    .contact_height{
        line-height: 250%;
    }

    .contact_span{
        color:red;
        font-weight:bold;
    }

    .contact_succes{
        text-align:center;
        margin:100px;
    }

    .img-in.blog-img {
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 700px;
    }

    .blog_align{
        text-align:center;
    }

    .marquee{
        background-color: #5090c7;
    }

    .box-image-service-alerte{
        background-image: url(/public/upload/img/my-alert.jpg);
        width: 250px;
        height: 250px;
    }


    .box-image-service-servicii{
        background-image: url(/public/upload/img/servicii.jpg);
        width: 250px;
        height: 250px;
    }

    .background-aqua{
		background: url(/public/assets/img/div/banner-aqua-1.jpg) no-repeat;
    	background-size: cover;
	}

    .background-light-grey {
        background-color: #FAFAFA;
    }

    .declaratii-tabel{
        margin-bottom:3rem;
    }
    .declaratii-head{
        background-color:#F5F5F6;
    }

    .icon-pdf{
        color:red;font-size:20px;
    }

    .titlu-tabel{
        font-size: 18px;
    }

    .font-titlu{
        font-size:20px;padding:30px;margin:30px;
    }

.error {
    color:red;
}

.containeroww {
    position: relative;
    text-align: center;
    opacity: 70%;
  }
  .centeredoww {
    position: absolute;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .text-slider{
      color: white;
      opacity: 70%;
      background-color: #5091c8;
  }