/*SETTINGS*/
:root {
   --blockBorderRadius: clamp(0.938rem, 0.751rem + 0.8vw, 1.563rem);
   --mainColor: #4399FF;
}

/*html,
:has(:target) {
   scroll-behavior: smooth;
}*/

html {
   height: 100%;
   font-size: 16px;
}

body {
   font-family: "Open Sans", sans-serif;
   font-size: clamp(0.875rem, 0.763rem + 0.48vw, 1.25rem);
   line-height: 1.35;
   height: 100%;
   width: 100%;
   margin: 0;
   min-width: 360px;
   color: #fff;
   background: #2D2D2D;
}

a {
   color: #fff;
   cursor: pointer;
   transition: 0.5s;
}

a:hover,
a:visited,
a:focus {
   color: #fff;
   text-decoration: none;
}

a:focus {
   outline: none;
   outline-offset: 0px;
}

.sd-bg {
   display: none;
   content: "";
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgba(24, 58, 79, 0.6);
   z-index: 101;
   opacity: 0;
}

img {
   display: block;
   max-width: 100%;
}

input,
textarea,
select,
button {
   font: inherit;
}

:where(ul, ol):where([class]) {
   padding-left: 0;
}

:where(ul[class]) {
   list-style: none;
}

:where(address[class]) {
   font-style: normal;
}

:where(blockquote, figure):where([class]) {
   margin: 0;
}

:where(ul,
   ol,
   dl):where([class]) {
   margin-bottom: 0 !important;
}

:where(dd[class]) {
   margin-left: 0;
}

:where(fieldset[class]) {
   margin-left: 0;
   padding: 0;
   border: none;
}

p {
   --paragraphMarginBottom: 1.35em;
   margin-block: 0;
}

p:where(:not([class]):not(:last-child)) {
   margin-bottom: var(--paragraphMarginBottom);
}

@media (prefers-reduced-motion: reduce) {

   *,
   ::before,
   ::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
   }
}

#sd-body {
   display: flex;
   flex-direction: column;
   min-height: 100%;
}

header {
   flex: 1 0 auto;
}

footer {
   flex: 0 0 auto;
}

[class*="__container"] {
   width: 100%;
   margin: 0 auto;
   padding: 0 15px;
   position: relative;
   max-width: 1630px;
}

.container--inner {
   max-width: 1360px;
}

.container::after,
.container::before {
   display: none;
}

button {
   background: none;
   border: none;
   padding: 0;
   cursor: pointer;
}

section,
.ob-fit {
   position: relative;
}

.ob-fit img {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   object-fit: cover;
}

input::-moz-placeholder {
   color: #4C4C4C;
}

input::-webkit-input-placeholder {
   color: #4C4C4C;
}

textarea:-moz-placeholder {
   color: #4C4C4C;
}

textarea::-webkit-input-placeholder {
   color: #4C4C4C;
}

/*focus*/
:focus {
   outline: none;
   -moz-outline: 3px solid #fff !important;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
   border: none;
}

input[type="radio"]:focus {
   -moz-outline-radius: 12px !important;
   -moz-outline-offset: 0px !important;
}

input[type="checkbox"]:focus {
   -moz-outline-offset: -1px !important;
   -moz-outline: 1px solid #000 !important;
}


/*-----All-----*/
.sd-description :where(h1,
   h2,
   h3,
   h4,
   h5,
   h6) {
   font-weight: 700;
   margin-top: 0;
   margin-bottom: 1em;
}

.sd-description ul,
.sd-description ol {
   margin-bottom: 1em;
}

.sd-description a:hover {
   color: var(--mainColor);
}
.sd-description .panel,
.sd-description .panel-default>.panel-heading,
.sd-description .panel-default>.panel-heading+.panel-collapse>.panel-body{
   background: none !important;
   border: none !important;
   border-radius: 0 !important;
}
.sd-description .panel-default{
   background: #4C4C4C !important;
    border-radius: var(--blockBorderRadius)!important;
    padding: 35px;
    margin-bottom: 35px;
}
.sd-description .panel-default>.panel-heading,
.sd-description .panel-title{
   margin: 0;
   padding: 0 !important;
}
.sd-description .panel-title a{
   font-weight: 800;
   font-size: 25px;
   color:#fff;
}
.sd-description .panel-default>.panel-heading+.panel-collapse>.panel-body{
color: #fff;
font-size: clamp(0.875rem, 0.763rem + 0.48vw, 1.25rem);
padding-top: 25px !important;
}




