@font-face {
 font-family: 'CuprumReg';
 src: url('../fonts/cuprum-regular.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
@font-face {
 font-family: 'CuprumBold';
 src: url('../fonts/cuprum-bold.woff') format('woff');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}

/* archived uCoz 1111.css base */
body {background:#f2f2f2;margin:0;padding:0;font-size:13px;font-family:Tahoma,Geneva,sans-serif;color:#6d7274;-webkit-text-size-adjust:100%;}
img,form {border:0;margin:0;}
img {max-width:100%;height:auto;}
a,input {outline:none;}
a {color:#0a8fcc;text-decoration:none;}
a:hover {text-decoration:underline;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:5px 0;padding:0;}
p {margin:0 0 10px;}
ul {list-style:square;}
.clr {clear:both;}
.wrapper {width:1170px;margin:0 auto;}
.head-l,.part-l {float:left;}
.head-r,.part-r {float:right;}

/* header */
#header {background:#273135 url('../img/bg-top.png');color:#f2f2f2;}
#head-top {background:#637075;padding:17px;color:#f2f2f2;font-size:12px;text-transform:uppercase;margin:0 0 60px;font-family:'CuprumReg';}
.head-l {max-width:calc(100% - 290px);}
.headline {display:inline-block;color:#ff0000;background:#000;font-family:'Comic Sans MS','Comic Sans',cursive;font-size:30px;line-height:1.08;padding:7px 10px;text-transform:none;}
.head-r {width:260px;text-align:right;}
.download-big {display:block;background:#0a8fcc;border-bottom:4px solid #08709e;color:#fff;text-align:center;padding:10px 8px 9px;text-decoration:none;box-sizing:border-box;}
.download-big span {display:block;font-family:'CuprumBold';font-size:27px;line-height:1;letter-spacing:1px;text-transform:uppercase;}
.download-big small {display:block;font-family:'CuprumReg';font-size:10px;line-height:1.4;letter-spacing:.4px;padding:3px 0 0;text-transform:uppercase;color:#e8f6fb;}
.download-big:hover {background:#252f32;border-bottom-color:#11181a;color:#fff;text-decoration:none;}
.download-ios {display:inline-block;color:#e7edef;font-family:'CuprumReg';font-size:10px;line-height:1.3;text-transform:none;margin:5px 0 0;text-decoration:underline;}
.download-ios:hover {color:#fff;}

/* one-item gradient menu */
#catmenu {height:70px;background:#637075;overflow:hidden;}
#catmenu ul {margin:0;padding:0;list-style:none;}
#catmenu li {margin:0;padding:0;list-style:none;float:left;}
#catmenu li a {position:relative;display:block;height:70px;line-height:70px;padding:0 42px;float:left;color:#f2f2f2;font-size:14px;text-transform:uppercase;text-align:center;text-decoration:none;font-family:'CuprumBold';background:#6f7c81;}
#catmenu li a span {display:inline-block;line-height:120%;vertical-align:middle;}
#catmenu li a:hover {text-decoration:none;background:#7d8b91;}
#catmenu li a:hover:before,#catmenu li a.current-item:before {content:"";position:absolute;height:5px;width:100%;top:0;left:0;background:#0a8fcc;}

/* slider: 766 image + 404 text, 392 high */
#slider {overflow:hidden;position:relative;height:392px;}
.slide {display:none;height:392px;}
.slide.is-active {display:block;}
.slide .part-l {width:766px;height:392px;}
.slide .part-r {width:404px;height:392px;background:#273135;}
.slide-i {overflow:hidden;position:relative;width:766px;height:392px;}
.slide-i img {display:block;width:766px;height:392px;object-fit:cover;}
.slide-t {position:absolute;top:40px;right:0;width:40%;box-sizing:border-box;padding:22px 45px 18px;font-size:22px;line-height:1.15;color:#2d383e;background:rgba(242,242,242,.9);border-top:1px solid #2d383d;text-align:right;font-family:'CuprumBold';}
.slide-d {margin:40px 0 0;position:relative;overflow:hidden;border-top:1px solid #f2f2f2;height:351px;padding:24px 45px 0;box-sizing:border-box;}
.slide-st {padding:12px 0 0;color:#f8f9f9;font-size:14px;line-height:1.55;}
.slide-st p {margin:0 0 9px;}
.slide-reviews {font-size:12px;line-height:1.45;}
.slide-reviews p {margin:0 0 5px;}
.flex-control-nav {position:absolute;right:444px;bottom:40px;z-index:100;display:flex;}
.flex-control-nav button {display:block;width:17px;height:17px;padding:0;margin:0 0 0 10px;background:#273135;border:none;border-radius:100%;cursor:pointer;font-size:0;text-indent:-9999px;}
.flex-control-nav button:hover {background:#929b9e;}
.flex-control-nav button.is-active {background:#0a8fcc;}

/* content: original light empty area, now text + hero gallery */
#casing {padding:0 0 40px;background:#f2f2f2;}
.part-l {width:766px;}
.part-i {padding:0 45px;}
#content {background:#ecedee;padding:40px 0;}
.eTitle {padding:0 0 20px;margin:0 0 14px;font-size:20px;text-transform:uppercase;border-bottom:1px solid #8e989b;color:#273135;font-family:'CuprumReg';}
#content .eTitle + .lead {margin-top:0;}
#content p {font-size:13px;line-height:1.7;margin:0 0 10px;}
.lead {font-size:14px !important;line-height:1.7;color:#5d686b;}
h3 {font-family:'CuprumReg';font-size:19px;line-height:1.2;text-transform:uppercase;color:#273135;margin:28px 0 8px;padding:0 0 6px;border-bottom:1px solid #cdd0d4;}
#content ul,#content ol {margin:0 0 12px;padding:0 0 0 22px;}
#content li {margin:3px 0;line-height:1.65;}
.download-row {margin:15px 0 4px;}
.blue-button {display:inline-block;background:#0a8fcc;border-bottom:3px solid #08709e;color:#fff;font-family:'CuprumBold';font-size:14px;line-height:1.2;text-transform:uppercase;padding:13px 22px;margin:0 8px 8px 0;text-decoration:none;}
.blue-button:hover {background:#252f32;border-bottom-color:#11181a;color:#fff;text-decoration:none;}
.blue-button-gray {background:#637075;border-bottom-color:#4b585c;}
.note {background:#dfe4e6;border-left:3px solid #0a8fcc;padding:11px 13px;margin:14px 0;font-size:12px;line-height:1.65;color:#5d686b;}
.note b {color:#273135;}
.reviews {margin:8px 0 12px;}
.review {background:#fff;border:1px solid #d5dbdd;padding:9px 12px;margin:0 0 8px;font-size:12px;line-height:1.6;color:#5d686b;}
.review b {color:#273135;}
.wish {margin-top:16px !important;}
.hero-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 0;}
.hero-card {background:#fff;border:1px solid #d5dbdd;padding:7px;text-align:center;box-sizing:border-box;min-width:0;transition:border-color .15s,background .15s;}
.hero-card img {display:block;width:100%;height:auto;aspect-ratio:1/1;border:1px solid #e1e5e6;background:#273135;}
.hero-name {padding:7px 0 2px;font-family:'CuprumBold';font-size:12px;line-height:1.2;text-transform:uppercase;color:#273135;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hero-card:hover {border-color:#0a8fcc;background:#f7fbfd;}
.hero-card:hover .hero-name {color:#0a8fcc;}

/* footer */
#footer {background:#273135 url('../img/bg-top.png');}
.foot-i {padding:40px 17px;color:#8e979b;font-size:11px;line-height:1.6;}
.foot-i a {color:#f2f2f2;text-decoration:underline;}
.foot-i a:hover {color:#fff;}

/* 960–1199 */
@media only screen and (min-width:960px) and (max-width:1200px) {
 .wrapper {width:980px;}
 .part-l,.slide-i,.slide-i img,.slide .part-l {width:660px;}
 .slide .part-r {width:320px;}
 .part-i {padding:0 25px;}
 #slider,.slide,.slide .part-l,.slide .part-r {height:362px;}
 .slide-i,.slide-i img {height:362px;}
 .slide-t {padding:18px 25px 15px;font-size:19px;top:32px;}
 .slide-d {height:321px;padding:20px 25px 0;}
 .slide-st {font-size:13px;line-height:1.5;padding-top:9px;}
 .slide-reviews {font-size:11px;line-height:1.4;}
 .flex-control-nav {right:345px;bottom:35px;}
 .headline {font-size:24px;}
 .head-l {max-width:calc(100% - 250px);}
 .head-r {width:230px;}
 .download-big span {font-size:24px;}
 #catmenu li a {font-size:12px;}
 .hero-grid {gap:8px;}
 .hero-name {font-size:11px;}
}

/* tablet: stack the slider text under the image */
@media only screen and (min-width:768px) and (max-width:959px) {
 .wrapper,.part-l {width:768px;}
 .part-i {padding:0 25px;}
 #head-top {margin:0 0 20px;}
 .head-l {max-width:calc(100% - 240px);}
 .headline {font-size:20px;}
 .head-r {width:220px;}
 .download-big span {font-size:22px;}
 #catmenu li a {height:56px;line-height:56px;font-size:12px;padding:0 30px;}
 #catmenu {height:56px;}
 #slider {height:auto;}
 .slide {height:auto;}
 .slide .part-l {width:768px;height:392px;}
 .slide-i,.slide-i img {width:768px;height:392px;}
 .slide .part-r {float:none;width:768px;height:auto;}
 .slide-d {margin:0;height:auto;min-height:0;padding:18px 25px 22px;border-top:3px solid #637075;}
 .slide-st {padding:0;font-size:13px;}
 .slide-reviews {font-size:11px;line-height:1.45;}
 .slide-t {top:24px;width:48%;padding:16px 25px 13px;font-size:18px;}
 .flex-control-nav {right:25px;bottom:auto;top:340px;}
 .hero-grid {grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}
 .hero-name {font-size:11px;}
}

/* phones */
@media only screen and (max-width:767px) {
 .wrapper,.part-l {width:100%;max-width:456px;}
 .part-l {float:none;}
 #head-top {margin:0;padding:12px;}
 .head-l {float:none;max-width:100%;}
 .headline {font-size:18px;line-height:1.15;padding:5px 7px;}
 .head-r {float:none;width:100%;text-align:center;padding:9px 0 0;}
 .download-big {width:100%;}
 .download-big span {font-size:24px;}
 .download-ios {font-size:10px;}
 #catmenu {height:48px;}
 #catmenu li {float:none;}
 #catmenu li a {display:block;float:none;width:100%;height:48px;line-height:48px;padding:0;font-size:12px;text-align:center;}
 #slider {height:auto;}
 .slide {height:auto;}
 .slide .part-l {float:none;width:100%;height:230px;}
 .slide-i,.slide-i img {width:100%;height:230px;}
 .slide-t {top:10px;right:10px;width:auto;max-width:72%;padding:8px 10px;font-size:13px;line-height:1.15;}
 .slide .part-r {float:none;width:100%;height:auto;}
 .slide-d {margin:0;height:auto;min-height:0;padding:14px 14px 18px;border-top:3px solid #637075;}
 .slide-st {padding:0;font-size:12px;line-height:1.5;}
 .slide-reviews {font-size:11px;line-height:1.45;}
 .flex-control-nav {right:12px;bottom:auto;top:196px;}
 .flex-control-nav button {width:14px;height:14px;margin-left:7px;}
 #content {padding:24px 0;}
 .part-i {padding:0 12px;}
 .eTitle {font-size:18px;padding-bottom:12px;}
 h3 {font-size:17px;margin-top:22px;}
 #content p {font-size:12px;}
 .lead {font-size:13px !important;}
 .blue-button {display:block;width:100%;text-align:center;box-sizing:border-box;margin:0 0 8px;}
 .hero-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
 .hero-name {font-size:10px;padding-top:5px;}
 .foot-i {padding:26px 12px;font-size:10px;text-align:center;}
}

@media only screen and (max-width:480px) {
 .headline {font-size:16px;}
 .hero-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .hero-name {font-size:11px;}
}