/*==============================================================================
//	Проект "адв. Борислав Българинов"
// Home URL : https://balgarinov.bg/
// Created By : Gate.BG
// Contact Email : support@gate.bg
//==============================================================================
// Описание : Style CSS
// Последна промяна на файла на : 11.07.2025г. / 15:38ч.
// Последна промяна на файла от : Асен Сотиров
//============================================================================*/
/*--| CSS цветове |-----------------------------------------------------------*/
.dc{color: #c6a977 !important;}
.dc2{color: #153460 !important;}
.dc_bg{background-color: #c6a977 !important;}
.dc2_bg{background-color: #153460 !important;}
/*--| CSS correction |--------------------------------------------------------*/
.ttop{background-color:#c6a977;color:#153460;}
.ttop:hover{background-color:#153460;color:#c6a977;}
.dropdown-toggle::after{display:none;}
.SF_breadcrumbs{color:#153460;}
.SF_AVideo{position: relative;width: 100%;padding-bottom: 56.25%;}
.video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.form-control{margin-bottom: 20px;}
/*--| Main CSS Style |--------------------------------------------------------*/
html, body{font-size:18px;}
a, a:link, a:visited{text-decoration: none;color: inherit;}
img{width:100%;}
ul{margin:0px;padding:0px;}
.table td{border-width: 2px;border-color: #999;}
h1, h2, h3, h4, h5{color:#153460;}
h1{font-size:2.1rem;}
table{width:100%;}
table thead{border-bottom:2px solid #c6a977;}
/*--| Header Style |----------------------------------------------------------*/
header{background-color:#fff;color:#423934;position:relative;z-index:10;text-align:center;box-shadow:0px 0px 15px #423934;}
nav ul li {display:inline-block;margin-right:10px;vertical-align:middle;}
.topbar li{display:inline-block;margin: 5px 10px 5px 0;color:#fff;background-color: #153460}
.topbar .social-icon{color:#fff !important;}
.user-menu li{display:inline-block;margin-right:20px;font-size:24px;}
.HeadMenu{padding:0px;color:#423934;}
.HeadMenu li{list-style:none;display:inline-block;text-align:center;vertical-align:middle;margin:10px 10px;border-bottom: 2px solid #c6a977;letter-spacing: 1px;font-size: 18px;}
.HeadMenu li:hover{color:#c6a977;}
#MainMenu{background-color:#c6a977;color:#fff;}
/*--| Body Style |------------------------------------------------------------*/
.error404{background-color:#c6a977;color:#153460;padding:50px 20px;}
.block{background-color:#c6a977;color:#153460;padding:20px;}
.button {font-weight: bold;border: 1px solid transparent;background-color: #153460;color: #fff;}
.intro{position:relative;}
.intro_image{content: "";position: relative;top: 0;bottom: 0;left: 0;right: 0;opacity: 0.3;background-position: bottom;background-size: cover;}
.intro h1{font-size:3rem;color:#fff;font-weight:bold;position:relative;text-shadow: 2px 2px #153460;position: absolute;text-align: center;top: 35%;left: 25%;width: 50%;font-weight: bold;background-color: #00000094;display: inline-block;padding: 20px 50px;border: 3px solid #c6a977;line-height:4rem;letter-spacing: 2px;}
.about-text{font-size:1.3rem;}
.useful{border-left:2px solid #153460;}
.direction h5{letter-spacing:1px;font-weight:bold;border-bottom: 2px solid #c6a977;}
/*--| Article Post Style |----------------------------------------------------*/
.article{border:1px solid #153460;background:#fff;padding:40px 50px 40px 110px;}
.title{border-bottom: 2px solid #c6a977;}
.title img{width:40px;height: 40px;float:left;margin-right:20px;}
.tekst ul li{list-style:unset;}
.mainimage img{width:40%;float:left;margin-right:30px;margin-bottom: 20px;}
/*--| Blog Post Style |-------------------------------------------------------*/
.blog .image{width:100%;aspect-ratio: auto 540 / 300;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);}
/*--| Footer Style |----------------------------------------------------------*/
footer{padding-top:30px;margin-top:50px;font-size:20px;position:relative;}
footer:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;background:url(../images/ruse_court_foot.png);opacity: 0.05;background-position: bottom;background-size: cover;}
/* background:rgb(198, 169, 119, 0.2); */
footer li{list-style:none;display:inline-block;margin-right:10px;}
.footer-copyright{font-size:14px;background-color: #153460;color:#fff;padding:10px;letter-spacing:0.8px;}
/*--| Responsive Style |------------------------------------------------------*/
@media(min-width: 1401px){
	.intro h1{font-size:2rem;line-height:3rem;}
}
@media(max-width: 1401px){
	.intro h1{top:20%;left:15%;width:70%;}
}
@media(min-width:1200px) and (max-width: 1400px){
	.intro h1{font-size:2rem;line-height:3rem;}
}
@media(min-width:993px) and (max-width: 1200px){
	.intro h1{font-size:1.8rem;line-height:2rem;}
}
@media (min-width:769px) and (max-width: 992px){
	.intro h1{left:10%;width:80%;font-size:1.3rem;line-height:2rem;}
	h1{font-size:2rem;}
	h2{font-size:1.5rem;}
	h3{font-size:1.25rem;}
}
@media(max-width: 768px){
	.HeadMenu li{display:block;}
	.HeadMenu li:hover{color:#153460;}
	.intro h1{left:10%;width:80%;font-size:1rem;line-height:1.2rem;padding: 10px 20px;}
	.about-text{font-size:1rem;}
	.article{padding:10px;}
	.article img{width:100%;}
	.mainimage img{width:100%;}
	.title img{width: 30px;height: 30px;}
	.menu li{width:300px;}
	h1{font-size:1.5rem;}
	h2{font-size:1.25rem;}
	h3{font-size:1.25rem;}
}
@media(max-width: 576px){
	.intro h1{top:30%;left:5%;width:90%;font-size:0.7rem;line-height:0.8rem;padding: 10px;}
}
@media(max-width: 450px){
	.intro h1{top:20%;left:5%;width:90%;font-size:0.6rem;line-height:0.6rem;padding: 10px;}
}
@media(max-width: 380px){

}
/*--| End of Style |----------------------------------------------------------*/