a {
  text-decoration: none;
}
/* B */
.btn-primary {
    background: #125186;
    border-color: #125186;
}
/* END B */
/* Header */
.header-block-button {
    background: #125186;
    color: #fff;
    border: none;
    padding: 10px 20px;
}
.header-block p {
    font-weight: bold;
}
/* navbar */
.navbar {
    background: #125186;
}
.navbar .nav-link, .navbar-nav .nav-link.active {
    color: #fff;
    padding: 15px 10px;
}
.navbar .nav-link:hover, .navbar .nav-link.active {
    background: #1e85dc;
}
.navbar-nav {
    display: flex;
    position: relative; /* Встановлюємо відносне позиціонування для контейнера */
    list-style: none; /* Прибираємо маркери списку */
}

.navbar-nav .nav-item {
    position: relative; /* Встановлюємо відносне позиціонування для елементів меню */
    padding: 0 30px; /* Додаємо відступи для кращого вигляду */
}

.navbar-nav .nav-item + .nav-item::before {
    content: ""; /* Додаємо порожній контент */
    position: absolute; /* Абсолютне позиціонування */
    top: 50%; /* Вирівнюємо по вертикалі по центру */
    left: 0; /* Розміщуємо ліворуч */
    transform: translateY(-50%); /* Вирівнюємо по вертикалі по центру */
    width: 1px; /* Ширина лінії */
    height: 20px; /* Висота лінії */
    background-color: white; /* Колір лінії */
}
.navbar-toggler i {
    color: #fff;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.header-social a {
    display: block;
    height: 25px;
    width: 25px;
    color: #fff;
}
/* Navbar mobile */
.modal.left .modal-dialog, .modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	/*width: 320px;*/
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}
.modal.left .modal-content, .modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
	min-width: 300px;
}
/*Left*/
.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal.left.fade.show .modal-dialog {
	left: 0;
}
/*Right*/
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.show .modal-dialog {
	right: 0;
}
.modal-menu {
	width: 100%;
	max-width: 100%;
}
.modal-menu .modal-content {
	background-color: #1c1c1c;
	text-align: center;
}
.modal-menu .modal-header {
	border: none;
}
.modal-menu a {
	color: #000;
	display: block;
	padding: 5px 0px;
}
.modal-phone a {
	font-size: 20px;
}
.modal-content {
	border-radius: 0;
	border: none;
}
.modal-menu .modal-header .close {
	color:#fff;
	opacity: 0.3;
	font-size: 58px;
	margin-right: 0;
}
.modal-menu .modal-header {
	display: block;
}
/* END Navbar mobile */
/* END Header */

/* Banner */
.banner {
    background: #f7f7f7;
}
.banner-title {
    font-size: xxx-large;
    font-weight: bold;
}
/* END Banner */

/* Services */
.services-title {
    font-size: xxx-large;
    font-weight: bold;
}
/* END Services */

/* My works */
.my-works {
    background: #f7f7f7;
}
.my-works-block a {
    color: #000;
}
.my-works-block img {
    transition: transform 1.5s, filter .5s ease-in-out;
}
.my-works-block img:hover {
    transform: scale(1.08);
}
/* END My works */

/* Why choose me */

.why-choose-me {
    background-image: url("/assets/images/why-choose-me/why-choose-me.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}
.why-choose-me-block i {
    color: #fff;
    font-size: 68px;
}
/* END Why choose me */

/* Reviews */
.reviews-block-rating i {
    color: gold;
}
.reviews-button-1, .reviews-button-2 {
    color: #fff;
    border: none;
    padding: 10px 20px;
}
.reviews-button-1 {
    background: #000;
}
.reviews-button-2 {
    background: #125186;
}
/* END Reviews */

/* Footer */
footer {
    background: #125186;
    color: #fff;
}
.footer-title, .my-works-title, .why-choose-me-title {
    font-size: xxx-large;
    font-weight: bold;
}
.footer-bottom {
    background: #000;
}
.footer-social a {
    display: block;
    height: 25px;
    width: 25px;
    color: #fff;
}
/* END Footer */
/* Modal */
@media (min-width: 576px) {
  #exampleModal .modal-content {
    background-image: url("/assets/images/popup.png");
  background-position: top right;
  background-repeat: no-repeat;
}
#exampleModal .modal-dialog {
    max-width: 700px;
}
}

#popup_form input, #popup_form textarea {
    background: #f1f1f1;border-radius: 0;border: none;padding-top: 10px;padding-bottom: 10px;
}
#popup_form textarea {
    resize: none;
}
/* END Modal */