h3 {
   font-size: clamp(1.25rem, 1.101rem + 0.64vw, 1.75rem);
}

.d-none {
   display: none;
}

.sd-category-item__title,
.sd-button,
.sd-me-recommend__tabs a,
.sd-services__tabs a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   padding-inline: 30px;
   padding-top: clamp(0.625rem, 0.532rem + 0.4vw, 0.938rem);
   padding-bottom: clamp(0.625rem, 0.532rem + 0.4vw, 0.938rem);
   color: #fff;
   font-family: "Open Sans", sans-serif;
   font-size: clamp(1.125rem, 1.088rem + 0.16vw, 1.25rem);
   font-weight: 700;
   line-height: 1.35;
   border-radius: 35px;
   background: var(--mainColor);
   transition: 0.5s;
   cursor: pointer;
}

.sd-button--white {
   padding-top: clamp(0.625rem, 0.55rem + 0.32vw, 0.875rem);
   padding-bottom: clamp(0.625rem, 0.55rem + 0.32vw, 0.875rem);
   background: none;
   color: #fff;
   border: 1px solid #fff;
}

.sd-product__icons .icon-basket:hover,
.sd-category-item__title:hover,
.sd-button:hover {
   background: #0059C1;
   text-decoration: none;
}

.sd-button:focus {
   background: #0059C1;
   outline: none !important;
}

.sd-button--white:hover,
.sd-button--white:focus {
   background: #fff;
   color: #4C4C4C;
}

.title-h1,
.title-h2,
.title-h3 {
   font-weight: 800;
   text-transform: uppercase;
}

.title-h1 {
   font-size: clamp(1.563rem, 0.722rem + 3.59vw, 4.375rem);
   margin-bottom: clamp(0.938rem, 0.595rem + 1.46vw, 1.563rem);
}

.title-h2 {
   font-size: clamp(1.563rem, 1.096rem + 1.99vw, 3.125rem);
   margin-bottom: clamp(1.563rem, 1.096rem + 1.99vw, 3.125rem);
}

.title-h3,
.sd-category-info__desc > h2:nth-child(1) {
   font-size: clamp(1.563rem, 1.245rem + 1.35vw, 2.625rem);
   margin-bottom: clamp(0.938rem, 0.284rem + 2.79vw, 3.125rem);
}
.sd-cat-list__header .title-h3{
   margin-bottom: 0;
}

.sd-wrapper-1200 {
   max-width: 1210px;
}

.sd-blue {
   color: var(--mainColor);
}

.section-padding {
   padding-top: clamp(1.875rem, 0.568rem + 5.58vw, 6.25rem);
   padding-bottom: clamp(1.875rem, 0.568rem + 5.58vw, 6.25rem);
}

.section-padding-bottom {
   padding-bottom: clamp(1.875rem, 0.568rem + 5.58vw, 6.25rem);
}

.sd-bars,
.sd-header-content__logo.sd-logo {
   display: none;
}

.sd-personal-area__buttons a:hover,
.card-pr__tabs a:hover,
.p-outline,
.sd-telephone__link,
.sd-header-telephone__link,
.sd-header-language__text.sd-active,
.sd-header-menu__link.sd-active,
.sd-header-menu__link:hover,
.sd-footer__link.sd-active,
.sd-footer__link.sd-active:hover,
.sd-footer__link:hover,
.sd-description a {
   text-decoration: underline;
   text-decoration-thickness: 1px;
   text-decoration-color: #787878;
}

.sd-title-underline {
   text-decoration: underline;
   text-decoration-thickness: 1px;

   .sd-blue {
      text-decoration: underline;
      text-decoration-thickness: 1px;
   }
}
#boc_order .modal-dialog{
   position: absolute;
}
#boc_submit{
   border-radius: 35px;
   background: var(--mainColor);
   border:none;
}
#boc_order .modal-footer{
   margin-top: 0;
}