@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

/************
1. 1600px
************/

@media only screen and (max-width: 1600px)
{
	
}

/************
2. 1440px
************/

@media only screen and (max-width: 1440px)
{
	
}

/************
3. 1380px
************/

@media only screen and (max-width: 1380px)
{
	
}

/************
3. 1280px
************/

@media only screen and (max-width: 1280px)
{
	
}

/************
4. 1199px
************/

@media only screen and (max-width: 1199px)
{
	.search_container_form
	{
		width: 217px;
	}
	.info_form
	{
		margin-top: 29px;
	}
	.cta_button
	{
		margin-top: 30px;
	}
	.footer_contact_form div input
	{
		width: 100%;
	}
	.footer_nav ul li:not(:last-child)
	{
		margin-right: 40px;
	}
	.footer_links
	{
		margin-left: 54px;
	}
}

/************
4. 1100px
************/

@media only screen and (max-width: 1100px)
{
	
}

/************
5. 1024px
************/

@media only screen and (max-width: 1024px)
{
	.home {
		height: 604px;
	}
}

/************
6. 991px
************/

@media only screen and (max-width: 991px)
{
	#home_content_container {
		margin-left: 30px;
	}
	.col-lg-7 {
		padding-left: 0px
	}
	
	#stuff_container {
		margin-left: 0px;
		margin-right: 0px;
		max-width: 100%;
	}

	#stuff_row {
		display: flex;
		flex-direction: column;
	}

	#stuff_row > .col-lg-7 {order: 1; } /* Отобразится первым */
	#stuff_row > .col-lg-5 {order: 2; } /* Отобразится вторым  */
	
	.home_content {
		margin-right: 30%
	}

	.bigpicture {
		width: 70%;
	}

	.stuff {
		padding: 20px 0px 20px 0px;
	}

	#stuff_1, #stuff_3 {
		margin-bottom: 30px
	}

	.col-lg-5 {
		text-align: center;
	}

	.home_title
	{
		font-size: 48px;
	}
	.header,
	.header.scrolled
	{
		position: fixed;
		top: 0px;
		left: 0;
	}
	.header_top_extra,
	.header_nav
	{
		display: none !important;
	}
	.hamburger
	{
		display: block;
	}
	.info_form_container
	{
		padding-bottom: 44px;
	}
	.info_box_col:not(:last-child)
	{
		margin-bottom: 40px;
	}
	.news
	{
		margin-top: 20px;
	}
	.footer_col:not(:last-child)
	{
		margin-bottom: 10px;
	}
	.footer_contact
	{
		padding-top: 0;
	}
	.footer_bar_content
	{
		height: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.footer_nav ul li:not(:last-child)
	{
		margin-bottom: 8px;
	}
	.footer_links ul li:not(:last-child)::after
	{
		display: none;
	}
	.footer_phone
	{
		margin-left: 80px;
	}
	.footer_links ul li:not(:last-child)
	{
		margin-bottom: 7px;
	}

	#footer_photo {
		margin-top: 10px;
		padding-top: 0%;
		width: 70%;
		padding-bottom: 5%;
	}

	#footer_photo_container {
		text-align: center;
	}

}

/************
7. 959px
************/

@media only screen and (max-width: 959px)
{
	#tryForm {
		padding: 50px 50px 50px 50px;
	}

	#cta_h1 {
		margin-top: 0px;
	}
}

/************
8. 880px
************/

@media only screen and (max-width: 880px)
{
	
}

/************
9. 768px
************/

@media only screen and (max-width: 768px)
{
	
.faq_title, .faq_subtitle {
	padding-left: 40px;
}

.faq_subtitle {
	font-size: 18px
}

}

/************
10. 767px
************/

/* @media (min-width: 576px)
{
	#services_container
	{
    	max-width: 640px;
	}
} */

@media only screen and (max-width: 767px)
{				
	#navbar {
		height: 85px;
	}

	#responsive_wrapper {
		display:flex;
		align-items: center
	}

	#drop {
		display: flex;
		align-items: center;
	}

	.navbar-nav .dropdown-menu {
		position: absolute;
		/*на всякий случай, работало и без координат*/
		right: 30px;
		top: 35px;
	}

	#container-fluid {
		align-items: unset 
	}

	#hidden .contacts a:hover {
		/* color: ;
		color: #ffeb3b;
		color: #18ffff;
		color: #f06292;
		color: #64dd17;
		color: #ffff00;
		color: #00b0ff; */

		/* color: #ffff00;
		text-decoration-line: underline;  */

		/* color: cornflowerblue; */
	}

	.contacts_row a.contacts {
		color: #ffff00;
	}

	.home_container {
		top: 25%;
	}

	.home_content {
		margin-right: 45%;
	}

	.dept_slider_nav
	{
		display: none;
	}

	.stuff {
		padding-top: 40px;
	}

	.faq {
		padding: 0px 25px 0px 25px;
	}

	.faq_subtitle {
		margin-top: 25px;
		margin-bottom: 15px;
	}

	.table {
		margin-left: -15px
	}
	
	#stuff_container, #services_container{
		padding: 0px 25px 0px 25px;
		max-width: 100%;
	}

	.icon_boxes_row {
		margin-left: 25px;
		margin-right: 25px;
	}

	#home_content_container {
		margin: 0px 25px 0px 25px;
		max-width: 100%;
	}

	.home {
		height: 590px;
	}

	.services {
		padding-top: 25px;
		padding-bottom: 0px;
	}

	#headerResponsive {
		display: none;
	}
	
	#hidden {
		visibility: visible;
		font-size: 14px;
		line-height: 20px;
	}

	#hidden a.contacts {
		color: #24140d;
	}

}

