/*
Theme Name: ARDELINE
Theme URI: http://ardeline.ru/
Version: 2.0
*/

body {
    margin: 0;
    padding: 0;
    font-family: 'Geologica', Arial, sans-serif;
    font-size: 14px;
    color: #000;
}

a {
    text-decoration: none;
}

img {
    max-width: 100%;
    height: auto;
}

.a-indent {
    padding: 60px;
}

.a-Seporator {
    border-top: 1px solid #DCDCDC;
}

/*-------------------------------------------------------*/
/* Cookie
/*-------------------------------------------------------*/

.cookie-consent {
    z-index: 1050;
    animation: slideUp 0.5s ease forwards;
  }
  
  @keyframes slideUp {
    from {
      transform: translateY(100%);
    }
    to {
      transform: translateY(0);
    }
  }

.cookie_alert {
	margin: 0 auto;
	color: #1b1b1b;
    background-color: #fff;
    padding: 25px;
    border-radius: 0;
	border: 0;
    font-size: 16px;
    font-weight: 300;
}

.cookie_alert a {
	color: #1b1b1b;
	text-decoration: underline;
	transition: all .3s;
}

.cookie_alert a:hover {
	color: #939393;
}

.cookie_alert_btnaccept {
    border-radius: 0;
    padding: 10px 25px;
    color: #ffffff;
    background-color: #0F0F0F;
    width: 100%;
}

.cookie_alert_btnaccept:hover {
    color: #fff;
    background-color: #003AFC;
}

.cookie_alert_btndecline {
    border-radius: 0;
    padding: 10px 25px;
    color: #2D2D2D;;
    background-color: #dddddd; 
}

.cookie_alert_btndecline:hover {
    color: #fff;
    background-color: #003AFC;
}

/*-------------------------------------------------------*/
/* Header
/*-------------------------------------------------------*/

.a-header-main {
	background-color: #fff;
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.a-header-main-nav li {
	margin-right: 20px;
}

.a-header-main-nav li a {
    font-size: 16px;
    color: #212529;
    font-weight: 400;
    transition: all .3s;
}

.a-header-main-nav li a:hover {
    color: #7c7c7c;
}

.phone-link {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    transition: all .3s;
}

.phone-link:hover {
    color: #7c7c7c;
}

.btn-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #e4e4e5;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
    text-decoration: none;
    margin-left: 5px;
}

.btn-circle i {
    font-size: 22px;
    transition: color 0.3s ease;
}

.a-LeadForm_ItemContent {
    border-radius: 0;
}

.a-LeadForm_ItemHeader {
    padding: 0;
}

.a-LeadForm_ItemBody {
    padding: 30px;
}

.a-LeadForm_ItemBody h4 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.a-LeadForm_ItemBody p {
    font-size: 14px;
    font-weight: 300;
}

.a-LeadForm_ItemFormControl {
    border-radius: 0;
    width: 100%;
    padding: 18px;
    border: 1px solid #3c3e45;
}

.a-LeadForm_ItemCheck {
    color: #000000;
    font-size: 14px;
    font-weight: 200;
    margin-top: 10px;
    margin-bottom: 20px;
}

.a-LeadForm_ItemCheck a {
    color: #000000;
    font-size: 14px;
    font-weight: 200;
    text-decoration: underline;
    transition: all .3s;
}

.a-LeadForm_ItemCheck a:hover {
    color: #003AFC;
}

.a-LeadForm_ItemBtn {
    background-color: #003AFC;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    padding: 15px 25px;
    border-radius: 0;
}

.a-LeadForm_ItemBtn:hover {
    background-color: #000000;
    color: #ffffff;
}

/* Telegram */
.btn-telegram i {
    color: #000000;
}

.btn-telegram:hover {
    background-color: #0088cc;
    border: 1px solid #0088cc;
}

.btn-telegram:hover i {
    color: #fff;
}

/* WhatsApp */
.btn-whatsapp i {
    color: #000000;
}

.btn-whatsapp:hover {
    background-color: #25D366;
    border: 1px solid #25D366;
}

.btn-whatsapp:hover i {
    color: #fff;
}

.a-header-main-btn {
    background-color: #000000;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    border: 1px solid #000000;
    border-radius: 50px;
    padding: 14px 34px;
    margin-left: 20px;
}

.a-header-main-btn:hover {
    background-color: #003AFC;
    text-decoration: none;
    border: 1px solid #003AFC;
    color: #fff;
    border-radius: 50px;
}

.a-main_Logo {
    width: 150px;
}

.btn-lang {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    transition: all 0.3s ease;
    margin-left: 15px;
}

.btn-lang:hover {
    background-color: #000;
    color: #fff;
}

.navbar {
    transition: all 0.3s ease;
}

.navbar-scrolled {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1030;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/*-------------------------------------------------------*/
/* Footer
/*-------------------------------------------------------*/

.a-FooterBlock_top {
    padding: 50px;
    background-color: #000000;
}

.a-FooterBlock_top-logo {
    margin-bottom: 30px;
}

.a-FooterBlock_top-navigation h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 20px;
}

