@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish&display=swap');

.overflow {
    display: flex;
    overflow: hidden;
    max-height: 100%;
}

.overflow > img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
}

.declaration {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.declaration img {
    height: 260px;
    width: 260px;
}

.hollyday-right {
    position: absolute;
    top: 80px;
    right: 0px;
    z-index:3;
    overflow: hidden;
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Mulish', sans-serif;
  font-size: 17px;
}
*::-moz-selection {
  background-color: #e8c34b;
  color: #fff;
}

*::selection {
  background-color: #e8c34b;
  color: #fff;
}

h1, h2, h3 {
  font-family: 'Mulish', sans-serif;
  font-weight: 800;
}
h3 {
    font-size: 1.5em;
}

body {
  color: #465676;
  margin: 0;
  padding: 0;
}

a {
  color: #264656;
  text-decoration: none;
  font-size: inherit;
  display: inline-block;
  font-family: 'Mulish', sans-serif;
}

a:hover {
  text-decoration: underline;
}

a:focus {
  background: #10101010;
}

ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
}

.hgroup {
  display: block;
  padding-bottom: 25px;
}

input, textarea {
  width: 100%;
  display: block;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  outline: none;
  margin: 15px 0;
  font-family: inherit;
  font-size: inherit;
}

input:hover, textarea:hover {
  border: 1px solid #bbb;
}

input:focus, textarea:focus {
  border: 1px solid #D4AF37;
}

textarea {
  height: 250px;
}

button {
  background-color: #fff;
  color: #313131 !important;
  margin: 5px 0;
}
nav.footer-menu a {
      display: block;
      text-decoration: none !important;
      text-align: center;
      text-transform: uppercase;
}
nav.footer-menu li {
  margin-left: 15px;
  display: block;
}
.top-menu nav a {
  display: block;
  text-decoration: none !important;
  text-align: center;
  text-transform: uppercase;
  
  z-index: 3;
}

nav a::after {
  content: "";
  display: block;
  height: 2px;
  margin-top: 5px;
  background-color: #D4AF37;
  width: 100%;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 0;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}

nav a:hover:after {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}
p {
    line-height: 1.2;
}
.top-menu nav li {
  margin-left: 25px;
}

.ico {
  margin-bottom: -10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 50%;
  background-size: 16px 16px;
  background-position: center center;
  background-repeat: no-repeat;
}

.ico.phone {
  background-image: url(/img/icons/phone.svg);
}

.ico.attention {
  background-image: url(/img/icons/attention.svg);
}

.ico.mail {
  background-image: url(/img/icons/mail.svg);
}

.ico.location {
  background-image: url(/img/icons/location.svg);
}
.ico.calendar {
  background-image: url(/img/icons/calendar.svg);
}
.ico.time {
  background-image: url(/img/icons/time.svg);
}
.ico.instagram {
  background-image: url(/img/icons/instagram.svg);
}
.btn {
  padding: 14px 20px;
  max-width: 200px;
  text-align: center;
  border: 2px solid #D4AF37;
  color: #fff;
  -webkit-transition: background-color .25s;
  transition: background-color .25s;
  cursor: pointer;
}

.btn:hover {
  text-decoration: none;
  color: #313131 !important;
  background-color: #D4AF37 !important;
  font-weight: 400 !important;
}
.srvc {
    padding: 50px 0;
    width: 100%;
}
.srvc.first {
    padding-top: 0;
}
.srvc article {
    width: 185px;
    height: 185px;
    overflow: hidden;
    display: inline-block;
    margin: 5px;
    border-radius: 5px;
    position: relative;
}
.srvc article .item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#798696));
  background: linear-gradient(to bottom, #313131 0%, #798696 100%);
  opacity: .7;
  z-index: 1;
  transition: opacity .25s;
}
.srvc article .item:hover:after {
  opacity: .8;
  transition: opacity .25s;
}
.srvc h2 {
  text-align: center;
  font-size: 1.75em;
  padding-bottom: 30px;
  text-transform:uppercase;
}
.srvc h2 a {
  color: #212121 !important;
}
.srvc .text p {
    padding-bottom: 20px;
}
.srvc h3 {
  color: #414141;
  font-size: 1.5em;
  padding-bottom: 10px;
}
.srvc article p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    color: white;
    text-shadow: #000 1px 1px;
    text-transform: uppercase;
  z-index: 5;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.srvc img {
    width: 100%;
    height: 100%;
}
.srvc .img {
    width: calc(35% - 5px);
    display: inline-block;
}
.srvc .text {
    width: calc(65% - 5px);
    display: inline-block;
    padding-left: 35px;
    vertical-align: top;
    
}
.srvc .btn {
    display: block;
    text-align: center;
    margin: 30px auto 0;
    color: #212121;
}
.upload-file__input {
  opacity: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  width: 0.4px;
  height: 0.4px;
}

.upload-file__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border: 1px solid #ddd;
  padding: 15px 0;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 25px;
}

.upload-file__label:hover {
  border: 1px solid #bbb;
}

