/* Start:/local/templates/fatcats/styles.css?17638288849599*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: #0a0a0a;
    color: #e0e0e0;
    line-height: 1.6;
    overflow-x: hidden;
}

/* Bitrix Admin Panel */
#panel {
    position: relative;
    z-index: 10000 !important;
}

#panel * {
    z-index: 10000 !important;
}

/* Отступ для body, если панель видна */
body.bx-admin-panel {
    padding-top: 0;
}

html, body {
    height: 100%;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Navigation */
nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(10, 10, 10, 0.95);
    backdrop-filter: blur(10px);
    padding: 24px 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(212, 175, 55, 0.1);
}

.nav-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-size: 24px;
    font-weight: 700;
    color: #d4af37;
    letter-spacing: -0.5px;
}

.logo a {
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: inherit;
}

.logo-icon {
    width: 32px;
    height: 32px;
}

.nav-links {
    display: flex;
    gap: 40px;
    list-style: none;
}

.nav-links a {
    color: #e0e0e0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: color 0.3s;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.nav-links a:hover {
    color: #d4af37;
}

/* Hero Section */
.hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 120px 0 80px;
    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: 
        radial-gradient(circle at 20% 50%, rgba(212, 175, 55, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(212, 175, 55, 0.03) 0%, transparent 50%);
    pointer-events: none;
}

.hero-content {
    text-align: center;
    max-width: 900px;
    position: relative;
    z-index: 1;
}

.hero h1 {
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 24px;
    line-height: 1.1;
    letter-spacing: -2px;
    color: #ffffff;
}

.hero p {
    font-size: 20px;
    color: #b0b0b0;
    margin-bottom: 48px;
    line-height: 1.6;
    font-weight: 400;
}

.hero-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
}

.btn {
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: all 0.3s;
    text-decoration: none;
    display: inline-block;
    letter-spacing: 0.5px;
}

.btn-primary {
    background: #d4af37;
    color: #0a0a0a;
}

.btn-primary:hover {
    background: #e5c158;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.3);
}

.btn-secondary {
    background: transparent;
    color: #d4af37;
    border: 2px solid #d4af37;
}

.btn-secondary:hover {
    background: rgba(212, 175, 55, 0.1);
    transform: translateY(-2px);
}

/* Sections */
section {
    padding: 120px 0;
    position: relative;
}

section h2 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 24px;
    letter-spacing: -1px;
    color: #ffffff;
}

section h3 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
    color: #ffffff;
}

/* About Section */
.about {
    background: #0f0f0f;
}

.about-content {
    max-width: 800px;
    margin: 0 auto;
}

.about p {
    font-size: 18px;
    color: #b0b0b0;
    margin-bottom: 20px;
    line-height: 1.8;
}

/* Services Section */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 32px;
    margin-top: 64px;
}

.service-card {
    background: #141414;
    padding: 40px;
    border: 1px solid rgba(212, 175, 55, 0.1);
    transition: all 0.3s;
}

.service-card:hover {
    border-color: rgba(212, 175, 55, 0.3);
    transform: translateY(-4px);
    box-shadow: 0 8px 32px rgba(212, 175, 55, 0.1);
}

.service-icon {
    font-size: 40px;
    margin-bottom: 24px;
}

.service-card h3 {
    font-size: 24px;
    margin-bottom: 16px;
    color: #d4af37;
}

.service-card ul {
    list-style: none;
    color: #b0b0b0;
    font-size: 15px;
}

.service-card li {
    margin-bottom: 8px;
    padding-left: 20px;
    position: relative;
}

.service-card li::before {
    content: '→';
    position: absolute;
    left: 0;
    color: #d4af37;
}

/* Portfolio Section */
.portfolio {
    background: #0f0f0f;
}

.portfolio-item {
    background: #141414;
    padding: 64px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    margin-top: 48px;
}

.portfolio-item h3 {
    color: #d4af37;
    font-size: 36px;
    margin-bottom: 24px;
}

.portfolio-item p {
    font-size: 18px;
    color: #b0b0b0;
    margin-bottom: 16px;
    line-height: 1.8;
}

