@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-Regular.eot');
    src: local('Geometria Regular'), local('Geometria-Regular'),
        url('/images/design/font/Geometria-Regular.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-Regular.woff2') format('woff2'),
        url('/images/design/font/Geometria-Regular.woff') format('woff'),
        url('/images/design/font/Geometria-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-Italic.eot');
    src: local('Geometria Italic'), local('Geometria-Italic'),
        url('/images/design/font/Geometria-Italic.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-Italic.woff2') format('woff2'),
        url('/images/design/font/Geometria-Italic.woff') format('woff'),
        url('/images/design/font/Geometria-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-ExtraBoldItalic.eot');
    src: local('Geometria ExtraBold Italic'), local('Geometria-ExtraBoldItalic'),
        url('/images/design/font/Geometria-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-ExtraBoldItalic.woff2') format('woff2'),
        url('/images/design/font/Geometria-ExtraBoldItalic.woff') format('woff'),
        url('/images/design/font/Geometria-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-ExtraLightItalic.eot');
    src: local('Geometria ExtraLight Italic'), local('Geometria-ExtraLightItalic'),
        url('/images/design/font/Geometria-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-ExtraLightItalic.woff2') format('woff2'),
        url('/images/design/font/Geometria-ExtraLightItalic.woff') format('woff'),
        url('/images/design/font/Geometria-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-Medium.eot');
    src: local('Geometria Medium'), local('Geometria-Medium'),
        url('/images/design/font/Geometria-Medium.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-Medium.woff2') format('woff2'),
        url('/images/design/font/Geometria-Medium.woff') format('woff'),
        url('/images/design/font/Geometria-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-Light.eot');
    src: local('Geometria Light'), local('Geometria-Light'),
        url('/images/design/font/Geometria-Light.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-Light.woff2') format('woff2'),
        url('/images/design/font/Geometria-Light.woff') format('woff'),
        url('/images/design/font/Geometria-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-HeavyItalic.eot');
    src: local('Geometria Heavy Italic'), local('Geometria-HeavyItalic'),
        url('/images/design/font/Geometria-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-HeavyItalic.woff2') format('woff2'),
        url('/images/design/font/Geometria-HeavyItalic.woff') format('woff'),
        url('/images/design/font/Geometria-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-BoldItalic.eot');
    src: local('Geometria Bold Italic'), local('Geometria-BoldItalic'),
        url('/images/design/font/Geometria-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-BoldItalic.woff2') format('woff2'),
        url('/images/design/font/Geometria-BoldItalic.woff') format('woff'),
        url('/images/design/font/Geometria-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-Bold.eot');
    src: local('Geometria Bold'), local('Geometria-Bold'),
        url('/images/design/font/Geometria-Bold.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-Bold.woff2') format('woff2'),
        url('/images/design/font/Geometria-Bold.woff') format('woff'),
        url('/images/design/font/Geometria-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-LightItalic.eot');
    src: local('Geometria Light Italic'), local('Geometria-LightItalic'),
        url('/images/design/font/Geometria-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-LightItalic.woff2') format('woff2'),
        url('/images/design/font/Geometria-LightItalic.woff') format('woff'),
        url('/images/design/font/Geometria-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-ExtraBold.eot');
    src: local('Geometria ExtraBold'), local('Geometria-ExtraBold'),
        url('/images/design/font/Geometria-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-ExtraBold.woff2') format('woff2'),
        url('/images/design/font/Geometria-ExtraBold.woff') format('woff'),
        url('/images/design/font/Geometria-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-MediumItalic.eot');
    src: local('Geometria Medium Italic'), local('Geometria-MediumItalic'),
        url('/images/design/font/Geometria-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-MediumItalic.woff2') format('woff2'),
        url('/images/design/font/Geometria-MediumItalic.woff') format('woff'),
        url('/images/design/font/Geometria-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-ExtraLight.eot');
    src: local('Geometria ExtraLight'), local('Geometria-ExtraLight'),
        url('/images/design/font/Geometria-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-ExtraLight.woff2') format('woff2'),
        url('/images/design/font/Geometria-ExtraLight.woff') format('woff'),
        url('/images/design/font/Geometria-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-Heavy.eot');
    src: local('Geometria Heavy'), local('Geometria-Heavy'),
        url('/images/design/font/Geometria-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-Heavy.woff2') format('woff2'),
        url('/images/design/font/Geometria-Heavy.woff') format('woff'),
        url('/images/design/font/Geometria-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-ThinItalic.eot');
    src: local('Geometria Thin Italic'), local('Geometria-ThinItalic'),
        url('/images/design/font/Geometria-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-ThinItalic.woff2') format('woff2'),
        url('/images/design/font/Geometria-ThinItalic.woff') format('woff'),
        url('/images/design/font/Geometria-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Geometria';
    src: url('/images/design/font/Geometria-Thin.eot');
    src: local('Geometria Thin'), local('Geometria-Thin'),
        url('/images/design/font/Geometria-Thin.eot?#iefix') format('embedded-opentype'),
        url('/images/design/font/Geometria-Thin.woff2') format('woff2'),
        url('/images/design/font/Geometria-Thin.woff') format('woff'),
        url('/images/design/font/Geometria-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}



body, a {
	color:#2f2f2f;
	font-family: Geometria;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Geometria;
}
a:hover, a:active {
	color: #f7921e;
}

.logo img {
	min-height: 26px;
}
#sp-footer {
    background-image: linear-gradient(117deg, #5dcae1 23%, #83c340 60%, #f9a026 100%);
}

.webb-conts-footer {
	display: inline-grid;
    color: #495057;
    text-align: left;
}
.webb-conts-footer a {
	color: #495057 !important;
}

#offcanvas-toggler > i:hover {
    color: #973194;
}
.webb-logo-footer img {
	width: 160px;
	margin-bottom: 15px;
}
.webb-slog-footer {
	text-align: left;
    font-weight: 500;
    font-size: 16px;
	margin-bottom: 30px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-family: Geometria;
    font-size: 16px;
    text-transform: none;
    color: #2f2f2f;
	font-weight: 500;
	padding: 0 12px;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
    color: #f7921e;
}

.webb-tel {
	margin-top: 34px;
    font-size: 17px;
	font-weight: 600;
}
.sp-megamenu-parent > li.sp-has-child > a:after, .sp-megamenu-parent > li.sp-has-child > span:after,
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	display: none !important;
}
#sp-main-body {
    padding: 20px 0;
}

