/*==============================================================================
//	Проект "Община Русе към проект еко осветление Русе"
// Home URL : https://light-ruse.eu/
// Created By : Gate.BG
// Contact Email : support@gate.bg
//==============================================================================
// Описание : Style CSS
// Последна промяна на файла на : 05.11.2023г. / 18:15ч.
// Последна промяна на файла от : Асен Сотиров
//============================================================================*/
/*--| Default Colors |----#266382--#fe5722--#80CBC4--#F89402------------------*/
/*--| CSS цветове |-----------------------------------------------------------*/
.dc{color: #266382 !important;}
.dc2{color: #e8e8e7 !important;}
.dc_bg{background-color: #266382 !important;}
.dc2_bg{background-color: #e8e8e7 !important;}
.block_bg{background-color:#e8e8e7;}
/*--| CSS correction |--------------------------------------------------------*/
.ttop{background-color:#e8e8e7;color:#000;}
.ttop:hover{background-color:#266382;color:#fff;}
.dropdown-toggle::after{display:none;}
.SF_AVideo{position: relative;width: 100%;padding-bottom: 56.25%;}
.video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*--| Main CSS Style |--------------------------------------------------------*/
html, body{font-size:16px;line-height:1.4;}
a:link, a:visited {text-decoration: none;color: inherit;}
img{width:100%;}
table{width:100%;}
thead{text-align:center;border-bottom: 2px solid #f8ff70;}
input, textarea, select{}
nav ul li {display:inline-block;position:relative;}
hr{border:2px solid #266382;}
h2{font-weight:bold;color:#266382;margin-bottom:20px;}
button:focus, input:focus, textarea:focus{outline:none !important;box-shadow:unset !important;}
input[type="button"], input[type="submit"]{background-color:#266382 !important;padding: .375rem 1.75rem;font-size: 1rem;line-height: 1.5;color:#fff;padding: .375rem 1.75rem;margin: auto;}
input[type="button"]:hover, input[type="submit"]:hover{background-color:#39b557 !important;color: #fff;}
.button{padding: .375rem 1.75rem;font-size: 1rem;font-weight:bold;line-height: 1.5;text-align: center;vertical-align: middle;border:1px solid transparent;background-color: #266382;color:#fff !important;border-radius:0px;}
.button:hover{background-color:#f89900;}
.submit{width:unset !important;padding:.375rem 1.75rem !important;}
.form-control{font-weight:normal;letter-spacing:0.5px;margin-bottom:20px;border-radius:0px;}
.index{background: url(../images/BB-9091x.jpg) no-repeat;background-size: cover;background-position: top;min-height:100%;}
.bg-tr{height: 400px;width: 400px;background: #266382;display: inline-block;border-radius: 50%;position: fixed;z-index: -1;top: -200px;right: -200px;}
.bg-bl{height: 500px;width: 500px;background: #fe5722;display: inline-block;border-radius: 50%;position: fixed;z-index: -1;bottom: -100px;left: -300px;}
.bg-br{height: 600px;width: 600px;display: inline-block;border-radius: 50%;position: fixed;z-index: -1;bottom: -300px;right: -300px;border: 50px solid #F89402;}
/*--| Header Style |----------------------------------------------------------*/
.head-title{font-size:1.5rem;color:#266382;text-shadow: 2px 2px #fff;}
.menu-btn{background:rgba(0, 0, 0, 0.5);padding:10px;color:#fff !important;}
.menu-btn img{max-width:20px;}
.menu{background:rgba(0, 0, 0, 0.5);color:#ffffff;border-radius:unset;letter-spacing:1.5px;font-weight:bold;}
.menu ul{margin:5px auto;padding:0px;}
.menu li{display:block;padding:7px;padding-left:20px;}
.menu li:hover{background:rgba(38, 99, 130, 0.5);}
.top_search{color:#fff;}
.top_search input{width: 80px;background:rgba(0, 0, 0, 0.1);border-bottom: 1px solid #cecece;outline:0;transition: width 0.5s;border-image: linear-gradient(to top, #c5c5c5,transparent,transparent,transparent,transparent,transparent,transparent) 1;}
.top_search input:hover, .top_search input:focus{width:200px;border-bottom: 1px solid #000;outline:0;transition: width 0.5s;border-image: linear-gradient(to top, #000,transparent,transparent,transparent,transparent,transparent,transparent) 1;}
.top_search input::placeholder{color:#ddd;}
.logo{background-color:#fff;}
.ls-Menu{width:200px;height:100%;position:fixed;left:0;top:0;background:rgba(0, 0, 0, 0.7);color:#ffffff;}
.ls-Menu .menu{background:none;}
.ls-Menu ul{margin:0px;padding:0px;}
.social{text-align:center;left:20px;bottom:25px;position:fixed;}
/*--| Body Style |------------------------------------------------------------*/
.intro{font-size:1.5rem;color:#fff;font-weight:bold;}
.intro h3{text-shadow: 2px 2px #000;}
.error404{background:rgba(0, 0, 0, 0.5);color:#fff;padding:50px 20px;}
.block{border:1px solid #80CBC4;background-color:#8bccc5;padding:20px;}
.block2{border:1px solid #80CBC4;background:#fff;padding:20px;}/*background:rgba(255, 255, 255, 0.7);*/
.tekst ul li{list-style:unset;}
.mainimage img{width:40%;float:left;margin-right:30px;margin-bottom: 20px;}
/*--| Blog Post Style |-------------------------------------------------------*/
.blog{font-size:14px;}
.blog-news, .blog-news p{line-height:1.3rem;}
.blog .image{width:100%;/*aspect-ratio: auto 540 / 240;*/ height:auto;overflow:hidden;position: relative;text-align:center;display:flex;align-items:center;justify-content:center;}
.blog .blog-image{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;min-width: 0;}
.blog .image img:hover{transform: scale(1.5);}
.blog .date{display:flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-align: center;align-items: center;position: absolute;padding: 5px 10px;pointer-events: none;line-height: 1;font-size: 16px;color: rgba(255, 255, 255, 1);font-weight: 700;background: rgba(130, 186, 134, 1);margin: 7px;z-index:1;}
.blog .date i{font-size: 10px;font-style:normal;}
.blog .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: 700;font-size:20px;color:rgba(58, 71, 84, 1);margin-top:5px;}
.blog .info{color: rgba(230, 230, 230, 1);transform: translateY(-100%);width: 100%;background: rgba(44, 54, 64, 0.5);padding: 7px;padding-left: 12px;font-size:12px;}
.Pager li{display:inline-block;padding: 5px 0px;margin-right:3px;background-color:#e8e8e7;min-width:30px;font-size:1rem;text-align:center;color:#266382;font-weight:bold;}
.Pager .active{color:#e8e8e7;background-color:#266382;}

.blog-news ul li{list-style:inherit;margin-left:50px;}
.blog-news img{width:unset;}
.MostRead .title{font-size:14px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.MostRead .info{font-size:12px;color:#aaaaaa;}
.blog-news .info{font-size:14px;font-weight:bold;font-style:italic;margin-bottom:20px;}
.tag{margin: 0px 5px;font-size:11px;background-color:#ade0b3;border-radius:14px;padding:5px 10px;letter-spacing:1px;}
.tag:hover{background-color:#ee3224;color:#ffffff;}


/*--| Footer Style |----------------------------------------------------------*/
footer{margin-top:50px;}
.footer-copyright{font-size:14px;background:rgba(0, 0, 0, 0.5);color:#fff;padding:10px;}
/*--| Responsive Style |------------------------------------------------------*/
@media (min-width:769px) and (max-width: 990px){
	.head-title{font-size:1.1rem;}
	h1{font-size:2rem;}
	h2{font-size:1.5rem;}
	h3{font-size:1.25rem;}
}
@media(max-width: 768px){
	.index{background: url(../images/BB-9185.jpg) no-repeat;background-size: cover;background-position: top;}
	.bg-tr{top:-280px;right:-250px;}
	.logo{width:70%;margin:auto;margin-bottom:30px;}
	.head-title{font-size:1rem;}
	.menu li{width:300px;}
	h1{font-size:1.5rem;}
	h2{font-size:1.25rem;}
	h3{font-size:1.25rem;}
	.mainimage img{width:100%;}
	.article img {width:100%;}
}
@media(max-width: 450px){
	.head-title{font-size:0.9rem;}
}
@media(max-width: 380px){
	.head-title{font-size:0.7rem;}
}
/*--| End of Style |----------------------------------------------------------*/