/*
* {
 -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;
}
*/
body {
 background: #fff;
 font: 16px/1.5em Roboto, Arial, sans-serif;
 color: #000;
 min-width: 320px;
 margin-bottom: 300px;
 padding-right: 0 !important;
}

img {
 max-width: 100%;
 height: auto;
}

h1, h2, h3, h4, h5 {
 font-weight: normal;
 margin-bottom: 20px;
 line-height: 1.3em;
}

html {
 position: relative;
 min-height: 100%;
 overflow-y: auto;
}

footer {
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 300px;
 background-color: #f7f6ed;
}

a {
 color: #498074;
 text-decoration: underline;
 cursor: pointer;
}

a:hover, a:focus {
 color: #5c5b66;
}

/*outline link*/
a, a:focus, a:hover, a:active, button, button:hover {
 outline: 0 !important;
 box-shadow: 0 !important;
}

.container-fluid {
 max-width: 1350px;
}

/*=========================header-site===============================*/
header {
 width: 100%;
 position: fixed;
 z-index: 100;
 top: 0px;
 background-color: #f7f6ed;
}

.site-top {
 margin-bottom: 14px;
 margin-top: 12px;
 padding-left: 180px;
}

.name {
 color: #aaa995;
 font-size: 18px;
}

.name span {
 display: block;
 font-size: 41px;
 color: #4d897c;
 padding-top: 6px;
}

.cnt-top {
 color: #86856e;
 font-size: 14px;
 margin-top: 2px;
}

.cnt-top span {
 display: block;
 line-height: 1.2em;
 margin-bottom: 7px;
}

.cnt-top i {
 color: #9a9aa1;
 font-size: 16px;
 margin-right: 8px;
 display: block;
 float: left;
 margin-bottom: 10px;
 margin-top: 3px;
}

.phone {
 line-height: 1.3em;
 color: #7b7a86;
 font-size: 24px;
 float: left;
}

.phone span {
 font-size: 12px;
}

a.call {
 display: inline-block;
 float: right;
 background-color: #9a9aa1;
 color: #FFFFFF;
 font-size: 14px;
 padding: 4px 12px 6px;
 margin-top: 16px;
}

a.call:hover {
 background-color: #7b7a86;
}

a.call i {
 font-size: 16px;
 margin-right: 10px;
 vertical-align: middle;
}

.logo {
 width: 135px;
 z-index: 100;
 position: absolute;
 height: 152px;
}

.navbar > .container-fluid .navbar-brand {
 margin-left: 15px;
}

.navbar-brand {
 padding: 0px 0px;
 line-height: 0px;
}

header.small .navbar-brand.logo {
 webkit-transition: all 0.3s ease;
 -moz-transition: all 0.3s ease;
 -o-transition: all 0.3s ease;
 -ms-transition: all 0.3s ease;
 transition: all 0.3s ease;
 width: 70px;
}

header.small .site-top {
 display: none;
}

.phone-panel {
 color: #5E5D6C;
 font-size: 18px;
 padding-top: 15px;
 margin-right: 0px;
 display: none;
}

.phone-panel i {
 color: #7b7a86;
 margin-right: 10px;
}

header.small .phone-panel {
 display: block;
}

header.small ul.nav.navbar-nav {
 margin: 0px 0px 0px 70px;
}

/*=========================site top============================*/
.phone-menu {
 float: left;
 padding-top: 8px;
 padding-left: 20px;
 display: none;
}

.phone-menu a {
 color: #fff;
 font-size: 42px;
 text-decoration: none;
 display: block;
}

.phone-menu a:hover {
 color: #000000;
}

.logo-panel {
 position: absolute;
 display: none;
 z-index: 100;
 left: 50%;
 width: 50px;
 margin-left: -25px;
}

/*====================================top-menu============================*/
.menu-top .navbar {
 margin: 0;
 background-color: #e6e5da;
 padding: 0px;
 border-radius: 0px;
 font-size: 16px;
 border: none;
 transition: all .3s ease .15s;
 position: relative;
}

.menu-top .navbar-default .navbar-toggle {
 border: none;
 color: #fff;
 width: 56px;
 padding: 0px;
 background-color: transparent;
}

.navbar-toggle {
 margin-right: 15px;
}

ul.nav.navbar-nav {
 margin: 0px 0px 0px 167px;
 padding: 0px;
}

.menu-top .navbar-default .navbar-nav > li {
 margin: 0px;
 padding: 0px;
}

.menu-top .navbar-default .navbar-nav > li > a {
 color: #498074;
 padding: 15px 12px 17px;
 text-decoration: underline;
}