/*Catalog*/
.webb-cat-img {
	width: 35%;
    margin-right: 50px;
    float: left;
}
.webb-cat-prod {
	background: #fff;
    padding: 32px;
    border-radius: 16px;
	margin-bottom: 32px;
	color: #333;
	/* color: #495057e6; */
	/* background-image: linear-gradient(-30deg, #43505f 30%, #52c7e1 90%); */
}
.webb-cat-prod .entry-header h2 a {
    color: #495057;
	font-weight: 600;
    font-family: 'Geometria';
}

.webb-cat-img img, .webb-cat-prod img {
	width: 320px;
	height:100%;
    border-radius: 8px;
	margin-right: 15px;
}
.webb-cat-prod ul {
	color: #495057;
	font-size: 16px;
	line-height: 1.8em;
    font-weight: 600;
    font-family: 'Geometria';
	display: flow-root;
}

.webb-cat-prod ul li {
	color: #495057;
}

.fields-container ul {
	color: #2f2f2f;
	font-size: 16px;
	line-height: 1.8em;
    font-weight: 600;
    font-family: 'Geometria';
	display: flow-root;
}
.webb-cat-prod .field-value, .fields-container .field-value {
	float: right;
}

.fields-container .rekomendovana-tsina, .webb-cat-prod .rekomendovana-tsina {
	border: none;
}
.fields-container .povna-tekhnichna-informatsiia-pro-tovar {
	border: none;
}
.item-page .rekomendovana-tsina .field-value {
	font-size: 28px;
    font-family: 'Geometria';
    color: #f7921e;
    float: left;
    margin-right: 20px;
}
.item-page .rekomendovana-tsina .field-label {
	font-size: 12px;
    position: relative;
    top: 0px;
    font-weight: 500;
    display: inline-flex;
    padding: 0px 5px;
    color: #495057;
    background-image: linear-gradient(117deg, #5dcae1 23%, #83c340 60%, #f9a026 100%);
    border-radius: 12px;
}
.webb-cat-prod .rekomendovana-tsina .field-value {
    font-size: 28px;
    font-family: 'Geometria';
    color: #495057;
    display: inline-block;
    float: none;
    margin-bottom: 32px;
    margin-left: -135px;
}
.webb-cat-prod .rekomendovana-tsina .field-label {
	font-size: 13px;
    float: inline-start;
    position: relative;
    top: 24px;
    font-weight: 500;
    color: #495057;
}
.webb-cat-prod .povna-tekhnichna-informatsiia-pro-tovar {
	display: none;
}


.fields-container li {
	border-bottom-style: dashed;
    border-bottom-width: 1px;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	display: flow-root;
	color: #495057;
	
}
ul.fields-container {
    margin-top: 35px;
	font-size: 16px;
    line-height: 3em;
    font-weight: 600;
}
.webb-cat-prod	 ul.fields-container {
    margin-top: 0px;
	font-size: 16px;
    line-height: 2em;
    font-weight: 600;
}

.webb-cat-prod li {
	border-bottom-style: dashed;
    border-bottom-width: 1px;
	border-bottom-color: #e9ecef4f;
	
}
.webb-cat-prod li::marker, .webb-prod li::marker, .fields-container li::marker {
	display: none;
	color: transparent;
}
.item-page .fields-container .field-value {
	
}
.sppb-form-builder-field-2 {
	display:none;
}
.sppb-form-group {
    margin-bottom: 10px;
}

.webb-techin {
	border-style: solid;
    border-width: 1.5px;
    border-color: #64bc45;
    color: #64bc45;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 5px;
	margin-top: 20px;
    text-align: center;
    align-items: center;
    float: none !important;
    display: flow;
}
.webb-techin a {
	color: #64bc45;
}
.webb-techmanual {
	border-style: solid;
    border-width: 1.5px;
    border-color: #69cde1;
    color: #69cde1;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 5px;
	margin-top: 20px;
    text-align: center;
    align-items: center;
    float: none !important;
}
.webb-techmanual a {
	color: #69cde1;
}


.webb-cat-prod .entry-header {
    display: flex;
}
.webb-cat-prod .entry-header h2 {
    margin: 8px 30px 0;
}

div [itemprop="articleBody"] .webb-icon-bl {
	display: none;
}

.com-content-category-blog__child {
	display: none;
}

.btn-secondary {
    color: #6c757d;
    background-color: #dee2e6;
    border-color: #51585e;
}
#mod-custom130 {
	/* float: left; */
    margin-right: 20px;
	margin-top: 2px;
}