.bg-image::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#798696));
  background: linear-gradient(to bottom, #313131 0%, #798696 100%);
  opacity: .7;
}

.center {
  margin: 0 auto !important;
  text-align: center;
}

.container {
  width: 1160px;
  min-width: 280px;
  margin: 0 auto;
  position: relative;
}

.wrapper {
  padding: 60px 0;
  width: 100%;
}

.left {
  float: left;
  width: 50%;
  padding-right: 25px;
  text-align: left;
}

.right {
  float: right;
  width: 50%;
  padding-left: 25px;
  text-align: right;
}

.clearfix {
  clear: both;
}

.note {
  display: block;
  margin: 5px 0;
}

.logo img {
  margin-top: -10px;
  height: 40px;
  fill: #313131;
}

.invisible {
  display: none;
}

h1, .btn {
  text-transform: uppercase;
}

h1 {
  font-size: 2em;
  font-weight: bold;
}

h2 {
  font-size: 1.25em;
}

.top-menu {
  width: 100%;
  height: 80px;
  background-color: #313131;
  font-size: 1.25em;
  z-index: -1;
}

.top-menu .menu-logo img {
  position: absolute;
  top: 20px;
  left: 0;
  height: 40px;
}

.top-menu nav {
  position: absolute;
  top: 18px;
  right: 0;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.top-menu nav a {
  color: #fff;
}

.top-menu nav input {
  visibility: hidden;
  opacity: 0;
}

.home-1 {
  position: relative;
  height: calc(100vh - 80px);
  min-height: 480px;
  max-height: calc(16/9*100vw);
  overflow: hidden;
  color: #fff;
}
.home-1 p {
  font-size: 1.25em;
}

.home-1 video {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.home-1 .header {
  height: calc(100vh - 80px);
  min-height: 480px;
  position: absolute;
  top: 30vh;
}

.home-2 {
  color: #313131;
  text-align: center;
}

.home-2 h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  padding-bottom: 25px;
}

.home-2 .btn {
  margin-top: 25px !important;
  color: #313131;
}

.home-1 {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.home-1 h1 {
  margin-bottom: 15px;
}
.home-3 {
  color: #313131;
}

.home-3 h2, .home-service h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  padding-bottom: 25px;
  color: #313131;
}
.home-service h3 {
  font-size: 1.5em;
  padding-bottom: 5px;
  color: #313131;
}
.home-3 .btn {
  margin-top: 25px;
  color: #313131;
}

.home-3 {
  color: #313131;
}

.home-4 h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  padding-bottom: 20px;
  color: #313131;
}

.home-4 p {
  padding-bottom: 25px;
}
.home-4 p:last-child {
  padding-bottom: 0;
}
.home-service {
    display: inline-block;
    padding: 0 25px;
    width: calc(50% - 3px);
    vertical-align: top;
}
footer .hr {
  width: 100%;
  height: 1px;
  background-color: #465676;
  margin: 25px 0;
  opacity: .25;
}

footer .logo, footer .copyright {
  width: 250px;
  line-height: 50px;
}

footer .footer-menu {
  width: 100%;
  max-width: 100%;
  text-align: center;
}

footer .contacts-footer {
  width: calc(100% - 250px);
  line-height: 45px;
}

footer .contacts-footer a {
  margin-left: 20px;
}

.navbar {
  text-shadow: 1px 1px 20px rgba(0, 0, 0, 1);
  position: relative;
  text-align: center;
  color: #fff;
  overflow: hidden;
}

.navbar .wrapper {
  max-width: 768px;
  margin: 0 auto;
}

.navbar .bg-image img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -50%;
}

.navbar h1 {
  font-size: 1.5em;
  margin: -25px auto 0;
  text-transform: none;
}

.navbar .maplink {
  margin: 25px auto -25px;
}

.navbar .maplink h2 {
  font-size: 1em;
  text-transform: none;
  display: inline;
}

.navbar .maplink a {
  color: inherit;
}

.service {
  padding: 40px 0;
}

.even {
  background-color: #f3f3f3;
  color: #212121 !important;
} 
.even .btn {
  background-color: #f0f0f0;
}

.service .btn, .paper .btn, .blog .btn, .single-service .btn {
  display: block;
  margin: 20px auto 0;
  color: #313131;
}
.service h2, .paper h3, .blog h3 {
  color: #313131;
  font-size: 2em;
  text-align: center;
  margin-bottom: 20px;
}

.service article, .paper article, .blog article {
  width: 557px;
  height: 300px;
  margin: 10px 10px;
  display: inline-block;
  overflow: hidden;
  border-radius: 5px;
}

.service article.wide, .paper article.wide, .blog article.wide {
  width: 1160px;
}

.service article .item, .paper article .item, .blog article .item {
  width: 100%;
  height: 100%;
  position: relative;
}

.service article .item img, .paper article .item img, .blog article .item img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  width: 100%;
}

