@charset "utf-8";
/*---------------------global--*/
html, body
{
	min-width: 319px!important;
	max-width: 1920px!important;
	font-family: 'Sintony', sans-serif;
	color: #5c6369;
	margin: 0 auto;
}
h1,h2,h3,h4,h5,h6
{
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.header_h1
{
	border-left: 4rem solid #FFC107;
	border-bottom: 0.1rem solid #FFC107;
	margin: 2rem 0 2rem 0;
	padding: 0 0 0 0.5rem;
	text-align: center;
}
i
{
	text-indent: 0;
}
.cursor-pointer
{
	cursor: pointer!important;
}
.bg-black
{
	background-color: #000!important;
}
.marker-color-yellow
{
	color: #FFC107;
}
.marker-color-yellow span
{
	color: white;
}
.section_top
{
	height: 1rem;
	background: rgba(0,0,0, .55) radial-gradient(circle at 0 0, rgba(0,0,0, .65), rgba(0,0,0, .25));
  box-shadow:
			   inset rgba(0,0,0,.5) -3px -3px 8px,
			   inset rgba(255,255,255,.2) 3px 3px 8px,
			   rgba(0,0,0,.8) 3px 3px 8px -3px;
}
/*--nav--*/
#nav .logo_block
{
	background-image: url(../img/solomon-logo.png);
	height: 80px;
	width: 190px;
	transition: .6s;
}
#nav .logo_block:hover
{
	background-image: url(../img/solomon-logo-cover.png);
}
#header .header-navbar
{
	font-family: 'Montserrat', sans-serif;
	background-color: #000000;
	height: 80px;
}
#nav .nav-item .nav-link
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	color: white;
}
#nav .nav-item .nav-link:hover, #nav .active_link
{
	color: #FFC107!important;
	text-shadow:0 0 10px #FFC107;
}
#nav .nav_dropdown-menu
{
	background-color: #000000;
	margin-top: -10px;
	border:0;
  border-radius: 0;
}
#nav .nav_dropdown-item
{
	color: white;
	font-weight: 600;
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	text-align: inherit;
	white-space: nowrap;
	border: 0;
}
#nav .nav_dropdown-item:hover
{
	color: #FFC107;
	text-shadow:0 0 10px #FFC107;
	text-decoration: none;
}
#nav .navbar-phone
{
	color: white;
	font-size: 1.1rem;
}
#nav .navbar-phone:hover
{
	color: #FFC107;
	text-shadow:0 0 10px #FFC107;
	text-decoration: none
}
/*-----------------------------------/global--*/
/*-----------------------------------INDEX--*/
/*--header--*/
.header
{
	height: 100vh; /*--Высота блока под высоту экрана--*/
	background: url(../img/header_bg.jpg) no-repeat center top;
	background-attachment:fixed;
	background-color: antiquewhite;
	box-shadow: 0 5px 4px 2px rgba(0, 0, 0, .2);
	padding: 80px;
}
.header .left_sidebar
{
	color: #fff;
	height: 80vh;
	background: rgba(0,0,0, .35) radial-gradient(circle at 0 0, rgba(0,0,0, .45), rgba(0,0,0, .25));
  box-shadow:
			   inset rgba(0,0,0,.5) -3px -3px 8px,
			   inset rgba(255,255,255,.2) 3px 3px 8px,
			   rgba(0,0,0,.8) 3px 3px 8px -3px;
}
.header .left_sidebar i
{
	margin-right: .5rem;
}
.header .sidebar_header
{
	margin: 30px 20px 30px 20px;
	padding-bottom: 10px;
	font-weight: bold;
	border-bottom: 2px solid #FFC107;
}
.header .left_sidebar .sidebar_link
{
	color: #fff;
	margin: 0 0 30px 30px;
	display: block;
	font-size: 1.2rem;
}
.header .left_sidebar .sidebar_link:hover
{
	color: #FFC107;
	text-shadow:0 0 10px #FFC107;
	text-decoration: none;
}
.header .left_sidebar .sidebar_link_collapse
{
	color: #fff;
	margin: 0 0 30px 30px;
	font-size: 1.2rem;
	width: 90%;
}
.header .left_sidebar .sidebar_link_collapse:hover
{
	color: #FFC107;
	text-shadow:0 0 10px #FFC107;
	text-decoration: none;
	background-color: transparent!important;
}
.header .right_header
{
	color: #fff;
	height: 80vh;
	background: rgba(0,0,0, .35) radial-gradient(circle at 0 0, rgba(0,0,0, .45), rgba(0,0,0, .25));
  box-shadow:
			   inset rgba(0,0,0,.5) -3px -3px 8px,
			   inset rgba(255,255,255,.2) 3px 3px 8px,
			   rgba(0,0,0,.8) 3px 3px 8px -3px;
}
.header .main_title
{
	padding: 30px;
	margin-bottom: 30px;
	border-bottom: 10px solid rgba(255, 193, 7, 0.9);
}
.header .header_text
{
	font-size: 2rem;
	margin: 0 30px 30px 30px;
	text-align: center;
}
.slogan
{
	font-size: 1.2rem;
	text-align: center;
	margin: 30px;
	text-shadow:0 0 10px #FFC107;
}
.order_btn
{
	margin-left: 0!important;
}
/*--About--*/
.about
{
	background: url(../img/about_bg.jpg) no-repeat center top;
	padding-bottom: 2.5rem;
}
.about .about_container
{
	color: #fff;
	background: rgba(0,0,0, .45) radial-gradient(circle at 0 0, rgba(0,0,0, .55), rgba(0,0,0, .25));
  box-shadow:
       inset rgba(0,0,0,.5) -3px -3px 8px,
       inset rgba(255,255,255,.2) 3px 3px 8px,
       rgba(0,0,0,.8) 3px 3px 8px -3px;
	padding: .5rem 1.5rem 2.5rem 1.5rem;
	margin-top: 2.5rem;
}
.about .about_text
{
	text-indent: 2rem;
	margin: 0 0 0.5rem 0;
	font-size: 1.6rem;
}
.about .about_header
{
	text-indent: 2rem;
	margin: 0 0 1.1rem 0;
	font-size: 2.5rem;
}
.about .about_list
{
	font-size: 1.6rem;
	margin-left: 2rem;
	margin-bottom: 2rem;
	list-style-type: none;
	padding-left: 0;
}
.about .about_list li
{
	margin-bottom: 1rem;
}
.about .digit
{
	margin: 0 1rem 0 0;
	border: 4px solid #28A745;
	border-radius: 50%;
	padding: 0 9px;
	color: #28A745;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 1);
}
/*--advantages--*/
.advantages
{
	padding: 0 0 2.5rem 0;
	background: url(../img/header_bg.jpg) no-repeat center top;
	background-attachment:fixed;
}
.advantages .advantages_container
{
	color: #fff;
	background: rgba(0,0,0, .45) radial-gradient(circle at 0 0, rgba(0,0,0, .55), rgba(0,0,0, .25));
  box-shadow:
       inset rgba(0,0,0,.5) -3px -3px 8px,
       inset rgba(255,255,255,.2) 3px 3px 8px,
       rgba(0,0,0,.8) 3px 3px 8px -3px;
	padding: .5rem 1.5rem 2.5rem 1.5rem;
	margin-top: 2.5rem;
}
.advantages .advantages_text
{
	text-indent: 2rem;
	margin: 0 0 0.5rem 0;
	font-size: 1.6rem;
}
.advantages .advantages_header
{
	text-indent: 2rem;
	margin: 0 0 0.5rem 0;
	font-size: 2.5rem;
}
.advantages .advantages_list
{
	font-size: 1.6rem;
	margin-left: 2rem;
	list-style-type: none;
	margin-bottom: 3rem;
}
/*--services--*/
.services
{
	padding: 0 0 2rem 0;
}
.services .services_container
{
	padding: 2.5rem 1.5rem;
}
.services .services_text
{
	text-indent: 2rem;
	margin: 0 0 0.5rem 0;
	font-size: 1.6rem;
}
.services .services_card
{
	height: 18rem;
	margin-bottom: 3rem;
}
/*-----------------------------------PORTFOLIO--*/
.portfolio
{
	height: auto;
	background: url(../img/porfolio_bg.jpg) repeat center top;
	background-attachment:fixed;
	background-color: antiquewhite;
	box-shadow: 0 5px 4px 2px rgba(0, 0, 0, .2);
	padding-top: 50px;
}
.header_h2
{
	border-bottom: 0.05rem solid #FFC107;
	margin-bottom: 2rem;
}
.portfolio .container_portfolio
{
	color: #fff;
	background: rgba(0,0,0, .25) radial-gradient(circle at 0 0, rgba(0,0,0, .35), rgba(0,0,0, .15));

	padding: .5rem 1.5rem 2.5rem 1.5rem;
	margin-top: 2.5rem;
}
.portfolio .portfolio_link
{
	color: #fff;
	margin: 0 0 30px 30px;
	display: block;
	font-size: 1.2rem;
}
.portfolio .portfolio_link:hover
{
	color: #FFC107;
	text-shadow:0 0 10px #FFC107;
	text-decoration: none;
}
.portfolio .card
{
	color: #5c6369;
	margin-bottom: 3rem;
	width: 18rem;
	border: 0.1rem solid #000;
}
.portfolio .card:hover
{
	transition: .5s;
	border: 0.1rem solid #FFC107;
}
.portfolio .card-title
{
	font-size: 0.8rem;
	font-weight: 600;
	text-align: center;
}
.portfolio .card-text
{
	font-size: .7rem;
}
#bedrooms_port, #tv_port, #closet_port, #playroom_port, #hallway_port, #office_port, #trading_port
{
	padding-top: 5rem;
}
/*-----------------------------------FURNITURE (CATALOG)--*/
.furniture
{
	height: auto;
	box-shadow: 0 5px 4px 2px rgba(0, 0, 0, .2);
	padding-top: 50px;
}
.furniture .container_furniture
{
	color: #fff;
	background: rgba(0,0,0, .45) radial-gradient(circle at 0 0, rgba(0,0,0, .55), rgba(0,0,0, .25));
  box-shadow:
			   inset rgba(0,0,0,.5) -3px -3px 8px,
			   inset rgba(255,255,255,.2) 3px 3px 8px,
			   rgba(0,0,0,.8) 3px 3px 8px -3px;
	padding: .5rem 1.5rem 2.5rem 1.5rem;
	margin-top: 2.5rem;
}
.furniture .furniture_link
{
	color: #fff;
	display: block;
	font-size: 1.2rem;
}
.furniture .furniture_link:hover
{
	color: #FFC107;
	text-shadow:0 0 10px #FFC107;
	text-decoration: none;
}
.furniture .card
{
	color: #5c6369;
	margin-bottom: 3rem;
	width: 18rem;
	border: 0.1rem solid #000;
}
.furniture .card:hover
{
	transition: .5s;
	border: 0.1rem solid #FFC107;
}
.furniture .card-title
{
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase!important;
}
.furniture .card-text
{
	font-size: .7rem;
}
#bedrooms, #tv, #closet
{
	padding-top: 5rem;
}
.advantages_title
{
	color: #000;
	text-decoration: underline;
}
.advantages_title:hover
{
	color: #FFC107;
	text-shadow:0 0 10px #000;
	text-decoration: none;
}
.item_advantage
{
	color: #000;
}
/*-----------------------------------VACANCIES--*/
.vacancies
{
	color: #fff;
	background-color: #323232;
	padding-top: 3rem;
}
.vacancies a
{
	text-decoration: none;
	color: #fff;
}
.vacancies a:hover
{
	color: #FFC107;
	text-shadow:0 0 10px #FFC107;
}
.vacancies ul
{
	list-style-type: none;
	padding-left: 1rem;
	margin-left: 0;
}
.vacancies ul li
{
	margin: 10px 0;
}
.vacancies .job_form
{
	color: #000;
}
/*-----------------------------------CONTACTS--*/
.contacts
{
	color: #fff;
	background-color: #323232;
	padding-top: 3rem;
}
.contacts a
{
	text-decoration: none;
	color: #fff;
}
.contacts a:hover
{
	color: #FFC107;
	text-shadow:0 0 10px #FFC107;
}
.contacts ul
{
	list-style-type: none;
	padding-left: 1rem;
	margin-left: 0;
}
.contacts ul li
{
	margin: 10px 0;
}
.contacts i
{
	margin-right: .5rem;
}
.office_photo
{
	width: 100%;
}
/*--------------Captcha */
.captcha
{
	font-weight: bold;
	width: 100%;
	border: 1px solid #FFC107;
	background-color: #6C757D;
	border-radius: 5px;
	margin-right: 5px;
	padding: .2rem .5rem;
  color: #fff;
}
#btn_upd_captcha:hover
{
	color: #000!important;
}
.loading, .loading_feedback
{
	display: none;
	width: 100%;
	border: 1px solid #FFC107;
	background-color: #6C757D;
	border-radius: 5px;
	margin-right: 5px;
  color: #fff;
}
/*-----------------------------------FOOTER--*/
.footer
{
	background: #000;
	height: auto;
	color: grey;
	padding: 2rem 3rem 1rem 3rem;
}
.footer a
{
	text-decoration: none;
	color: grey;
}
.footer a:hover
{
	color: #FFC107;
	text-shadow:0 0 10px #FFC107;
}
.footer .footer_header
{
	font-weight: bold;
	margin: 20px 0 20px 0;
}
.copyright
{
	font-size: 0.8rem;
	text-align: center;
	width: 100%;
	height: auto;
	margin: 12px auto;
}
.footer ul
{
	list-style-type: none;
	padding-left: 1rem;
	margin-left: 0;
}
.footer ul li
{
	margin: 10px 0;
}
.footer i
{
  margin-right: .5rem;
}
.footer .bs
{
	color: #17A2B8;
	font-weight: bold;
}
.footer .bs:hover
{
	color: aqua;
}
.footer .footer_link_collapse
{
	margin: 0 0 30px 30px;
	font-size: 1.2rem;
	width: 90%;
}
.footer .footer_link_collapse:hover
{
	color: #FFC107;
	text-shadow:0 0 10px #FFC107;
	text-decoration: none;
	background-color: transparent!important;
}
/*-------------------------------discountModal--*/
.discount_btn
{
	position: fixed;
	top: 80px;
	right: 0;
	font-weight: bold!important;
	border-bottom-right-radius: 0!important;
	border-top-right-radius: 0!important;
	border-top-left-radius: 0!important;
	z-index: 999;
}
#discountModal .modal-dialog .modal-content .modal-body
{
  background: transparent url("../img/discount_bg.jpg") no-repeat scroll 50% 50%;
  background-size: cover;
}
#discountModal .time_remaining_action
{
  text-align: center;
  font-size: 3rem;
}
#discountModal .modal-body p
{
  font-size: 1.5rem;
	background-color: rgba(200, 216, 237, .75);
	color: #000;
	font-weight: bold;
}
.time_remaining_action
{
	background-image: linear-gradient(0deg, #f00 25%, #ffb300 60%);
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: bold;
}
#discountModal .action_name
{
  text-align: center;
  font-size: 2rem;
	color: red!important;
}

.footnote
{
	font-size: 0.8rem;
}
/*-----------------------------gradients--*/
.bg-gradient-primary 
{
    background: #007bff linear-gradient(180deg, #268fff, #007bff) repeat-x !important;
}
.bg-gradient-secondary 
{
    background: #868e96 linear-gradient(180deg, #989fa6, #868e96) repeat-x !important;
}
.bg-gradient-success 
{
    background: #28a745 linear-gradient(180deg, #48b461, #28a745) repeat-x !important;
}
.bg-gradient-danger 
{
    background: #dc3545 linear-gradient(180deg, #e15361, #dc3545) repeat-x !important;
}
.bg-gradient-warning 
{
    background: #ffc107 linear-gradient(180deg, #ffca2c, #ffc107) repeat-x !important;
}
.bg-gradient-info 
{
    background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
}
.bg-gradient-light 
{
    background: #f8f9fa linear-gradient(180deg, #f9fafb, #f8f9fa) repeat-x !important;
}
.bg-gradient-dark 
{
    background: #343a40 linear-gradient(180deg, #52585d, #343a40) repeat-x !important;
}