.a-FooterBlock_top-navigation ul {
    list-style: none;
    padding-left: 0;
}

.a-FooterBlock_top-navigation li {
    line-height: 2;
}

.a-FooterBlock_top-navigation li a {
    font-size: 14px;
    font-weight: 200;
    text-transform: uppercase;
    color: #fff;
    transition: all .3s;
}

.a-FooterBlock_top-navigation li a:hover {
    color: #636363;
}

.a-FooterBlock_top-navigation p {
    font-size: 14px;
    font-weight: 400;
    color: #636363;
    text-transform: uppercase;
    line-height: 2;
}

.a-FooterBlock_top-bottom {
    margin-top: 100px;
}

.a-FooterBlock_top-bottom-link {
    border: 1px solid #3c3e45;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 90%;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
}

.a-FooterBlock_top-bottom-link:hover {
    border: 1px solid #003AFC;
    background-color: #003AFC;
    border-radius: 0;
    color: #fff;
}

.a-FooterBlock_top-bottom-link-telegram {
    font-size: 22px;
    font-weight: 300;
    text-align: left;
    color: #ffffff;
    width: 80%;
}

.a-FooterBlock_top-bottom-link-telegram:hover {
    text-align: left;
    color: #fff;
}

.a-FooterBlock_top-bottom-link-telegram img {
    margin-right: 10px;
}

.a-FooterBlock_top-info {
    border: 1px solid #3c3e45;
    margin-bottom: 10px;
    padding: 20px;
}

.a-FooterBlock_top-info h4 {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}

.a-FooterBlock_top-info a {
    font-size: 50px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
}

.a-FooterBlock_top-info a:hover {
    color: #636363;
}

.a-FooterBlock_social {
    padding: 50px;
    background-color: #000000;
    border-top: 1px solid #3c3e45;
}

.a-FooterBlock_nav {
    text-align: center;
}

.a-FooterBlock_nav a {
    border: 1px solid #3c3e45;
    border-radius: 0;
    padding-top: 34px;
    padding-bottom: 34px;
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    transition: all .3s;
}

.a-FooterBlock_nav a:hover {
    border: 1px solid #003AFC;
    background-color: #003AFC;
    border-radius: 0;
    color: #fff;
}

.a-FooterBlock_bottom {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #3c3e45;
    background-color: #000000;
}

