:root {
--primary-color: #2c3e50;
--secondary-color: #3498db;
--accent-color: #e74c3c;
--light-color: #ecf0f1;
--dark-color: #2c3e50;
}

body {
font-family: 'Helvetica Neue', Arial, sans-serif;
color: #333;
line-height: 1.6;
}

.navbar {
border-radius: 0;
margin-bottom: 0;
background-color: var(--primary-color);
border: none;
}

.navbar-brand {
color: white !important;
font-weight: bold;
font-size: 24px;
}

.navbar-nav > li > a {
color: white !important;
}

.navbar-nav > li > a:hover {
background-color: rgba(255, 255, 255, 0.1);
}

.jumbotron {
color: white;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
padding: 100px 0;
margin-bottom: 30px;
padding: 120px 0;
margin-bottom: 0;
border-radius: 0;
}

.backgr {background: linear-gradient(rgba(2, 38, 62, 0.9), rgba(2, 38, 62, 0.6)), url('../img/fon-img-11.png');
text-align: center;border-radius: 10px; 
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
margin: 5px 5px 5px 5px;padding: 5px 5px 5px 5px;
transition: all 0.3s;}
.backgr:hover {
text-decoration: underline;
transform: translateY(-5px);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
}

.jumbotron-transparent-1 {
background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(35, 48, 67, 0.8)), /* Темный полупрозрачный слой */
url('../img/fon-img-01.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
}

.backgr-img-01 {background: linear-gradient(rgba(2, 38, 62, 0.9), rgba(2, 38, 62, 0.6)), url('../img/fon-img-01.jpg');
text-align: center;background-size: cover;
margin: 5px 5px; padding: 15px 5px;
border-radius: 6px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: all 0.3s;}
.backgr-img-01:hover {
background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('../img/fon-img-01.jpg');
transform: translateY(-5px);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);}

.backgr-img-02 {background: linear-gradient(rgba(2, 38, 62, 0.9), rgba(2, 38, 62, 0.6)), url('../img/fon-img-02.jpg');
text-align: center;
background-size: cover;
margin: 5px 5px; padding: 15px 5px;
border-radius: 6px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: all 0.3s;}
.backgr-img-02:hover {
background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('../img/fon-img-02.jpg');
transform: translateY(-5px);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);}

.backgr-img-03 {background: linear-gradient(rgba(2, 38, 62, 0.9), rgba(2, 38, 62, 0.6)), url('../img/fon-img-03.jpg');
text-align: center;
background-size: cover;
margin: 5px 5px; padding: 15px 5px;
border-radius: 6px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: all 0.3s;}
.backgr-img-03:hover {
background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('../img/fon-img-03.jpg');
transform: translateY(-5px);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);}

.backgr-img-04 {background: linear-gradient(rgba(2, 38, 62, 0.9), rgba(2, 38, 62, 0.6)), url('../img/fon-img-04.jpg');
text-align: center;
background-size: cover;
margin: 5px 5px; padding: 15px 5px;
border-radius: 6px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: all 0.3s;}
.backgr-img-04:hover {
background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('../img/fon-img-04.jpg');
transform: translateY(-5px);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);}

.backgr-img-05 {background: linear-gradient(rgba(2, 38, 62, 0.9), rgba(2, 38, 62, 0.6)), url('../img/fon-img-05.jpg');
text-align: center;
background-size: cover;
margin: 5px 5px; padding: 15px 5px;
border-radius: 6px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: all 0.3s;}
.backgr-img-05:hover {
background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('../img/fon-img-05.jpg');
transform: translateY(-5px);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);}

.backgr-img-06 {background: linear-gradient(rgba(2, 38, 62, 0.9), rgba(2, 38, 62, 0.6)), url('../img/fon-img-06.jpg');
text-align: center;
background-size: cover;
margin: 5px 5px; padding: 15px 5px;
border-radius: 6px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
transition: all 0.3s;}
.backgr-img-06:hover {
background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('../img/fon-img-06.jpg');
transform: translateY(-5px);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);}