.portfolio-item ul {
    list-style: none;
    margin: 32px 0;
}

.portfolio-item li {
    font-size: 17px;
    color: #b0b0b0;
    margin-bottom: 12px;
    padding-left: 24px;
    position: relative;
}

.portfolio-item li::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #d4af37;
    font-weight: bold;
}

.portfolio-highlight {
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    margin-top: 32px;
    padding: 24px;
    background: rgba(212, 175, 55, 0.05);
    border-left: 3px solid #d4af37;
}

/* Why Section */
.why-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 24px;
    margin-top: 64px;
}

.why-item {
    padding: 32px;
    background: #141414;
    border-left: 3px solid #d4af37;
}

.why-item p {
    font-size: 17px;
    color: #b0b0b0;
}

/* Process Section */
.process {
    background: #0f0f0f;
}

.process-steps {
    margin-top: 64px;
}

.process-step {
    display: flex;
    gap: 32px;
    margin-bottom: 40px;
    align-items: flex-start;
}

.step-number {
    font-size: 48px;
    font-weight: 700;
    color: #d4af37;
    min-width: 80px;
}

.step-content h4 {
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 8px;
}

.step-content p {
    color: #b0b0b0;
    font-size: 16px;
}

/* Contact Section */
.contact-content {
    max-width: 600px;
    margin: 48px auto 0;
}

.contact-intro {
    text-align: center;
    font-size: 20px;
    color: #b0b0b0;
    margin-bottom: 48px;
}

.form-group {
    margin-bottom: 24px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    color: #e0e0e0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 16px;
    background: #141414;
    border: 1px solid rgba(212, 175, 55, 0.2);
    color: #e0e0e0;
    font-size: 16px;
    font-family: inherit;
    transition: border-color 0.3s;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #d4af37;
}

.form-group textarea {
    min-height: 150px;
    resize: vertical;
}

.contact-info {
    text-align: center;
    margin-top: 48px;
    padding-top: 48px;
    border-top: 1px solid rgba(212, 175, 55, 0.1);
}

.contact-info p {
    font-size: 16px;
    color: #b0b0b0;
    margin-bottom: 16px;
}

.contact-links {
    display: flex;
    gap: 24px;
    justify-content: center;
    margin-top: 24px;
}

.contact-links a {
    color: #d4af37;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    transition: color 0.3s;
}

.contact-links a:hover {
    color: #e5c158;
}

/* Footer */
footer {
    background: #0a0a0a;
    padding: 40px 0;
    text-align: center;
    border-top: 1px solid rgba(212, 175, 55, 0.1);
}

footer p {
    color: #666;
    font-size: 14px;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}

/* Loading state */
.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.form-message {
    margin-top: 16px;
    padding: 16px;
    text-align: center;
    font-size: 14px;
    display: none;
}

.form-message.success {
    background: rgba(76, 175, 80, 0.1);
    color: #4caf50;
    border: 1px solid rgba(76, 175, 80, 0.3);
    display: block;
}

.form-message.error {
    background: rgba(244, 67, 54, 0.1);
    color: #f44336;
    border: 1px solid rgba(244, 67, 54, 0.3);
    display: block;
}

@media (max-width: 768px) {
    .hero h1 {
        font-size: 40px;
    }

    .hero p {
        font-size: 18px;
    }

    section h2 {
        font-size: 36px;
    }

    .nav-links {
        gap: 20px;
    }

    .nav-links a {
        font-size: 12px;
    }

    .hero-buttons {
        flex-direction: column;
    }

    .services-grid,
    .why-grid {
        grid-template-columns: 1fr;
    }

    .portfolio-item {
        padding: 32px;
    }

    .process-step {
        flex-direction: column;
        gap: 16px;
    }
}

/* End */


