@font-face {
  font-family: 'social';
  src: url('../font/social.eot?98114193');
  src: url('../font/social.eot?98114193#iefix') format('embedded-opentype'),
       url('../font/social.woff2?98114193') format('woff2'),
       url('../font/social.woff?98114193') format('woff'),
       url('../font/social.ttf?98114193') format('truetype'),
       url('../font/social.svg?98114193#social') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: "MuseoSansCyrl-100";
    src: url("../font/MuseoSansCyrl-100.woff"),
         url("../font/MuseoSansCyrl-100.otf") format("opentype");
}
@font-face {
    font-family: "MuseoSansCyrl-100Italic";
    src: url("../font/MuseoSansCyrl-100Italic.woff"),
         url("../font/MuseoSansCyrl-100Italic.otf") format("opentype");
}
@font-face {
    font-family: "MuseoSansCyrl-300";
    src: url("../font/MuseoSansCyrl-300.woff"),
         url("../font/MuseoSansCyrl-300.otf") format("opentype");
}
@font-face {
    font-family: "MuseoSansCyrl-300Italic";
    src: url("../font/MuseoSansCyrl-300Italic.woff"),
         url("../font/MuseoSansCyrl-300Italic.otf") format("opentype");
}
@font-face {
    font-family: "MuseoSansCyrl-500";
    src: url("../font/MuseoSansCyrl-500.woff"),
         url("../font/MuseoSansCyrl-500.otf") format("opentype");
}
@font-face {
    font-family: "MuseoSansCyrl-500Italic";
    src: url("../font/MuseoSansCyrl-500Italic.woff"),
         url("../font/MuseoSansCyrl-500Italic.otf") format("opentype");
}
@font-face {
    font-family: "MuseoSansCyrl-700";
    src: url("../font/MuseoSansCyrl-700.woff"),
         url("../font/MuseoSansCyrl-700.otf") format("opentype");
}
@font-face {
    font-family: "MuseoSansCyrl-700Italic";
    src: url("../font/MuseoSansCyrl-500Italic.woff"),
         url("../font/MuseoSansCyrl-500Italic.otf") format("opentype");
}
@font-face {
    font-family: "MuseoSansCyrl-900";
    src: url("../font/MuseoSansCyrl-700.woff"),
         url("../font/MuseoSansCyrl-700.otf") format("opentype");
}
@font-face {
    font-family: "MuseoSansCyrl-900Italic";
    src: url("../font/MuseoSansCyrl-500Italic.woff"),
         url("../font/MuseoSansCyrl-500Italic.otf") format("opentype");
}
body {
    margin: 0;
    padding: 0;
    font-family: 'MuseoSansCyrl-300', sans-serif;
}

h6 {
    font-size: 18px;
    color: #444444;
    letter-spacing: 0.28px;
    font-weight: bolder;
    margin-bottom: 6%;
}

/*page-404*/
.page-404h4 {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    margin: 15px !important;
}

.page-message {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
}

.subscribe {
    text-align: center;
    color: #9d9d9d;
    font-size: 14px;
    margin: 15px;
}

.subscribe > a {
    color: #006d5c;
}

.subscribe > a:hover {
    text-decoration: none;
    opacity: 0.8;
}

/*search-input style*/
.input-group {
    position: relative;
    margin-top: 7%;
}

.input-group input {
    text-indent: 25px;
    border: 1px solid #009A81;
    border-radius: 3px;
}

.input-group .search-bar  {
    position: absolute;
    z-index: 100;
    top: 14px !important;
    left: 10px;
    color: #009A81;
}

.input-group .reset-bar {
    position: absolute;
    z-index: 100;
    position: absolute;
    right: 0;
    right: 0;
    top: 14px !important;
    padding-right: 2%;
    color: #9d9d9d;
}
.reset-bar:hover{
    cursor: pointer;
}

.input-group:focus {
    color: #006d5c;
}

/*favourite sections*/
.popular-sections {
    font-size: 16px;
    margin-top: 10%;
    margin-bottom: 5%;
}

.popular-sections > h5 {
    font-size: 18px;
    color: #444444;
    letter-spacing: 0.28px;
    font-weight: bold;
    margin-bottom: 5%;
}

