:root {
  --tm:#FF6600;
  --mid:#FF802B;
  --sv:#FFDEC8;
  --grey:#8D8D8D;
  --bgsv:#D8D8D8;
  --bgssv:#F0F0F0;
}
body {background:var(--bgsv);color:#000;}

a{color:#000;}
a:hover{color:#fff;}

a.btn,a.btn2 {color: #000; background:#0003;border-color:var(--grey);}
a.btn2 {color: #fff; background:#000;}
a.btn.sel,a.btn:hover { background:#fff;color:var(--tm);}
a.btn2.sel,a.btn2:hover { background:#fff;color:var(--tm);}

header .tt {color:var(--tm);}
nav {background: linear-gradient(to right, var(--mid) , var(--tm) calc(50% - 500px), var(--tm) calc(50% + 500px), var(--mid) 100%);color:#FFF;border-color:var(--grey);}
nav ul.menu li>a{color:#fff;}
nav ul.menu>li:hover{background-color:#fff;}
nav ul.menu>li.sel>a{color:var(--sv);}
nav ul.menu>li:hover>a{color:var(--tm);}
nav ul.menu>li:hover>ul,
nav ul.menu>li.hwr>ul {background:#FFF;border-color:var(--grey);}
nav ul.menu>li>ul>li>a{color:#000;}
nav ul.menu>li>ul>li:hover>a{color:var(--tm);}

/*nav .ham {background:var(--tm);}*/
nav .ham .hamico{background: #fff;}
nav .ham .hamico:before,
nav .ham .hamico:after {background: #fff;}
nav .ham.sel .hamico:before,
nav .ham.sel .hamico:after {background:#fff;}

nav .ham>ul{background:#FFF;}
nav .ham.sel>ul{border-color:var(--grey);}
nav .ham>ul>li>a{color:#000;}
nav .ham>ul>li.sel>a,
nav .ham>ul>li:hover>a{color:var(--tm);}

@media (max-width: 1200px){
nav {background: var(--tm);}
}

footer {background: var(--tm);color: #000;}
footer .copy a{color: #000;}

.motives {border-color:var(--grey);}
.motives .titleBtn::before, .motives .titleBtn::after {background-color: var(--grey);}
.motives .motivesbtn a {background:#fff;border-color:var(--tm);}
.motives .motivesbtn a.sel {background-color: var(--sv);}
.motives .motivesbtn a:hover {background-color: var(--tm);}

.banners span.text {background-color:#fff;}
.banners .bannersbtn a {background-color:#fff;border: 1px solid #000;}
.banners .bannersbtn a.sel {background-color:var(--sv);}
.banners .bannersbtn a:hover {background-color:var(--tm);}

.sbm.bnr div.fg{color:#fff;}
.sbm.bnr h2{color:#fff;}


.sim {background: linear-gradient(to top, var(--bgsv), var(--bgssv) 500px);}

.panel h1,.panel h2,.panel h3,.panel h4,.panel h5 {color:var(--tm);}
.panel.color {background-color:var(--tm);color:#fff;}
.panel.black {background-color:#222;color:#fff;}

.panel a:hover{color:var(--tm);}
.panel.color a,
.panel.black a{color:#fff;}
.panel.color a:hover,
.panel.black a:hover{color:#fff;}
.panel.color a.download,
.panel.black a.download{background-image:url(../svg/download-w.svg);}
.panel.color h1,.panel.color h2,.panel.color h3,.panel.color h4,.panel.color h5 {color:#fff;}
.panel.black h1,.panel.black h2,.panel.black h3,.panel.black h4,.panel.black h5 {color:#fff;}

.border, .topline {border-color:var(--tm);}
.border.grey, .topline.grey {border-color:var(--grey);}
.border.white, .topline.white {border-color:#fff;}
hr {background:var(--tm);}
hr.black {background:#222;}
hr.grey {background:var(--grey);}
hr.white {background:#fff;}


.article a:hover{color:var(--tm);}
.article .artimg img{border-color: var(--tm);}

.content table th,
.content table td{border-color:var(--bgssv); background:#FFF;}
.content table a:hover{color:var(--tm);}
.content table.border th,
.content table.border td{border-color:#000;}
.content table.border a:hover{color:#FFF;}
.content table.noborder a:hover{color:#FFF;}

.pricelist.line:hover>div {background:#eee;}
.pricelist.sel>div{background-color:var(--sv);}

.content .submenu span{color:#fff; background:#000;border-color:var(--grey);}
.content .submenu a:hover span{background:#fff;color:var(--tm);}

.numbox h2,.numbox h3,.numbox h4{color:#fff;border-color:#fff;}

.content .sum {color:var(--tm);}

.content input[type="submit"] {color:#fff;background:#000;border-color:var(--grey);}
.content input[type="submit"]:hover {background:#fff;color:var(--tm);}

.content .form select,
.content .form input[type="text"],
.content .form input[type="file"],
.content .form input[type="password"],
.content .form textarea,
.content .form input[type="number"],
.content .form input.num {border-color:var(--grey); background:#FFF; color:#000;}
.content .form a[rel="count"] {color:#fff; background:#000;border-color:var(--grey);}
.content .form a[rel="count"]:hover {background:#fff;color:var(--tm);}

.formRes {background: #eee;}