.menu-top .navbar-default .navbar-nav > li > a:hover, .menu-top .navbar-default .navbar-nav > li >a.active {
 text-decoration: none;
 color: #fff;
 background-color: #9a9aa1;
}

.menu-top .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
 color: #fff;
 background-color: #9a9aa1;
 text-decoration: none;
}

.menu-top .navbar-collapse {
 margin: 0px;
}

i.uk {
 display: inline-block;
 width: 0;
 height: 0;
 margin-left: 7px;
 vertical-align: middle;
 margin-top: -13px;
 font-size: 10px;
 color: #000;
 margin-right: 10px;
}

.menu-top .dropdown-menu {
 padding: 0px;
 width: 260px;
 font-size: 14px;
 border: none;
 border-radius: 0px;
}

.menu-top .dropdown-menu li {
 border-bottom: 1px solid #c7c7d2;
}

.menu-top .dropdown-menu > li > a {
 color: #fff;
 padding: 12px 20px;
 text-decoration: none;
 background-color: #9a9aa1;
 white-space: normal;
 line-height: 1.2em;
}

.menu-top .dropdown-menu > li > a:hover {
 background-color: #80808A;
}

.menu-top .dropdown-menu > .open > a, .dropdown-menu > .open > a:hover, .dropdown-menu > .open > a:focus {
 background-color: #80808A;
}

.menu-top .dropdown-submenu .dropdown-menu {
 top: 0;
 left: 100%;
 margin-top: 0px;
}

.menu-top .dropdown-submenu .dropdown-menu > li > a {
 background-color: #696972;
 color: #fff;
 font-size: 14px;
}

.menu-top .dropdown-submenu .dropdown-menu > li > a:hover {
 background-color: #515158;
}

.menu-top .dropdown-submenu .dropdown-menu > .open > a, .dropdown-submenu .dropdown-menu > .open > a:hover, .dropdown-submenu .dropdown-menu > .open > a:focus {
 background-color: #80808A;
}

.dropdown-submenu.sup > a::after {
 margin-top: 5px;
}

/*================================section index-about======================*/
section.index-about {
 margin-top: 200px;
}

.offert {
 font: bold 18px 'Roboto Condensed', sans-serif;
 background-color: #7b7a86;
 color: #FFFFFF;
 padding: 10px 20px 15px;
 margin-bottom: 20px;
}

.offert span {
 color: #ffb932;
}

.offert a {
 color: #ffb932;
}

.offert a:hover {
 color: #FFFFFF;
}

.offert img {
 display: block;
 float: left;
 margin-right: 20px;
}

.info-index {
 background-color: #e6e5da;
 color: #494949;
 padding: 20px 30px;
 min-height: 210px;
 background-image: url("");
 background-repeat: no-repeat;
 background-position: right bottom;
}

.info-index h1 {
 color: #4d897c;
 font-size: 31px;
 line-height: 1.1em;
 margin: 0px 0px 10px;
 padding: 0px;
}

/*===========================section service====================================*/
section.service {
 padding-top: 40px;
 padding-bottom: 60px;
}

.service .row {
 margin-left: -15px;
 margin-right: -15px;
}

.service ul {
 margin: 0px;
 list-style: none;
 padding: 0px;
}

.service ul li {
 text-align: center;
 position: relative;
}

.service ul li a span {
 background-color: #9f9d81;
 display: block;
 padding-top: 8px;
 padding-bottom: 12px;
 position: absolute;
 bottom: 0px;
 width: 100%;
}

.service ul li a {
 color: #FFFFFF;
 font-size: 18px;
 background-repeat: no-repeat;
 background-position: center center;
 display: block;
 height: 160px;
 position: relative;
}

.service ul li a.serv1 {
 background-image: url("");
}

.service ul li a.serv2 {
 background-image: url("");
}

.service ul li a.serv3 {
 background-image: url("");
}

.service ul li a.serv4 {
 background-image: url("");
}

.service ul li:hover {
 filter: alfa(opacity=80);
 opacity: 0.8
}

.label {
 position: absolute;
 left: 5px;
 top: 5px;
}

.akciy {
 background-image: url("");
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
 margin-top: 30px;
}

.akciy-content {
 background-color: 5e5d6f;
 background-color: rgba(94,93,111,0.85);
 display: inline-block;
 padding: 10px 30px;
}

.akciy-content a {
 color: #FFFFFF;
 font-size: 24px;
 margin-left: 20px;
}

.akciy-content a:hover {
 color: #ffb932;
}

/*=============================info-news=================================*/
section.info-news {
}

.info-news strong {
 color: #468a7b;
 font-size: 18px;
}