.webb-docs-link {
	font-weight: 500;
    font-size: 16px; 
}

a[href $='.pdf']:after {
    content: "";
    padding-right: 30px;
    height: 22px;
    position: absolute;
    background-image: url(/images/design/pdf.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



/*slider*/
.fotorama__stage__frame img{
    max-height: 400px !important;
	width: auto !important;
}
.fotorama__wrap {
}
.article_images_block {
	width: 50%;
    max-height: 500px;
	min-height: 400px;
    display: block;
    float: left;
	margin: 25px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
    /* background-image: linear-gradient(180deg, #56c9e170 0%, #f7901e82 72%); */
    border-radius: 8px;
    padding: 15px !important;	
}

div [itemprop="articleBody"] {
	clear: both;
}
.fotorama__fullscreen-icon {
	display: none;
}

/*tags*/
.webb-cat-prod .webb-tags {
	color: #d0d0d0;
}
.com-tags-tag__description img {
	height: 28px;
    width: auto;
}

.webb-icon-bl img{
	width:45px; 
	height:45px;
	margin: 5px;
	filter: invert(28%) sepia(11%) saturate(553%) hue-rotate(169deg) brightness(92%) contrast(81%);
}
.webb-icon-bl, .webb-icon-bl a {
	display: flex;
	margin-left: 25px;
	margin-bottom: 15px;
}
.webb-cat-prod .category_article_image {
	display: none;
}

.webb-icon-b2 img {
    height: 50px;
    width: 50px;
	margin: 5px;
	filter: invert(100%) sepia(37%) saturate(0%) hue-rotate(157deg) brightness(108%) contrast(96%);
	
}
.webb-icon-b2 {
	display: flex;
	flex-wrap: wrap;
}

.webb-funk-bl {
    /* background-image: linear-gradient(360deg, #43505D 0%, #52c7e1 150%); */
    background-image: linear-gradient(360deg, #883290 0%, #9840a1 150%);
	padding: 10px;
    border-radius: 8px;
	min-width: 230px;
    color: #ffffff;
	max-width: 22%;
    margin: 15px;	
}
.webb-funk-bl:hover {
	/* background-image: linear-gradient(350deg, #43505D 0%, #52c7e1 150%); */
	opacity: 1.2; 
	transition: all 3s ease-out;
}
.webb-funk-bl span {
	font-size: 16px;
    font-weight: 600;
}
.webb-funk-bl a {
	color: #fff;
}




@media (min-width: 1200px) and (max-width: 1599px) {


}

@media only screen and (max-device-width: 768px) {

.logo img {
    height: 22px;
}
.webb-tel {
    font-size: 14px;
}

/*slider*/
.fotorama__stage__frame img{
    height: auto !important;
	width: 100% !important;
}
.fotorama__wrap {
}
.article_images_block {
	width: 100%;
    display: block;
    float: none;
	margin: 0px !important;
    margin-bottom: 30px !important;
    background-image: none;
    border-radius: 8px;
    padding: 5px !important;	
}
.fotorama__stage__frame img {
	left: 0px !important;
}


.webb-funk-bl {
    max-width: none;
}
.pull-left {
    float: none;
}

.webb-icon-bl, .webb-icon-bl a {
    display: flex;
    flex-wrap: wrap;
}
.webb-cat-prod {
    margin-left: 5px;
    margin-right: 5px;
    width: 98%;
}



}