/*==============================================================================
//	Проект "Мисия градеж"
// Home URL : https://мисияградеж.бг/
// Created By : Gate.BG
// Contact Email : support@gate.bg
//==============================================================================
// Описание : Style CSS
// Последна промяна на файла на : 16.05.2026г. / 23:08ч.
// Последна промяна на файла от : Асен Сотиров
//============================================================================*/
/*--| root CSS |--------------------------------------------------------------*/
:root{ --def-color: #66c7f1; --color2: #fce5ca;	--color3: #fff;}
/*--| CSS цветове |-----------------------------------------------------------*/
.dc{color: var(--def-color);}
.dc2{color: var(--color2);}
.dc_bg{background-color: var(--def-color);}
.dc2_bg{background-color: var(--color2);}
.block_bg{background-color:#e8e8e7;}
/*--| CSS correction |--------------------------------------------------------*/
.ttop{background-color:var(--color2);color:var(--def-color);border-radius:50%;}
.ttop:hover{background-color:var(--def-color);color:var(--color2);}
.form-group{margin-bottom: 10px;}
.form-control{background-color: var(--color2);}
.submit{width:unset;margin:auto;}
.pagination{color:var(--def-color);font-weight:bold;}
.Pager li a{padding:10px 15px;}
.Pager li:hover{background-color:var(--color2);}
/*--| Main CSS Style |--------------------------------------------------------*/
html, body{background-color: rgb(from var(--color2) r g b / 0.3);}
a:link, a:visited {text-decoration: none;color: inherit;}
img{width:100%;}
table{width:100%;}
h1, h2, h3, h4, h5, h6{color:var(--def-color);}
hr{border-color:#000;}
/*--| Header Style |----------------------------------------------------------*/
header{font-weight:600;padding-top:50px;letter-spacing:1px;color:#000;}
header li{list-style:none;display:inline-block;margin-left:5px;margin-right:5px;}
.HeadLogo{position: absolute;margin: auto;left: 0;right: 0;z-index: 1000;padding: 5px;}
.TopMenu{margin:15px;}
.HeadMenu{margin:15px;}
.HeadMenu li{list-style:none;display:inline-block;margin:0px 20px;}
.MobileMenu{text-align:center;padding-top:20px;}
.MobileMenu li{display:block;margin-bottom:10px;}
/*--| Body Style |------------------------------------------------------------*/
.intro{margin: 80px 0px;}
.error404{background:var(--color2);color:var(--def-color);border:1px solid var(--def-color);border-radius:50%;padding:60px 40px;}
.button{padding: .600rem 1.65rem;font-weight:bold;line-height: 1.5;text-align: center;vertical-align: middle;background-color: var(--def-color);color:#fff;border-radius:50px;letter-spacing:1px;}
.button:link, .button:visited{color:var(--def-color);}
.button:hover{background-color: var(--color2);color:var(--def-color);}
/*--| Blog Post Style |-------------------------------------------------------*/
.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;overflow:hidden;border-radius:10%;}
.blog .image{width:100%;aspect-ratio: auto 500 / 300; height:auto;overflow:hidden;position: relative;text-align:center;display:flex;align-items:center;justify-content:center;}
.blog .image img:hover{transform: scale(1.5);transition: transform 1.4s;}
.blog-title{font-weight:500;font-size:20px;color:#002933;}
/*--| Footer Style |----------------------------------------------------------*/
footer{margin-top:50px;}
footer li{list-style:none;font-weight:bold;}
.footer-copyright{font-size:14px;background:var(--color2);color:#000;padding:10px;}
/*--| Responsive Style |------------------------------------------------------*/
@media (min-width:1200px) and (max-width: 1399px){
	.SF_breadcrumbs{padding-left: 250px;}
}
@media (min-width:992px) and (max-width: 1199px){
	
}
@media (min-width:768px) and (max-width: 991px){

}
@media(max-width: 767px){
	.TopMenu{margin: 15px 0px 10px 0px;}
}
@media (min-width:576px) and (max-width: 767px){
	
}
@media(max-width: 575px){
	header li{margin: 0 3px;}
	.TopMenu{font-size:1.5rem;}
}
@media(max-width: 450px){
	.TopMenu{font-size:1.5rem;}
}
/*--| End of Style |----------------------------------------------------------*/