@font-face {
  font-family: 'AA Bebas Neue';
  src: local("AA Bebas Neue"), local("AA Bebas Neue"), url("../fonts/aabebasneue.ttf") format("truetype");
  font-style: normal;
}

@font-face {
  font-family: 'Segoe UI';
  src: local("Segoe UI"), local("Segoe UI"), url("../fonts/segoeui.ttf") format("truetype");
  font-style: normal;
}

:root {
--font-family-1: 'AA Bebas Neue';
--font-family-2: 'Segoe UI';
--font-family-3: 'Arial';
--site-color:  #00b1f9;
--site-color2: #1f1f1f;
--site-color3: #373737;
--site-color4: #ffc24c;
--site-color5: #686868;
--site-color6: #ec9c00;
--site-color7: #1a1a1a;
--site-color8: #252525;
}
html {
  height: 100%;
  width: 100%;
}

body {
  font-family: var(--font-family-2) !important;
  position: relative;
  background-color: #fff !important;
  height: 100%;
  width: 100%;
}

.row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.margin-bottom15 {
	margin-bottom: 15px;
}

.margin-auto {
	margin:auto;
}
.max-width10 {
	max-width: 10%;
}
.max-width20 {
	max-width: 20%;
}
.max-width30 {
	max-width: 30%;
}
.max-width40 {
	max-width: 40%;
}
.max-width50 {
	max-width: 50%;
}
.max-width60 {
	max-width: 60%;
}
.max-width70 {
	max-width: 70%;
}
.max-width80 {
	max-width: 80%;
}
.max-width90 {
	max-width: 90%;
}
.max-width100 {
	max-width: 100%;
}
.width10 {
	width: 10%;
}
.width20 {
	width: 20%;
}
.width30 {
	width: 30%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}
