body { margin: 0; font-family: 'Roboto', sans-serif !important; font-size: 1rem; line-height: 1.5; color: #3d3d3d; background-color: #fff; min-width: 320px; overflow-y: visible !important; }
h1, h2, h3, h4, h5 { margin-bottom: 1.250rem; font-family: 'Roboto Condensed', sans-serif; }
.modal-open { padding-right: 0 !important; }
a { color: #32961a; text-decoration: underline; cursor: pointer; }
a:hover, a:focus { color: #464646; }
.txt-cond { font-family: 'Roboto Condensed', sans-serif; }
/*========================outline link========================*/
a, a:focus, a:hover, a:active, button, button:hover, .btn, .btn:hover, .btn.focus, .btn:focus { outline: 0 !important; box-shadow: 0 !important; }
.container { max-width: 1200px; }
header { position: fixed; width: 100%; z-index: 50; }
.topinfo { background-image: url(../i/bg_top.jpg); background-repeat: no-repeat; background-position: 15px bottom; padding-top: 1rem; height: 14rem; background-size: contain; }
img.logo { display: block; float: left; margin-right: 30px; }
.slogan { color: #000000; font-weight: 700; font-size: 1.25rem; padding-top: 68px; padding-left: 30px; line-height: 1.8rem; }
.topinfo .right { padding-top: 68px; }
.wsmenu-list li.rightmenu { padding-right: 0px; }
.wsmenu-list > li.rightmenu > a { border-top: 0px; }
.wsmenu-list > li.rightmenu a.phon { color: #3AA422; text-decoration: none; font-size: 1.7rem; font-weight: bold; padding-top: 1rem; padding-right: 2rem; }
.wsmenu-list > li.rightmenu a.phon:hover { color: #000000; }
a.mail { display: inline-block; color: #7b7b7b; margin-left: 30px; }
a.mail:hover { color: #3AA422; }
.btn { border: none; border-radius: 0rem; }
a.btn { text-decoration: none; }
a.btn.call { font-size: 0.875rem; border: 1px dashed #4AAF33; border-radius: 0px; margin-top: 12px; padding: .4rem 1rem; }
a.btn.call:hover { -webkit-box-shadow: 0px 4px 12px rgba(0, 0, 0, .30); box-shadow: 0px 4px 12px rgba(0, 0, 0, .30); }
a.btn.green { background-color: #59b045; color: #FFFFFF; font-size: 0.875rem; padding: .5rem 1.8rem; }
a.btn.green:hover { background-color: #828282; }
a.btn.gr { background-color: #707070; color: #FFFFFF; font-size: 0.875rem; padding: .5rem 1.8rem; text-transform: uppercase; }
a.btn.gr:hover { background-color: #59b045; }
.icon.call-phon { fill: #4aaf33; height: 20px; width: 20px; margin-right: 4px; }
.icon.phon-mob { fill: #4aaf33; height: 26px; width: 26px; }
.icon.mail { fill: #000; height: 20px; width: 20px; margin-right: 6px; }
.icon.order { fill: #000; height: 20px; width: 20px; margin-right: 6px; }
/*=============== ===========header.small=================*/
header.small { margin-top: 0rem; font-size: 90%; }
header.small .wsmenu-list > li.rightmenu a.phon { padding-top: 0.1rem; }
header.small a.btn.call { margin-top: 1px; padding: .2rem 1rem; }
header.small .wsmenu-list > li > a { border-top: 8px solid rgba(0, 0, 0, 0.00); border-bottom-color: rgba(0, 0, 0, 0.00); border-right-color: rgba(0, 0, 0, 0.00); border-left-color: rgba(0, 0, 0, 0.00); color: #fff; }
header.small a.btn.call { color: #FFFFFF; }
/*==========================top menu======================*/
.wsactive .wsmenu > .wsmenu-list { background-color: #fff; }
.wsmobileheader { background-color: rgba(255, 255, 255, 0.90); }
.wsmenu > .wsmenu-list > li > a { color: #000; border-top: 15px solid transparent; }
.wsmenu > .wsmenu-list > li > a.active { color: #3aa422; border-color: #3aa422; text-decoration: none; }
.wsmenu > .wsmenu-list > li:hover > a { color: #3aa422; border-color: #3aa422; text-decoration: none; }
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > a { background-color: #686868; color: #fff; }
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > a { background-color: #686868; color: #fff; }
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover a { background-color: #686868; color: #fff; }
/*==============================catalog====================*/
section.catalog { padding-bottom: 4rem; }
.catalog .card { border-radius: 0rem; border: none; text-align: center; }
.catalog .card-body { color: #FFFFFF; font-size: 0.875rem; padding: 1rem 0.8rem; }
.catalog .card-body.blue { background-color: #3e6acc; }
.catalog .card-body.green { background-color: #5fb34c; }
.catalog .card-body.magen { background-color: #c52a56; }
.catalog .card-body.yel { background-color: #c4ab22; }
.catalog .card-body.greenbl { background-color: #269363; }
.catalog .card-body.grey { background-color: #868686; }
.catalog .card-body.ohra { background-color: #b4852b; }
.catalog .card h3 { color: #FFFFFF; font-size: 1rem; font-weight: 700; margin-bottom: 0.4rem; }
.catalog .card-img-top { margin: 1.5rem 0rem 0.4rem; width: auto; }
.catalog a { text-decoration: none; background-color: #f4f4f4; display: inline-block; }
.catalog a:hover { background-color: #FFFFFF; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.20); }
/*=========================offers===================*/
section.offers { background-color: #50a83d; position: relative; color: #FFFFFF; font-size: 0.875rem; padding-bottom: 1rem; }
.diamants { background-image: url(../i/diamans.svg); height: 780px; background-position: center center; background-repeat: no-repeat; position: absolute; width: 100%; background-size: contain; margin-top: -50px; }
.offers h2 { color: #FFFFFF; font-size: 2.25rem; margin-bottom: 2.5rem; }
.offers .item { margin-bottom: 2rem; }
.iconof { width: 115px; height: 115px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; border-radius: 50%; margin-bottom: 2rem; text-align: center; }
.icon.offers { fill: #535353; width: 56px; height: 56px; }
/*=========================offers2===================*/
section.offers2 { padding-top: 4rem; color: #868686; }
.offers2 h3 { font-size: 1.6875rem; margin-bottom: 2rem; }
ul.list-offers { margin-bottom: -3rem; }
ul.list-offers li { padding-bottom: 2rem; }
ul.list-offers li::before { content: ""; display: block; margin-right: 1.5rem; margin-top: 4px; background-image: url(../i/check-square-regular.svg); width: 30px; height: 30px; background-repeat: no-repeat; background-size: cover; }
/*==========================section iform================*/
section.iform { margin-bottom: 4rem; }
.iform .header { color: #FFFFFF; padding: 0.5rem 1rem 0.5rem 2rem; margin-bottom: 2rem; font-size: 1.5rem; }
.iform .lesson .header { background-color: #59b045; }
.iform .article .header { background-color: #707070; }
.iform .lesson { font-size: 0.875rem; }
ul.list-article, .lesson ul { margin-bottom: 2rem; }
ul.list-article li { margin-bottom: 1rem; }
ul.list-article .autor { color: #8c8c8c; font-style: italic; font-size: 0.875rem; }
ul.list-article .anons { font-size: 0.875rem; }
ul.list-article p { margin-bottom: .5rem; }
ul.list-article a { font-style: italic; }
ul.list-article h3 { font-size: 1rem; }
ul.list-article.page h3 { font-size: 1.125rem; margin-bottom: .5rem; }
ul.list-article.page li { margin-bottom: 2rem; }
.lesson ul li { margin-bottom: 0.5rem; }
/*========================book==========================*/
.book h3 { font-size: 1.5em; margin-bottom: 2.5rem; }
.book .card-body, .book .card-body h5 { font-size: 1rem; line-height: 1.4rem; font-weight: normal; margin-bottom: 0.5rem; }
.book .card { text-align: center; background-color: #ececec; border: none; border-radius: 0rem; }
.book .card img.card-img-top { margin-top: 1.5rem; margin-right: auto; margin-left: auto; /* margin-bottom: 0.4rem;*/
max-width: 170px; display: block; -webkit-box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.40); box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.40); }
.book .card-footer { padding-top: 0rem; padding-right: 1.25rem; padding-left: 1.25rem; padding-bottom: 1.5rem; background-color: transparent; border-top: none; }
.book .card-body { padding: 1.25rem 1.25rem 0.5rem; }
/*=========================form-quest =====================*/
.form-quest { background-color: #ececec; margin-bottom: 4rem; margin-top: 4rem; }
.form-quest .left { position: relative; padding-left: 0px; font-size: 1.5rem; padding-top: 20px; }
.form-quest .left div { padding-left: 250px; }
.form-quest .right { padding-top: 25px; font-size: 0.875rem; margin-bottom: 0px; padding-bottom: 10px; }
img.form { display: block; position: absolute; top: -30px; left: 20px; }
.form-quest a.phon { font-size: 1.3125rem; font-weight: 700; }
/*==============================forms=================================*/
.form-order .form-group { margin-bottom: 20px; }
.form-control { display: block; width: 100%; height: auto; border: 2px solid #FFFFFF; border-radius: 0px; box-shadow: none; background-color: rgba(255, 255, 255, 1.0); }
.form-control:focus { border: 2px solid #A2A2A2; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
form a.btn.green { text-transform: uppercase; font: 1.125rem 'Roboto Condensed', sans-serif; }
.form-control textarea { height: 100px; }
.required { background-image: url(../i/req.png); background-position: right top; background-repeat: no-repeat !important; }
/*=============================content-page================*/
.wrapper { padding-top: 1rem; padding-bottom: 2rem; }
.breadcrumb { padding: 0rem 0rem 1rem; margin-bottom: 0rem; background-color: transparent; border-radius: none; font-size: 0.875rem; }
.breadcrumb .active { color: #707070; }
.uppercase { text-transform: uppercase; }
h1 { color: #000000; font-size: 1.9375rem; font-weight: normal; margin-bottom: 2rem; }
h2 { color: #53b049; font-size: 1.875rem; font-weight: normal; }
h3 { color: #000; font-size: 1.75rem; font-weight: normal; }
h4 { color: #000; font-size: 1.6875rem; font-weight: 700; }
h5 { color: #000000; font-size: 1.5rem; font-weight: 700; }
.nav-top { margin-bottom: 1rem; }
.nav-top a { display: inline-block; background-color: #e6e6e6; font-size: 0.75rem; color: #000000; padding: 9px 15px; margin-right: 10px; margin-bottom: 10px; text-decoration: none; }
.nav-top a:hover, .nav-top a:active, .nav-top a:focus, .nav-top a.active { background-color: #5db748; color: #FFFFFF; }
a.yak { display: block; height: 2rem; }
.header-mat { height: 130px; background-color: #E7E7E7; background-repeat: no-repeat; background-position: left center; margin-bottom: 2rem; }
.header-mat.f1 { background-image: url(../i/c_mult.jpg); }
.header-mat.f2 { background-image: url(../i/c_plastm.jpg); }
.header-mat.f3 { background-image: url(../i/c_moglice.jpg); }
.header-mat.f4 { background-image: url(../i/c_dihtol.jpg); }
.header-mat.f5 { background-image: url(../i/c_u_kley.jpg); }
.header-mat.f6 { background-image: url(../i/c_repa.jpg); }
.header-mat.f7 { background-image: url(../i/c_vspom.jpg); }
ul.catalog { }
ul.catalog li { margin-bottom: 2rem; font-size: 0.875rem; }
ul.catalog p.prev { color: #878787; font-style: italic; }
ul.catalog a { text-transform: none !important; }
ul.catalog hr { margin-top: 0rem; margin-bottom: 1.5rem; border-top: 1px dashed #787878; }
ul.work { }
ul.work li { margin-bottom: 1.5rem; }
ul.work li::before { content: ""; display: block; margin-right: 1rem; background-image: url(../i/u3.gif); width: 40px; height: 40px; background-repeat: no-repeat; background-size: cover; }
.img-row { max-width: 1000px; margin-left: auto; margin-right: auto; }
.img-row > div { display: inline-block; width: 100%; height: auto; margin-bottom: 1rem; position: relative; }
.img-row img { display: block; max-width: 100%; height: auto; }
a.btn.green.line { font-size: 1.125rem; width: 70%; margin-left: auto; margin-right: auto; display: block; }
.item-ob { margin-bottom: 1rem; }
.name-ob { color: #47AB30; font-size: 1.25rem; margin-bottom: 0.5rem; }
.item-ob ul { color: #7B7B7B; }
img.border-img { border: 10px solid #ECECEC; margin-bottom: 1rem; }
/*===========================footer=====================*/
footer { background-color: #363636; padding-top: 5rem; padding-bottom: 4rem; margin-top: 4rem; font-size: 0.875rem; color: #acacac; }
footer a { color: #c8c8c8; }
footer a:hover { color: #FFFFFF; }
ul.link-footer li { margin-bottom: 1.5rem; }
.contact-footer { text-align: center; color: #FFFFFF; }
.adres { font-size: 1rem; line-height: 2.5rem; }
img.logo-footer { max-width: 260px; margin-bottom: 2rem; }
.contact-footer a.phon { color: #67c949; font-size: 1.9375rem; display: inline-block; text-decoration: none; margin-top: 1rem; margin-bottom: 1rem; }
.contact-footer a.phon:hover { color: #FFFFFF; }
p.cop { color: #FFFFFF; }
a.site { color: #7E7E7E; font-size: 0.75rem; display: block; margin-top: 2rem; }
/*================================table============================*/
.table { color: #333; font-size: 0.875rem; }
/*=================================modal==================================*/
.modal.fade .modal-content { border-radius: 0px; background-color: rgba(234, 234, 234, 0.90); border: none; }
.modal.fade .modal-body { padding: 0.9rem 1.5rem 0rem; font-size: 1rem; }
img.m-book { max-width: 200px; margin-bottom: 2rem; }
.modal.fade .modal-content h5.modal-title { color: #fff; font-size: 1.25rem; font-weight: normal; margin-left: auto; padding-left: 2rem; }
.modal-footer { justify-content: center; }
.close { font-size: 1.5rem; color: #000; }
.close:focus, .close:hover { filter: alpha(opacity=100); opacity: 1.0; }
.close:hover, .close:focus { color: #000; }
.modal-header, .modal-footer { padding-top: 0px; border-bottom: none; border-top: none; text-align: center; border-radius: 0px; }
.modal-header { padding-bottom: 0.7rem; padding-top: 0.7rem; background-color: #46c138; }
.modal-footer { padding-bottom: 1rem; display: block; }
.modal-header .close { margin: -1rem -.8rem -1rem auto; }
.btn.focus, .btn:focus { box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.1); }
/*===============================animate======================*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
/*===========================*/
@-webkit-keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
/*===========================*/
@-webkit-keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
@keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
/*===========================*/
@-webkit-keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
/*===========================*/
@-webkit-keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
/*=============================scrollup=================================*/
.scrollup { width: 40px; height: 40px; opacity: 0.7; position: fixed; bottom: 2rem; right: 2rem; display: none; text-indent: -9999px; background-repeat: no-repeat; background-image: url(../i/up.png); color: #FFFFFF; z-index: 90; background-size: cover; }
/*==============================vid-blok============================*/
.vid-blok { margin-left: auto; margin-right: auto; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
html.h-100 { height: auto !important; }
}