.info-news ul {
 margin: 0px;
 list-style: none;
 padding: 0px;
}

.info-news ul li {
 padding-left: 15px;
 background-image: url("");
 background-repeat: no-repeat;
 background-position: 0px 9px;
 margin-bottom: 10px;
}

.news-block {
 background-color: #f7f6ed;
 padding: 20px 30px;
}

.news-block h3 {
 margin: 0px 0px 20px;
}

ul.news-anons li {
 background-image: none;
 padding-left: 0px;
 color: #5e5e55;
 font-size: 14px;
 margin-bottom: 20px;
 line-height: 1.4em;
}

span.data {
 color: #FFFFFF;
 font-size: 14px;
 background-color: #b1b09f;
 padding: 2px 10px;
 display: inline-block;
 margin-bottom: 6px;
}

/*===================================why================================*/
section.why {
 padding-top: 70px;
 padding-bottom: 70px;
 background-image: url("");
 background-repeat: no-repeat;
 background-position: 5% bottom;
}

.why .col-md-3 {
 width: 20%;
}

.why h3 {
 color: #7b7a86;
 font-size: 34px;
 text-align: center;
 margin-top: 0px;
 margin-bottom: 40px;
}

.why-item {
 color: #5e5e55;
 font-size: 14px;
}

.why-item h5 {
 font: bold 18px 'Roboto Condensed', sans-serif;
 color: #5e5d6f;
 text-align: center;
 margin-top: 0px;
 min-height: 60px;
 margin-bottom: 0px;
}

.why-item img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 50px;
}

/*==============================serv-menu==============================*/
section.serv-menu {
 background-image: url("");
 background-size: cover;
 background-position: center 0px;
 background-attachment: fixed;
 padding-top: 80px;
 padding-bottom: 80px;
}

.serv-mn-item {
 background-color: #FFFFFF;
 padding-bottom: 30px;
 min-height: 600px;
}

.serv-mn-item img {
 display: block;
 margin: 0px auto 30px;
}

.serv-mn-item h4 {
 font: bold 27px 'Roboto Condensed', sans-serif;
 color: #7b7a86;
 text-align: center;
}

.serv-mn-item ul {
 margin: 0px 30px;
 list-style: none;
 padding: 0px;
}

.serv-mn-item ul li {
 padding-left: 20px;
 background-image: url("");
 background-repeat: no-repeat;
 background-position: 0px 10px;
 font-size: 18px;
 margin-bottom: 15px;
}

/*==========================offers-page================================*/
section.offers-page {
 padding-top: 70px;
 padding-bottom: 60px;
}

/*================================content================================*/
section.content {
 margin-top: 190px;
 padding-bottom: 60px;
}

.content h1, .content h2, .content h3, .content h4, .content h5 {
 line-height: 1.1em;
}

/*================================breadcrumb=========================*/
.breadcrumb {
 background-color: transparent;
 padding: 0px;
 margin: 0px;
 font-size: 14px;
}

.breadcrumb>.active {
 color: #888888;
}

/*======================menu-page======================*/
ul.menu-page {
 margin: 0px 0px 0px;
 list-style: none;
 padding: 0px;
}

ul.menu-page li {
 font-size: 14px;
 display: inline-block;
 margin-bottom: 10px;
}

ul.menu-page a {
 background-color: #e6e5da;
 color: #8D8C74;
 text-decoration: none;
 padding: 4px 10px 6px;
}

ul.menu-page a:hover {
 background-color: #9D9CAA;
 color: #FFFFFF;
}

ul.menu-page a:active, ul.menu-page a:focus {
 background-color: #9D9CAA;
 color: #FFFFFF;
}

/*======================menu-page======================*/
.content h1 {
 color: #4d897c;
 font-size: 34px;
}

.content h2 {
 color: #7D7D8D;
 font-size: 29px;
}

.content h3 {
 color: #51516e;
 font-size: 26px;
}

.content h4 {
 font-size: 23px;
 color: #9C9A7B;
}

.content h5 {
 font-size: 20px;
 color: #000000;
}

img.content {
 margin-top: 20px;
 margin-bottom: 30px;
 border: 3px solid #E6E5DA;
}

img.img-left {
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
 border: 2px solid #E6E5DA;
 margin-top: 10px;
}

/*==========================tablt=====================*/
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
 border: 1px solid #bcbcc5;
 font-size: 14px;
}

.table-bordered {
}

.table-bordered tr.tab-top {
 background-color: #E1E1E6;
}

table {
 margin-top: 30px;
 margin-bottom: 30px;
}