@media only screen and (max-width: 626px) {
	
	.home_title
	{
		font-size: 38px;
	}
}

/************
11. 575px
************/

@media only screen and (max-width: 575px)
{
	.svg {
		display: none;
	}
	
	.cta_subtitle, a.cta_subtitle {
		font-size: 18px
	}

	#hidden.a {
		color: #24140d;
	}

	.home_container {
		top: 20%;
	}

	.home_text {
		line-height: 25px;
	}

	.services {
		padding-top: 35px;
		padding-bottom: 0px;
	}
	#stuff_container, #services_container{
		padding: 0px 10px 0px 10px;
		max-width: 100%;
	}
	.icon_boxes_row, .text-center {
		margin-left: 10px;
		margin-right: 10px;
	}

	p, .home_text
	{
		font-size: 13px;
	}
	.menu_close_container
	{
		top: 31px;
		right: 28px;
	}
	.menu_item a
	{
		font-size: 28px;
	}
	.button
	{
		height: 40px;
	}
	.button a span
	{
		font-size: 10px;
	}
	.section_title
	{
		font-size: 28px;
		max-width: 100%;
	}
	.home_title
	{
		font-size: 36px;
	}
	.home_text
	{
		font-size: 14px;
		max-width: 100%;
	}
	.info_text
	{
		font-size: 13px;
	}
	.cta_title
	{
		font-size: 24px;
	}

	.faq {
		padding: 0px 0px 0px 0px
	}

	.col-lg-7 {
		padding-left: 0px
	}

	.col-lg-5 {
		margin-top: -30px
	}

	.faq_title,
	.news_title
	{
		font-size: 24px;
		padding-left: 25px;
	}

	.faq_subtitle {
		padding-left: 50px;
		font-size: 16px
	}

	.stuff {
		padding-top: 25px;
		padding-bottom: 0px;
		margin-top: 0px
	}

	#stuff_1, #stuff_3 {
		margin-bottom: 25px;
		margin-top: 0px;
		padding-left: 25px
	}

	.footer_about_text
	{
		font-size: 13px;
	}

	.footer_links
	{
		margin-left: 0;
		margin-top: 40px;
	}
	.footer_phone
	{
		margin-left: 0;
		margin-top: 40px;
	}

	.footer_bar
	{
		font-size: 12px
	}

	.bigpicture {
		max-width: 100%
	}

}

@media only screen and (max-width: 545px)
{
	
	#navbar {
		height: 85px;
	  }

	.bigpicture {
		margin-left: -25px
	}

}

/************
11. 539px
************/

@media only screen and (max-width: 539px)
{
	
	/* #hidden {
		visibility: visible;
	  } */
}

/************
12. 480px
************/

@media only screen and (max-width: 480px)
{

	.home {
		margin-top: -5%;
		height: 580px;
	}

	.home_container {
		top: 100px;
		margin-top: 50px
	}

	.background_image {
		width: 100%;		
		height: 580px;
	}
	.home_title
	{
		font-size: 27px;
	}
	#header-list
	{
		font-size: 18px;
		padding-left: 0px
	}
	.services {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#cta_h1 {
		font-size: 26px;
	}

}

/************
13. 479px
************/

@media only screen and (max-width: 479px)
{
	.home_text {
		margin-top: 35px;
	}

	#hidden {
		margin-top: -15px
	}
}

@media only screen and (max-width: 440px)
{
	#home_content_container {
		margin-left: 10px;
	}
	
	.home_text {
		margin-top: 35px;
	}

	#hidden {
		margin-left: -15px;
	}
}

@media only screen and (max-width: 416px)
{
	* {
		/* width: 100% */
	}
}

/************
14. 400px
************/

@media only screen and (max-width: 400px)
{
	.home_content {
		margin-right: 35%;
	}

	.cta_subtitle, a.cta_subtitle {
		font-size: 14px
	}

	#hidden {
		font-size: 13px;
		margin-top: -35px;
		padding-top: 35px
	}

	.tel, #slash {
		display: none;
	}

	.icon_boxes_row {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.icon_box {
		margin-bottom: 15px;
	}

	.icon_box_title {
		text-align: center;
		padding-left: 0px;
	}

	.icon_box_icon {
		visibility: hidden;
		width: 0px;
		height: 0px;
	}
	.icon_box_text, .faq_subtitle {
		font-size: 14px;
		color: #404040;
		padding-left: 25px
	}

	.faq_subtitle {
		margin-top: 10px
	}

}

@media only screen and (max-width: 282px)
{
	.dropdown {
		display: none
	}

	#cta_h1 {
		font-size: 20px;
	}
}