html {
	font-family: 'Roboto', sans-serif;
}
body {
	background-image: url('../images/bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	font-family: 'Roboto', sans-serif;
}
body.white-theme {
	background-image: url('../images/bg-white-theme.png');
}
.oswald {
	font-family: 'Oswald', sans-serif;
}
.uppercase {
	text-transform: uppercase;
}
.table td {
	background: white;
}
.table td, .table th {
	padding: 5px;
}
.scroll-container {
	overflow-x: scroll;
}
.table .thead-light th,.table thead th,.table-bordered td, .table-bordered th {
	border-color: black;
	border-width: 1px;
	/*font-weight: normal;*/
}
.table td, .table th, .table thead th {
	vertical-align: middle;
}
.table th.auto {
	padding: 0;
}
.gray {
	background-color: #e5e1de;
}
.auto {
	position: relative;
	padding:0;
}
.auto-wrapper{
	min-height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
}
.auto  .info {
	color: white;
    text-shadow: 1px 1px 1px black;
    text-align: left;
    padding: 20px;
}
.auto1 {
	background:url(../images/auto1.png);
}
.auto2 {
	background:url(../images/samosval21.jpg);
	background-size: cover;
}
.img-thumbnail {
	margin-bottom: 10px;
}
h1 {
	font-family: Oswald;
	color:  #4b413e;
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 20px;
}
h1 span {
	text-transform: none;
}
.content h2 {
	font-family: Oswald;
	color:  #4b413e;
	font-size: 18px;
	font-weight: 400;
	line-height: 23px;
	text-align: left;
	text-transform: uppercase;
}
.content ul, .content ol {
	padding-left: 20px;
}
.content ul li {
	list-style-type: none;
}
.feedback h2 {
	color:#8d8887;
}
/*header*/
header {
	/*background-image: url(../images/bg-header.png);*/
	/*background-repeat: repeat-x;*/
	/*background-size: cover;*/
	background-color: rgba(54, 49, 49, 0.7);
	border-bottom: 1px solid #282220;

	padding:10px 0;
	color:white;
}
header .logo {
	width: 300px;
	height: 43px;
	background: url(../images/logo.png);
    margin: 0 auto;
}
.before-logo {
	font-size: 21px;
	font-weight: 300;
	line-height: 30px;
}
.after-logo {
	font-size: 21px;
	font-weight: 300;
	line-height: 30px;
}
.red {
	color:  #ff5c54;
	font-size: 21px;
	font-weight: 700;
	line-height: 30px;
}
.phone a {
	color:white;
}
.phone a:hover {
	text-decoration: none;
}

/*header requestcall*/ 
.requestcall {
	color:  #ff5c54;
	font-size: 14px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	border:1px solid #ff5c54;
	cursor: pointer;
	background: transparent;
	border-radius: 0;

	transition:         0.08s ease-in;
	-o-transition:      0.08s ease-in;
	-ms-transition:     0.08s ease-in;
	-moz-transition:    0.08s ease-in;
	-webkit-transition: 0.08s ease-in;
}
.requestcall:hover {
	color:white;
	background: #ff5c54;
}
.ava img {
	border-radius: 100%;
        width: auto;
}

/*breadcrumbs*/

.breadcrumb-block {
	background: #f8f8f8;
	margin:10px 0;
	text-align: center;
	padding-top: 165px;
}
.bg-trasparent {
	background: transparent;
}
.breadcrumb-block nav {
	margin: 0 auto;
}
.breadcrumb {
	background: transparent;
	margin-bottom: 0;
}
.breadcrumb a {
	color:#ff5c54;
}

/*categories*/
.categories {
	margin-bottom: 30px;
}
.categories a {
	margin:5px;
	overflow: hidden;
	color:white;
}
.categories a:hidden {
	text-decoration: none;
}
.category-item img {
	object-fit: cover;
	-o-fit-object: cover;
}
.category-item {
	background-color:  rgba(70, 70, 70, 0.5);
	position: relative;
    font-size: 28px;
}
.category-item .mask {
	position: absolute;
	background: rgba(70, 70, 70, 0.2);
	min-width: 100%;
	min-height: 100%;
}
.category-item .named-work span {
	font-weight: 500;
	line-height: 27px;
}
.named-work {
	position: absolute;
	top:10px;
	z-index: 1;
	left:20px;
	text-shadow: 1px 1px 1px black;
}
.price-work {
	text-shadow: 1px 1px 1px black;
	position: absolute;
    width: 150px;
    bottom: 60px;
    z-index: 1;
    left: -25px;
	-moz-transform: rotate(270deg); /* Для Firefox */
    -ms-transform: rotate(270deg); /* Для IE */
    -webkit-transform: rotate(270deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(270deg); /* Для Opera */
    transform: rotate(270deg);
}

/*main*/

/*reviews*/
.reviews {
	/*background-color:  rgba(38, 33, 31, 0.9);*/
	color:white;
	margin-bottom: 30px;
}
.reviews h3 {
	color:  #efefef;
	font-size: 21px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
}
.reviews .named-block {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
}
.reviews .category-work {
	color:#cecece;
}
.reviews h2 {
	margin-left: 90px;
}
.reviews .review-text {
	margin:0 90px;
}
.reviews input, .reviews textarea, .reviews select {
	border-radius: 0;
	border-color:#8d8887;
}
.reviews button {
	color:#8d8887;
	background-color:  transparent;
	border-radius: 0;
	border:1px solid #8d8887;
	text-transform: uppercase;

	transition:         0.08s ease-in;
	-o-transition:      0.08s ease-in;
	-ms-transition:     0.08s ease-in;
	-moz-transition:    0.08s ease-in;
	-webkit-transition: 0.08s ease-in;
}
.reviews button:hover {
	background: #8d8887;
	color:white;
}
.reviews ::-webkit-input-placeholder { 
	background:#4b413e;
	color:white;
}
.reviews :-moz-placeholder { 
	background:#4b413e;
	color:white;
}
.reviews ::-moz-placeholder { 
	background:#4b413e;
	color:white;
}
.reviews :-ms-input-placeholder { 
	background:#4b413e;
	color:white;
}
.reviews ::-webkit-input-placeholder:focus {
	background:#4b413e;
	color:white;
	outline: none;
}
.reviews :-moz-placeholder:focus {
	background:#4b413e;
	outline: none;

}
.reviews ::-moz-placeholder:focus {
	background:#4b413e;
	color:white;
	outline: none;

}
.reviews :-ms-input-placeholder:focus {
	background:#4b413e;
	color:white;
	outline: none;

}
.reviews ::placeholder {
	background:#4b413e;
	color:white;
}
.reviews ::placeholder:focus {
	background:#4b413e;
	color:white;
}
.reviews input::placeholder {
	background:#4b413e;
	color:white;
}
.reviews .form-control {
	background: #4b413e;
	color:white;
}
.reviews .form-control:focus {
	background: #4b413e;
	color:white;
}

/*advantages*/
.advantages {
	color:white;
	font-size: 18px;
	margin-bottom: 30px;
}
.advantages .uppercase {
	font-size: 18px;
}
.advantages img {
	width: min-content;
}
.advantages .download a{
	color:white;
	text-decoration: underline;
}
.advantages .fs14 {
	font-size: 14px;
}
.advantages button {
	border-radius: 0;
	background: #4b413e;
	color:white;
	font-size: 18px;
}

/*feedback*/
.feedback {
	margin-bottom: 30px;
	background: #282220;
	color:white;
	padding: 30px 0;
}
.feedback input {
	border:1px solid #8d8887;
	border-radius: 0;
}
.feedback button {
	color:white;
	background-color:  transparent;
	border-radius: 0;
	border:1px solid #ff5c54;
	text-transform: uppercase;
	width: 100%;

	transition:         0.08s ease-in;
	-o-transition:      0.08s ease-in;
	-ms-transition:     0.08s ease-in;
	-moz-transition:    0.08s ease-in;
	-webkit-transition: 0.08s ease-in;
}
.feedback button:hover {
	background: #ff5c54;
	color:white;
}
.feedback .form-control {
	background: transparent;
	color:white;
}
.feedback .form-control:focus {
	background: transparent;
	outline: none;
}
::-webkit-input-placeholder { 
    color: white;
    background: transparent;
}
:-moz-placeholder { 
    color: white;
    background: transparent;
}
::-moz-placeholder { 
    color: white;
    background: transparent;
}
:-ms-input-placeholder { 
    color: white;
    background: transparent;
}
::-webkit-input-placeholder:focus {
	color:white;
	outline: none;
	background: transparent;
}
:-moz-placeholder:focus {
	color:white;
	outline: none;
	background: transparent;
}
::-moz-placeholder:focus {
	color:white;
	outline: none;
	background: transparent;
}
:-ms-input-placeholder:focus {
	color:white;
	outline: none;
	background: transparent;
}
::placeholder {
	color:white;
}
::placeholder:focus {
	color:white;
}
input::placeholder {
	color:white;    
}

/*footer*/
footer {
	background-color:  #4b413e;
	padding:20px 0;
	color:white;
}
footer a {
	text-decoration: none;
	color:white;
}
footer ul {
	padding: 0;
}
footer ul li {
	list-style-type: none;
}
footer ul li a{
	text-decoration: none;
}
footer a:hover{
	color:white;
}
footer .logo a:hover {
 	text-decoration: none;
}
footer .unp {
	font-size: 18px;
}
footer .about {
	font-size: 14px;
}
.phone a {
	font-size: 21px;
}

/*under-footer*/
.under-footer {
	background: #282220;
	padding: 5px 0;
	color:white;
}
.under-footer img {
	height: 30px;
}
.under-footer .developer div{
	margin: 0 auto;
}

/*white-theme*/
.white-theme header {
	background-image: none;
	background: #f8f8f8;
	color:black;
}
.white-theme header .phone a {
	color:black;
}
.white-theme header .logo {
	background: url(../images/logo_white_theme.png);
}
.white-theme>.main>.container>.row {
	background: #f8f8f8;
	padding-top: 40px;
	padding-bottom: 50px;
}

/*left-menu*/
.left-menu {
	background-color:  #4b413e;
	padding:60px 0 60px 45px;
	width: 100%;
}
.left-menu  ul {
	padding-left: 0
}
.left-menu  ul li {
	list-style-type: none;
	margin:20px 0;
	position: relative;
}
.left-menu a {
	font-family: Oswald;
	color:  white;
	font-size: 21px;
	font-weight: 500;
	line-height: 27px;
	text-align: left;
	text-transform: uppercase;
}
.left-menu a:hover {
	text-decoration: none;
	color:#ff5c54;
}
.left-menu li.active a {
	color:#ff5c54;
}
.left-menu li.active::after {
	width: 0; 
  	height: 0; 
  	position: absolute;
  	content:'';
 	border-top: 60px solid transparent;
  	border-bottom: 60px solid transparent;
  	border-left: 60px solid #4b413e;
  	top: -25px;
    right: -35px;
    position: absolute;
}
.content {
	padding-left: 100px;
	padding-right: 20px;
	width: 100%;
	padding-bottom: 60px;
	font-size: 18px;
}
.number {
	font-family: Oswald;
	color:  #ff5c54;
	font-size: 18px;
	font-weight: 400;
	line-height: 23px;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 5px;
}
.number img {
	margin-right: 10px;
}
.content .red {
	font-size: 18px;
}
.normal {
	font-weight: 400;
}
.price {
	margin-bottom: 50px;
}
.img-list img {
	margin: 10px;
	width: 99px;
	height: 99px;
}
.img-list img:first-child {
	margin-left: 0;
}
.img-list img:last-child {
	/* margin-right: 0; */
}
.sborka-mebeli .item {
	margin-bottom: 20px;
}
.sborka-mebeli .text-item {
	margin-bottom: 10px;
}
.modal-content .btn {
	color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ff5c54;
    cursor: pointer;
    background: #ff5c54;
    text-shadow: none;
    text-transform: uppercase;
    border-radius: 0;
    transition: 0.08s ease-in;
    -o-transition: 0.08s ease-in;
    -ms-transition: 0.08s ease-in;
    -moz-transition: 0.08s ease-in;
    -webkit-transition: 0.08s ease-in;
}
.table-porters .table th, 
.table-porters .table td  {
	min-height: 73px;
	height: 73px;
	vertical-align: middle;

}
.navbar {
	display: none;
}
@media (max-width: 1199px) {
	.breadcrumb-block {
		padding-top: 135px;
	}
}
@media (max-width: 768px) {
	.scroll-container table.table {
		width: 1024px;
		max-width: 1024px;
	}
	.price-work {
		left: 20px;
	}
	.breadcrumb-block {
		padding-top: 90px;
	}
	.left-menu li.active::after, .before-logo {
		display: none;
	}
	.left-menu {
		display: none;
	}
	.phone a {
    	font-size: 17px;
	}
	header .after-logo {
		display: none;
	}
	header {
		padding:3px 0;
	}
	.requestcall {
		margin: 0 10px;
		line-height: 25px;
	}
	.photos-auto {
		display: none;
	}
	.price-work {
		-moz-transform: rotate(0deg); /* Для Firefox */
		-ms-transform: rotate(0deg); /* Для IE */
		-webkit-transform: rotate(0deg); /* Для Safari, Chrome, iOS */
		-o-transform: rotate(0deg); /* Для Opera */
		transform: rotate(0deg);
	}
	.nav-bar {
		padding-top: 135px;
	}
}
@media (min-width: 576px) and (max-width: 769px) {
	.container {
		max-width: 95%;
	}
}
@media (max-width: 576px) {
	.navbar {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		padding: 10px 0 0 20px;
	}
	.nav-link::first-letter {
		text-transform: uppercase;
	}
	.container {
		max-width: 95%;
	}
	.content {
		padding-left: 20px;
	}
	.breadcrumb-block {
		padding-top: 135px;
	}
}
@media (max-width: 475px) {
	.table td, .table th, .table thead th {
		max-width: 3em;
		width: 3em;
		min-width: 3em;
	}
	.categories a {
		display: block;
		width: 100%;
	}
	.categories a img {
		width: 100%;
	}
	table tr th, table tr td {
		padding:3px !important;
		font-size: 13px;
	}
	thead tr th:last-child,
	tbody tr td:last-child {
	  width: 5em;
	  min-width: 5em;
	  max-width: 5em;
	  word-break: break-word;
	}
	tr th:first-child,
	tr td:first-child {
	  width: 5em;
	  min-width: 5em;
	  max-width: 5em;
	  word-break: break-word;
	}
	.left-menu {
		padding:10px;
		text-align: center;
	}
	.left-menu ul li {
		margin:0px 0 10px;
	}
	.left-menu a {
		font-size:18px;
	}
	.content {
		padding: 10px;
	}
	footer{
		padding:10px;
	}
}
@media (max-width: 320px) {
	ol.breadcrumb:first-child {
		display: none;
	}
}