.service article .item h3, .paper article .item h4, .blog article .item h4 {
  -webkit-transform: translateY(120px);
          transform: translateY(120px);
  text-transform: uppercase;
}

.service article .item p, .service article .item time, .paper article .item p, .paper article .item time, .blog article .item p, .blog article .item time {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(120px);
          transform: translateY(120px);
  max-width: 350px;
}

.service article .item h3, .service article .item p, .service article .item time, .paper article .item h4, .paper article .item p, .paper article .item time, .blog article .item h4, .blog article .item p, .blog article .item time {
  line-height: 20px;
  position: absolute;
  top: 140px;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  text-align: center;
  margin: auto;
  color: #fff;
  z-index: 5;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.service article .item .hr, .paper article .item .hr, .blog article .item .hr {
  position: absolute;
  top: 280px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  height: 2px;
  width: 90%;
  max-width: 350px;
  margin: 0 auto;
  background-color: #D4AF37;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: top .25s;
  transition: top .25s;
}

.service article .item::after, .paper article .item::after, .blog article .item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 240px;
  bottom: 0;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#798696));
  background: linear-gradient(to bottom, #313131 0%, #798696 100%);
  opacity: .7;
  z-index: 1;
  -webkit-transition: top .25s;
  transition: top .25s;
}

.service article .item:hover::after, .paper article .item:hover::after, .blog article .item:hover::after {
  top: 0;
}

.service article .item:hover p, .service article .item:hover time, .paper article .item:hover p, .paper article .item:hover time, .blog article .item:hover p, .blog article .item:hover time {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}

.service article .item:hover h3, .paper article .item:hover h4, .blog article .item:hover h4 {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}

.service article .item:hover .hr, .paper article .item:hover .hr, .blog article .item:hover .hr {
  top: 149px;
  visibility: visible;
  opacity: 1;
}

.service article .item:hover > img, .paper article .item:hover > img, .blog article .item:hover > img {
  -webkit-transform: scale(1.3) rotateZ(10deg);
          transform: scale(1.3) rotateZ(10deg);
}

.modal-window {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 1000;
  background: -webkit-gradient(linear, left top, left bottom, from(#313131b3), to(#798696b3));
  background: linear-gradient(to bottom, #313131b3 0%, #798696b3 100%);
  border: none;
}

.modal-window .modal-window-close {
  position: absolute;
  font-size: 20px;
  cursor: pointer;
  right: 25px;
  top: 25px;
  color: #fff;
  z-index: 9999;
}

.modal-window .modal-window-close:hover {
  opacity: .7;
}

.modal-window iframe {
  position: absolute;
  width: 1280px;
  height: 800px;
  max-width: 100vw;
  max-height: 100vh;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.post {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 12px 0;
}

.post article {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
}
.post article .item {
    width: 100%;
    height: 100%;
    align-self: center;
}


.post article .item img {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
}

.post article .item:hover > img {
  -webkit-transform: scale(1.3) rotateZ(10deg);
          transform: scale(1.3) rotateZ(10deg);
}

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak-as: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak-as: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-right,
.icon-arrow-left {
  display: block;
  width: 40px;
  height: 40px;
}

.icon-arrow-right::before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.icon-arrow-left::before {
  content: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.icon-close::before {
  content: "❌";
  z-index: 99999;
}

.flatbox-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.flatbox-container.hidden {
  display: none;
}

.flatbox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#313131b3), to(#798696b3));
  background: linear-gradient(to bottom, #313131b3 0%, #798696b3 100%);
}

.flatbox-slide {
  max-height: 100%;
  max-width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  cursor: default;
  -webkit-transition: linear .3s, opacity .3s, -webkit-transform .3s;
  transition: linear .3s, opacity .3s, -webkit-transform .3s;
  transition: linear .3s, opacity .3s, transform .3s;
  transition: linear .3s, opacity .3s, transform .3s, -webkit-transform .3s;
}

.flatbox-prev-slide {
  z-index: 10;
  -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
}

.flatbox-current-slide {
  z-index: 20;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
  transition: opacity .3s, transform .3s, -webkit-transform .3s;
}

.flatbox-next-slide {
  z-index: 30;
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
}

.flatbox-arrow {
  width: 40px;
  height: 40px;
  position: fixed;
  top: calc(50% - 20px);
  cursor: pointer;
  z-index: 40;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
}

.flatbox-arrow:hover {
  opacity: .7;
}

.flatbox-prev {
  left: 0;
}

.flatbox-next {
  right: 0;
}

.flatbox-close {
  width: 12px;
  height: 30px;
  font-size: 20px;
  display: inline-block;
  position: fixed;
  right: 33px !important;
  top: 25px !important;
  line-height: 30px;
  color: #fff;
  z-index: 99999;
  cursor: pointer;
  text-align: center;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.flatbox-close:hover {
  opacity: .7;
}

.single-service iframe, .single-blog iframe, .single-blog img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1160px;
  height: 652.5px;
  margin: 0px auto 50px;
}
.single-service p {
    margin-bottom: 5px;
    text-align: justify;
}
.single-service h2 {
  font-size: 2em;
  padding: 25px 0 0px;
  color: #313131;
}
.single-service h3, .single-blog h3 {
  font-size: 1.5em;
  padding: 25px 0 10px;
  color: #313131;
}
.single-service span  {
    display: block;
  font-size: 1.1em;
  padding: 0 0 25px;
  color: #313131;
}
strong {
    color: black;
    font-weight: 600;
}

.single-service small, .single-blog small {
  display: block;
  margin: 25px 0;
}

.contacts h3 {
  font-size: 1.5em;
  padding: 25px 0 10px;
  color: #313131;
}

.contacts address {
  font-style: normal;
}

.contacts .contacts-info {
  text-align: left;
  padding-left: 100px;
}

.contacts .contacts-info .contact-details {
  display: block;
}

.contacts .contacts-info .contact-details li {
  margin: 25px 0;
  line-height: 30px;
}

.contacts .contacts-info .contact-details a {
  text-decoration: none;
}

.contacts .contacts-info .contact-details a:hover {
  color: #465676;
}

.info h3 {
  color: #313131;
  margin: 30px 0 15px;
}

.info p {
  margin: 5px 0;
}


    .slider {
      position: relative;
      height: auto;
      width: 100%;
      overflow: hidden;
    }

    .slider__wrapper {
      display: flex;
      transition: transform 0.5s ease;
    }

    .slider__item {
      display: flex;
        align-items: center;
      position: relative;
      flex: 0 0 100%;
      width: 100%;
    }

    .slider__control {
      position: absolute;
      top: calc(50% - 25px);
      display: none;
      align-items: center;
      justify-content: center;
      width: 40px;
      color: #fff;
      text-align: center;
      opacity: 0.5;
      height: 50px;
      background: linear-gradient(to bottom, #313131b3 0%, #798696b3 100%);
      z-index: 5;
    }

    .slider__control_show {
      display: flex;
    }

    .slider__control:hover {
      color: #fff;
      text-decoration: none;
      outline: 0;
      opacity: .9;
    }

    .slider__control_left {
      left: 0;
    }

    .slider__control_right {
      right: 0;
    }

    .slider__control::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
    }

    .slider__control_left::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    .slider__control_right::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }

    .slider__item img {
        width: 100%;

    }
    .error {
      color: white;
      text-shadow: 0 0 10px rgba(0, 0, 0, .5);
      text-transform: uppercase;
      text-align: center;
      position: absolute;
      padding: 20px;
      background-color: rgba(0,0,0,.7);
      top: calc(50% - 48px);
    }
    .error a {
        color: lightblue;
        text-shadow: none;
    }
    .d-table{
      display: table;
      max-width: 100%;
      width: 100%;
      border-collapse: collapse;
      margin: 14px 0;
    }
    .d-tr{
      display: table-row;
      width: 100%;
    }
    .d-td{
      display: table-cell;
      text-align: center;
      border: none;
      border: 1px solid #ccc;
      vertical-align: middle;
      width: 25%;
    }
    .d-td:not(.no-p){
      padding: 4px;
    }
    .b-table {
        color: #212121;
        display: grid;
        grid-template-columns: 2fr 1fr 1fr 1fr;
        gap: 2px;
    }
    .b-td {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
    .b-td:nth-child(8n - 4), .b-td:nth-child(8n - 5), .b-td:nth-child(8n - 6), .b-td:nth-child(8n - 7)  {
        background: #f3f3f3;
    }
    .b-td:nth-child(4n+1) {
        font-weight: 600;
    }
    .b-td:not(.no-p){
        padding: 4px;
    }
    .inline {
        display: inline-block !important;
    }
    .dev {
        display: block;
        width: 100%;
        height: 50vh;
    }
    .dev {
        padding-top: 25vh;
        text-align: center;
    }
    .grayscale {
    filter: grayscale(100%);
    }
    .spandev {
        display: flex;
        position: absolute;
        top: 35px;
        right: -50px;
        z-index: 98;
        background-color: #212121;
        color: white;
        padding: 10px 40px;
        transform: rotate(45deg);
        
    }
/*# sourceMappingURL=style.css.map */


#loading {
  display: none;
  position: fixed;
  height: 100%;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: white;
  overflow: hidden;
  z-index: 99999999999999999;
}
#loading p {
    text-align: center;
    
}
.circle {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: #D4AF37 dotted 3px;
  margin: 20% auto 20px;
  animation: spin 2s infinite linear;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.quote {
    text-transform: uppercase;
    color: #465676;
    font-size: 1em;
    max-width: 800px;
    text-align: center;
    margin: 30px auto;
    padding: 25px 0;
    border-top: 1px solid #e8c34b;
    border-bottom: 1px solid #e8c34b;
}

.single-service ul, .home-3 ul, .info ul, .home-service ul {
    display: block;
    list-style-type: square;
    padding-left: 40px;
}

.info h4 {
    margin-top: 24px;
    font-size: 20px;
}

#service-1 {
    background-image: url('/img/service-1.png');
    background-position: center center;
    background-repeat: no-repeat;
}
#service-2 {
    background-image: url('/img/service-2.png');
    background-position: center center;
    background-repeat: no-repeat;
    text-align: right;
}
#service-2 ul {
    list-style-position: inside;
}
.home-3 ul {
    max-width: 640px;
}
.review {
    display: inline-block;
    width: calc(100% / 3 - 10px);
    padding: 10px;
    vertical-align: top;
    text-align: center;
  margin-bottom: 50px;
}
.review-name {
    font-size: 1.25em;
    padding: 10px;
    width: 200px;
    margin: 20px auto;
    border-top: 1px solid #e8c34b;
    border-bottom: 1px solid #e8c34b;
  color: #313131;
    
}
.review-text {
    font-style: italic;
}
.reviews h2 {
  font-size: 1.5em;
  text-transform: uppercase;
  padding-bottom: 25px;
  color: #313131;
  text-align: center;
}
.reviews {
  width: 100%;
}
.reviews .btn {
  color: #313131;
  display: block;
}
@media screen and (max-width: 1250px) {
    .b-table {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr 1fr;
        gap: 2px;
        text-align: center;
    }
.srvc article {
    width: 200px;
    height: 200px;
}
.srvc .img {
    width: calc(45% - 5px);
    display: inline-block;
}
.srvc .text {
    width: calc(55% - 5px);
    padding-left: 25px;
    display: inline-block;
}
  .container {
    width: 960px;
  }
  .service article, .paper article, .blog article {
    width: 457px;
    height: 248px;
    margin: 9px 9px;
  }
  .service article.wide, .paper article.wide, .blog article.wide {
    width: 940px;
  }
  .service article .item p, .service article .item time, .paper article .item p, .paper article .item time, .blog article .item p, .blog article .item time {
    top: 114px;
  }
  .service article .item h3, .paper article .item h4, .blog article .item h4 {
    top: 95px;
  }
  .service article .item::after, .paper article .item::after, .blog article .item::after {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
    height: calc(100% + 40px);
  }
  .service article .item:hover .hr, .paper article .item:hover .hr, .blog article .item:hover .hr {
    top: 123px;
  }
  .service article .item:hover h3, .paper article .item:hover h4, .blog article .item:hover h4 {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .single-service iframe, .single-service img, .single-blog iframe, .single-blog img {
    width: 960px;
    height: 540px;
  }
  
  .footer-menu {
    width: 100%;
  }.footer-menu ul {
      display: block;
    width: 100%;
  }
  .footer-menu li {
    max-width: 320px;
    margin: 10px calc(50% - 160px) !important;
  }
  
}
.home-3 {
    background-image: url('/img/paper.webp');
    background-position: top center;
    background-repeat: no-repeat;
}
.home-3 p {
    max-width: 600px;
}
.home-3 ul {
    margin-top: 5px;
    margin-bottom: 20px;
}


@media screen and (max-width: 1000px) {
.srvc article {
    width: 370px;
    height: 370px;
}
.srvc .img {
    width: 100%;
    display: inline-block;
}
.srvc .text {
    padding-top: 30px;
    width: 95%;
    padding-left: 5px;
    display: inline-block;
}
  .container {
    width: 768px;
  }
  .home-service {
      width: 100%;
  }
.home-service.img {
    display: block;
}
.home-service.img.btm {
    margin-top: -80px;
}
.home-service.img.tp {
    margin-bottom: -60px;
}
  .left, .right {
    margin: 0 auto;
    float: none;
    width: 100%;
    padding: 0;
  }
  .left {
    margin-bottom: 25px !important;
  }
  footer .logo {
    display: none;
    visibility: hidden;
    opacity: 0;
  }
  footer .left, footer .right {
    text-align: center;
  }
  .service article, .paper article, .blog article {
    width: 365px;
    height: 199px;
    margin: 7px 7px;
  }
  .service article.wide, .paper article.wide, .blog article.wide {
    width: 752px;
  }
  .service article .item p, .service article .item time, .paper article .item p, .paper article .item time, .blog article .item p, .blog article .item time {
    font-size: 1em;
    top: 78px;
  }
  .service article .item h3, .paper article .item h4, .blog article .item h4 {
    text-transform: none;
    top: 45px;
  }
  .service article .item::after, .paper article .item::after, .blog article .item::after {
    -webkit-transform: translateY(-90px);
            transform: translateY(-90px);
    height: calc(100% + 90px);
  }
  .service article .item:hover .hr, .paper article .item:hover .hr, .blog article .item:hover .hr {
    top: 78px;
  }
  .service article .item:hover h3, .paper article .item:hover h4, .blog article .item:hover h4 {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  .single-service iframe, .single-service img, .single-blog iframe, .single-blog img {
    width: 768px;
    height: 432px;
  }
  .contacts .btn {
    display: block;
    margin: 0 auto;
  }
  .contacts .contacts-info {
    padding: 0;
    text-align: center;
  }
.home-service.tp {
    margin-bottom: -80px;
}
  .home-service {
    display: block;
    width: 100%;
    padding: 0;
}  
}

@media screen and (max-width: 800px) {
    .srvc article {
    width: calc(50% - 12.5px);
    
    height: calc(45vw - 12px);
}
.declaration img {
    height: 220px;
    width: 220px;
}
.hollyday-right {
    top: 60px;
}
.srvc .img {
    width: 100%;
    display: inline-block;
}
.srvc .text {
    padding-top: 30px;
    width: 95%;
    padding-left: 5px;
    display: inline-block;
}
  * {
    font-size: 1rem;
  }

  .container {
    width: 95% !important;
  }
  .top-menu nav .menu-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 100;
  }
  
  .top-menu nav #menu-toggle:checked ~ .menu-btn {
    position: fixed;
    top: 26px;
    right: 25px;
  }
  .top-menu nav .menu-btn > span, .top-menu nav .menu-btn > span::before, .top-menu nav .menu-btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    -webkit-transition: .25s;
    transition: .25s;
  }
  .top-menu nav .menu-btn > span::before {
    content: '';
    top: -10px;
  }
  .top-menu nav .menu-btn > span::after {
    content: '';
    top: 10px;
  }
  .top-menu nav .menu-box {
    display: block;
    position: fixed;
    visibility: hidden;
    top: 0;
    right: -100%;
    width: 320px;
    height: 100%;
    margin: 0;
    padding: 80px 0;
    list-style: none;
    text-align: center;
    background-color: #313131;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
    z-index: 99;
    box-shadow: -1px 0px 10px #262631;
  }
  .top-menu nav .menu-box ul {
    display: block;
    width: 100%;
  }
  .top-menu nav .menu-box a {
    font-size: 1rem;
    width: 100%;
    line-height: 50px;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
  }
  .top-menu nav .menu-box a::after {
    height: 1px;
    margin: auto;
    margin-top: -5px;
    width: 150px;
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
    opacity: 0;
    -webkit-transition: .25s;
    transition: .25s;
  }
  .top-menu nav .menu-box a:hover:after, .top-menu nav .menu-box a:focus:after {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
  .top-menu nav #menu-toggle:checked ~ .menu-btn > span {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .top-menu nav #menu-toggle:checked ~ .menu-btn > span::before {
    top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  .top-menu nav #menu-toggle:checked ~ .menu-btn > span::after {
    top: 0;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .top-menu nav #menu-toggle:checked ~ .menu-box {
    visibility: visible;
    right: 0;
  }
  .post {
    grid-template-columns: 1fr 1fr;
}

  .footer-menu, .copyright, .contacts-footer {
    width: 100% !important;
    max-width: 100% !important;
  }
  .footer-menu ul li {
    margin: 5px 0;
  }
  .service article, .paper article, .blog article {
    width: 100%;
    height: 50vw;
    margin: 7px 0;
  }
  .service article.wide, .paper article.wide, .blog article.wide {
    width: 100%;
  }
  .service article .item .hr, .paper article .item .hr, .blog article .item .hr {
    top: calc(50% - 1px);
    visibility: visible;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
  .service article .item p, .service article .item time, .paper article .item p, .paper article .item time, .blog article .item p, .blog article .item time {
    -webkit-transform: translateY(calc(50% - 20px));
            transform: translateY(calc(50% - 20px));
    visibility: visible;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
  .service article .item h3, .paper article .item h4, .blog article .item h4 {
    top: calc(50% - 161px);
    -webkit-transition: none;
    transition: none;
    text-transform: uppercase;
  }
  .service article .item::after, .paper article .item::after, .blog article .item::after {
    -webkit-transform: translateY(-240px);
            transform: translateY(-240px);
  }
  .service article .item:hover .hr, .paper article .item:hover .hr, .blog article .item:hover .hr {
    top: calc(50% - 1px);
  }
  .service article .item:hover p, .service article .item:hover time, .paper article .item:hover p, .paper article .item:hover time, .blog article .item:hover p, .blog article .item:hover time {
    top: calc(50%);
    -webkit-transition: none;
    transition: none;
  }
  .service article .item:hover h3, .paper article .item:hover h4, .blog article .item:hover h4 {
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s;
    -webkit-transform: none;
            transform: none;
    top: calc(50% - 41px);
  }
  .service article .item:hover::after, .paper article .item:hover::after, .blog article .item:hover::after {
    top: 240px;
    -webkit-transform: translateY(-240px);
            transform: translateY(-240px);
    height: 100%;
  }
  .single-service iframe, .single-service img, .single-blog iframe, .single-blog img {
    width: 100%;
    height: 53.4375vw;
  }
  .icon-arrow-right {
    margin-right: 25px;
  }
  .icon-arrow-left {
    margin-left: 25px;
  }
  .icon-arrow-right,
  .icon-arrow-left {
    width: 25px;
    height: 25px;
  }
  .icon-close::before {
    font-size: 16px;
  }
  
  .review {
    display: block;
    width: 100%;
    padding: 0;
    }
    
}

@media screen and (max-width: 640px) {
    .pc-only {
        display: none;
    }
  .container {
    width: 90%;
  }
  .declaration img {
    height: 200px;
    width: 200px;
}
.post {
    grid-template-columns: 1fr;
}
.post article:nth-child(1) > .item {
    height: 100%;
    
}
.post article:nth-child(1), .post article:nth-child(2), .post article:nth-child(3) {
    grid-column-start: auto;
    grid-column-end: auto;
    grid-row-start: auto;
    grid-row-end: auto;
    height: 100%;
}

  .service article, .paper article {
    width: 100%;
    height: 50vw;
    min-height: 180px;
    margin: 7px 0;
  }
  .service article.wide, .paper article.wide {
    width: 100%;
  }
  .service article .item .hr, .paper article .item .hr {
    top: calc(35% - 1px);
    visibility: visible;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
  .service article .item p, .service article .item time, .paper article .item p, .paper article .item time {
    max-width: 95%;
    -webkit-transform: translateY(calc(25% - 19px));
            transform: translateY(calc(25% - 19px));
    visibility: visible;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
  }
  .service article .item h3, .paper article .item h4 {
    top: calc(35% - 161px);
    -webkit-transition: none;
    transition: none;
    text-transform: uppercase;
  }
  .service article .item::after, .paper article .item::after {
    -webkit-transform: translateY(-240px);
            transform: translateY(-240px);
  }
  .service article .item:hover .hr, .paper article .item:hover .hr {
    top: calc(35% - 1px);
  }
  .service article .item:hover p, .paper article .item:hover p {
    top: calc(25% + 19px);
    -webkit-transition: none;
    transition: none;
  }
  .service article .item:hover h3, .paper article .item:hover h4 {
    -webkit-transition: -webkit-transform 0s;
    transition: -webkit-transform 0s;
    transition: transform 0s;
    transition: transform 0s, -webkit-transform 0s;
    -webkit-transform: none;
            transform: none;
    top: calc(35% - 41px);
  }
  .service article .item:hover::after, .paper article .item:hover::after {
    top: 240px;
    -webkit-transform: translateY(-240px);
            transform: translateY(-240px);
    height: 100%;
  }
  .single-service iframe, .single-service img, .single-blog iframe, .single-blog img {
    width: 100%;
    height: 50.625vw;
  }
}
.message-page {
  position: absolute;
  left: 0;
  right: 0;
}
.message-page .container {
  text-align: center;
}
.message-page .container h1 {
  margin: 40px 0;
}
.message-page .container p {
  margin: 40px 0;
}

.message-page .container .btn {
  color: #313131;
  max-width: 380px;
}

.prices input[type="radio"],
.prices input[type="checkbox"] {
    display: none;
}

.prices input[type="radio"]:disabled+label,
.prices input[type="checkbox"]:disabled+label {
    cursor: default;
    color: #ddd;
    background-color: #eee;
}
.prices label {
    display: inline-block;
    border: 1px solid #eee;
    padding: 15px;
    margin: 10px 5px;
    cursor: pointer;
}
.prices input[type="radio"]:checked+label,
.prices input[type="checkbox"]:checked+label {
    background-color: #D4AF37;
    color: white;
}
.prices input[type="number"] {
    max-width: 200px;
    display: inline-block;
    text-align: center;
}

.lang {
    text-align: center;
    padding-top: 20px;
}

.lang button {
    cursor: pointer;
    border: none;
    font-size: 16px;
    color: #313131;
}
.lang button:hover {
    text-decoration: underline;
}
#modal-lang {
    display: none;
    text-align: center;
    position: fixed;
    bottom:0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 999999999;
}
#modal-lang .btn {
    margin: 0 20px 40px;
    color: white !important;
    background: transparent;
}
#modal-lang .btn:hover {
    color: #212121 !important;
    
}
#modal-lang p {
    padding: 40px 0 20px;
    text-transform: uppercase;
    color: white;
}
#error-ru {
    display: block;
}
#error-ua {
    display: none;
}
.maps {
    margin-top: 80px;
    border-radius: 5px;
}
.calc-choose {
    margin: 10px;
}
.calc-category h2,h3 {
    margin: 10px 0;
}
.calc-choose input {
    display: none;
}
.calc-choose label {
    display: inline-block;
    padding: 14px;
    margin: 5px;
    outline: 1px solid #eee;
    text-align: center;
    cursor: pointer;
}
.calc-choose label strong {
    display: block;
}

