/*******************************************
 *** Адаптивные стили ADAPTIVE.CSS
 *** Собственность компании WEBBERRIES
 *** https://webberries.ru (C) 2005-2022
 *** Для вопросов: webberries@yandex.ru
 *** Дата обновления: 11.05.2022
 *** Версия файла: V4.00 
 *******************************************/

/*------------------------------------------------------------------------------
 ******************* TABLETS SETTINGS ******************************************

@media screen and (min-width: 480px) and (max-width: 800px) {
	section, footer, header { width: 100%; min-width: 100%; padding: 0; overflow: hidden; }
	.container { width: 94%; overflow: hidden; margin: 0 auto; }

	section h2, section h3 {
		font-size: 1.8em;
	}

	div.overlay .window {
	  width: 90%;
	  padding: 10px;
	}

}
-------------------------------------------------------------------------------*/




/*
@media screen and (min-width: 1900px) {
	section, header, footer, nav { 
		min-width: 1880px; 
	}

	div.con { 
		width: 1840px; 
	}
}

@media screen and (min-width: 1600px) and (max-width: 1899px) {
	section, header, footer, nav { 
		min-width: 1560px; 
	}

	div.con { 
		width: 1520px; 
	}
}
*/




/*------------------------------------------------------------------------------
 ******************* MOBILE SETTINGS *******************************************
 @media screen and (max-width: 479px) {
-------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
 	section, footer, header, nav { width: 100%; min-width: 100%; padding: 0; overflow: hidden; }
	div.con { width: 100%; overflow: hidden; margin: 0 auto; }

	h1, h2, h3 {
		font-size: 1.6em;
	}

	h3, h4, h5, h6 {
		font-size: 1.2em;
	}

	div.popup .window {
	  width: 90%;
	  padding: 40px 10px 10px 10px;
	}

	div.popup .window input, div.popup .window button {
		width: 90%;
	}

	.mobileclear {
		clear: both !important;
	}



	h2 {
		position: relative;
		padding-left: 25px;
		font-size: 2.0em;
		color:#000;
		text-transform: uppercase;
		margin-bottom: 25px;
	}

	h2:before {
		content: "";
		position: absolute;
		left:0;
		bottom: 0;
		top:0;
		width: 10px;
		background: #e53935;
	}

	header {
		/*height: 100vh;*/
		padding: 25px 15px 25px 15px;
		background: url(/system/images/main/bg-header-1.jpg) center center / cover;
		position: relative;

	}

	header.tiny {
		padding: 25px 15px 25px 15px;
	}

	header .top {
		height: unset;
		margin-top: 0;
		position: relative;
	}

	header .logo {
		height: 100px;
		width: 60%;
		float: left;
	}

	header .logo .image {
		width: 100%;
		height: 100px;
		background: url(/system/images/main/logo-w1.png) left center / contain no-repeat;
	}

	header .logo .name {
		display: none;
	}

	header .address {
		display: none;
	}

	header .contacts {
		clear: left;
		position: relative;
		right: unset;
		top: unset;
		transform: unset;
		color:#fff;
		text-align: right;
		padding-top: 50px;
	}

	header .contacts .btn-go  {
		display: none;
	}

	header .contacts .phone {
		font-size: 1.5em;
		font-weight: 800;
	}

	header .contacts .phone.phone2 {
		font-size: 1.0em;
		margin-top: 5px;
	}

	header .hamburger,
	header .close-hamburger {
		display: block;
		position: absolute;
		top:25px;
		right: 15px;
		height: 60px;
		width: 60px;
		background: rgba(0, 0, 0, .20);
		color:#fff;
		line-height: 60px;
		text-align: center;
		font-size: 1.75em;
	}

	header .hamburger {
		top: 40px;
		right: 0;
		background: rgba(255, 255, 255, 1);
		color:#111;
		z-index: 1;
	}

	header .menu {
		display: none;
		z-index: 1000;
		position: fixed;
		inset: 0;
		height: unset;
		margin-top: unset;
	    width: unset;
	    background: #fff;
	    overflow: hidden;
	    padding: 125px 15px 15px 15px;
	}

	header .menu .btn-menu.first {
		display: none;
	}

	header .menu .btn-menu {
		position: relative;
		top:0px;
		height: unset;
		line-height: unset;
		padding: 10px 15px;
		display: block;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 1.25em;
		transition: 0.2s;
		cursor: pointer;
	}

	header .menu .btn-menu:before {
		width: 0;
	}

	header .mid .b-3f,
	header .mid .b-3 {
		width: 100%;
		margin-bottom: 25px;
	}

	header .mid  {
		margin-top: 50px;
	}

	header .mid h1 {
		font-size: 2.25em;
		text-transform: uppercase;
		color:#fff;
		margin-bottom: 50px;
	}

	header .mid .plus {
		width: 100%;
		float: left;
		margin-bottom: 15px;
	}

	header .mid .btn-go {
		margin-top: 15px;
		height: unset;
		line-height: unset;
		padding: 20px 15px;
		width: 100%;
		text-align: center;
	}


	section.uslugi {
		padding: 25px 15px;
	}

	section.uslugi .b-3 {
		width: 100%;
	}

	section.main-text {
		padding: 25px 15px;
	}

	section.main-text .b-3,
	section.main-text .b-3f {
		width: 100%;
	}

	section.main-text .text {
		padding-right: unset;
		padding-bottom: 25px;
	}


	footer {
		padding: 25px 15px;
		background: #122323;
		overflow: hidden;
		z-index: 100;
	}


	footer .menu-btn-open {
		display: none;
	}


	footer .address {
		position: relative;
		top:unset;
		transform: unset;
		left:unset;
		text-align: center;
		margin-bottom: 15px;
		color:#ccc;
		font-size: 1em;
	}


	footer .phone {
		text-align: center;
		position: relative;
		top:unset;
		transform: unset;
		right: unset;
	}


	footer .phone .number {
		font-size: 1.25em;
		color:#fff;
		font-weight: 800;
		margin-bottom: 10px;
	}

	footer .phone .email {
		font-size: 0.8em;
		color:#fff;
		font-weight: 400;
	}



	section.information-page {
		padding: 25px 15px;
	}

	section.information-page .breadcrumbs {
		padding-bottom: 50px;
		font-size: 0.8em;
		color:#777;
	}

	section.information-page .text-info {
		padding-right: unset;
		margin-bottom: 25px;
		width: 100%;
	}

	section.information-page .b-3,
	section.information-page .b-3f {
		width: 100%;
	}



}