@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;400;700&family=Open+Sans:wght@300;400;600;700&display=swap');
body {
 margin: 0;
 font-family: 'Open Sans', sans-serif !important;
 font-size: 1rem;
 line-height: 1.5;
 color: #474747;
 background-color: #fff;
 min-width: 320px;
 overflow-y: visible !important;
}

@media (min-width: 768px) {
.container {
 max-width: 750px;
}
}

@media (min-width: 992px) {
.container {
 max-width: 970px;
}
.container.sale-info {
 margin-top: 3rem;
}
}

@media (min-width: 1200px) {
.container {
 max-width: 1180px;
}
}

@media (min-width: 1400px) {
.container {
 max-width: 1290px;
}
.container.sale-info {
 max-width: 80%;
}
.wrapper .form-raschet, .wrapper .form-guest {
 width: 90%;
 padding-left: 4rem;
 padding-right: 4rem;
 margin-left: auto;
 margin-right: auto;
}
}

@media (min-width: 1600px) {
.container {
 max-width: 1450px;
}
.container.sale-info {
 max-width: 70%;
}
}

@media (min-width: 1800px) {
.container {
 max-width: 1600px;
}
}
h1, h2, h3, h4, h5 {
 margin-bottom: 1.25rem;
}
.modal-open {
 padding-right: 0 !important;
}
a {
 color: #54A04B;
 text-decoration: underline;
 cursor: pointer;
}
a:hover, a:focus {
 color: #6E5B41;
}
.txt-cond {
 font-family: 'Open Sans Condensed', sans-serif !important;
}
/*========================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;
}
a.btn.focus, a.btn:focus {
 -webkit-box-shadow: 0px 0px 0px 10px rgb(0 0 0 / 10%);
 box-shadow: 0px 0px 0px 10px rgb(0 0 0 / 10%);
}
header {
 position: fixed;
 width: 100%;
 z-index: 50;
 background-color: rgba(255,255,255,0.70);
 top: 0px;
 padding-bottom: 20px;
}
.topsite {
 margin-top: 84px;
}
.wsmenu-list li.rightmenu {
 padding-right: 0px;
}
.wsmenu-list > li.rightmenu > a {
 border-top: 0px;
}
.icon.phon {
 fill: #82786A;
 height: 20px;
 width: 20px;
 margin-right: 6px;
 margin-top: -8px;
}
.icon.phon-mob {
 fill: #000;
 height: 26px;
 width: 26px;
}
.icon.call {
 fill: #FFF;
 height: 20px;
 width: 20px;
 margin-top: -4px;
}
.callbac .icon.call {
 fill: #82786A;
 height: 20px;
 width: 20px;
 margin-right: 6px;
 margin-top: 2px;
}
.icon.map {
 fill: #82786A;
 height: 20px;
 width: 20px;
 margin-right: 6px;
 margin-top: -7px;
}
.icon.order {
 fill: #82786A;
 height: 20px;
 width: 20px;
 margin-right: 0px;
 margin-top: -4px;
}
a.btn.wt {
 -webkit-box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.30);
 box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.30);
 -webkit-transition: box-shadow 0.1s linear 0s;
 -moz-transition: box-shadow 0.1s linear 0s;
 -o-transition: box-shadow 0.1s linear 0s;
 transition: box-shadow 0.1s linear 0s;
 background-color: rgba(255,255,255,0.95);
 border-radius: 50rem;
 text-decoration: none;
 border: none !important;
}
a.btn.wt:hover {
 -webkit-box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.20);
 box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.20);
 -webkit-transform: box-shadow scale(1.1);
 -moz-transform: box-shadow scale(1.1);
 -ms-transform: box-shadow scale(1.1);
 -o-transform: box-shadow scale(1.1);
 transform: box-shadow scale(1.1);
 background-color: rgba(255,255,255,1);
}
a.btn.green {
 background-color: #3A9E2E;
 color: #FFFFFF;
 text-decoration: none;
 border-radius: 50rem;
 padding: 8px 30px 10px;
 -webkit-box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.10);
 box-shadow: 0px 0px 0px 7px rgba(0,0,0,0.10);
 -webkit-transition: box-shadow 0.1s linear 0s;
 -moz-transition: box-shadow 0.1s linear 0s;
 -o-transition: box-shadow 0.1s linear 0s;
 transition: box-shadow 0.1s linear 0s;
}
a.btn.green:hover {
 -webkit-box-shadow: 0px 0px 0px 14px rgba(0,0,0,0.05);
 box-shadow: 0px 0px 0px 14px rgba(0,0,0,0.05);
 -webkit-transform: box-shadow scale(1.1);
 -moz-transform: box-shadow scale(1.1);
 -ms-transform: box-shadow scale(1.1);
 -o-transform: box-shadow scale(1.1);
 transform: box-shadow scale(1.1);
 background-color: #706554;
}
.wsmenu > .wsmenu-list > li > a.btn.wt {
 padding: 8px 25px !important;
 color: #3A9E2E;
 line-height: normal;
 margin-top: 14px;
 background-color: rgba(255,255,255,0.95);
}
.wsmenu > .wsmenu-list > li > a.btn.wt:hover {
 color: #000;
}
a.btn.wt.form {
 padding: 12px 40px !important;
 color: #000;
 font-size: 1.125rem;
 -webkit-box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.40);
 box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.40);
}
a.btn.wt.form:hover {
 -webkit-box-shadow: 0px 0px 0px 14px rgba(255,255,255,0.30);
 box-shadow: 0px 0px 0px 14px rgba(255,255,255,0.30);
 background-color: #144D29;
 color: #FFFFFF;
}
a.btn.green-wt {
 background-color: #3A9E2E;
 color: #FFFFFF;
 text-decoration: none;
 border-radius: 50rem;
 padding: 10px 30px 12px;
 -webkit-box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.70);
 box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.70);
 -webkit-transition: box-shadow 0.1s linear 0s;
 -moz-transition: box-shadow 0.1s linear 0s;
 -o-transition: box-shadow 0.1s linear 0s;
 transition: box-shadow 0.1s linear 0s;
}
a.btn.green-wt:hover {
 -webkit-box-shadow: 0px 0px 0px 14px rgba(255,255,255,0.60);
 box-shadow: 0px 0px 0px 14px rgba(255,255,255,0.60);
 -webkit-transform: box-shadow scale(1.1);
 -moz-transform: box-shadow scale(1.1);
 -ms-transform: box-shadow scale(1.1);
 -o-transform: box-shadow scale(1.1);
 transform: box-shadow scale(1.1);
 background-color: #FFFFFF;
 color: #000000;
}
hr.line {
 padding: 0;
 height: 1px;
 border: none;
 border-top: 5px solid #91D189;
 border-bottom: 5px solid #A3937D;
 margin-top: 0px;
 margin-bottom: 0px;
}
/*==========================top menu======================*/
.wsactive .wsmenu > .wsmenu-list {
 background-color: #82786A;
}
.wsmobileheader {
 background-color: rgba(255, 255, 255, 0.90);
}
.wsmenu > .wsmenu-list > li > a {
 color: #fff;
 border-top: 5px solid transparent;
 text-decoration: none;
}
.wsmenu > .wsmenu-list > li > a.active {
 color: #C6B298;
 border-color: #FFF;
 text-decoration: none;
}
.wsmenu > .wsmenu-list > li:hover > a {
 color: #C6B298;
 border-color: #FFF;
 text-decoration: none;
}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > a {
 background-color: #736757;
 color: #fff;
}
/*==========================header.small=================*/
header.small {
 padding-bottom: 10px;
 background-color: rgba(255,255,255,0.90);
 -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.20);
 box-shadow: 0px 2px 5px rgba(0,0,0,0.20);
}
header.small .topsite {
 margin-top: 60px;
}
header.small img.logotop {
 max-width: 42px;
}
header.small .namesite {
 font-size: 1.5rem;
}
header.small .namesite span, header.small .adres {
 display: none;
}
header.small .wsmenu > .wsmenu-list > li > a.btn.wt {
 border-radius: 50rem;
 padding: 6px 25px !important;
 margin-top: 10px;
 font-size: 0.875rem;
}
/*========================titlesite========================*/
img.logotop {
 max-width: 92px;
 display: block;
 float: left;
 margin-right: 10px;
}
.namesite {
 color: #144D29;
 font-weight: 700;
 font-size: 1.9375rem;
 text-transform: uppercase;
}
.namesite span {
 color: #54C247;
 font-weight: normal;
 font-size: 1.16rem;
 text-transform: none;
 display: block;
}
.phone {
}
.phone a {
 color: #000000;
 font-weight: 700;
 font-size: 1.5rem;
 text-decoration: none;
 margin-right: 20px;
 white-space: nowrap;
 display: inline-block;
}
.phone a:hover {
 color: #82786A;
}
.adres {
 margin-top: 12px;
 color: #82786A;
}
a.callbac {
 color: #3A9E2E;
 font-size: 0.875rem;
 float: right;
}
a.callbac:hover {
 color: #000000;
}
.index-top {
 background-image: url(../i/bg.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center bottom;
 text-align: center;
 margin-top: 11.5rem;
 min-height: 500px;
 background-color: #61841E;
}
.index-top h1 {
 font-size: 5rem;
 font-weight: 700;
 color: #fff;
 text-transform: uppercase;
 text-shadow: 0 2px 4px rgba(0,0,0,0.65), 0 0 18px rgba(0,0,0,0.55);
}
.index-top h1 span {
 text-transform: none;
 font-weight: 300;
 font-size: 3.75rem;
}
/*=======================card=====================================*/
.card {
 border: none;
 border-radius: 10px;
}
.card-footer:last-child {
 border-radius: 0px;
}
.card-footer {
 padding: .75rem 1.25rem;
 background-color: transparent;
 border-top: none;
}
.card-title {
 margin-bottom: 2rem;
}
.ukladka .card:hover, .sale .card:hover, .sale-gazon-page .card:hover, .photo-g .card:hover {
 -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
 box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
 background-color: rgba(255,255,255,1.00);
 -webkit-transition: all 0.2s ease;
 -moz-transition: all 0.2s ease;
 -o-transition: all 0.2s ease;
 -ms-transition: all 0.2s ease;
 transition: all 0.2s ease;
}
/*=========================ukladkat =====================*/
.ukladka {
 /* margin-top: 3rem;*/
 margin-bottom: 2rem;
}
.ukladka h2, .sale h2 {
 color: #292929;
 font-size: 2.25rem;
 text-align: center;
 font-weight: 700;
 text-transform: uppercase;
 margin-bottom: 3rem;
}
.ukladka h3 {
 color: #82786A;
 font-size: 1.5rem;
 text-align: center;
 font-weight: 700;
}
.ukladka img {
 display: block;
 max-width: 440px;
 margin-left: auto;
 margin-right: auto;
}
.img-container {
 min-height: 150px;
 margin-bottom: 1.5rem;
}
.ukladka .legend {
 text-align: center;
}
.ukladka .price {
 color: #3A9E2E;
 font-weight: 700;
 font-size: 1.6875rem;
 margin-right: 5rem;
}
.ukladka .card-body {
 padding: 1.5rem 1.5rem 1rem;
}
.ukladka .card-footer {
 padding: 10px 30px 30px;
}
.ukladka .card, .ukladka-info .card {
 max-width: 90%;
 margin-left: auto;
 margin-right: auto;
}
.ukladka-info hr {
 margin-top: 4rem;
}
.ukladka-info .info .card {
 background-color: transparent;
}
.ukladka-info .info {
 font-size: 1.125rem;
 line-height: 1.8rem;
 background-image: url(../i/rulon_bg.svg);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 padding-top: 3rem;
 padding-bottom: 3rem;
}
.card-img, .card-img-bottom {
 border-radius: 10px;
}
.sale {
 margin-top: 3rem;
}
.sale .card {
 text-align: center;
}
.sale h3 {
 color: #fff;
 font-size: 1.3125rem;
 font-weight: 700;
 text-shadow: 0px 0px 8px rgba(0,0,0,0.90);
}
.sale .card-img-overlay {
 padding: 1.5rem;
}
.sale a.btn {
 display: inline-block;
 margin-top: 3rem;
}
.sale .price {
 background-color: rgba(255,255,255,1.00);
 display: inline-block;
 color: rgba(0,0,0,1.00);
 font-weight: bold;
 font-size: 1.35rem;
 padding: 10px 20px;
}
.sale .card-footer {
 padding: 0px;
}
.sale-info .infoblock {
 padding-left: 5rem;
 padding-right: 5rem;
}
/*=========================sale-gazon-page========================*/
.sale-gazon-page {
}
.sale-gazon-page h3 {
 color: #292929;
 font-weight: bold;
 font-size: 1.3125rem;
 text-align: center;
 margin: 0rem 1rem 1.5rem;
}
.sale-gazon-page .card {
 padding-bottom: 1.5rem;
 max-width: 80%;
 margin-left: auto;
 margin-right: auto;
}
.sale-gazon-page .price {
 position: absolute;
 background-color: #FFFFFF;
 color: #292929;
 font-weight: bold;
 font-size: 1.35rem;
 padding: 8px 20px;
 left: 50%;
 margin-left: -100px;
 width: 200px;
 bottom: 30px;
 text-align: center;
}
.sale-gazon-page .card-body {
 padding: 1.5rem 0rem 0rem;
}
.sale-gazon-page .img {
 position: relative;
 margin-bottom: 1.5rem;
}
.sale-gazon-page p.sostav {
 padding: 0rem 1.5rem;
 line-height: 1.8rem;
}
.sale-block {
 width: 90%;
 margin-left: auto;
 margin-right: auto;
}
.sale-block p.sostav {
 line-height: 1.9rem;
}
/*=============================works-pane===========================*/
.works-panel {
 background-image: url(../i/bg_work.jpg);
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
 margin-top: 5rem;
 padding-top: 4rem;
 padding-bottom: 5rem;
 background-color: #8F8C54;
}
.works-panel h3 {
 color: #FFFFFF;
 font-weight: 700;
 font-size: 2.1875rem;
 text-align: center;
 margin-bottom: 2.5rem;
 text-transform: uppercase;
}
p.card-title {
 background-color: rgba(255,255,255,0.90);
 text-align: center;
 padding: 1rem;
}
.works-panel .card {
 -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.30);
 box-shadow: 0px 0px 4px rgba(0,0,0,0.30);
 border: 2px solid #fff;
 max-width: 330px;
 margin-left: auto;
 margin-right: auto;
}
.works-panel .card:hover {
 -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.30);
 box-shadow: 0px 0px 20px rgba(0,0,0,0.30);
}
.works-panel .card a {
 color: #000000;
 text-decoration: none;
}
.card-img-overlay {
 padding: 0rem;
}
/*zoom block*/
.img-hover-zoom {
 height: auto;
 overflow: hidden;
}
.img-hover-zoom img {
 transition: transform 1s ease;
}
.img-hover-zoom:hover img {
 transform: scale(1.2);
}
/*==============================forms=================================*/
.form-raschet {
 background-color: #77B96F;
 padding: 30px;
 border-radius: 10px;
}
p.title {
 color: #FFFFFF;
 font-size: 1.4rem;
 font-weight: 700;
 text-align: center;
 line-height: 1.8rem;
}
.form-group {
 margin-bottom: 1.7rem;
}
.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 #82786A;
 outline: 0;
 -webkit-box-shadow: none;
 box-shadow: none;
}
.form-control textarea {
 height: 100px;
}
.required {
 background-image: url(../i/req.png);
 background-position: right top;
 background-repeat: no-repeat !important;
}
.form-control:focus, .btn, .btn.dropdown-toggle.btn-light {
 outline: 0;
 -webkit-box-shadow: none;
 box-shadow: none;
}
.btn.dropdown-toggle.btn-light {
 line-height: 1.7rem;
}
.bootstrap-select .dropdown-toggle:focus {
 outline: 0 !important;
 */  outline-offset: -2px;
}
.bootstrap-select.form-control {
 border-radius: 0px;
}
.dropdown-toggle {
 border-radius: 0rem;
}
.bootstrap-select .dropdown-menu {
 border-radius: 0px;
 border: 0px;
 background-color: #A3937D;
 padding: 0px;
 line-height: 2rem;
 z-index: 2;
 color: #fff;
 -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.40);
 box-shadow: 0px 4px 8px rgba(0,0,0,0.40);
}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
 color: #fff !important;
 text-decoration: none;
 background-color: #82786A;
}
.dropdown-item.disabled, .dropdown-item:disabled {
 color: #fff;
 pointer-events: none;
 background-color: transparent
}
.bootstrap-select > .dropdown-toggle:after {
 margin-top: 1px;
 border: none;
}
.dropdown-toggle::after {
 content: "";
 display: block;
 background-image: url(../i/chevron-down-solid2.svg);
 width: 10px;
 height: 10px;
 background-repeat: no-repeat;
 background-size: cover;
}
.btn-light, .btn-light:hover {
 color: #000;
 background-color: #fff;
 border-color: #fff;
}
.btn-light.focus, .btn-light:focus {
 color: #000;
 background-color: #fff;
 border-color: #fff;
 box-shadow: none;
}
.btn-light.disabled, .btn-light:disabled {
 color: #000;
 background-color: #fff;
 border-color: #fff;
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
 color: #000;
 background-color: #fff;
 border-color: #fff;
}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {
 box-shadow: none;
}
.bootstrap-select .dropdown-menu li a span.text {
 font-size: 0.875rem;
}
.form-guest {
 background-image: url(../i/bg_form2.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
 background-color: #67802E;
 padding: 30px;
 color: #FFFFFF;
 border-radius: 10px;
}
.wrapper .form-guest {
 background-image: url(../i/bg_form3.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
 background-color: #67802E;
 /* padding: 30px;*/
 color: #FFFFFF;
 border-radius: 10px;
}
.wrapper .sidebar .form-guest {
 padding: 30px;
}
a.nphon {
 color: #FFFFFF;
 font-weight: bold;
 font-size: 1.5rem;
 display: inline-block;
 margin-bottom: 1rem;
}
a.nphon:hover {
 color: #C7BCAD;
}
/*=============================content-page================*/
.page-top {
 margin-top: 11.5rem;
}
.wrapper {
 padding-top: 3rem;
 padding-bottom: 4rem;
}
.wrapper .ukladka .card {
 max-width: 100%;
}
.breadcrumb {
 padding: 0rem 0rem 1.5rem;
 margin-bottom: 0rem;
 background-color: transparent;
 border-radius: none;
 font-size: 0.875rem;
}
.breadcrumb a {
 color: #8B8B8B;
}
.breadcrumb a:hover {
 color: #3A9E2E;
}
.breadcrumb .active {
 color: #3A9E2E;
}
.uppercase {
 text-transform: uppercase;
}
h1 {
 font-size: 2.25rem;
 color: #000000;
}
h2 {
 color: #000;
 font-size: 1.9375rem;
}
h3 {
 color: #000;
 font-size: 1.75rem;
}
h4 {
 color: #82786A;
 font-size: 1.6875rem;
 font-weight: 700;
}
h5 {
 color: #82786A;
 font-size: 1.5rem;
 font-weight: 700;
}
.img-block-ukl {
 text-align: center;
 margin-top: 3rem;
 margin-bottom: 3rem;
}
.img-block-ukl img {
}
.img-block-ukl p {
 margin-top: 1.5rem;
 font-size: 1.125rem;
}
span.price {
 background-color: #5F4725;
 color: #FFFFFF;
 font-size: 1.6875rem;
 font-weight: bold;
 display: inline-block;
 padding: 0.5rem 1.5rem;
 margin-top: 1rem;
}
.box-img {
 /*min-height: 120px;*/
 overflow: hidden;
 margin-bottom: 1rem;
}
.photo-g a {
 font-size: 0.875rem !important;
 text-decoration: none;
 text-align: center;
 color: #5E5343;
}
.photo-g a:hover {
 color: #000000;
}
.photo-g p {
 margin-left: 1rem;
 margin-right: 1rem;
}
.photo-g .card {
 border: none;
 border-radius: 0rem;
}
/*==============================menu-page======================*/
ul.menu-page {
 font-size: 0.875rem;
 margin-bottom: 2rem;
}
ul.menu-page li {
 display: inline;
}
ul.menu-page a {
 display: inline-block;
 padding: 8px 20px;
 color: #fff;
 text-decoration: none;
 margin-right: 5px;
 margin-bottom: 5px;
 background-color: #3A9E2E;
 border-radius: 13px;
}
ul.menu-page a:hover, ul.menu-page a:active, ul.menu-page a.active, ul.menu-page a:focus {
 background-color: #C7BCAD;
}
/*=========================sidebar====================*/
.wrapper .sidebar .form-guest {
 width: 100%;
 background-image: url(../i/bg_form2.jpg);
 background-repeat: no-repeat;
 background-position: center bottom;
 background-size: cover;
}
ul.menu-left a {
 display: block;
 line-height: 1.8rem;
 padding: 0.8rem 1rem 0.8rem;
}
ul.menu-left a.active, ul.menu-left a:hover, ul.menu-left a:active, ul.menu-left a:focus {
 background-color: #F9F7F3;
 text-decoration: none;
}
ul.sub {
 background-color: #ece9e4;
}
ul.sub a {
 color: #000;
 font-size: 0.9375rem;
 padding-top: 1rem;
 padding-bottom: 1rem;
 line-height: 1.7rem;
}
ul.sub a.active, ul.sub a:hover, ul.sub a:active, ul.sub a:focus {
 text-decoration: none;
 background-color: #e4ded5;
}
/*===========================footer=====================*/
.footer {
 padding-top: 3rem;
 padding-bottom: 2rem;
 font-size: 0.875rem;
}
ul.menu-list li {
 line-height: 2.7rem;
}
ul.menu-list p {
 margin: 0px;
 color: #144D29;
 font-weight: bold;
}
.phon-bt {
 line-height: 1.8rem;
}
.phon-bt a {
 display: block;
 text-decoration: none;
 font-size: 1rem;
 font-weight: bold;
}
/*=========================soc=====================*/
.soc {
 margin-top: 1.5rem;
 margin-bottom: 1rem;
}
.soc a {
 display: inline-block;
 color: #82786A;
 margin-right: 1rem;
}
.soc a:hover {
 color: #54A04B;
}
.icon.youtube, .icon.facebook, .icon.insta, .icon.vk {
 width: 24px;
 height: 24px
}
/*=================================modal==================================*/
.modal.fade .modal-content {
 border-radius: 10px;
 background-color: #77B96F;
 border: none;
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.30);
 box-shadow: 0px 0px 10px rgba(0,0,0,0.30);
}
.modal.fade .modal-body {
 padding: 0.9rem 2rem 0rem;
 font-size: 1rem;
}
.modal.fade .modal-content h5.modal-title {
 color: #fff;
 font-size: 1.5rem;
 font-weight: normal;
 padding-left: 0.8rem;
 line-height: 1.7rem;
}
.modal-footer {
 justify-content: center;
}
.close {
 font-size: 1.5rem;
 color: #fff;
 text-shadow: none;
 opacity: 1;
}
.modal-header, .modal-footer {
 padding-top: 0px;
 border-bottom: none;
 border-top: none;
}
.modal-header {
 padding-bottom: 0.7rem;
 padding-top: 1.2rem;
}
.modal-footer {
 padding-bottom: 1.5rem;
 padding-top: 1rem;
}
.modal-header .close {
 margin: -1rem -.8rem -1rem auto;
}
.police {
 color: #fff;
 font-size: 0.7rem;
 margin-top: 1.3rem;
 text-align: center;
}
.police a {
 color: #FFFFFF;
}
.police a:hover {
 color: #000000;
}
/*=============================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============================*/
.video {
 margin-left: auto;
 margin-right: auto;
 max-width: 70%
}
/*===========================paginator==============*/
.paginator {
 margin-bottom: 2rem;
}
.paginator a {
 padding: 0.3rem 0.7rem;
 text-decoration: none;
}
.paginator a.active, .paginator a:hover, .paginator a:active, .paginator a:focus {
 color: #FFFFFF;
 background-color: #9C9C9C;
}
/*======================contact==================*/
.contact-list dd {
 line-height: 1.8rem;
 margin-bottom: 2rem;
}
.contact-list {
 margin-bottom: 1rem;
}
.contact-list dt {
 padding-bottom: 1.5rem;
 color: #000000;
}
.contact-list a.phone {
 text-decoration: none;
 font-size: 1.5rem;
}
/*======================table================*/
table.data td, table.data th {
 font-size: 0.875rem;
 line-height: 1.2rem;
}
table.data th {
 line-height: 1.2rem;
 background-color: #a0998f;
 color: #FFFFFF;
}

.price-discount{
 display:inline-block;
 background:#61841E;
 color:#fff;
 font-weight:700;
 font-size:1.05rem;
 padding:10px 18px;
 border-radius:6px;
 margin:.25rem 0 1.25rem;
}