/* Start:/local/templates/fatcats/template_styles.min.css?17636883627829*/
html{width:100%;height:100%}body{height:100%;margin:0;padding:0;font-size:80.01%;font-family:Verdana,Arial,Helvetica,sans-serif}form{margin:0;padding:0}form.main-form{display:block;margin:0;padding:0;width:100%;height:100%}#page-wrapper{min-height:100%;margin:0 auto -90px}* html #page-wrapper{height:100%}#header{height:106px;position:relative;z-index:10;width:878px;margin:0 auto}#top-menu{position:absolute;top:46px;width:638px;height:30px;right:0}#top-menu-inner{margin-left:16px;padding-right:16px;height:30px}#logo{width:235px;height:100px;position:absolute;left:0;top:0;text-align:center}#logo td{padding:0}#logo a{outline:0}#top-icons{overflow:hidden;height:15px;position:absolute;top:17px;width:200px;left:252px}#top-icons a{float:left;margin-right:31px}a.home-icon{width:12px;height:11px}a.search-icon{width:12px;height:12px}a.feedback-icon{width:14px;height:10px}#banner{margin:0 auto;width:878px;height:153px;position:relative}#banner-layout{height:142px;table-layout:fixed}#banner-overlay{height:153px;position:absolute;width:437px;left:0;top:0}#banner-image{padding:0;width:437px;vertical-align:top}#banner-image div{width:437px;height:142px;overflow:hidden}#banner-slogan{padding:0;width:441px;font-family:Arial;font-style:italic;font-size:2em;font-weight:bold;padding:10px 0 32px}#content{width:878px;overflow:hidden;margin:20px auto 29px;zoom:1}#sidebar{width:233px;float:left}#workarea{padding-top:10px;width:612px;float:right}
#footer  
{
	background: #F5F5F5 url(/local/templates/fatcats/images/footer-corner.gif) no-repeat left top;
 height:90px;width:878px;margin:0 auto;position:relative}#copyright{width:49%;position:absolute;top:20px;left:25px}#copyright p{margin:0}.footer-links{width:50%;position:absolute;right:25px;top:20px}#footer-links{margin:0;padding:0;list-style:none;text-align:right}#footer-links li{display:inline;padding-left:1.5em}#space-for-footer{height:90px}#footer-design{width:300px;position:absolute;right:25px;top:52px;text-align:right}#footer-design a{color:#757575;font-size:11px;text-decoration:none}#footer-design a:hover{text-decoration:underline}div.content-block{margin-bottom:24px}div.content-block-inner{padding:22px 18px 22px 21px}div.information-block div.top{height:13px;border-right:1px solid;font-size:1px;	background: #FFF url(/local/templates/fatcats/images/sidebar-corners-form.gif) no-repeat left top;
}div.information-block div.bottom{height:13px;border-left:1px solid;font-size:1px;	background: #FFF url(/local/templates/fatcats/images/sidebar-corners-form.gif) no-repeat right bottom;
}div.information-block-inner{border-left:1px solid;border-right:1px solid;padding:9px 18px 9px 21px;zoom:1}div.information-block div.top,div.information-block div.bottom,div.information-block-inner{border-color:#e3e3e3}#search{width:190px;overflow:hidden}#search div.rounded-box{float:left;width:135px}#search div.search-inner-box{border:1px solid;padding-left:20px;height:20px;overflow:hidden;	background: white url(/local/templates/fatcats/images/loupe.gif) no-repeat 4px 4px;
}#search div.search-inner-box input{border:1px solid;width:110px;height:18px;padding:0;margin:0}#search input{vertical-align:top}#search-button{float:right;width:48px;border:1px solid}#search-button input::-moz-focus-inner{border:0;padding:0}#search-button input{display:block;border:0;background:0;width:48px;padding:0;margin:0;font-family:Georgia,serif;font-size:12px;height:19px;cursor:pointer;cursor:hand;outline:0}div.search-item h4{margin-bottom:.4em}dl.block-list{margin:0;padding:0;font-size:.85em}dl.block-list dt{margin:1.5em 0 .5em}dl.block-list dd{margin:0;padding:0}dl.block-list a{text-decoration:none;outline:0}dl.block-list a:hover{text-decoration:underline}#sidebar h3{font-family:Verdana;font-size:1em;font-weight:bold;padding:0 0 1em;margin:0 0 1em}#left-menu{margin:0;padding:0;list-style:none}#left-menu li{margin:0 0 .7em;padding:0 0 .7em;display:block}#left-menu a{text-decoration:none;font-size:1em;font-weight:bold;padding:1em 1em 1em 0;outline:0}#left-menu li.last-item{background:0;margin-bottom:0;padding-bottom:0}#left-menu li.selected a{padding-left:1em}#left-menu li.selected{text-indent:-1em;padding-left:1em}div.navigation{font-size:100%;line-height:200%}span.navigation-title{padding-right:.65em;font-weight:bold}div.navigation a{text-decoration:underline;padding:.2em .3em}span.nav-current-page{padding:.2em .3em}div.navigation span.arrow{font-size:100%;font-family:Times,serif}div.navigation span.ctrl{font-size:85%}div.product-list{overflow:hidden}div.product{overflow:hidden;width:280px;height:105px;margin:0 25px 20px 0;position:relative;float:left}div.product-alt{margin-right:0}div.product-image{width:250px;height:105px;background-repeat:no-repeat;background-position:left top;position:absolute;top:0;left:0}div.product-overlay{width:280px;height:105px;position:absolute;z-index:1}a.product-desc{float:right;height:62px;overflow:hidden;position:absolute;right:0;top:0;width:142px;z-index:2;font-size:1em;text-decoration:none;padding:13px 10px 30px 129px}a.product-desc p{font-size:.85em;margin:7px 0 0}div.news-list{margin:0 0 2em}div.news-item{margin:0 0 2em;padding:0 0 2em;border-bottom:1px solid}div.news-date{margin:0 0 1em}div.news-title{font-size:1em;margin:0 0 1em;font-weight:bold}a.news-detail-link{display:block;margin:1em 0 0;outline:0}div.catalog-list,div.catalog-detail{padding:1em 0 0}div.catalog-item{margin:0 0 2em;padding:0 0 2em;border-bottom:1px solid;overflow:hidden;zoom:1}div.catalog-detail div.catalog-item{border:0}div.catalog-item-title{margin:0 0 1em}div.catalog-item-title a{font-weight:bold}div.catalog-item-image{float:left;margin:0 1em 1em 0;border:1px solid;padding:4px}div.catalog-item-price{clear:left;float:left;padding:.5em 1em;margin:1em 0 0;font-weight:bold}div.catalog-item-desc{clear:left}div.catalog-item-properties{clear:both;padding:1em 0 0;overflow:hidden}div.catalog-item-property{margin:0 0 1em;border-bottom:1px dashed;float:left;width:100%}div.catalog-item-property b{float:right;position:relative;top:.31em;padding-left:3px;font-style:italic;font-weight:normal}div.catalog-item-property span{float:left;position:relative;top:.31em;padding-right:3px;zoom:1}div.catalog-item-properties-title{font-size:1em;font-weight:bold;margin:2em 0 1em}div.special-product-title{text-align:center;margin:0 0 1em}div.special-product-image{text-align:center;margin:0 0 1em}div.special-product{text-align:center}#horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;min-height:27px;width:100%;list-style:none;font-size:12px;float:left;background:0}#horizontal-multilevel-menu a{display:block;padding:5px 3px;text-decoration:none;text-align:center;outline:0}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{font-weight:bold;padding:8px 12px 8px}#horizontal-multilevel-menu a.parent { background: url(/local/templates/fatcats/images/top-menu-arrow.gif) center right no-repeat; } /*Item-parents*/
 #horizontal-multilevel-menu li a.root-item-selected{font-weight:bold;padding:8px 12px 8px}#horizontal-multilevel-menu li.last-item{border:0}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:163px;padding:3px 11px;border:1px solid}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid}#horizontal-multilevel-menu li ul a{text-align:left;font-size:12px}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 160px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li li:hover ul{display:block}div.menu-clear-left{clear:left}div.content-form{padding-left:1em}
/* End */
/* /local/templates/fatcats/styles.css?17638288849599 */
/* /local/templates/fatcats/template_styles.min.css?17636883627829 */