.a-FooterBlock_copyright {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

.a-FooterBlock_info {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

.a-FooterBlock_policy {
    text-align: right;
}

.a-FooterBlock_policy a {
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    transition: all .3s;
}

.a-FooterBlock_policy a:hover {
    color: #636363;
}

/*-------------------------------------------------------*/
/* Breadcrumb
/*-------------------------------------------------------*/

.a-breadcrumb {
    padding: 30px 50px;
    background-color: #fff;
    border-top: 1px solid #DCDCDC;
}

.a-breadcrumb-nav {
    margin-bottom: 0;
}

.kama_breadcrumbs a {
    color: #212529;
	font-size: 14px;
    font-weight: 400;
    transition: all .3s;
    margin-right: 8px;
}

.kama_breadcrumbs a:hover {
    color: #858585;
}

.kb_sep {
    color: #212529;
	font-size: 14px;
    font-weight: 400;
    margin-right: 8px;
}

.kb_title {
    color: #858585;
	font-size: 14px;
    font-weight: 400;
}

/*-------------------------------------------------------*/
/* Main
/*-------------------------------------------------------*/

.a-MainBlock_Title {
    padding: 50px;
}

.a-MainTitle {
    padding-left: 0;
    padding-right: 0;
}

.a-MainBlock_Title h1 {
    font-size: 80px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    bottom: 14%;
    width: 80%;
}

.a-MainSlider {
    background-color: #0F0F0F;
}

.a-index-slider {
    border-bottom: 4px solid #0A0A0A;
}

.video-cover {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.video-cover video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: white;
    background: rgba(0, 0, 0, 0.3); /* затемнение */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 576px) {
    .video-overlay h1 {
    font-size: 1.5rem;
    }
    .video-overlay p {
    font-size: 1rem;
    }
}

.a-index-slider_caption {
    left: 3%;
    text-align: left;
    bottom: 6%;
    position: absolute;
    z-index: 2;
    color: white;
}

.a-index-slider_caption h1 {
    font-size: 80px;
	text-transform: uppercase;
	font-weight: 200;
}

.a-index-slider_caption h1 b {
	font-weight: 600;
}

.a-index-slider_caption h2 {
    font-size: 30px;
	text-transform: uppercase;
	font-weight: 400;
}

.a-index-slider img {
    width: 100%;
    background-size: cover;
}

.a-MainSlider_Mobile {
    display: none;
}

.a-MainProjects {
	padding: 50px;
    border-top: 1px solid #DCDCDC;
}

.a-MainProjects_item {
    margin-bottom: 30px;
    border: 1px solid #DCDCDC;
    padding: 20px;
}

.a-MainProjects_itemPreview {
    text-align: right;
}

.a-MainProjectsBtn {
    text-align: center;
    margin-top: 30px;
}

.a-MainProjectsBtn a {
    border: 1px solid #2D2D2D;
    width: 100%;
    padding: 30px 40px;
    border-radius: 0;
    font-size: 20px;
    font-weight: 400;
}

.a-MainProjectsBtn a:hover {
    border: 1px solid #003AFC;
    background-color: #003AFC;
    color: #fff;
}

.a-MainAbout {
    padding: 50px;
    border-top: 1px solid #DCDCDC;
}

.a-MainAbout h2 {
    font-size: 20px;
    font-weight: 500;
    color: #aaaaaa;
    margin-bottom: 20px;
}

.a-MainAbout p {
    font-size: 30px;
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: 40px;
}

.a-MainAbout_BlockTitle h3 {
    font-size: 24px;
    font-weight: 200;
}

.a-MainAbout_BlockTitle {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    color: #aaaaaa;
}

.a-MainAbout_BlockImage p {
	font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0;
}

.a-MainAbout_BlockContent {
	padding-top: 11%;
}

.a-MainAbout_BlockContent p {
	font-size: 26px;
    font-weight: 200;
    line-height: 1.2;
    text-transform: uppercase;
}


.a-MainAboutAchievements {
    border: 1px solid #D9D9D9;
    padding: 60px;
    height: 350px;
}

.a-MainAboutAchievements h4 {
    font-size: 100px;
    font-weight: 600;
    margin-bottom: -10px;
}

.a-MainAboutAchievements span {
    font-size: 28px;
    font-weight: 400;
}

.a-MainAboutAchievements p {
    font-size: 16px;
    font-weight: 200;
    color: #535353;
}

.a-MainServices {
    padding: 50px;
    border-top: 1px solid #DCDCDC;
}

.a-MainServices-Title {
    font-size: 26px;
    font-weight: 600;
    color: #212529;
    text-transform: uppercase;
}

.a-MainServices-Content {
    font-size: 18px;
    font-weight: 200;
    color: #535353;
}

.custom-card {
    position: relative;
    background-color: #f0f0f0;
    overflow: hidden;
    min-height: 600px;
    cursor: pointer;
}
        
.custom-card:hover {
    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
}

.card-front, .card-back {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: opacity 0.4s;
}

.card-front {
    z-index: 2;
     opacity: 1;
}

.custom-card:hover .card-front {
    opacity: 0;
    pointer-events: none;
}

.card-back {
    z-index: 3;
    opacity: 0;
    background: #fff;
}

.custom-card:hover .card-back {
    opacity: 1;
}

.card-back img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

 .a-Main_BlogTitle {
    padding: 50px 50px 20px 50px;
    border-top: 1px solid #DCDCDC;
}

.a-Main_Blog {
    padding: 0 50px 50px 50px;
}

.a-Main_BlogTitle h3 {
    font-size: 40px;
    font-weight: 300;
}

.a-Main_BlogRight-link {
    text-align: right;
}

.a-Main_BlogRight-link a {
    text-align: center;
    border: 1px solid #000;
    padding: 20px 30px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    transition: all .3s;
    border-radius: 50px;
}

.a-Main_BlogRight-link a:hover {
    border: 1px solid #003AFC;
    background-color: #003AFC;
    color: #fff;
}

/*-------------------------------------------------------*/
/* PAGE:About
/*-------------------------------------------------------*/

.about-cover {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.cover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.3) grayscale(0.3);
}

.cover-content {
    position: relative;
    z-index: 2;
    height: 100vh;
    color: #fff;
}

.cover-title {
    padding-top: 80px;
    padding-left: 80px;
    font-size: 6rem;
    font-weight: 200;
    text-transform: uppercase;
}

.cover-description {
    position: absolute;
    bottom: 120px;
    right: 80px;
    max-width: 600px;
    text-align: right;
    font-size: 1.45rem;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
}

.cover-author {
    position: absolute;
    bottom: 80px;
    right: 80px;
    text-align: right;
    font-size: 0.75rem;
    line-height: 1.5;
    text-transform: uppercase;
}



.video-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.video-background {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    
}

.a-About_Block {
    padding: 50px;
    border-bottom: 1px solid #DCDCDC;
}

.a-About_BlockTitle h2 {
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
}

.a-About_BlockContent h3 {
    font-size: 50px;
    font-weight: 200;
    line-height: 1.0;
    margin-bottom: 40px;
}

.a-About_BlockContent {
    font-size: 20px;
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: 40px;
}

.a-About_BlockContent p {
    font-size: 20px;
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: 40px;
    color: #6b6b6b;
}

.a-MainAboutMeaning {
    margin-top: 20px;
}

.a-MainAboutMeaningIn {
    padding: 50px;
    background-color: #f7f7f7;
    height: 100%;
}

.a-MainAboutMeaning img {
    margin-bottom: 24px;
    width: 300px;
}

.a-MainAboutMeaning h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
}

.a-MainAboutMeaningText {
    font-size: 14px;
    font-weight: 300;
}

.a-About_BlockBlack {
    padding: 50px;
    border-bottom: 1px solid #1d1d1d;
    background-color: #000000;
}