.max-width60 {
	max-width: 60%;
}
.width70 {
	width: 70%;
}
.width80 {
	width: 80%;
}
.width90 {
	width: 90%;
}
.width100 {
	width: 100%;
}
.header {
    position: relative;
/*	min-height: 600px;*/
}
.simple-header {
    position: relative;
	min-height: 150px;
}
.header__bg {
	position: relative;
    width: 100%;
    min-height: 600px;
    overflow: hidden;
    background-size: cover;
	background-position: center bottom;
}
/*.header__bg:after {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
	background: url("../images/slidemask.png");
	background-repeat: repeat;
}*/
.top__col {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.top {
    background: rgba(255, 255, 255, 1);
    position:relative;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 15px;
	z-index: 4;
}
.top__logo {
	text-align:center;
}
.top__logo img{
	width: 100%;
}
.top__lozung {
	border-left: 1px solid var(--site-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0 0 15%;
    color: var(--site-color5);
    font-family: var(--font-family-1) !important;
    font-style: normal;
    font-size: 23px;
    line-height: 25px;
    text-transform: uppercase;
	color:var(--site-color2)
}
.top__phone {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 0 0 25px;
	color: #fff;
	font-family: var(--font-family-1) !important;
	font-style: normal;
	font-size:35px;
	line-height: 35px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--site-color);
}
.top__phone a span{
	display: contents;
}
.top__phone a:hover{
	text-decoration:none;
}
.top__phone a span.material-icons{
	color: var(--site-color2);
}
.top__phonetext {
	padding: 0 0 0 25px;
	color: #fff;
}
.top__buttons {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.top__buttons a{
	margin-right: 15px;
}
.site-button{
	color: var(--site-color2);
	text-align: center;
	border: 2px solid var(--site-color2);
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-khtml-border-radius:40px;
	width: 100%;
	padding: 6px 6px;
	display: block;
	font-size: 18px;
	font-family: var(--font-family-1) !important;
	background: transparent;
	cursor: pointer;
}
.site-button:hover {
	color: #fff;
	background: var(--site-color);
	border: 2px solid var(--site-color);
	text-decoration: none;
}
.site-button-white {
	border: 1px solid #fff;
	border-radius:40px; 
	-webkit-border-radius:40px; 
	-moz-border-radius:40px; 
	-khtml-border-radius:40px;
	padding: 12px 50px;
	color: #fff;
	font-size: 1.45rem;
	font-family: var(--font-family-1);
}
.site-button-white span{
	color: var(--site-color) !important;
	vertical-align: middle;
	font-size: 1.45rem;
}
.site-button-white:hover {
	border: 1px solid #fff;
	color: var(--site-color);
	background: #fff;
	text-decoration:none;
}
.site-button-white:hover span{
	color: var(--site-color);
}
.mobil-icon, .left-blok {
	display: none;
}
.gor-menu {
	position: relative;
	z-index: 3;
	background: var(--site-color);
	box-shadow: 0 2px 35px -5px rgba(0,0,0,0.8);
	background-image: url("../images/twofonmenu.png");
	background-position: 690px 0;
	background-repeat: no-repeat;
}
.gor-menu__links > ul{
	margin: 0;
	padding: 0;
	display: block;
	margin-top: 0;
	text-align: center;
}
.gor-menu__links > ul > li{
	margin: 0;
	padding: 0;
	display:block;
	width: 13.5%;
	float: left;
}
.gor-menu__links > ul > li > a{
	color: #fff;
    text-decoration: none;
    font-size: 23px !important;
    font-family: var(--font-family-1);
    position: relative;
    display: block;
    padding: 15px 0;
    text-align: center;
}
.gor-menu__links > ul > li > a:hover{
	color: #fff;
    text-decoration: none;
	background: var(--site-color3);
}
.slide-image img{
	float:right;
}
.slide {
	position: relative;
	z-index: 2;
}
.slide__block {
	position: absolute;
    top: 25%;
    margin: auto;
    left: 0;
    right: 0;
}
.slide__bigtext {
	font-size: 4rem;
	color: #FFFFFF;
	line-height: 2rem;
	text-shadow:0px 5px 0px rgba(0,0,0,0.2);
	margin-bottom: 20px;
	font-family: var(--font-family-1);
	text-align:left;
}
.slide__bigtext span{
	font-size: 74px;
	color: #FFFFFF;
	line-height: 70px;
	text-shadow:0px 5px 0px rgba(0,0,0,0.2);
}
.slide__simpletext {
	font-size: 2.6rem;
    color: #fff;
    line-height: 3rem;
	text-shadow:0px 3px 0px rgba(0,0,0,0.2);
	margin-bottom: 5px;
	font-family: var(--font-family-1);
	text-align:left;
}
.slide__simpletext span{
    color: var(--site-color4);
}
.slide__midletext {
	font-size: 1.5rem;
    color: #fff;
    line-height: 45px;
	text-shadow:0px 3px 0px rgba(0,0,0,0.2);
	margin-bottom: 50px;
	font-family: var(--font-family-2);
	text-align:left;
	text-transform: uppercase;
}
.slide__button {
	text-align:left;
}
.bigredbutton {
	color: var(--site-color);
	font-size: 22px;
	padding: 16px 50px;
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	-khtml-border-radius:10px;
	background: transparent;
	border:2px solid var(--site-color);
}
.bigredbutton:hover {
	color: #fff;
	font-size: 22px;
	padding: 16px 50px;
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	-khtml-border-radius:10px;
	background: var(--site-color);
	text-decoration:none;
}
.holst {
	padding: 55px 0;
	position: relative;
}
.holst h2{
   text-align: center;
   font-family: var(--font-family-1);
   font-size: 2.3rem;
   line-height: 2.5rem;
   margin-bottom: 15px;
}
.holst__col {
	margin-bottom: 30px;
}
.holst__title {
	font-family: var(--font-family-1);
    font-size: 3.3rem;
    line-height: 3.5rem;
	text-align: center;
	margin-bottom: 15px;
}
.holst__subtitle {
	font-family: var(--font-family-2);
    font-size: 1.6rem;
    line-height: 2rem;
	text-align: center;
	margin-bottom: 15px;
}
.holst__col-item {
	display: flex;
    flex-flow: row wrap;
}
.holst__col-item-image {
	width: 50%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.holst__col-item-text {
	width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: var(--font-family-1);
    font-size: 2.3rem;
    line-height: 2rem;
    color: var(--site-color);
}
.product-blok__col-item {
	text-align: center;
	/*padding: 15px;*/
	height: 100%;
}
.product__col-item-button {
	position:absolute;
	bottom:15px;
	width: 88%;
	left:6%;
	right:6%;
}
.product__col-item {
	border-radius:3px; 
	-webkit-border-radius:3px; 
	-moz-border-radius:3px; 
	-khtml-border-radius:3px;
	padding: 0;
	position:relative;
	height: 100%;
}
.product__col-item-image{
	display: block;
	position: relative;
}
.product__col-item-image:after{
	position:absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	top:0;
	left: 0;
}
.product__col-item-image img{
	width: 100%;
	margin: auto;
	display: block;
}
.product__col-item-title {
	color: #fff;
    font-family: var(--font-family-1);
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 30px;
    position: absolute;
    top: 25%;
    width: 100%;
}
.product__col-item-title:after {
	content: '';
	position: absolute;
	width: 100px;
	bottom:-15px;
	left: 50%;
    margin-left: -50px;
	height: 1px;
	background: #fff;
}
.product__col-item-intro {
	position: absolute;
    bottom: 40%;
    width: 100%;
	color:#fff;
}
.product__col-item-subtitle {
	color: var(--site-color);
	font-family: var(--font-family-2);
    font-size: 1.5rem;
    line-height: 1.7rem;
	margin-bottom: 15px;
}
.product__col-item-introtext {
	color: var(--site-color5);
	font-family: var(--font-family-2);
    font-size: 1rem;
    line-height: 1.2rem;
	margin-bottom: 15px;
}
.product__col-item-introtext2 {
	text-align: left !important;
}
.product__col-item-introtext2 li{
	display: block;
}
.product__col-item-price {
	color: #fff;
    font-family: var(--font-family-1);
    font-size: 1.6rem;
    line-height: 1.6rem;
    position: absolute;
    bottom: 10%;
    width: 100%;
}
.product__price {
	color: #fff;
	font-family: var(--font-family-1);
    font-size: 3rem;
    line-height: 4rem;
	margin-bottom: 15px;
}
.stoimost-image img {
	max-width: 100%;
}

.number-list > ul{
	margin:0;
	padding:0;
}
.stoimost-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.number-list > ul > li{
	background: var(--site-color);
	color: #fff;
	font-family: var(--font-family-1);
	font-size: 2rem;
    line-height: 3rem;
	padding:10px 15px;
	min-height: 70px;
	max-height: 70px;
	position: relative;
	margin-bottom: 10px;
}
.number-list > ul > li:after{
	content:'';
	border-right: 35px solid var(--site-color);
	position: absolute;
	top:0;
	left:-70px;
	width:1px;
	height:1px;
	border-bottom: 35px solid transparent;
	border-top: 35px solid transparent;
	border-left: 35px solid transparent;
}
.bg-konsultaciy {
	background:url("../images/bg1.jpg");
	background-attachment: fixed;
	background-size: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	top: 0;
}
.bg-konsultaciy-strelka {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/*.bg-konsultaciy-strelka:after {
	position: absolute;
	top:0;
	right:0;
	width: 100%;
	height: 100%;
	content: '';
	background: url("../images/bg-stelks.png");
	background-position: center right;
	background-repeat: no-repeat;
}*/
.white-text {
	color:#fff !important;
}
.text-align-left {
	text-align: left !important;
}
.text-align-right {
	text-align: right !important;
}
.float-right {
	float: right;
}
.konsultaciy-text {
	position: relative;
	height: 100%;
}
.konsultaciy-man {
	position: absolute;
	bottom: -85px;
	left: 0;
	right: 0;
	margin: auto;
}
.bg-about {
	/*background-color: #ececec;*/
	background-image: url("../images/bg-about.png");
	background-size: cover;
}
.about-image{
	text-align: center;
}
.about-image img{
	border-radius:10px; 
	-webkit-border-radius:10px; 
	-moz-border-radius:10px; 
	-khtml-border-radius:10px;
	box-shadow: 0 2px 36px -5px rgba(0,0,0,0.8);
	display: block;
	max-width: 100%;
}
.bg-greey {
	background:#ececec;
}
.holst__carusel-item {
	padding:20px;
}
.holst .owl-dots .owl-dot span{
	width: 22px !important;
    height: 22px !important;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.footer {
	background: var(--site-color7);
	color:#b0b0b0;
	padding:30px 15px 5px 15px;
}
.footer__menu{
	margin-bottom: 30px;
}
.footer__menu > ul{
	margin: 0;
   padding:0;
   text-align: center;
}
.footer__menu > ul > li{
	display: inline-block;
	margin-right: 30px;
}
.footer__menu > ul > li > a{
	display: block;
	color: #b0b0b0;
	font-family: var(--font-family-2);
	font-size: 1.1rem;
   line-height: 1.2rem;
}
.footer__row {
	
}
.footercopyright {
   background: var(--site-color8);
   color: #b0b0b0;
   padding: 30px 15px 30px 15px;
}
.mini-galley-item img{
	max-width: 100%;
	border-radius:6px; 
	-webkit-border-radius:6px; 
	-moz-border-radius:6px; 
	-khtml-border-radius:6px;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,.3);
}
.simple-content {
	padding: 0px 0;
	min-height: 450px;
}
.simple-blok-content {
	margin-bottom: 30px;
}
.simple-content h2 {
	color: var(--site-color);
    font-family: var(--font-family-1);
	font-size: 45px;
    text-align: center;
}
.simple-blok-title h1 {
	color: var(--site-color);
    font-family: var(--font-family-1);
	font-size:48px;
}
.elements {
	padding:40px 0;
}
.element-item-image img {
	width: 100%;
	margin: auto;
	display: block;
	margin-bottom: 15px;
}
.element-item-text {
	font-size:14px;
	margin-bottom: 10px;
	min-height: 90px;
	text-align: center;
}
.element-item-price {
	font-family: var(--font-family-1);
	text-align: center;
	margin-bottom: 10px;
	color: var(--site-color);
	font-size: 40px;
}
.element-item-price span{
	font-family: var(--font-family-1);
	text-align: center;
	margin-bottom: 10px;
	color: var(--site-color2) !important;
	font-size: 28px;
	margin: 0 5px 0 5px;
}
.modal-content {
    padding: 15px 30px !important;
}
.modal-zakaz-text {
	font-size:14px;
	text-align: center;
	line-height: 14px;
	margin-bottom: 30px;
}
.modal-zakaz-image {
	text-align: center;
	margin-bottom: 30px;
}
.modal-zakaz-image img{
	display: block;
	margin: auto;
	width: 90%;
}
.ok-mes {
	text-align: center;
	color: #679240;
	font-size:30px;
	line-height: 32px;
}
.comment-list {
	margin: 0;
	padding:0;
}
.ticket-comment {
	padding: 15px;
	margin-bottom: 15px;
	border: 1px solid #f5f5f5;
}
.footer__copyright {
	font-size:12px;
}
.footer__copyright a{
	color:#b0b0b0;
}
.footer__copyright a:hover{
	color:#fff;
}
.holst-buttons{
	text-align: center;
}
.holst-buttons a {
	min-width: 220px;
	width: auto !important;
	display: table !important;
	margin: auto;
}
.gal-item {
    padding: 0 !important;
    border:none !important;
    margin: 0 0 30px 0 !important;
    opacity: 0.9 !important;
}
.post-style {
   margin-bottom: 50px;
   background: #f6f6f6;
   background-position: 40px center;
   background-repeat: no-repeat;
   padding:50px 15px 50px 30px;
   border-left: 4px solid var(--site-color);
}
.product-content {
   padding: 50px 0;
   min-height: 450px;
}
.product-blok-title h1 {
   color: var(--site-color);
   font-family: var(--font-family-1);
   font-size: 48px;
}
.product-image img{
   width: 100%;
}
.product-price {
   color: var(--site-color);
   font-family: var(--font-family-1);
   font-size: 2rem;
   line-height: 3rem;
}
.product-price-number{
   color: var(--site-color);
   font-family: var(--font-family-1);
   font-size: 3rem;
   line-height: 4rem;
   margin-bottom: 15px;
}
.product-button {
   padding: 10px 0 0 0;
}
.product-row {
   margin-bottom: 50px;
}
.pricelist-title {
   font-family: var(--font-family-1);
   font-size: 2.3rem;
   line-height: 2.5rem;
   margin-bottom: 15px;
}
.pricelist-content {
   overflow-x: auto;
   width: 100%;
}
.pricelist-content table{
   margin-bottom: 30px;
   width: 99%;
}
.pricelist-content table tr:nth-child(even){
   background: #f5f5f5;
}
.pricelist-content table tr:nth-child(odd){
   background: #f9f9f9;
}
.pricelist-content table tr td{
   padding: 10px 10px;
   border: 1px solid #fff;
   font-size:14px;
}
.table-style {
   overflow-x: auto;
   width: 100%;
}
.table-style table{
   margin-bottom: 30px;
   width: 99%;
}
.table-style table tr:nth-child(even){
   background: #f5f5f5;
}
.table-style table tr:nth-child(odd){
   background: #f9f9f9;
}
.table-style table tr td{
   padding: 10px 10px;
   border: 1px solid #fff;
   font-size:14px;
}


/*КАЛЬКУЛЯТОР*/
.price{
    padding: 20px 20px 0px 20px;
    min-height: 200px;
}
.calc_title{
    font-size: 28px;
    color: #ee1d25;
    margin: 0 0 20px;
}
.result{
    padding: 20px 0 0;
    margin: 20px 0;
    font-size: 24px;
    border-top: 1px solid #e0e0e0;
}
span.total{
    color: #ed1d25;
}
.calculator input[type="text"].input-number, select {
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-bottom: 10px;
	width: 100%;
	min-width: 60px;
}
.bg-kalk {
	background: #f9f9f9;
}
.calculator .total{
   color: var(--site-color);
   font-family: var(--font-family-1);
   font-size:40px;
}
.form-user {
	padding: 30px;
    font-family: var(--font-family-2);
}
.form-user input{
	width: 100%;
}

.brends > div {
    float:left;
    width:24%;
    text-align:center;
    min-height:130px;
}

.brends > div img {
    width:80%;
    
}

.list-img > div {
    float:left;
    text-align:center;
    width:33%;
    margin-bottom:15px;
}

.list-img > div img {
    width:90%;
    max-height:200px;
}

.clear {
    clear:both;
}

.info-product {border: 1px dotted #bdbdbd;
    padding: 10px;
    background-color: #fbfbfb;
    font-weight: bold;
    margin-bottom:15px;
    color:#005d7b;
}

/*КАЛЬКУЛЯТОР END*/

.t-align tr.even td {
    background: #999;
}

.B_crumbBox li{
    display:inline-block;
}

.B_crumbBox {
       margin: 20px 0px 20px -8px;
    padding-left: 0px;
    padding: 8px;
    background: #f9fdff;
    border-radius: 7px;
}

.nav-link:hover {
  transition: all 0.4s;
}

.title-sidebar-menu{
    text-align: center;
    color: #fff;
    background-color: #000;
    font-size: 20px;
    font-family: var(--font-family-1);
    padding-top: 7px;
    padding-bottom: 2px;
}

.nav-item ul.nav-second-level {
  padding-left: 0;
  
}

.nav-item ul.nav-second-level > .nav-item {
  list-style: none;
}

.nav-item ul.nav-second-level > .nav-item a {
     padding-left: 20px !important;
}

.navbar-nav .nav-link {
    background-color: var(--site-color);
    color: white;
    border-bottom: 1px solid #025d7a;
}

.nav-item .fa {
   color: #016281;
    display: block;
    float: right;
    padding: 5px;
}

.navbar-nav .nav-link {
     padding-left: 10px !important;
}    

.top__logo img {
    width:100px;
    float:left;
}

.top__logo .name_company {
    font-size: 32px;
    color: black;
    font-family: Times New Roman;
    font-style: italic;
    font-weight: bold;
}

.top__logo .name_company span {
     font-size:14px;
    display:block;
}

.list-svidetelstvo img {
    width:350px;
    float:left;
} 

.left-logo .name_company {
    font-size: 20px;
    color: black;
    font-family: Times New Roman;
    font-style: italic;
    font-weight: bold;
}

.left-logo .name_company span {
     font-size:10px;
    display:block;
}

.list-otziv .item-otziv {
    display:inline-block;
    width:33%;
    text-align:center;
    margin-bottom:15px;
}

.list-otziv .item-otziv img {
    width:85%;
}

.list-services .item-service {
    border-left:3px solid var(--site-color);
    margin-bottom:15px;
    padding:5px 15px;
    
}

.list-services .item-service .name-service {
    color: var(--site-color);
    font-family: var(--font-family-1);
    font-size: 28px;
}

.article-row  {
    margin-bottom:20px;
}

.article-row  .product-col .product-image{
    width:150px;
    float:left;
    padding:10px;
}

.article-row .product-col .article-title {
    color: var(--site-color);
    font-family: var(--font-family-1);
    font-size: 22px;
}

.article-row .more-link {
    text-align:right;
}

.article-img {
    width:100%;
    max-width:400px;
    float:left;
    margin-right:15px;
    margin-bottom:15px;
}
.list-dopuski a {
    display:block;
    padding:3px 3px 3px 15px;
    
    font-size:16px;
    border-left:2px solid var(--site-color);
    margin-bottom:10px;
}