@charset "utf-8";
@media (min-width: 1.98px) and (max-width: 360.98px)
{
	/*-------------------------------global--*/
	h1,h2,h3,h4,h5,h6
	{
		font-size: 1.1rem!important;
	}
	.header_h1
	{
		border-left: none;
		border-bottom: 0.1rem solid #FFC107;
		margin: 1rem 0 0.6rem 0;
	}
	p
	{
		font-size: 0.9rem!important;
	}
	section
	{
		padding-top: 0!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}
	/*--nav--*/
	#nav .logo_block, #nav .logo_block:hover
	{
		background-image: url(../img/solomon-logo_mob.png);
		height: 50px;
		width: 119px;
		transition: .6s;
	}
	#nav .index-breadcrumbs::after 
	{
		content: "Главная";
		text-transform: uppercase;
		color: #FFC107;
		text-shadow:0 0 10px #FFC107;
		font-size: 90%; 
		font-weight: bold;
	}
	#nav .port-breadcrumbs::after 
	{
		content: "Портфолио";
		text-transform: uppercase;
		color: #FFC107;
		text-shadow:0 0 10px #FFC107;
		font-size: 90%;
		font-weight: bold;
	}
	#nav .furn-breadcrumbs::after
	{
		content: "Каталог";
		text-transform: uppercase;
		color: #FFC107;
		text-shadow:0 0 10px #FFC107;
		font-size: 90%;
		font-weight: bold;
	}
	#nav .vacancies-breadcrumbs::after
	{
		content: "Вакансии";
		text-transform: uppercase;
		color: #FFC107;
		text-shadow:0 0 10px #FFC107;
		font-size: 90%;
		font-weight: bold;
	}
  #nav .contacts-breadcrumbs::after
	{
		content: "Контакты";
		text-transform: uppercase;
		color: #FFC107;
		text-shadow:0 0 10px #FFC107;
		font-size: 90%;
		font-weight: bold;
	}
	#header .header-navbar
	{
		font-family: 'Montserrat', sans-serif;
		background-color: #000000;
		height: 50px;
	}
	.offcanvas-collapse 
	{
		position: fixed;
		top: 50px; /* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: #000;
		transition-timing-function: ease-in-out;
		transition-duration: .4s;
		transition-property: left, visibility;
	}
	.offcanvas-collapse.open 
	{
		left: 0;
		visibility: visible;
	}
	/*--/nav--*/

/*-----------------------------------/global--*/

/*-----------------------------------/INDEX--*/
	/*--header--*/
	.header
	{
		height: 100vh;
		padding: 35px 5px 0 5px;
		background: url(../img/header_bg_360.jpg) repeat center top;
		background-attachment:fixed;
	}
	.header .right_header
	{
		padding: 0!important;
		height: 90vh;
	}
	.header .main_title
	{
		text-align: center;
		padding: 5px;
		margin-top: 20px;
		margin-bottom: 5px;
		border-bottom: 5px solid rgba(255, 193, 7, 0.9);
	}
	.header .header_text
	{
		margin: 15px;
		font-size: 1.2rem;
	}
	.slogan
	{
		margin: 15px 5px 15px 5px;
		font-size: 1.5rem;
		padding: 25px 10px 25px 10px;
	}

	/*--/header--*/
	
	/*--About--*/
	.about
	{
		background-image: none!important;
		padding-bottom: 2.5rem;
	}
	.about .about_container
	{
		margin-top: 0;
		padding: 1.5rem 1.5rem 2.5rem 1.5rem;
	}
	.about .about_text
	{
		text-indent: 0;
		margin: 0 0 0.5rem 0;
		font-size: 1.6rem;
	}
	.about .about_header
	{
		text-indent: 0!important;
		text-align: center;
		margin: 1.1rem 0 1.1rem 0;
		font-size: 1.1rem!important;
	}
	.about .about_list
	{
		font-size: 0.8rem;
		margin-left: 0.2rem;
		margin-bottom: 2rem;
		padding-left: 0;
	}
	.about .about_list .digit
	{
		margin: 0 0.5rem 0 0;
		border: 2px solid #28A745;
		padding: 0 5px;
	}

	/*--/About--*/
	
	/*--advantages--*/
	.advantages
	{
		padding-top: 1rem;
		background: url(../img/header_bg_360.jpg) repeat center top;
		background-attachment:fixed;
	}
	.advantages .advantages_text
	{
		text-indent: 0;
		margin: 0 0 0.5rem 0;
		font-size: 1.6rem;
	}
	.advantages .advantages_header
	{
		text-indent: 0!important;
		text-align: center;
		margin: 1.1rem 0 1.1rem 0;
		font-size: 1.1rem!important;
	}
	.advantages .advantages_list
	{
		font-size: 0.8rem;
		margin-left: 0.2rem;
		margin-bottom: 2rem;
		padding-left: 0;
	}
	/*--advantages--*/
	
	/*--services--*/
	.services .services_card
	{
		height: auto;
		margin-bottom: 1rem;
	}
	/*--/services--*/
	
/*-----------------------------------PORTFOLIO--*/
	.header_portfolio
	{
		padding-top: 30px;
		background-image: none !important;
	}
	#bedrooms_port, #tv_port, #closet_port, #playroom_port, #hallway_port, #office_port, #trading_port, #other_port
	{
		padding-top: 3rem;
	}
	
/*-----------------------------------/PORTFOLIO--*/

/*-----------------------------------FUNITURA--*/
	.header_furniture
	{
		padding-top: 30px;
	}
	#bedrooms, #tv, #closet
	{
		padding-top: 3rem;
	}
	
/*-----------------------------------/FUNITURA--*/

/*-----------------------------------VACANCIES--*/
	.vacancies .vacancy_table
	{
		font-size: .8rem;
	}
/*-----------------------------------/VACANCIES--*/
	
/*-----------------------------------FOOTER--*/
	.footer
	{
		padding: 2rem 0 1rem 0;
	}
/*-----------------------------------/FOOTER--*/
/*-------------------------------discountModal--*/
	.discount_btn
	{
		top: 50px;
	}
  #discountModal .time_remaining_action
  {
    font-size: 1.7rem;
  }
	#discountModal .action_name
	{
		font-size: 1.5rem!important;
	}
}
@media (min-width: 361.98px) and (max-width: 991.98px)
  
{
	/*-------------------------------global--*/
	h1,h2,h3,h4,h5,h6
	{
		font-size: 1.4rem;
	}
	p
	{
		font-size: 1.1rem!important;
	}
	section
	{
		padding-top: 0!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.header_h1
	{
		border-left: none;
		border-bottom: 0.1rem solid #FFC107;
		margin: 1rem 0 1rem 0;
	}
	/*--nav--*/
	#nav .logo_block, #nav .logo_block:hover
	{
		background-image: url(../img/solomon-logo_mob.png);
		height: 50px;
		width: 119px;
		transition: .6s;
	}
	#nav .index-breadcrumbs::after 
	{
		content: "Главная";
		text-transform: uppercase;
		color: #FFC107;
		text-shadow:0 0 10px #FFC107;
		font-size: 90%; 
		font-weight: bold;
	}
	#nav .port-breadcrumbs::after 
	{
		content: "Портфолио";
		text-transform: uppercase;
		color: #FFC107;
		text-shadow:0 0 10px #FFC107;
		font-size: 90%;
		font-weight: bold;
	}
	#nav .furn-breadcrumbs::after 
	{
		content: "Каталог";
		text-transform: uppercase;
		color: #FFC107;
		text-shadow:0 0 10px #FFC107;
		font-size: 90%;
		font-weight: bold;
	}
	#nav .vacancies-breadcrumbs::after
	{
		content: "Вакансии";
		text-transform: uppercase;
		color: #FFC107;
		text-shadow:0 0 10px #FFC107;
		font-size: 90%;
		font-weight: bold;
	}
  #nav .contacts-breadcrumbs::after
	{
		content: "Контакты";
		text-transform: uppercase;
		color: #FFC107;
		text-shadow:0 0 10px #FFC107;
		font-size: 90%;
		font-weight: bold;
	}
	#header .header-navbar
	{
		font-family: 'Montserrat', sans-serif;
		background-color: #000000;
		height: 50px;
	}
	.offcanvas-collapse 
	{
		position: fixed;
		top: 49px; /* Height of navbar */
		bottom: 0;
		left: 100%;
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
		overflow-y: auto;
		visibility: hidden;
		background-color: #000;
		transition-timing-function: ease-in-out;
		transition-duration: .4s;
		transition-property: left, visibility;
	}
	.offcanvas-collapse.open 
	{
		left: 0;
		visibility: visible;
	}
	/*--/nav--*/

/*-----------------------------------/global--*/
	
/*-----------------------------------/INDEX--*/
	/*--header--*/
	.header
	{
		padding: 20px 0 0 0;
		background: url(../img/header_bg.jpg) no-repeat top center;
		background-attachment:fixed;
	}
	.header .left_sidebar
	{
		height: 95vh;
	}
	.header .left_sidebar .sidebar_link 
	{
		color: #fff;
		margin: 0 0 10px 30px;
		display: block;
		font-size: 1.1rem;
	}
	.header .right_header
	{
		height: 95vh;
		padding: 0!important;
	}
	.header .main_title
	{
		text-align: center;
		padding: 15px;
		margin-bottom: 15px;
		border-bottom: 5px solid rgba(255, 193, 7, 0.9);
	}
	.header .header_text
	{
		font-size: 1.1rem;
	}
	/*--/header--*/
	
	/*--About--*/
	.about .about_container
	{
		margin-top: 2rem;
		padding: 1.5rem 1.5rem 2.5rem 1.5rem;
	}
	.about .about_text
	{
		text-indent: 0;
		margin: 0 0 0.5rem 0;
		font-size: 0.9rem!important;
	}
	.about .about_header
	{
		text-indent: 0!important;
		text-align: center;
		margin: 1.1rem 0 1.1rem 0;
		font-size: 1.1rem!important;
	}
	.about .about_list
	{
		font-size: 0.9rem;
		margin-left: 0.2rem;
		margin-bottom: 2rem;
		padding-left: 0;
	}
	.about .about_list .digit
	{
		margin: 0 0.5rem 0 0;
		border: 2px solid #28A745;
		padding: 0 5px;
	}

	/*--/About--*/
	
	/*--advantages--*/
	.advantages
	{
		background: url(../img/header_bg.jpg) no-repeat top center;
		background-attachment:fixed;
	}
	.advantages .advantages_container
	{
		margin-top: 2rem;
		padding: 1.5rem 1.5rem 2.5rem 1.5rem;
	}
	.advantages .advantages_text
	{
		text-indent: 0;
		margin: 0 0 0.5rem 0;
		font-size: 0.9rem!important;
	}
	.advantages .advantages_header
	{
		text-indent: 0!important;
		text-align: center;
		margin: 1.1rem 0 1.1rem 0;
		font-size: 1.1rem!important;
	}
	.advantages .advantages_list
	{
		font-size: 0.9rem;
		margin-left: 0.2rem;
		margin-bottom: 2rem;
		padding-left: 0;
	}
	/*--/advantages--*/
	
	/*--services--*/
	.services .services_card
	{
		height: auto;
		margin-bottom: 1rem;
	}
	/*--/services--*/
/*-----------------------------------PORTFOLIO--*/
	.header_portfolio
	{
		background-image: none !important;
		padding-top: 30px;
	}
	#bedrooms_port, #tv_port, #closet_port, #other_port
	{
		padding-top: 3rem;
	}
	
/*-----------------------------------/PORTFOLIO--*/

/*-----------------------------------FUNITURA--*/
	.header_furniture
	{
		padding-top: 30px;
	}
	#bedrooms, #tv, #closet
	{
		padding-top: 3rem;
	}
	
/*-----------------------------------/FUNITURA--*/

/*-----------------------------------FOOTER--*/
	.footer
	{
		padding: 2rem 0 1rem 0;
	}
/*-----------------------------------FOOTER--*/
	
}

@media (min-width: 1920.98px)
{
	body
	{
		background-color: antiquewhite;
	}
}