table.table-bordered td {
 padding: 8px;
 line-height: 1.3em;
 vertical-align: top;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
 background-color: #f3f2ed;
}

.table-striped td, th {
 padding: 8px;
}

.table-striped th {
 background-color: #E1E1E6;
 font-weight: normal;
}

.table-striped td {
 font-size: 14px;
}

.tab-zg {
 background-color: #9898A1;
 text-align: center;
 color: #FFFFFF;
 font-weight: bold;
}

.tab-zg a {
 color: #FFFFFF;
 font-weight: bold;
}

.tab-zg a:hover {
 color: #4E4E5B;
}

/*============================prev block==================*/
ul.row.item-page {
 margin-left: -15px;
 margin-right: -15px;
}

ul.item-page {
 margin: 30px 0px 0px;
 list-style: none;
 padding: 0px;
}

ul.item-page li {
 text-align: center;
 font-size: 14px;
 line-height: 1.3em;
 margin-bottom: 20px;
 min-height: 180px;
}

ul.item-page img {
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 10px;
 border: 2px solid #FFFFFF;
}

/*==================================galety===========================*/
.gallery-thumb {
 margin-top: 30px;
}

.gallery-thumb a {
 text-decoration: none;
 font-size: 14px;
 position: relative;
 display: block;
}

.gallery-thumb div {
 text-align: center;
 margin-bottom: 20px;
}

.gallery-thumb img.img-responsive {
 border: 2px solid #ccc;
 display: block;
 margin: 0px auto;
}

.gallery-thumb p {
 opacity: 0;
 font-size: 14px;
 color: #fff;
 position: absolute;
 top: 0px;
 padding: 20px 10px;
 width: 100%;
 display: block;
}

.gallery-thumb a:hover p {
 opacity: 1;
 background: rgba(0,0,0,0.5);
 transition: all 0.4s ease;
}

.item-page.galery img {
 min-height: auto;
}

/*==============================forms=================================*/
.form-order {
 background-color: #F7F6ED;
 padding: 20px;
}

.form-order .form-group {
 margin-bottom: 20px;
}

.form-order .form-control {
 display: block;
 width: 100%;
 height: auto;
 padding: 12px;
 font-size: 16px;
 color: #555;
 border: 2px solid #E6E5DA;
 border-radius: 0px;
 box-shadow: none;
}

.form-order .form-control:focus {
 border-color: #CCCBBB;
 outline: 0;
 -webkit-box-shadow: none;
 box-shadow: none;
}

.form-order .form-control textarea {
 height: 100px;
}

.form-order .btn {
 padding: 6px 20px 8px;
 font-size: 21px;
 background-image: none;
 border: 2px solid #FFFFFF;
 border-radius: 0px;
 background-color: #9a9aa1;
 color: #fff;
 display: block;
 margin: auto;
}

.form-order .btn:hover {
 background-color: #7b7a86;
}

/*===============================spisok===============================*/
ul.spisok {
 margin: 30px 0px 0px;
 list-style: none;
 padding: 0px;
}

ul.spisok li {
 padding-bottom: 30px;
 clear: both;
 color: #8B8B85;
}

ul.spisok h2 {
 font-size: 24px;
 margin-top: 0px;
 margin-bottom: 7px;
}

ul.spisok h3 {
 font-size: 24px;
 margin-top: 0px;
 margin-bottom: 10px;
}

ul.spisok span.data {
 background-color: #B3B3BC;
 color: #FFFFFF;
 font-size: 14px;
 padding: 5px 10px;
 display: inline-block;
 margin-bottom: 7px;
 line-height: 1.3em;
}

ul.spisok img {
 border: 2px solid #E6E5DA;
 float: left;
 margin-right: 20px;
 margin-bottom: 30px;
}

li.rew img {
 clear: left;
}

li.rew {
 font-size: 14px;
 line-height: 1.4em;
}

li.rew span.data {
 margin-left: 15px;
 margin-bottom: 10px;
}

/*==============================contact paget=============================*/
.map {
 border: 8px solid #C0BFAF;
 margin-top: 30px;
 margin-bottom: 30px;
}

p.phon span {
 font-size: 24px;
 color: #4D897C;
 line-height: 1.6em;
}

/*==============================akcion================================*/
.akcin-block {
 border: 7px solid #C0BFAF;
 padding: 20px 30px;
 margin-bottom: 20px;
 margin-top: 15px;
 background-color: #F7F6ED;
}

.akcin-block h2 {
 margin: 0px 0px 10px;
 padding: 0px;
 color: #4D897C;
 font-size: 24px;
}

.akcin-block h3 {
 margin: 0px;
 padding: 0px;
 color: #FF8600;
 margin: 0px 0px 10px;
 font-size: 21px;
}

