@media (min-width: 320px){
    .col-m-2{grid-template-columns: repeat(2, 1fr);}
    .col-m-3{grid-template-columns: repeat(3, 1fr);}}
@media (min-width: 360px){}
@media (min-width: 390px){}
@media (min-width: 430px){}
@media (max-width: 767px){}
@media (min-width: 768px){
    .container {max-width: 720px;}
}

@media (max-width: 1023px) {
    header{display: none !important;}

	.flex:not(.row){flex-direction: column;}
}

@media (min-width: 768px){
	.col-pl-2{grid-template-columns: repeat(2, 1fr);}
	.col-pl-3{grid-template-columns: repeat(3, 1fr);}
	.col-pl-4{grid-template-columns: repeat(4, 1fr);}
	.col-pl-5{grid-template-columns: repeat(5, 1fr);}
	.col-pl-6{grid-template-columns: repeat(6, 1fr);}
	.col-pl-25-75{grid-template-columns: 25% auto;}
	.col-pl-3-7{grid-template-columns: 30% auto;}
	.col-pl-4-6{grid-template-columns: 40% auto;}
	.col-pl-6-4{grid-template-columns: 60% auto;}
	.col-pl-7-3{grid-template-columns: 70% auto;}
}

@media (min-width: 1024px) {
	.container{max-width: 1024px;}
	.col-pc-2{grid-template-columns: repeat(2, 1fr);}
	.col-pc-2-auto{grid-template-columns: repeat(2, auto);}
	.col-pc-3{grid-template-columns: repeat(3, 1fr);}
	.col-pc-4{grid-template-columns: repeat(4, 1fr);}
	.col-pc-5{grid-template-columns: repeat(5, 1fr);}
	.col-pc-6{grid-template-columns: repeat(6, 1fr);}
    .col-pc-25-75{grid-template-columns: 25% auto;}
	.col-pc-3-7{grid-template-columns: 30% auto;}
	.col-pc-4-6{grid-template-columns: 40% auto;}
	.col-pc-55-45{grid-template-columns: 55% auto;}
	.col-pc-45-55{grid-template-columns: auto 55%;}
	.col-pc-6-4{grid-template-columns: 60% auto;}
	.col-pc-7-3{grid-template-columns: 70% auto;}

}

/* Основа */
*, *::before, *::after {box-sizing: border-box;}
a, a:link, a:visited, a:hover  {text-decoration: none;}
aside, nav, footer, header, section, main {display: block;}
h1, h2, h3, h4, h5, h6, p {margin: 0;}
ul, li {list-style: none;margin: 0;padding: 0;}
img{max-width: 100%;width: 100%;height: auto;vertical-align: middle;}
input, textarea, button, select {font-family: inherit;font-size: inherit;color: inherit;}
input::-ms-clear {display: none;}
button, input[type="submit"] {display: inline-block;box-shadow: none;cursor: pointer;}
a, button{cursor: pointer;margin: 0;border: none;padding: 0;transition: var(--transition);}
input:focus, input:active, button:focus, button:active {outline: none;}
button::-moz-focus-inner {padding: 0;border: 0;}

html,body{margin: 0;padding: 0;scroll-behavior: smooth !important;}
.container{width: 100%;margin-right: auto;margin-left: auto;}
body.no-scroll{
	@media (max-width: 1023px) {
		overflow-y: hidden;
	}
}
a, a:hover, img, img:hover, ::before, ::after {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.grid{display: grid;gap: var(--gap);}
.grid.aic{align-items: center;}
.grid.sb{justify-content: space-between;}

.flex{display: flex;gap: var(--gap);}
.flex.row{flex-direction: row;}
.flex.col{flex-direction: column;}
.flex.aic{align-items: center;}
.flex.jcc{justify-content: center;}
.flex.start{align-items: start;}
.flex.end{align-items: end;}
.flex.jce{justify-content: end;}
.flex.sb{justify-content: space-between;}

.bg{background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}
.nowrap{white-space: nowrap;}
/* Основа */

/* Кнопки */
.btn-fill,
.btn-out {white-space: nowrap; display: inline-block;text-align: center;margin: 0;position: relative;}

.btn-out{
	padding: 18px 40px;border-radius: 15px;background: transparent;border: 1px solid var(--green_2);
	&:hover{background: var(--white_hover);color: var(--green_2);border-color: var(--white_hover);}
}

/* Пролистывание на мобильном */
/* .scroll{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;} */
.scroll::-webkit-scrollbar {-webkit-appearance: none;}

/* Owl-carousel */
.owl-nav{display:flex;align-items:center;}
.owl-nav button *{transition: var(--transition);}
.owl-nav button.disabled{pointer-events: none;opacity: 0.2;}
.owl-nav button:hover svg rect{fill: var(--orange_hover);}


.owl-dot span {display: block;-webkit-backface-visibility: visible;transition: var(--transition);}

/* #za */
#za{z-index: 10;}
#za .modal-body{overflow-y: auto;}

#mobile{position: fixed;z-index: 10;top: 0;left: 0;right: 0;margin: auto;height: var(--header-height);transition: all 0.5s ease;}
#mobile .container{display: flex;justify-content: space-between;align-items: center;gap: var(--gap);height: 100%;}

#mmenu{align-items: end;justify-content: center;margin-top: 0;z-index: 6;}
#mmenu .modal-body{max-height: calc(100% - 70px);height: 100%;margin-top: 0;}