.jumbotron-transparent-4 {
background:
linear-gradient(rgba(0, 0, 0, 0.9), rgba(35, 48, 67, 0.8)),;
url('../img/fon-img-04.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
}

.jumbotron-transparent-2 {
background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(35, 48, 67, 0.8)), /* Темный полупрозрачный слой */
url('../img/fon-img-02.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
}

.jumbotron-transparent-3 {
background:
linear-gradient(rgba(0, 0, 0, 0.9), rgba(35, 48, 67, 0.8)), /* Темный полупрозрачный слой */
url('../img/fon-img-03.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
}

.jumbotron-transparent-4 {
background:
linear-gradient(rgba(0, 0, 0, 0.9), rgba(35, 48, 67, 0.8)), /* Темный полупрозрачный слой */
url('../img/fon-img-04.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
}

.jumbotron-transparent-5 {
background:
linear-gradient(rgba(0, 0, 0, 0.9), rgba(35, 48, 67, 0.8)), /* Темный полупрозрачный слой */
url('../img/fon-img-05.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
}

.jumbotron-transparent-6 {
background:
linear-gradient(rgba(0, 0, 0, 0.9), rgba(35, 48, 67, 0.8)), /* Темный полупрозрачный слой */
url('../img/fon-img-06.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
}
.jumbotron h1 {
font-weight: 700;
margin-bottom: 30px;
}

.jumbotron-transparent-10 {
background: linear-gradient(rgba(197, 197, 197, 0.9), rgba(255, 255, 255, 0.9)), /* Темный полупрозрачный слой */
url('../img/fon-img-01.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
color:#2c3e50;
}

.jumbotron-transparent-20 {
background: linear-gradient(rgba(197, 197, 197, 0.9), rgba(255, 255, 255, 0.9)), /* Темный полупрозрачный слой */
url('../img/fon-img-02.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
color:#2c3e50;
}

.jumbotron-transparent-30 {
background: linear-gradient(rgba(197, 197, 197, 0.9), rgba(255, 255, 255, 0.9)), /* Темный полупрозрачный слой */
url('../img/fon-img-03.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
color:#2c3e50;
}

.jumbotron-transparent-40 {
background: linear-gradient(rgba(197, 197, 197, 0.9), rgba(255, 255, 255, 0.9)), /* Темный полупрозрачный слой */
url('../img/fon-img-04.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
color:#2c3e50;
}

.jumbotron-transparent-50 {
background: linear-gradient(rgba(197, 197, 197, 0.9), rgba(255, 255, 255, 0.9)), /* Темный полупрозрачный слой */
url('../img/fon-img-05.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
color:#2c3e50;
}

.jumbotron-transparent-60 {
background: linear-gradient(rgba(197, 197, 197, 0.9), rgba(255, 255, 255, 0.9)), /* Темный полупрозрачный слой */
url('../img/fon-img-06.jpg') 0% 0%; -moz-background-size: 50%; -webkit-background-size: 50%; -o-background-size: 50%; background-size: 50%;";
background-repeat: no-repeat;  
background-attachment: fixed;  
background-position: center center;
color:#2c3e50;
}

.jumbotron p {
font-size: 20px;
margin-bottom: 40px;
}

.btn-primary {
background-color: var(--secondary-color);
border-color: var(--secondary-color);
padding: 12px 30px;
font-size: 18px;
font-weight: bold;
border-radius: 4px;
}

.btn-primary:hover {
background-color: #2980b9;
border-color: #2980b9;
}

.section-title {
text-align: center;
margin-bottom: 60px;
position: relative;
}

.section-title h2 {
font-weight: 700;
color: var(--primary-color);
margin-bottom: 20px;
}

.section-title h2:after {
content: '';
position: absolute;
width: 80px;
height: 4px;
background-color: var(--secondary-color);
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}

.content-item {
padding: 10px 10px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.05);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
margin-bottom: 10px;
}

.features {
padding: 100px 0;
background-color: var(--light-color);
background-image: url('../img/fon-img-10.png');
}

.feature-item {
text-align: center;
padding: 30px 20px;
border-radius: 10px;
background-color: #ffffff;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
margin-bottom: 10px;
transition: all 0.3s;
}

.feature-item:hover {
transform: translateY(-5px);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
}

.feature-icon {
font-size: 48px;
margin-bottom: 20px;
background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.feature-item h3 {
margin-bottom: 15px;
font-size: 22px;
}

.process {
padding: 80px 0;
background-color: #ecf0f1;
background-image: url('../img/fon-img-12.png');
}

.process-step {
text-align: center;
margin-bottom: 40px;
padding: 10px;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s;
}

.process-step:hover {
transform: translateY(-5px);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
}

.step-number {
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
background-color: var(--secondary-color);
color: white;
font-size: 24px;
font-weight: bold;
border-radius: 50%;
margin-bottom: 20px;
}

.type-header {
padding: 20px;
margin: 0px 0px 10px 0px;
border-radius: 10px;
text-align: center;
background: #2c3e50;
color: @ecf0f1;
}

.pricing {
padding: 80px 0;
background-color: var(--light-color);
}

.pricing-card {
background-color: white;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
padding: 40px 30px;
text-align: center;
transition: transform 0.3s;
margin-bottom: 30px;
}

.pricing-card:hover {
transform: translateY(-10px);
}

.pricing-card.popular {
border-top: 5px solid var(--secondary-color);
position: relative;
}

.popular-badge {
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
background-color: var(--accent-color);
color: white;
padding: 5px 20px;
border-radius: 20px;
font-size: 14px;
font-weight: bold;
}

.price {
font-size: 48px;
font-weight: 700;
color: var(--primary-color);
margin: 30px 0;
}

.price span {
font-size: 18px;
color: #777;
}

.contact {
padding: 80px 0;
background-color: var(--primary-color);
color: white;
}

.contact-form {
background-color: white;
padding: 40px;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.contact-form .form-control {
height: 50px;
margin-bottom: 20px;
border-radius: 4px;
}

.contact-form textarea.form-control {
height: 150px;
}

footer {
background: linear-gradient(rgba(26, 37, 47, 0.8), rgba(26, 37, 47)), url('../img/footer.png');
/*background-color: #1a252f;*/
color: white;
padding: 20px 0;
text-align: left;
}

.footer-link {
background-color: #1a252f;
color: white;
padding: 10px 0;
text-align: left;
}

footer ul, a  {color: #ffffff;}
footer ul > li {padding: 0px; margin: 0px;}
footer h4 {text-align: center;}

.social-icons {
margin-bottom: 20px;
}

.social-icons a {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
background-color: var(--secondary-color);
color: white;
border-radius: 50%;
margin: 0 5px;
transition: background-color 0.3s;
}

.social-icons a:hover {
background-color: var(--accent-color);
text-decoration: none;
}

.guarantee {
padding: 80px 0;
background-color: #f8f9fa;
}

.guarantee-icon {
font-size: 60px;
color: var(--secondary-color);
margin-bottom: 20px;
}

.testimonials {
padding: 80px 0;
}

.testimonial-item {
background-color: white;
border-radius: 8px;
padding: 30px;
margin-bottom: 30px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.testimonial-author {
margin-top: 20px;
font-weight: bold;
color: var(--primary-color);
}

.author-role {
color: #777;
font-size: 14px;
}

@media (max-width: 768px) {
.jumbotron {
padding: 80px 0;
}

.jumbotron h1 {
font-size: 36px;
}
}

<!-- -->

.text-white {color: #ffffff;}
.text-color {color:#2c3e50;}
.text-black {color:#000;}
.text-left {text-align: left;}
.text-48 {font-size: 48px;}

.content-item {
padding: 20px 20px;
border-radius: 10px;
background-color: rgba(255, 255, 255, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
margin-bottom: 10px;
}