/* ForsynkaCat.ru — основная таблица стилей */
html{background:#fff}
body{margin:0;padding:12px 0 20px;background:#fff;font:15px/1.42 "Times New Roman",Times,Georgia,serif;color:#141414}
a{color:#1f3f6b}
a:hover{color:#b8620c}
img{border:0;max-width:100%;height:auto}
.wrap{width:860px;margin:0 auto;border:1px solid #9aa0a0;box-shadow:0 0 6px rgba(0,0,0,.18);background:#cbcab3}

/* ---------- шапка ---------- */
.head{position:relative;height:178px;background:#1c2433;overflow:hidden;color:#fff}
.head .photo{position:absolute;left:0;top:0;width:262px;height:178px;background:#222 url(/img/header-engine.svg) center/cover no-repeat;border-right:3px solid #2e3a4f}
.head .photo:after{content:"";position:absolute;inset:0;box-shadow:inset -18px 0 22px -8px rgba(28,36,51,.9)}
.logo{position:absolute;right:22px;top:14px;text-decoration:none;color:#fff;font:bold 30px/1 Arial,Helvetica,sans-serif;letter-spacing:-.5px;display:flex;align-items:center;gap:6px}
.logo .ico{display:inline-block;width:20px;height:30px;position:relative;margin-right:4px}
.logo .ico i{position:absolute;left:5px;top:0;width:10px;height:9px;background:#f29a1f}
.logo .ico b{position:absolute;left:2px;top:10px;width:16px;height:12px;background:#e3e6e9;border-radius:2px}
.logo .ico s{position:absolute;left:7px;top:22px;width:6px;height:8px;background:#e3e6e9}
.logo .cat{background:#f29a1f;color:#1c2433;padding:1px 5px 2px;border-radius:3px;margin-left:1px}
.logo .ru{font-size:17px;color:#c9cfd8;align-self:flex-end;margin-bottom:2px}
.logo:hover{color:#fff}
.tagline{position:absolute;left:290px;top:62px;font:27px/1.08 "Times New Roman",Georgia,serif;color:#f3f3ee;margin:0;font-weight:normal;text-shadow:1px 1px 0 #000}
.tagline span{display:block}
.tagline span:nth-child(2){padding-left:14px}
.tagline span:nth-child(3){padding-left:70px}
.hcont{position:absolute;right:22px;top:66px;text-align:right;font:12px/1.55 Arial,Helvetica,sans-serif;color:#dfe3ea}
.hcont b{color:#f29a1f;font-weight:normal}
.hcont a{color:#fff;text-decoration:none}

/* ---------- меню ---------- */
.nav{background:#5f8b8a;border-top:2px solid #3f6564;border-bottom:1px solid #47706f;height:27px;padding-left:262px;font:bold 12px/27px Arial,Helvetica,sans-serif;white-space:nowrap}
.nav a{float:left;color:#14202b;text-decoration:none;padding:0 13px;border-right:1px solid #4d7776;text-transform:uppercase;letter-spacing:.3px}
.nav a:hover{background:#6f9c9b}
.nav a.on{background:#f0a23a;color:#1c2433}
.subnav{background:#b9b8a0;border-bottom:1px solid #a3a28a;height:22px;font:11px/22px Arial,sans-serif;padding-left:262px;color:#3b3b30}
.subnav span{color:#7a4a10}

/* ---------- колонки ---------- */
.cols{display:flex;align-items:flex-start;padding:14px 0 18px}
.side{width:188px;flex:0 0 188px;padding:0 0 0 12px}
.main{flex:1;min-width:0;padding:0 22px 0 22px}
.side h4{margin:16px 0 6px;font:bold 11px Arial,sans-serif;text-transform:uppercase;color:#3c4f4f;letter-spacing:.4px}
.side h4:first-child{margin-top:2px}
.smenu{list-style:none;margin:0;padding:0}
.smenu li{margin:0 0 5px}
.smenu a{display:block;background:#e2e1d1;border-left:4px solid #5f8b8a;color:#1c2433;text-decoration:none;font:bold 11px/1.3 Arial,sans-serif;padding:5px 7px}
.smenu a:hover,.smenu a.on{background:#f0a23a;border-left-color:#1c2433}
.sbox{background:#e2e1d1;padding:8px 9px;font-size:13px;line-height:1.35;margin-top:4px;border-top:3px solid #1c2433}
.sbox b{display:block;font:bold 11px Arial,sans-serif;text-transform:uppercase;color:#3c4f4f;margin-bottom:3px}
.sbox p{margin:0 0 6px}
.soc{display:flex;gap:5px;margin-top:6px}
.soc span{display:inline-block;width:26px;height:26px;border-radius:50%;background:#1c2433;color:#f29a1f;font:bold 9px/26px Arial,sans-serif;text-align:center;cursor:default}

/* ---------- текст ---------- */
.main h1{font:bold 21px/1.2 "Times New Roman",Georgia,serif;margin:0 0 12px;color:#111}
.main h2{font:bold 18px/1.25 "Times New Roman",Georgia,serif;text-align:center;margin:22px 0 10px;color:#111}
.main h3{font:bold 16px/1.25 "Times New Roman",Georgia,serif;margin:16px 0 6px}
.main p{margin:0 0 10px;text-align:justify}
.main ul,.main ol{margin:0 0 12px;padding-left:24px}
.main li{margin-bottom:4px}
.block{border-top:1px dotted #8f8e76;padding-top:4px;margin-top:14px;overflow:hidden}
.block:first-child{border-top:0;margin-top:0}
.intro{overflow:hidden}
.intro p:first-of-type{font-size:16px}
.pic-r,.pic-l{width:228px;margin:3px 0 8px 14px;float:right;border:1px solid #6e6d5a;background:#fff;padding:3px;box-shadow:2px 2px 0 rgba(0,0,0,.15)}
.pic-l{float:left;margin:3px 14px 8px 0}
.pic-r img,.pic-l img{display:block;width:100%}
.pic-c{text-align:center;margin:8px 0 12px}
.pic-c img{border:1px solid #6e6d5a;padding:3px;background:#fff}
ul.dots{list-style:none;padding-left:16px}
ul.dots li{position:relative;padding-left:14px}
ul.dots li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background:#1c2433;border-radius:50%}
ol.steps{list-style:none;counter-reset:st;padding-left:0}
ol.steps li{counter-increment:st;position:relative;padding:4px 0 6px 38px;border-bottom:1px dotted #a9a891}
ol.steps li:before{content:counter(st);position:absolute;left:0;top:4px;width:26px;height:22px;background:#1c2433;color:#f29a1f;font:bold 13px/22px Arial,sans-serif;text-align:center}
.note,blockquote{background:#e7e6d6;border-left:4px solid #f0a23a;padding:8px 12px;margin:10px 0 12px;font-size:14px}
.note p:last-child,blockquote p:last-child{margin-bottom:0}
table.tbl{width:100%;border-collapse:collapse;margin:8px 0 14px;background:#f1f0e4;font-size:14px}
table.tbl th{background:#5f8b8a;color:#fff;font:bold 12px Arial,sans-serif;text-align:left;padding:5px 7px;border:1px solid #4a7271}
table.tbl td{border:1px solid #b2b19a;padding:4px 7px;vertical-align:top}
table.tbl tr:nth-child(even) td{background:#e6e5d6}
.cards{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 12px}
.card{flex:1 1 calc(50% - 5px);box-sizing:border-box;background:#e7e6d6;border-top:3px solid #5f8b8a;padding:8px 10px}
.card h3{margin:0 0 5px;font-size:15px}
.card p{font-size:14px;text-align:left}
.more{font:bold 11px Arial,sans-serif;color:#b8620c;text-decoration:none;text-transform:uppercase}
.facts{display:flex;gap:8px;margin:10px 0 14px}
.fact{flex:1;background:#1c2433;color:#e6e6e6;text-align:center;padding:10px 6px;font:12px/1.3 Arial,sans-serif}
.fact b{display:block;font:bold 26px Georgia,serif;color:#f29a1f;margin-bottom:3px}
.cta{text-align:center!important;margin:12px 0 16px!important}
.btn,button.btn{display:inline-block;background:#f0a23a;color:#1c2433;border:1px solid #b8620c;font:bold 12px Arial,sans-serif;text-transform:uppercase;padding:8px 18px;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.btn:hover{background:#ffb653;color:#1c2433}
button.btn[disabled]{opacity:.55;cursor:not-allowed}
.crumbs{font:11px Arial,sans-serif;color:#555;margin:0 0 10px}
.crumbs a{color:#1f3f6b}
.seo{background:#e7e6d6;padding:10px 14px;border:1px solid #b2b19a;margin:14px 0}
.seo h2{margin-top:4px}

/* блог */
.post-list{margin:0;padding:0;list-style:none}
.post-list li{overflow:hidden;border-bottom:1px dotted #8f8e76;padding:10px 0}
.post-list img{float:left;width:120px;margin:2px 12px 4px 0;border:1px solid #6e6d5a;padding:2px;background:#fff}
.post-list h3{margin:0 0 4px;font-size:16px}
.post-list h3 a{color:#14202b;text-decoration:none}
.post-list h3 a:hover{color:#b8620c}
.post-list p{margin:0 0 4px;font-size:14px}
.post-meta{font:11px Arial,sans-serif;color:#5b5b4b;margin-bottom:8px}
.post-meta a{color:#5b5b4b}
.rel{background:#e7e6d6;padding:8px 12px;margin-top:18px;border-top:3px solid #1c2433}
.rel h3{margin-top:2px}
.pager{text-align:center;margin:14px 0;font:bold 12px Arial,sans-serif}
.pager a,.pager b{display:inline-block;padding:3px 8px;margin:0 2px;background:#e2e1d1;text-decoration:none;color:#1c2433}
.pager b{background:#f0a23a}
.catlist{columns:2;font-size:14px;margin:0 0 12px}

/* формы */
.form{background:#e7e6d6;border:1px solid #b2b19a;padding:12px 14px;margin:12px 0}
.form h3{margin-top:0}
.form label{display:block;font:bold 11px Arial,sans-serif;text-transform:uppercase;color:#3c4f4f;margin:6px 0 3px}
.form input[type=text],.form input[type=email],.form textarea,.form select{width:100%;box-sizing:border-box;border:1px solid #8f8e76;background:#fff;padding:5px 6px;font:14px Georgia,serif}
.form textarea{height:90px;resize:vertical}
.form .agree{display:flex;gap:8px;align-items:flex-start;font:12px/1.35 Arial,sans-serif;margin:10px 0;color:#333}
.form .agree input{margin:2px 0 0;flex:0 0 auto;width:15px;height:15px}
.form .ok{display:none;background:#1c2433;color:#fff;padding:8px 10px;font:13px Arial,sans-serif;margin-top:8px}
.form .row2{display:flex;gap:10px}.form .row2>div{flex:1}

/* футер */
.foot{background:#1c2433;color:#cfd4dc;padding:16px 22px 14px;font:13px/1.5 "Times New Roman",Georgia,serif;display:flex;flex-wrap:wrap;gap:12px 26px;align-items:flex-start}
.foot .logo{position:static;font-size:19px}
.foot .logo .ico{transform:scale(.7);transform-origin:left center;margin-right:-4px}
.foot .logo .ru{font-size:12px}
.foot a{color:#e7ebf1}
.foot .fcol{min-width:150px}
.foot .flinks a{display:block;font:12px/1.7 Arial,sans-serif;text-decoration:none}
.foot .flinks a:hover{color:#f29a1f}
.foot .copy{flex-basis:100%;border-top:1px solid #34405a;padding-top:8px;font:11px Arial,sans-serif;color:#9aa3b1}
.foot .copy a{color:#c2c9d4}

/* cookie */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#1c2433;border-top:3px solid #f0a23a;color:#e3e7ee;font:13px/1.4 Arial,sans-serif;padding:10px 16px;display:none}
.cookie .in{max-width:860px;margin:0 auto;display:flex;gap:14px;align-items:center}
.cookie a{color:#f29a1f}
.cookie .btn{flex:0 0 auto}

/* 404 */
.e404{text-align:center;padding:30px 0}
.e404 .big{font:bold 96px/1 Georgia,serif;color:#1c2433;text-shadow:3px 3px 0 #f0a23a}

/* адаптив */
@media (max-width:900px){
 body{padding:0}
 .wrap{width:auto;border:0;box-shadow:none}
 .head{height:auto;min-height:150px;padding:0 0 12px}
 .head .photo{width:110px;height:100%}
 .logo{position:relative;right:auto;top:auto;margin:12px 0 0 126px;font-size:22px}
 .tagline{position:relative;left:auto;top:auto;margin:10px 0 0 126px;font-size:18px}
 .tagline span{padding-left:0!important}
 .hcont{position:relative;right:auto;top:auto;text-align:left;margin:8px 0 0 126px}
 .nav{height:auto;padding:0;white-space:normal;overflow:hidden}
 .nav a{border-bottom:1px solid #4d7776}
 .subnav{padding:3px 12px;height:auto;line-height:1.7}
 .cols{flex-direction:column-reverse}
 .side{width:auto;flex:auto;padding:0 16px;margin-top:16px}
 .main{padding:0 16px}
 .pic-r,.pic-l{float:none;width:auto;max-width:320px;margin:6px auto 10px}
 .card{flex-basis:100%}
 .facts{flex-wrap:wrap}.fact{flex:1 1 40%}
 .catlist{columns:1}
 table.tbl{display:block;overflow-x:auto}
 .form .row2{flex-direction:column;gap:0}
 .cookie .in{flex-direction:column;align-items:flex-start}
}