@charset "UTF-8";
/* CSS Document */



.bg-gradient {
    padding-bottom: 70px;
    background: linear-gradient(180deg,#fff 70%,#f1f5f8 100%);
}
* {
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
}
*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: inherit;
}
user agent stylesheet
div {
    display: block;
}
.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}
#page-products header .title-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 background: #3399ff; 
    opacity: 0.8;}

@media (min-width: 992px)
.container {
    width: 960px;
    max-width: 100%;
}
@media (min-width: 768px)
.container {
    width: 720px;
    max-width: 100%;
}
@media (min-width: 576px)
.container {
    width: 540px;
    max-width: 100%;
}
@media (min-width: 992px)
.container {
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px)
.container {
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 576px)
.container {
    padding-right: 15px;
    padding-left: 15px;
}
.container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}
article, aside, footer, header, nav, section {
    display: block;
}
article, aside, footer, header, nav, section {
    display: block;
}
* {
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
}
*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: inherit;
}
user agent stylesheet
article, aside, footer, header, hgroup, main, nav, section {
    display: block;
}
* {
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
}
* {
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
}
* {
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
}
* {
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
}
* {
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
}
html, body {
    font-size: 16px;
}
body {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
}
body {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
}
* {
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
}
html, body {
    font-size: 16px;
}
html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
* {
    font-family: "Open Sans",sans-serif;
    font-weight: normal;
}
*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: inherit;
}
*, *::before, *::after {
    box-sizing: inherit;
}