.calc-choose input:checked + label {
    background: #D4AF37;
    color: white;
}






    .calc-test {
        padding: 48px;
        border: 2px dotted #ccc;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.5em;
        margin-bottom: 50px;
    }
    .tabs>input[type="radio"] {
      display: none;
    }

    .tabs>div {
      display: none;
    }

    /* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
    #tab-paper-1-1:checked~#content-paper-1-1,
    #tab-paper-1-2:checked~#content-paper-1-2,
    #tab-paper-1-3:checked~#content-paper-1-3,
    #tab-paper-1-4:checked~#content-paper-1-4,
    #tab-paper-1-5:checked~#content-paper-1-5,
    #tab-paper-1-6:checked~#content-paper-1-6,
    #tab-paper-1-7:checked~#content-paper-1-7,
    #tab-paper-2-1:checked~#content-paper-2-1,
    #tab-paper-2-2:checked~#content-paper-2-2,
    #tab-paper-2-3:checked~#content-paper-2-3,
    #tab-paper-2-4:checked~#content-paper-2-4,
    #tab-paper-2-5:checked~#content-paper-2-5,
    #tab-paper-2-6:checked~#content-paper-2-6,
    #tab-paper-2-7:checked~#content-paper-2-7,
    #tab-paper-3-1:checked~#content-paper-3-1,
    #tab-paper-3-2:checked~#content-paper-3-2,
    #tab-paper-3-3:checked~#content-paper-3-3,
    #tab-paper-3-4:checked~#content-paper-3-4,
    #tab-paper-3-5:checked~#content-paper-3-5,
    #tab-paper-3-6:checked~#content-paper-3-6,
    #tab-paper-3-7:checked~#content-paper-3-7 {
      display: block;
    }

    .tabs>label {
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      user-select: none;
      padding: 6px;
      cursor: pointer;
      position: relative;
      margin: 3px 0;
    }
    .tabs>input[type="radio"]:checked+label {
      background-color: #212121;
    }
    input[type="radio"]:disabled+label, input[type="radio"]:disabled+label strong {
      background-color: #eee;
      color: white;
      cursor: default;
    }
    label.top {
        position: relative;
    }
    label.top::after {
        content: 'best';
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 2px;
        color: white;
        background: red;
        font-size: 0.8em;
    }
    
    
    
    
select {
	padding: 12px;
	font-size: 1em;
	border: none;
	outline: 1px solid #eee;
	background-color: white;
}

.number {
	display: inline-block;
	position: relative;
	width: 150px;
}
.number input[type="number"] {
    cursor: default;
    border: none;
    outline: 1px solid #eee;
	display: block;
	width: 100%;
	padding: 12px;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 1em;
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}
.number input[type="number"]::-webkit-outer-spin-button,
.number input[type="number"]::-webkit-inner-spin-button {
	display: none;
}
.number-minus {
    border: none;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	width: 32px;
	display: block;
	text-align: center;
	font-size: 1em;
	font-weight: 600;
	cursor: pointer;
    border-right: 1px solid #eee;
}
.number-plus {
    border: none;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 32px;
	display: block;
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
	cursor: pointer;
    border-left: 1px solid #eee;
}
.calc-right {
    float: right;
    text-align: right;
}
.hr-price {
    margin-top: 80px;
}

@media (prefers-color-scheme: dark) {
    body, .top-menu, input, textarea, button, .menu-box {
        background-color: #212121 !important;
    }
    .srvc h2 a {
        color: #fff !important;
    }
    q {
        color: white;
    }
    input, textarea, button {
        color: white !important;
    }
    .even {
        background-color: #2F2F2F !important;
        color: #fff !important;
    }
    .even .btn {
        background-color: #2F2F2F !important;
}
    .ico {
        background-color: white !important;
    }
    #loading {
        background-color: #212121 !important;
    }
    .quote {
    color: #fff !important;
}
    h1, h2, h3, h4, h5, h6, p, span, a, .copyright, small, li, strong, .d-tr, .d-td, .b-tr, .b-td {
        color: white !important;
    }
    img {
         filter: contrast(1.2);
    }
    .logo {
        display: none;
    }
    .service article .item::after, .paper article .item::after, .blog article .item::after {
        background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#414141));
        background: linear-gradient(to bottom, #212121 0%, #414141 100%);
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .calc-choose {
    margin: 10px;
}
.calc-category h2,h3 {
    margin: 10px 0;
}
.calc-choose input {
    display: none;
}
.calc-choose label {
    display: inline-block;
    padding: 14px;
    margin: 5px;
    outline: 1px solid #eee;
    text-align: center;
    cursor: pointer;
}
.calc-choose label strong {
    display: block;
}

.calc-choose input:checked + label {
    background: #D4AF37;
    color: white;
}

    .tabs>input[type="radio"]:checked+label {
      background-color: #191919;
    }
    
    
    
    .calc-test {
    	color: #fff;
    }    
    select {
    	background-color: #212121;
    	color: #fff;
    }
    .calc-choose {
        	color: #aaa;
    }
    .calc-choose strong {
        color: white;
    }
    
    input[type="radio"]:disabled+label, input[type="radio"]:disabled+label strong {
        color: #555 !important;
        background-color: #212121;
    }
    input[type="radio"]:disabled+label {
	    outline: 1px solid #555;
    }
}