.a-About_BlockBlackTitle h2 {
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
}

.a-About_BlockBlackContent h3 {
    font-size: 50px;
    font-weight: 200;
    line-height: 1.0;
    margin-bottom: 40px;
    color: #fff;
}

.a-About_BlockBlackContent p {
    font-size: 20px;
    font-weight: 200;
    line-height: 1.2;
    margin-bottom: 40px;
    color: #7c7c7c;
}

.a-About_InfoBlock-Item {
    padding: 40px;
    border: 1px solid #1d1d1d;
    height: 100%;
}

.a-About_InfoBlock-Item h4 {
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}

.a-About_InfoBlock-Item p {
    font-size: 16px;
    font-weight: 200;
    text-transform: uppercase;
    color: #fff;
    margin-top: 20px;
}

.a-About_MissionItem {
    margin-bottom: 20px;
}

.a-About_AdvantagesItem {
    border: 1px solid #1d1d1d;
    padding: 30px;
    font-size: 20px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s;
    text-align: center;
}

.a-About_AdvantagesItem:hover {
    border: 1px solid #003AFC;
    background-color: #003AFC;
}

.a-About_BlockBlackMaps {
    padding: 50px 50px 0 50px;
    background-color: #000000;
}

.a-About_BlockMaps {
    padding-left: 0;
    padding-right: 0;
}

.a-About_MapsBlockTitle h2 {
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
}

.a-About_MapsBlock p {
    font-size: 50px;
    font-weight: 200;
    line-height: 1.0;
    margin-bottom: 40px;
    color: #fff;
}