.popular-sections-icon {
    padding-right: 4%;
}

.product, .problem-solutions, .client-search {
    padding-right: 0;
    line-height: 32px;
}

.divide {
    margin: 0;
    padding: 0;
}

.popular-sections ul {
    list-style-type: circle;
    padding-left: 5%;
}

.popular-sections ul li a {
    color: #006D5C;
}

.popular-sections ul li a:hover {
    text-decoration: none;
}
            /*END HTML-404-page*/

            /*HTML-quesions-page*/
.banner p{
    font-size: 20px;
    color: #444444;
    letter-spacing: 0.31px;
    line-height: 28px;
    border-left: 4px solid #009A81;
    padding-left: 16px;
}

.brand-systems{
    display: flex;
    justify-content: center;
    margin: 55px;
}

.brand-systems img{
    width: 50px;
}

.brand-systems-mob{
    display: none;
    opacity: 0.4;
    padding: 8px;
    width: 100%;
    }


.brand-systems-mob select{
    opacity: 0.6;
    padding: 8px;

  }

option:hover{
    color: var(--main-link-color);
}

.buy-section p a{
    color: var(--main-link-color);
}
.buy-section a:hover{
    text-decoration: none;
}
            /*END HTML-quesions-page*/
/*FOOTER style*/
.footerIcon {
    margin-left: 16px;
}
#desktopFooter {    margin-top: 50px;

}


.footerH {
    color: #373737;
    font-size: 14px;
    letter-spacing: 0.22px;
    line-height: 17px;
    font-weight: bolder;

}

.greySeparator {
    border-top: 1px solid #E4E4E4;
}
.secondary-footer{
    margin-top: 54px;
}

.footerNavlink a {
    font-size: 14px;
    color: #007460;
    letter-spacing: 0.22px;
    margin-bottom: 2px;
    text-decoration: none;
}

.social-link {
    color: #9d9d9d;
}




.awards {
    text-align: right;
}

.awards img {
    max-width: 134px;
    max-height: 81px;
}
.input-group-earth{
    position: relative;
}
.input-group-earth input {
    text-indent: 25px;
    border: 1px solid #9d9d9d;
    border-radius: 3px;
}
.input-group-earth .earth-bar {
    position: absolute;
    z-index: 100;
    top: 8px;
    left: 10px;
    color: #9d9d9d;
}
.input-group-earth .short-arrow  {
    position: absolute;
    z-index: 100;
    position: absolute;
    right: 0;
    right: 0;
    top: 6px;
    padding-right: 2%;
    color: #9d9d9d;
}

.sub-footer{
    margin-top: 3%;
}
.copyright a {
    font-size: 11px;
    color: #007460;
    letter-spacing: 0.17px;
    text-align: center;
    text-decoration: none;
}

.copyrightH {
    font-size: 11px;
    color: #373737;
    letter-spacing: 0.17px;
}

.footerLinkWrap, .copyright {
    padding-left: 0;
}

.footerLinkWrap {
    margin-top: 5%;
}

.socialIcons {
    margin-top: 26px;
    margin-bottom: 26px;
}

.socialParagraph {
    margin: auto 0;
    font-weight: bolder;
}

.form-control{
    border: 1px solid grey !important;
    opacity: 0.4;
    height: 50px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    align-content: center;

}

.form-control:focus{
    border: 1px solid #009A81 !important;
    opacity: 1;
}

.social-bottom {
  font-family: "social";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: inherit;
 
  display: inline-block;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  text-decoration: none!important;
 
  /* you can be more comfortable with increased icons size */
  font-size: 16px;
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-slideshare:before { content: '\e800'; }
.icon-wechat:before { content: '\e802'; }
.icon-kaspersky:before { content: '\e80e'; }
.icon-twitter:before { content: '\f099'; }
.icon-facebook:before { content: '\f09a'; }
.icon-linkedin:before { content: '\f0e1'; }
.icon-youtube:before { content: '\f16a'; }
.icon-vkontakte:before { content: '\f189'; } 
.icon-odnoklassniki:before { content: '\f263'; } 
.icon-weibo:before { content: '\f33f'; }
.icon-instagram:before { font-family:"Font Awesome 5 Brands"; font-weight: bold; content: '\f16d'; }