html, body  {width:100%; margin:0; padding:0; font-family:'Proxima', Helvetica, sans-serif; font-weight:400; font-size:16px; color:#212121; line-height:160%; background:#fff;}
img {-webkit-box-sizing: border-box !important; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box !important;    /* Firefox, other Gecko */
box-sizing: border-box !important;         /* Opera/IE 8+ */
vertical-align: middle;}
img {border:0px solid;}
A IMG {border:none;}
p {margin:0;}

.content {max-width:1170px; padding:0 15px; margin:0 auto;}
body.home {background:url('../images/topbg.jpg') no-repeat right 50px;}
body.design {background:url('../images/design__bg.jpg') no-repeat right 50px;}
body.remont {background:url('../images/remont__bg.jpg') no-repeat right 50px;}
body.contact {background:url('../images/contact__bg.jpg') no-repeat right 50px;}
@media screen and (max-width: 992px) {
	body.home {background:url('../images/topbg.jpg') no-repeat center 50px;}
	body.design {background:url('../images/design__bg.jpg') no-repeat center 50px;}
	body.remont {background:url('../images/remont__bg.jpg') no-repeat center 50px;}
	body.contact {background:url('../images/contact__bg.jpg') no-repeat center 50px;}
}

/*LINK*/
a {color:#516BE2; text-decoration:none; outline:none; transition:all 0.5s ease;}
a:hover {color:#5A74ED; transition:all 0.5s ease;}
h1, h2, h3, h4, h5 {padding:0; margin:0; font-weight:800;font-family: 'ProximaExtrabold';}
ul {list-style:none; margin:0; padding:0;}
:active, :hover, :focus {outline:0; outline-offset:0;}
input::-moz-placeholder {color:#C2C2C2;}
input::-webkit-input-placeholder {color:#C2C2C2;}

.button {display:block; border:none; font-size:13px; text-transform:uppercase; font-weight:500; letter-spacing:1px; border-radius:100px; width:210px; height:53px; text-align:center; line-height:55px;
color:#9F8B17; background: rgb(251,215,88); transition:all 0.5s ease;
background: -moz-linear-gradient(90deg, rgba(251,215,88,1) 0%, rgba(255,238,114,1) 52%, rgba(251,215,88,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(251,215,88,1) 0%, rgba(255,238,114,1) 52%, rgba(251,215,88,1) 100%);
background: linear-gradient(90deg, rgba(251,215,88,1) 0%, rgba(255,238,114,1) 52%, rgba(251,215,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbd758",endColorstr="#fbd758",GradientType=1);
-webkit-box-shadow:0 4px 0 0 rgba(213, 187, 30, 1);
-moz-box-shadow:0 4px 0 0 rgba(213, 187, 30, 1);
box-shadow:0 4px 0 0 rgba(213, 187, 30, 1);}
.button:hover {background: rgb(241,204,73); transition:all 0.5s ease;
background: -moz-linear-gradient(90deg, rgba(241,204,73,1) 0%, rgba(244,224,82,1) 52%, rgba(238,200,65,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(241,204,73,1) 0%, rgba(244,224,82,1) 52%, rgba(238,200,65,1) 100%);
background: linear-gradient(90deg, rgba(241,204,73,1) 0%, rgba(244,224,82,1) 52%, rgba(238,200,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1cc49",endColorstr="#eec841",GradientType=1);}

/* Top Menu
--------------------------------------------- */
.top-menu {background: rgb(28,28,28); height:50px; display:block; padding:0;
background: -moz-linear-gradient(90deg, rgba(28,28,28,1) 0%, rgba(116,116,116,1) 77%, rgba(35,35,35,1) 92%);
background: -webkit-linear-gradient(90deg, rgba(28,28,28,1) 0%, rgba(116,116,116,1) 77%, rgba(35,35,35,1) 92%);
background: linear-gradient(90deg, rgba(28,28,28,1) 0%, rgba(116,116,116,1) 77%, rgba(35,35,35,1) 92%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1c1c1c",endColorstr="#232323",GradientType=1);}
.nav {text-align:center; width:100%; height:50px; display:flex; justify-content:space-between; align-items:center;}
.nav .nav-item {height:50px;}
.nav .nav-link {color:#fff; font-size:20px; font-weight:500; outline:none; line-height:34px;}
.nav .nav-link:hover {text-decoration:none;color:#fbd758;}
.nav .nav-link.active, header .nav .nav-link:focus {color:#9F8B17; background: rgb(251,215,88);
background: -moz-linear-gradient(90deg, rgba(251,215,88,1) 0%, rgba(255,238,114,1) 52%, rgba(251,215,88,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(251,215,88,1) 0%, rgba(255,238,114,1) 52%, rgba(251,215,88,1) 100%);
background: linear-gradient(90deg, rgba(251,215,88,1) 0%, rgba(255,238,114,1) 52%, rgba(251,215,88,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fbd758",endColorstr="#fbd758",GradientType=1);}
.nav .nav-link.active:hover {color:#9F8B17;}

/* Header
--------------------------------------------- */
header {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; margin:15px 0 0 0;}
header.header__mobile {display:none;}
.header__logo {-ms-flex:0 0 48%;flex:0 0 48%; padding-right:18%; display:flex; justify-content: flex-start; align-items:center; outline:none; color:#212121; font-size:16px;}
.header__logo img {padding-right:15px; margin-right:18px; border-right:1px solid #d9d9d9; flex:0 0 94px;}
.header__logo span {line-height:130%;}

.header__social {-ms-flex:0 0 10%; flex:0 0 10%; text-align:right;}
.header__social a {padding:0 2px;}
.header__phone  {-ms-flex:0 0 20%; flex:0 0 20%; text-align:right;}
.header__phone-number {display:block; color:#212121; font-size:22px; font-weight:700;}
.header__phone-link {display:block; font-size:16px; border:none; color:#212121; text-decoration:underline; transition:all 0.5s ease;}
.header__phone-link:hover {text-decoration:none; transition:all 0.5s ease;}
.header__call  {-ms-flex:0 0 22%; flex:0 0 22%; text-align:right;}
.header__call-button {float:right;}

@media screen and (max-width: 992px) {
	header {display:none;}
	header.header__mobile {display:flex; margin-bottom:0;}
	.header__logo {-ms-flex:0 0 50%;flex:0 0 50%; padding-right:0;}
	.header__phone {-ms-flex:0 0 50%;flex:0 0 50%; text-align:right;}	
	.header__phone .number {font-size:24px; font-weight:700;}
	.navbar-toggler {color:#fff; border:none; padding:12px 0 12px 5px;}
	.navbar-toggler svg {vertical-align:middle;}
	.navbar-toggler span {font-size:16px; padding-left:10px; vertical-align:middle;}
	.navbar-toggler:focus {box-shadow:none;}
	.navbar-collapse {background:rgb(28,28,28); margin:10px 0 0 -15px; width: calc(100% + 30px); z-index:100;}
	.top-menu {background:rgb(28,28,28); height:auto; display:block; padding:0;}
	.nav {text-align:left; width:100%; height:auto; display:flex; justify-content:space-between; align-items:center;}
	.nav .nav-item {height:40px;-ms-flex:0 0 100%;flex:0 0 100%;}
	.nav .nav-link {line-height:21px;}
}
@media screen and (max-width: 500px) {
	header.header__mobile {display:flex; margin:0; border-bottom:1px solid #d9d9d9; padding-bottom:10px;}
	.navbar-toggler {color:#fff; border:none; padding:8px 0 8px 5px;}
	.header__logo {-ms-flex:0 0 100%;flex:0 0 100%;}
	.header__logo img {padding-right:15px; margin-right:18px; border-right:0; flex:0 0 80px;}
	.header__logo span {line-height:130%; font-size:14px;}
	.header__phone {-ms-flex:0 0 100%;flex:0 0 100%; text-align:left; margin:0; display:flex; align-items:center; justify-content:center;}	
	.header__phone .header__phone-number {font-size:20px; font-weight:700; margin-right:20px;}
	.header__phone img {margin:0 5px;}
}
@media screen and (max-width: 380px) {
	.content {padding:0 10px;}
	.header__phone-number {font-size:18px;}
}
@media screen and (max-width: 340px) {
	.header__phone-number {font-size:14px;}
}

.sticky {position:fixed; top:0; z-index:101; color:#212121 !important; background:#eee !important; border-bottom:1px solid #555 !important;}
.sticky header {margin:0; align-items:center;}
.sticky header .header__logo img {border:0; padding:5px 0;}
.sticky .top-menu, .sticky .top-menu .nav, .sticky .nav .nav-item {height:30px;}
.sticky .nav .nav-link {line-height:15px; font-size:16px !important;}
.sticky header .header__call .button {font-weight:500; height:43px; line-height:43px;}
.sticky header .header__logo {align-items:center; font-size:14px; line-height:17px;}
@media screen and (max-width: 992px) {
	.sticky header {height:auto; z-index:1000;}
	.sticky .top-menu, .sticky .top-menu .nav, .sticky .nav .nav-item {height:auto;}
	.sticky .nav .nav-link {line-height:21px; font-size:20px !important;}
}