/*==============================sidebar left=============================*/
.nav-side-menu {
 height: 100%;
 margin-bottom: 50px;
 margin-top: 0px;
 background-color: #E7E6EA;
 ;
}

.nav-side-menu li {
 font-size: 18px;
}

.nav-side-menu li a {
 line-height: 1.3em;
 padding: 15px;
 color: #676778;
}

.nav-side-menu li a:hover {
 color: #fff;
 background-color: #9A9AA1;
}

.nav-side-menu li a.active, .nav-side-menu li a:focus {
 color: #fff;
 background-color: #9A9AA1;
 text-decoration: none;
}

.nav-side-menu ul.sub-menu {
 list-style: none;
 padding: 0px;
 border-bottom: 2px solid #FFFFFF;
}

.nav-side-menu ul.sub-menu a {
 font-size: 16px;
 text-decoration: underline;
 display: block;
 color: #808096;
 padding: 10px 15px;
}

.nav-side-menu ul.sub-menu a:hover {
 text-decoration: none;
 background-color: #EFEFF3;
 color: #808096;
}

.nav-side-menu ul.sub-menu a.active, .nav-side-menu ul.sub-menu a:focus, .nav-side-menu ul.sub-menu a:active {
 text-decoration: none;
 color: #808096;
 background-color: #EFEFF3;
}

.nav-side-menu ul.sub-menu2 {
 list-style: none;
 margin: 0px;
 padding: 0px;
}

.nav-side-menu ul.sub-menu2 a {
 font-size: 14px;
 text-decoration: underline;
 display: block;
 color: #8F8F98;
 background-image: url("");
 background-repeat: no-repeat;
 background-position: 15px 16px;
 padding-left: 30px;
}

.nav-side-menu ul.sub-menu2 a:hover {
 background-color: #FCFCFD;
}

.nav-side-menu ul.sub-menu2 a:focus, .nav-side-menu ul.sub-menu2 a.active {
 background-color: #FCFCFD;
}

/*===============================footer=====================*/
.bottom {
 padding-top: 50px;
}

.copy {
 color: #a4a393;
 font-size: 14px;
}

.cont-bt {
 color: #9f9d81;
 font-size: 14px;
 text-align: center;
}

.phon-bt {
 color: #7b7a86;
 font-size: 30px;
 line-height: 1.1em;
 margin-top: 20px;
 margin-bottom: 20px;
}

.phon-bt span {
 font-size: 14px;
}

.bot-link {
 font-size: 14px;
 float: right;
}

.bot-link i {
 color: #9a9aa1;
 margin-right: 7px;
}

/*=============================скролинг=================================*/
.scrollup {
 width: 50px;
 height: 50px;
 opacity: 0.7;
 position: fixed;
 bottom: 50px;
 right: 20px;
 display: none;
 text-indent: -9999px;
 background-repeat: no-repeat;
 background-image: url("up.png");
 color: #FFFFFF;
 z-index: 4000;
}

/*=================================modal==================================*/
.modal.fade.my {
 z-index: 4000;
}

.modal.fade.my .modal-content {
 border-radius: 0px;
 background-color: #F7F6ED;
 padding: 10px 10px 20px;
}

.modal-content .form-control {
 height: auto;
 padding: 8px 12px;
 font-size: 16px;
 color: #000;
 background-color: #fff;
 background-image: none;
 border: 2px solid #C0BFAF;
 border-radius: 0px;
}

.modal-content .form-control:focus {
 outline: 0;
 -webkit-box-shadow: none;
 box-shadow: none;
 border-color: #468476;
}

.modal.fade.my .modal-content h4.modal-title {
 color: #4D897C;
 font-size: 24px;
 font-weight: normal;
}

.modal-footer .btn {
 color: #FFFFFF;
 font-size: 18px;
 border-radius: 0px;
 background-color: #A8A796;
}

.modal-footer .btn:hover {
 color: #FFFFFF;
 background-color: #9A9AA1;
}

.modal-backdrop {
 z-index: 2500;
}

.close {
 font-size: 31px;
 color: #E10003;
}

.close:hover, .close:focus {
 color: #E10003;
}

.modal-header, .modal-footer {
 padding-top: 0px;
 border-bottom: none;
 border-top: none;
}

.modal-header {
 padding-bottom: 0px;
 padding-top: 10px;
}

.modal-footer {
 padding-top: 0px;
}

@media (min-width: 768px) {

.modal-dialog {
 width: 500px;
 margin: 30px auto;
}
}

.modal.fade.my .modal-content h4 {
 color: #000;
}