﻿@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
*{margin:0;padding:0;text-decoration:none}
body{color: #828282; font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 24px; padding: 0; margin: 0; background-color: #fff; font-weight: 500; letter-spacing: 0.2px;}
* { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
img{max-width: 100%; border: 0;}
header{position:relative;width:100%; }
a {color: #828282; text-decoration-style: dashed; text-decoration-line: underline; }
a, img { outline: 0; }
ul { margin:0; padding: 0;  }
h1 {font-size: 35px; font-weight: 700; }
h2 {font-size: 25px; font-weight: 600; }
.wrapper {width: 100%; max-width: 1160px; padding: 0 15px; margin: 0 auto; float: none; }
.simple-txt { font-weight: 300; }
p { padding-top: 8px; padding-bottom: 8px; }
.undln{text-decoration:underline}
::-webkit-input-placeholder { color: #bcbcbc; }
::-moz-placeholder {color: #bcbcbc; }
:-ms-input-placeholder {color: #bcbcbc; }
:-moz-placeholder {color: #bcbcbc; }

.inner-page-search .actions button:hover, 
.checkout-btn a:hover, 
button.subscribe:hover, 
.add-to-cart-btn a:hover { background-color: #1c79bc; transition: all 0.5s; -webkit-transition: all 0.5s; }
thead {display: table-header-group; vertical-align: middle; border-color: inherit; }
tr {display: table-row; vertical-align: inherit; border-color: inherit; }

@font-face {
    font-family: 'artifakt_elementregular';
    src: url('../fonts/artifakt-element-regular-webfont.woff2') format('woff2'),
         url('../fonts/artifakt-element-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/***********************************/

header { padding-top: 25px; padding-bottom: 20px; background-color: #fff; }
section#banner .wrapper{ background: url(../images/banner.png) no-repeat scroll 0% 0%; height: 300px; background-position: right center;}
section#banner h1{font-family: 'artifakt_elementregular'; color: #3399cc; font-size: 20px; padding-top: 50px; font-weight: 600;position: relative;}
section#banner h1 small{ font-family: 'artifakt_elementregular';    display: list-item; list-style: none; color: #333; padding-top: 11px; font-weight: 500; font-size: 23px;}
section#banner { background-color: #f2f2f2; padding: 0; }
section#banner h2 {font-family: 'artifakt_elementregular'; padding-top: 60px; font-size: 20px; color: #524e4e; text-shadow: 1px 1px 1px #fff; }
section#banner h1:after { width: 60%; content: " "; background-color: #dcd7d7; height: 1px; position: absolute; bottom: -35px; }
h3 {font-family: 'artifakt_elementregular'; color: #3399cc; font-size: 20px; padding-top: 25px; padding-bottom: 0; position: relative;}
/*h3:before { background: url(../images/icon.png) no-repeat scroll 0% 0%; content: " "; position: absolute; width: 15px; height: 14px; left: 0; top: 29px;}*/
table.table-data th {background-color: #3399cc; text-align: left; color: #fff; font-weight: 500; border-collapse: collapse; padding: 5px; border: 1px #3398cd solid; }
table.table-data td {border: 1px #ddd solid; border-collapse: collapse; padding: 5px; }
table.table-data {border-collapse: collapse; }
ul.bullet-points {padding-left: 10px; padding-top: 10px; }
ul.bullet-points > li {list-style: none; position: relative; }
ul.bullet-points > li:before {    content: "\f00c"; font-family: fontawesome; padding-right: 6px; font-size: 13px; vertical-align: middle; font-weight: 500; color: #3398cd;}
ul.bullet-points li ul {padding-left: 20px; }
ul.bullet-points li ul li {position: relative; list-style: none; }
ul.bullet-points li ul li:before {content: "\f105"; font-family: fontawesome; list-style: none; padding-right: 6px; font-size: 13px; }
.main-inner-section { padding-top: 20px; padding-bottom: 30px; }

footer#footer {font-size: 13px;background-color: #f2f2f2; text-align: center; padding: 10px 0; }
footer#footer .f-menu ul {padding: 0; margin: 0; }
footer#footer .f-menu ul li {list-style: none; display: inline-block; }
.f-menu { padding-bottom: 4px; display: inline-block; }
footer#footer .f-menu ul li a {   text-decoration-style: dashed; text-decoration-line: underline; color: #828282; border-right: 1px #cac8c8 solid;padding-right: 8px;padding-left: 7px;font-weight: 500;}
footer#footer .f-menu ul li:last-child a {/*border-right: none; padding-right: 0;*/ }
footer#footer .f-menu ul li:first-child a {padding-left: 0; }
p.certification-img { text-align: center; }
footer#footer .f-menu ul li:first-child a { text-decoration: none; }
.f-link {display: inline-block; padding-left: 2px;}

@media screen and (min-width: 767px) {
section#banner h1{ font-size: 25px; }
section#banner h1 small{ font-size: 30px; padding-top: 15px; }
p.certification-img img {
    text-align: center;
    position: absolute;
    right: 100px;
    bottom: -100px;
}
p.certification-img {
    position: relative; padding: 0;
}
}