.a-About_PublicationTitle {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.a-About_PublicationContent {
    font-size: 18px;
    font-weight: 200;
    line-height: 1.0;
    margin-bottom: 40px;
    color: #7c7c7c;
}

.a-About_PublicationItem {
    border: 1px solid #DCDCDC;
    padding: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all .3s;
    color: #000;
}

.a-About_PublicationItem:hover {
    border: 1px solid #003AFC;
    background-color: #003AFC;
    color: #fff;
}

.a-About_PublicationTitle {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.a-About_PublicationExcerpt {
    font-size: 16px;
    font-weight: 400;
}

.a-About_PublicationYear {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.a-About_ComandsBlock {
    padding: 60px;
}

.a-About_ComandsTitle h2 {
    font-size: 70px;
    font-weight: 500;
    text-transform: uppercase;
}

.a-About_ComandsTitle b {
    font-weight: 600;
}

.a-About_ComandsItem h5 {
    font-size: 20px;
    font-weight: 200;
    text-transform: uppercase;
    margin-top: 20px;
}

.a-About_ComandsItem h5 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px;
}

.a-About_ComandsText {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}

.a-About_TallantsBlock {
    padding: 0 60px 60px 60px;
}

.a-About_TallantsTitle h4 {
    font-size: 70px;
    font-weight: 200;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.a-About_TallantsItem {
    border: 1px solid #2D2D2D;
    margin-bottom: 20px;
    padding: 30px;
    cursor: pointer;
    transition: all .3s;
}

.a-About_TallantsItemTitle h5 {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
}

.a-About_TallantsItemContent p {
    font-size: 20px;
    font-weight: 200;
    text-transform: uppercase;
    text-align: right;
    margin-bottom: 0;
}

.a-About_TallantsItemLink {
    background-color: #000;
    padding: 20px 30px;
    text-align: center;
}

.a-About_TallantsItemLink a {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

.a-About_ComandBG {
    padding-left: 0;
    padding-right: 0;
}

/*-------------------------------------------------------*/
/* PAGE:Projects
/*-------------------------------------------------------*/

.a-page_projects {
    background-color: #ffffff;
}

.a-projects_title {
    padding: 30px 50px 30px 40px;
    border-top: 1px solid #DCDCDC;
}

.a-projects_title h1 {

	font-size: 100px;
    font-weight: 200;
    margin-bottom: 0;
}

.a-projects_filter {
    padding: 50px;
}

.a-projects_filter_link {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.a-projects_filter_link {
    list-style-type: none;
    display: flex;
}

.a-projects_filter_linkTitle {
	font-size: 16px;
    font-weight: 600;
}

.a-projects_filter_link a {
    color: #000000;
	font-size: 16px;
	cursor: pointer;
	margin-right: 30px;
	transition: all .3s;
    border-bottom: 1px solid #fff;
}

.a-projects_filter_link a:hover  {
    color: #858585;
    border-bottom: 1px solid #858585;
}

.a-projects_view {
    padding: 50px;
    border-top: 1px solid #DCDCDC;
}

.a-projects_item {
    margin-bottom: 30px;
}

.a-projects_item_body {
    margin-top: 15px;
}

.a-projects_item_body h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.a-projects_item_text-muted {
    font-size: 14px;
    font-weight: 400;
    color: #aaaaaa;
    margin-bottom: 4px;
}

.a-projects_item_info {
    margin-top: 15px;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
}

.image-block img {
    width: 100%;
    height: auto;
    transition: filter 0.4s ease;
    display: block;
}

.image-block:hover img {
    filter: blur(4px) brightness(0.8);
}

.overlay-top,
.overlay-bottom {
    position: absolute;
    left: 0;
    right: 0;
    color: white;
    padding: 10px 15px;
    opacity: 0;
    transition: opacity 0.4s ease, transform 0.4s ease;
    z-index: 2;
}

.overlay-top {
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    font-weight: bold;
    transform: translateY(-100%);
}

.overlay-bottom {
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    transform: translateY(100%);
}

.image-block:hover .overlay-top,
.image-block:hover .overlay-bottom {
    opacity: 1;
    transform: translateY(0);
}

/*-------------------------------------------------------*/
/* PAGE:Projects: Mobile Dropdown
/*-------------------------------------------------------*/

.a-projects_filter_linkMobile {
    display: none;
}

.a-projects_filterMobile {
    display: none;
}

.a-projects_dropdownMobile-menu {
    padding: 20px;
    border-radius: 0;
    background-color: #fff;
    width: 100%;  
}

.a-projects_dropdownMobile-menu li {
    margin-bottom: 15px;
}

.a-projects_dropdownMobile-menu li>a {
    color: #212529;
    font-size: 18px;
    font-weight: 300;
}

.a-projects_dropdownMobile-menu li>a:hover {
    color:#2D2D2D;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
}

/*-------------------------------------------------------*/
/* PAGE:Single Projects
/*-------------------------------------------------------*/

.cover-section {
    height: 100vh;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

.parallax-wrapper {
    position: relative;
    height: 100%;
}
  
.parallax-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateZ(0);
    will-change: transform;
}
  
.a-SingleProjects_Block {
    padding: 50px;
	border-bottom: 1px solid #DCDCDC
}

.a-SingleProjectsBlockTitle {
    text-align: left;
}

.a-SingleProjectsBlockTitle h1 {
    font-size: 60px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 20px;
	text-transform: uppercase;
}

.a-SingleProjectsExcerpt p {
    font-size: 20px;
    font-weight: 300;
}

.a-SingleProjectsInfo span{
    font-size: 13px;
    font-weight: 400;
    color: #838383;
    margin-bottom: 2px;
}

.a-SingleProjectsInfo p {
    font-size: 14px;
    font-weight: 400;
}

.a-SingleProjects_Content {
    padding: 50px;
	
}

.a-SingleProjects_Similar {
    padding: 50px;
    background-color: #f0f0f0;
}

.a-SingleProjects_SimilarTitle h4 {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 50px;
}

/*-------------------------------------------------------*/
/* Form Lead
/*-------------------------------------------------------*/

.a-FormLead {
    padding: 50px;
    background-color: #040404;
	border-bottom: 1px solid #141414;
}

.a-FormLead_blockLeft {
    padding: 50px;
    border-top: 1px solid #141414;
	border-left: 1px solid #141414;
	border-right: 0;
	border-bottom: 1px solid #141414;
}

.a-FormLead_blockRight {
    padding: 50px;
    border: 1px solid #141414;
}

.a-FormLead_blockLeft h3 {
    font-size: 60px;
    font-weight: 200;
    color: #FFF;
}

.a-FormLead_blockLeft p {
    font-size: 16px;
    font-weight: 200;
    color: #FFF;
    margin-top: 60px;
    width: 70%;
}

.a-FormLead_form-control {
    border-radius: 0;
    height: 64px;
    padding-left: 20px;
	width: 100%;
}

.a-FormLead_block-check {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFF;
}

.a-FormLead_block-check a {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: underline;
    color: #FFF;
    transition: all .3s;
}
.a-FormLead_block-check a:hover {
    color: #4F4F4F;
}

.a-FormLead_form-btn {
    background-color: #003AFC;
    width: 100%;
    height: 64px;
    border-radius: 0;
    color: #FFF;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
	padding-bottom: 0;
}

.a-FormLead_form-btn:hover {
    background-color: #fff;
    color: #080808;
}

.a-FormCheck {
	padding-left: 0;
}

.a-FormCheck p {
	color: #FFF;
}

.wpcf7-list-item {
	margin: 0;
}

/*-------------------------------------------------------*/
/* PAGE:Services
/*-------------------------------------------------------*/

.a-services_Block {
    padding: 50px;
    border-top: 1px solid #DCDCDC;
}

.a-services_Block-Item {
    margin-bottom: 25px;
}

.a-services_title {
    margin-bottom: 40px;
}

.a-services_title h1 {
    font-size: 100px;
    font-weight: 200;
}

.servicesBlock {
    margin-bottom: 25px;
}

.service-block {
    padding: 2rem;
    background: #fff;
    border: 1px solid #DCDCDC;
    border-radius: 0;
}

.a-services_BlockHeader {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 30px;
}

.a-services_BlockBody {
    margin-bottom: 20px;
    margin-top: 20px;
}

.a-services_BlockBody h2 {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.a-services_Card {
    border: none;
}

.a-services_BlockExcerpt {
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 30px;
}

.a-services_Card-body {
    padding-left: 0;
}

.a-services_BlockDate {
    font-size: 16px;
    font-weight: 400;
}

.a-services_BlockPrice {
    font-size: 16px;
    font-weight: 400;
}

.a-services_BlockFooter {
    margin-top: 30px;
}

.a-services_BlockButton {
    background-color: #FFF;
    border: none;
    padding: 0;
}

.a-services_BlockBtn {
    background-color: #000000;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 20px;
    width: 100%;
    border: 1px solid #000;
    transition: all 0.3s ease;
    height: 100%;
    text-transform: uppercase;
}

.a-services_BlockBtn:hover {
    border: 1px solid #003AFC;
    background-color: #003AFC;
    color: #fff;
}

.a-services_BlockBtnInfo {
    background-color: #fff;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    padding: 20px;
    width: 100%;
    border: 0;
    transition: all 0.3s ease;
    border: 1px solid #000;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.a-services_BlockBtnInfo:hover {
    background-color: #000000;
    color: #fff;
}


.a-services_ModalAccordion {
    font-size: 14px;
    font-weight: 200;
}

/*-------------------------------------------------------*/
/* PAGE:Single services
/*-------------------------------------------------------*/

.a-SingleServices_Block {
    padding: 50px;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
}

.a-SingleServices_InfoBlock {
    background-color: #f6f6f6;
    padding: 50px;
}

.a-SingleServices_Card {
    background-color: #f6f6f6;
    border: none;
}

.a-SingleServices_Card h1 {
    font-size: 50px;
    font-weight: 200;
    line-height: 1;
    margin-bottom: 20px;
}

.a-SingleServices_Card h2 {
    font-size: 20px;
    font-weight: 200;
    width: 90%;
    margin-bottom: 20px;
}

.a-SingleServices_body {
    padding-left: 0;
}

.a-SingleServices_footer {
    border-top: none;
    background-color: #f6f6f6;
    padding: 0;
}

.a-SingleServices_btnLead {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    padding: 15px 20px;
    border-radius: 0;
    width: 100%;
}

.a-SingleServices_btnLead:hover {
    background-color: #003AFC;
    color: #fff;
}

.a-SingleServices_btnPrimer {
    background-color: #ffffff;
    color: #030303;
    font-size: 16px;
    font-weight: 200;
    padding: 15px 20px;
    border-radius: 0;
    width: 100%;
    margin-left: 10px;
}

.a-SingleServices_btnPrimer:hover {
    background-color: #003AFC;
    color: #fff;
}

.a-SingleServices_Content {
    padding: 50px;
}

.a-SingleServices_MainExcerpt {
    font-size: 52px;
    font-weight: 300;
    line-height: 1;
    text-indent: 20%;
    margin-bottom: 100px;
}

.a-SingleServices_Heading h3 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 40px;
}

.a-SingleServices_Item {
    margin-bottom: 20px;
}

.a-SingleServices_ItemCard {
    border: 1px solid #DCDCDC;
    border-radius: 0;
    padding: 40px;
}

.a-SingleServices_ItemHeader {
    background-color: #fff;
    border-bottom: 0;
}

.a-SingleServices_ItemHeaderNum {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

.a-SingleServices_ItemHeaderTitle {
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
}

.a-SingleServices_ItemHeaderExcerpt {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
}

.a-SingleServices_ItemBody {
    margin-top: 50px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
}

.a-SingleServices_ItemBody ul li {
    border: 0;
    padding: 0;
    margin-bottom: 10px;
}

.a-SingleServices_ItemFooter {
    background-color: #fff;
    border-bottom: 0;
}

.a-SingleServices_WhyChoose {
    padding: 50px;
    background-color: #f6f6f6;
}

.a-SingleServices_WhyChooseTitle h3 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 60px;
}

.a-SingleServices_WhyChooseItem {
    margin-bottom: 20px;
    border-bottom: 1px solid #DCDCDC;
    padding-bottom: 30px;
}

.a-SingleServices_WhyChooseItemNum {
    font-size: 26px;
    font-weight: 200;
    line-height: 1.2;
}

.a-SingleServices_WhyChooseItemTitle {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.2;
}

.a-SingleServices_WhyChooseItemContent {
    font-size: 26px;
    font-weight: 200;
    line-height: 1.2;
}

.a-SingleServices_Works {
    padding: 50px;
    background-color: #f6f6f6;
}

.a-SingleServices_WorksTitle p {
    font-size: 52px;
    font-weight: 300;
    line-height: 1;
    text-indent: 20%;
    margin-bottom: 60px;
}

.a-SingleServices_LeadForm {
    padding: 50px;
    background-color: #000;
    border-bottom: 1px solid #3c3e45;
}

.a-SingleServices_LeadFormImg {
    background-image: url('assets/img/bg/LeadFormBG.jpg'); /* Замените на путь к вашему изображению */
    background-size: cover;
    background-position: center;
    min-height: 60vh;
    display: flex;
    align-items: center;
    border-left: 1px solid #3c3e45;
    border-top: 1px solid #3c3e45;
    border-right: 0 solid #3c3e45;
    border-bottom: 1px solid #3c3e45;
}

.a-SingleServices_LeadFormLead {
    border: 1px solid #3c3e45;
    padding: 50px;
}

.a-SingleServices_LeadFormLead h4 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.a-SingleServices_LeadFormLead p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
}

.a-LeadForm_CheckLink {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
}

.a-SingleServices_LeadFormFormControl {
    border-radius: 0;
    width: 100%;
    padding: 18px;
    background-color: #000000;
    border: 1px solid #3c3e45;
}

.a-SingleServices_LeadFormFormControl:focus {
    background-color: #fff;
}

.a-SingleServices_LeadFormCheck {
    color: #ffffff;
    font-size: 14px;
    font-weight: 200;
    margin-top: 10px;
    margin-bottom: 30px;
}

.a-SingleServices_LeadFormCheck a {
    color: #ffffff;
    font-weight: 200;
    text-decoration: underline;
    transition: all .3s;
}

.a-SingleServices_LeadFormCheck a:hover {
    color: #003AFC;
}

.a-SingleServices_LeadFormBtn {
    background-color: #003AFC;
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
    padding: 15px 25px;
    border-radius: 0;
}

.a-SingleServices_LeadFormBtn:hover {
    background-color: #ffffff;
    color: #000000;
}

.a-SingleServices_Stages {
    padding: 50px;
    background-color: #000;
}

.a-SingleServices_StagesContent h3 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.a-SingleServices_StagesContent p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 60px;
}

.a-SingleServices_StagesTitle {
    color: #ffffff;
    font-size: 30px;
    font-weight: 200;
    line-height: 1.2;
}

.a-SingleServices_StagesBlock {
    margin-bottom: 40px;
}

.a-SingleServices_StagesItem {
    border: 1px solid #3c3e45;
    background-color: #000000;
    border-radius: 0;
    padding: 30px;
}

.a-SingleServices_StagesHeader {
    margin-bottom: 60px;
}

.a-SingleServices_StagesNum {
    color: #ffffff;
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 20px;
}

.a-SingleServices_StagesExcpert {
    color: #ffffff;
    font-size: 30px;
    font-weight: 200;
    line-height: 1.2;
    width: 80%;
}

.a-SingleServices_StagesBody p {
    color: #ffffff;
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 1px;
}

.a-SingleServices_StagesTitleTwo p {
    color: #ffffff;
    font-size: 52px;
    font-weight: 300;
    line-height: 1;
    text-indent: 20%;
    margin-bottom: 60px;
}

.a-SingleServices_Price {
    padding: 50px;
}

.a-SingleServices_PriceTitle h3 {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.a-SingleServices_PriceCard {
    background-color: #f6f6f6;
    padding: 0;
    border-radius: 0;
    border: 0;
}

.a-SingleServices_PriceHeader {
    background-color: #f6f6f6;
    padding: 40px;
    border-bottom: 0;
}

.a-SingleServices_PriceNum {
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 20px;
}

.a-SingleServices_PriceExcpert {
    font-size: 30px;
    font-weight: 400;
    line-height: 1.2;
}

.a-SingleServices_PriceBody {
    background-color: #f6f6f6;
    padding: 40px;
}

.a-SingleServices_PriceBody h4 {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 10px;
}

.a-SingleServices_PriceBody p {
    font-size: 16px;
    font-weight: 200;
    margin-bottom: 0;
}

.a-SingleServices_PricePrice {
    padding: 0 40px 40px 40px;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
}

.a-SingleServices_PriceFooter {
    background-color: #cacaca;
    padding: 0;
    border-top: 0;
}

.a-SinglePrice_btnLead {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    font-weight: 200;
    padding: 25px 20px;
    border-radius: 0;
    width: 100%;
}

.a-SinglePrice_btnLead:hover {
    background-color: #003AFC;
    color: #fff;
}

.a-SingleServices_FAQ {
    padding: 50px;
}

.a-SingleServices_FAQItem {
    margin-bottom: 10px;
}

.a-SingleServices_FAQTitle h3 {
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.a-SingleServices_FAQHeader {
    border: 1px solid #3c3e45;
    padding: 10px 20px;
}

.a-SingleServices_FAQBtn {
    font-size: 24px;
    font-weight: 300;
}

.a-SingleServices_FAQBody {
    font-size: 20px;
    font-weight: 300;
}

.a-SingleServices_ContentMapBG{
    padding: 50px 50px 0 50px;
    background-color: #000000;
}

.a-SingleServices_ContentMapTitle h3 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.a-SingleServices_ContentMapTitle p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 60px;
    width: 50%;
}

.a-SingleServices_ContentMap {
    border-bottom: 1px solid #3c3e45;
}

/*-------------------------------------------------------*/
/* PAGE:Blog
/*-------------------------------------------------------*/

.a-blog_Block {
    padding: 50px;
}

.a-blog_BlockPost {
    margin-bottom: 40px;
    border: 0;
}

.a-blog_BlockBody {
    padding: 0;
}

.a-blog_BlockCategory {
	margin-top: 12px;
    margin-bottom: 12px;
}

.a-blog_BlockCategory a {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #212529;
    border-bottom: 1px solid #212529;
	margin-right: 4px;
}

.a-blog_BlockCategory a:hover {
    color: #8F8F8F;
    transition: all .3s;
}

.a-blog_BlockTitle h2 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.a-blog_BlockTitle h2 a {
    color: #212529;
    transition: all .3s;
}

.a-blog_BlockTitle h2 a:hover {
    color: #003AFC;
}

.a-blog_BlockContent p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 10px;
}

.a-blog_BlockTime {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.a-blog_BlockFooter {
    background-color: #fff;
    border-top: 0;
    padding: 0;
}

.a-SinglePost_Header {
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
}

.a-SinglePost_Title {
    padding: 50px 0px 0px 0px;
}

.a-SinglePost_Title h1 {
    font-size: 80px;
    font-weight: 500;
    text-transform: uppercase;
}

.a-SinglePost_Excerpt {
    padding: 50px 0px 50px 0px;
    font-size: 24px;
    font-weight: 200;
}

.a-SinglePost_DC {
    padding: 50px 0px 50px 0px;
    font-size: 16px;
    font-weight: 200;
}

.a-SinglePost_DC span {
    margin-right: 30px;
}

.a-SinglePost_DC a {
    font-weight: 500;
    color: #000;
    transition: all .3s;
}

.a-SinglePost_DC a:hover {
    font-weight: 500;
    color: #003AFC;
}

.a-SinglePost_Content p {
    font-size: 16px;
    font-weight: 200;
    margin-top: 40px;
    margin-bottom: 40px;
}

.a-SinglePost_Block {
    padding-top: 60px;
    padding-bottom: 60px;
}

.a-SinglePost_BlockSocial {
    border: 1px solid #000;
    padding: 20px 40px;
}

.a-SinglePost_SocialTitle h4 {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0;
}

.a-SinglePost_SocialButton {
    text-align: right;
}

.a-SinglePost_Tags a {
    font-size: 12px;
    font-weight: 400;
    margin-right: 10px;
    background-color: #E5E5E5;
    color: #000;
    padding: 10px 20px;
    transition: all .3s;
}

.a-SinglePost_Tags a:hover {
    background-color: #003AFC;
    color: #fff;
}

.a-SinglePost_RelatedTitle h4 {
    font-size: 40px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/*-------------------------------------------------------*/
/* Blog Navigation
/*-------------------------------------------------------*/

.a-categories_Block {
    padding-left: 0;
    padding-right: 0;
}

.a-categories_BlockСategories  {
    padding: 30px 60px;
    border-bottom: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
}

.a-categories_BlockСategories ul  {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.a-categories_BlockСategories ul>li  {
    display: inline;
    margin-right: 20px;
}

.a-categories_BlockСategories ul>li a  {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    transition: all .3s;
    border-bottom:1px solid #ffffff;
}

.a-categories_BlockСategories ul>li a:hover  {
    border-bottom:1px solid #000;
}


/*-------------------------------------------------------*/
/* PAGE:Contacts
/*-------------------------------------------------------*/

.a-contacts_Block {
    padding: 50px;
    background-color: #fff;
    border-top: 1px solid #DCDCDC;
}

.a-contactsTitle {
    margin-bottom: 80px;
}

.a-contactsTitle h1 {
    font-size: 100px;
    font-weight: 200;
    color: #212529;
    line-height: 1.0;
    margin-bottom: 40px;
    margin-top: 40px;
}

.a-contactsTitle p {
    font-size: 26px;
    font-weight: 200;
    color: #212529;
    line-height: 1.0;
}

.a-contactsMainInfo {
    margin-top: 40px;
    margin-bottom: 60px;
}

.a-contactsMainInfo h2 {
    font-size: 24px;
    font-weight: 200;
    color: #7a7a7a;
}

.a-contactsMainInfo a { 
    font-size: 40px;
    font-weight: 200;
    color: #212529;
    border-bottom:1px solid #212529;
    transition: all .3s;
}

.a-contactsMainInfo a:hover {
    font-weight: 400;
}

.a-contactsMainInfo p {
    font-size: 16px;
    font-weight: 300;
    color: #212529;
}

.social-btn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    font-size: 20px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    margin: 0 6px;
    border: 1px solid #e4e4e5;
}

/* Цвета по соцсетям */
.social-telegram    { background-color: #ffffff; }
.social-instagram   { background-color: #ffffff; }
.social-vk          { background-color: #ffffff; }
.social-youtube     { background-color: #ffffff; }
.social-behance     { background-color: #ffffff; }
.social-pinterest   { background-color: #ffffff; }

/* Цвета по соцсетям — затемнение */
.social-telegram:hover    { background-color: #0088cc; color:#fff;}
.social-instagram:hover   { background-color: #E1306C; color:#fff;}
.social-vk:hover          { background-color: #4c75a3; color:#fff;}
.social-youtube:hover     { background-color: #FF0000; color:#fff;}
.social-behance:hover     { background-color: #1769ff; color:#fff;}
.social-pinterest:hover   { background-color: #bd081c; color:#fff;}

.a-contacts-img-cover {
    margin-top: 40px;
}
