*{box-sizing:border-box;}

	/*  
       
     *  .item
     *  .items
     *  .item-header
     *  .item-slider
     *
     *   *Grids*
     *
     *  .item-wapper
     *  .item-category
     *
     *  .item-grid > col-1 > col-2 > col-3 > col-4 > col-5 > col-6 > col-7 > col-8 > col-9 > col-10 > col-11 > col-12
     *  .item-grid > gap-5 > gap-10 > gap-15 > gap-20 > gap-25 > gap-30 > gap-35 > gap-40 > gap-45 > gap-50 > gap-60 > gap-65 > gap-70 > gap-75 > gap-80
     *
     *  .item-img
     *  .item-rub
     *  .item-content
     *  .item-brand
     *  .item-category
     *  .item-cart
     *  .item-product 
     *  .item-link
     *  .item-btn
     *   
     *   *Flex* 
     *
     *  .item-flex > items-center > items-top > items-end > items-strech >
     *
     *   *div* 
     *
     *  .container
     *  .section
     *  .row
     *  .table
     *
     *
     *
     *
     *
     *

	*/
	
	
/*container*/

.container-fluid {
	background:#f6f6f6;
	padding: 50px 0;
}

@media (min-width: 576px) {
	.container {
		width: 540px;
		margin: auto;
	}

}

@media (min-width: 768px) {
	.container {
		width: 720px;
		margin: auto;
	}
	

}

@media (min-width: 992px) {
	.container {
		width: 960px;
		margin: auto;
	}
	


}

@media (min-width: 1200px) {
	.container {
		width: 1200px;
		margin: auto;
	}
	
	
	.menu{padding: 0px 100px;}
	
}

@media (min-width: 1600px) {
	.container {
		width: 1500px;
		margin: auto;
	}
	

}


/*Стили под разные устройства*/

/*стили для xl-устройств  */
@media (min-width: 1200px) {  
    .hidden-xl{
        display:none!important;
    }
    
    menu__fi {
    padding: 0px 130px;
    }
}



@media (max-width: 1200px) {
	/* стили для lg-устройств */
	.hidden-lg {
		display:none!important;
    }
    
}

@media (min-width: 991px) and (max-width: 1199px) {
	/* стили для md-устройств */
	.hidden-md {
		display:none!important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
	/* стили для sm-устройств */
	.hidden-sm {
		display:none!important;
    }
}

@media (max-width: 767px) {
  /* стили для xs-устройств */
  .hidden-xs {
	   display:none!important;
    }    
}

/*mobile menu*/

body {
    margin-top: 5rem;
	font-family:sans-serif;
}

.menu {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:1000;
	padding-top:0px;
    border-bottom: 1px dashed #bfbfbf;
    background: #ffffff;

}

.menu::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.item-body{
	position:relative;
	display:flex;
	height:60px;
	align-items:center;
}

.item-logo{
	flex:0 0 180px;
	overflow:hidden;
	position:relative;
	z-index:3;
}

.item-logo img{
	max-width:100%;
	
	    
@media (min-width: 992px) and (max-width:2000px) {  
       max-width:60%;
    }
    
	
	
}

.item-burger{
	display:none;
}

.item-menu{ }

.item-list {
    display: flex;
    position: relative;
    z-index: 2;
    gap: 54px;
    font-weight: bold;
    
@media (min-width: 992px) and (max-width:2000px) {  
    gap: 0px; 
    padding:0px;
    justify-content: space-between;
    }
    
    
    
}

.item-list li {
    list-style-type: none;
    padding: 8px 10px 8px 10px;
    border-radius: 6px;
    font-size:14px;
}

.item-link {
    color: #000;
    font-size: 15px;
    text-decoration: none;
    font-family: sans-serif;
}


@media(max-width: 767px){
    body{
        margin-top:4rem;
    }
    .item-body{
		height:50px;
		padding: 0px 10px;
		justify-content:space-between;
	}
	
	.item-burger{
		display:block;
		position:relative;
		width:30px;
		height:20px;
		position:relative;
		z-index: 100000;
	}
	
	.item-burger span{
		position:absolute;
		background-color:#000;
		left:0;
		width:100%;
		height:2px;
		top:9px;
		transition: all 0.3s ease 0s;
	}
	
	.item-burger:before,
	.item-burger:after{
		content:'';
		background-color:#000;
		position:absolute;
		width:100%;
		height:2px;
		left:0;
		transition: all 0.3s ease 0s;
	}
	
	.item-burger:before{
		top:0;
	}
	.item-burger:after{
		bottom:0;
	}
	.item-burger.aclive span{
		transform: scale(0);
	}
	.item-burger.aclive:before {
        transform: rotate(45deg);
	    top:9px;
	}
	.item-burger.aclive:after {
        transform: rotate(-45deg);
	    bottom:9px;
	}
	.item-menu{
		position:fixed;
		top:-100%;
		left:0;
		width:100%;
		overflow:auto;
		height:100%;
		transition:all 0.3s ease 0s;
		background-color: #fbfbfb;
		padding:70px 0px 0px 0px;
		z-index: 10000;
	}
	.item-menu.aclive{
		top:0;
	}
	.item-list{
		display:block;
	}
	.item-list li{
		margin:0px 0px 20px 0px;
	}

	.footer-flex.gap-50 {
		flex-direction: column;
	}

	ul.pagination{
		gap: 10px!important;
	}

	.menu{
		top: 0px!important;
	}

	h2.hedline{
		font-size: 27px!important;
	}

	.item-ugol-4:before{
		display: none;
	}

	#content {
		padding-top: 10px!important;
	}

	.flex {
		flex-direction: column!important;
	}

	.item-well {
		flex-direction: column;
		align-items: center;
	}

	.flex.flexy-momile {
		gap: 50px;
		align-content: flex-start !important;
		align-items: flex-start!important;
	}

	.services:before {
		width: 0px!important;
	}

	.tech:before{
		width: 0px!important;
	}

	.item-ser:before{
		width: 0px!important;
	}

	.col-1.gap-25 .flex {
		flex-direction: column;
	}


	.item-label {
		display: block!important;
		width: 100%!important;
	
	}
	


}

/*items*/
.item {
    border: 1px solid #d7d7d7;
    padding: 10px 15px;
	background: #fff;
}

.item-img{
    max-width: 100%;
    display: block;
}


/*Grids*/

.item-wapper{
    display:grid;
	margin-top:2rem;
}

.item-grid{
	display:grid;
}

.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{
	display:grid;
}

.col-1{
display:grid;	
grid-template-columns: 1fr;	
}

.col-2{
grid-template-columns: 1fr 1fr;	
}

.col-3{
grid-template-columns: 1fr 1fr 1fr;	
}

.col-4{
grid-template-columns: 1fr 1fr 1fr 1fr;	
}

.col-5{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;	
}

.col-6{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;	
}

.col-7{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;	
}

.col-8{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;	
}

.col-9{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;	
}

.col-10{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;	
}

.col-11{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;	
}

.col-12{
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;	
}


/*colum-1-x*/

.colum-1-2{
grid-template-columns: 1fr 2fr;	
}

.colum-1-3{
grid-template-columns: 1fr 3fr;	
}

.colum-1-4{
grid-template-columns: 1fr 4fr;	
}

.colum-1-5{
grid-template-columns: 1fr 5fr;	
}

.colum-1-6{
grid-template-columns: 1fr 6fr;	
}

.colum-1-7{
grid-template-columns: 1fr 7fr;	
}

.colum-1-8{
grid-template-columns: 1fr 8fr;	
}

.colum-1-9{
grid-template-columns: 1fr 9fr;	
}

.colum-1-10{
grid-template-columns: 1fr 10fr;	
}

.colum-1-11{
grid-template-columns: 1fr 11fr;	
}

.colum-1-12{
grid-template-columns: 1fr 12fr;	
}

/*colum-2-x*/

.colum-2-1{
grid-template-columns: 2fr 1fr;	
}

.colum-2-3{
grid-template-columns: 2fr 3fr;	
}

.colum-2-4{
grid-template-columns: 2fr 4fr;	
}

.colum-2-5{
grid-template-columns: 2fr 5fr;	
}

.colum-2-6{
grid-template-columns: 2fr 6fr;	
}

.colum-2-7{
grid-template-columns: 2fr 7fr;	
}

.colum-2-8{
grid-template-columns: 2fr 8fr;	
}

.colum-2-9{
grid-template-columns: 2fr 9fr;	
}

.colum-2-10{
grid-template-columns: 2fr 10fr;	
}

.colum-2-11{
grid-template-columns: 2fr 11fr;	
}

.colum-2-12{
grid-template-columns: 2fr 12fr;	
}

/*colum-3-x*/

.colum-3-1{
grid-template-columns: 3fr 1fr;	
}

.colum-3-2{
grid-template-columns: 3fr 2fr;	
}

.colum-3-4{
grid-template-columns: 3fr 4fr;	
}

.colum-3-5{
grid-template-columns: 3fr 5fr;	
}

.colum-3-6{
grid-template-columns: 3fr 6fr;	
}

.colum-3-7{
grid-template-columns: 3fr 7fr;	
}

.colum-3-8{
grid-template-columns: 3fr 8fr;	
}

.colum-3-9{
grid-template-columns: 3fr 9fr;	
}

.colum-3-10{
grid-template-columns: 3fr 10fr;	
}

.colum-3-11{
grid-template-columns: 3fr 11fr;	
}

.colum-3-12{
grid-template-columns: 3fr 12fr;	
}

/*colum-4-x*/

.colum-4-1{
grid-template-columns: 4fr 1fr;	
}

.colum-4-2{
grid-template-columns: 4fr 2fr;	
}

.colum-4-3{
grid-template-columns: 4fr 3fr;	
}

.colum-4-5{
grid-template-columns: 4fr 5fr;	
}

.colum-4-6{
grid-template-columns: 4fr 6fr;	
}

.colum-4-7{
grid-template-columns: 4fr 7fr;	
}

.colum-4-8{
grid-template-columns: 4fr 8fr;	
}

.colum-4-9{
grid-template-columns: 4fr 9fr;	
}

.colum-4-10{
grid-template-columns: 4fr 10fr;	
}

.colum-4-11{
grid-template-columns: 4fr 11fr;	
}

.colum-4-12{
grid-template-columns: 4fr 12fr;	
}

/*colum-5-x*/

.colum-5-1{
grid-template-columns: 5fr 1fr;	
}

.colum-5-2{
grid-template-columns: 5fr 2fr;	
}

.colum-5-3{
grid-template-columns: 5fr 3fr;	
}

.colum-5-4{
grid-template-columns: 5fr 4fr;	
}

.colum-5-6{
grid-template-columns: 5fr 6fr;	
}

.colum-5-7{
grid-template-columns: 5fr 7fr;	
}

.colum-5-8{
grid-template-columns: 5fr 8fr;	
}

.colum-5-9{
grid-template-columns: 5fr 9fr;	
}

.colum-5-10{
grid-template-columns: 5fr 10fr;	
}

.colum-5-11{
grid-template-columns: 5fr 11fr;	
}

.colum-5-12{
grid-template-columns: 5fr 12fr;	
}

/*colum-6-x*/

.colum-6-1{
grid-template-columns: 6fr 1fr;	
}

.colum-6-2{
grid-template-columns: 6fr 2fr;	
}

.colum-6-3{
grid-template-columns: 6fr 3fr;	
}

.colum-6-4{
grid-template-columns: 6fr 4fr;	
}

.colum-6-5{
grid-template-columns: 6fr 5fr;	
}

.colum-6-7{
grid-template-columns: 6fr 7fr;	
}

.colum-6-8{
grid-template-columns: 6fr 8fr;	
}

.colum-6-9{
grid-template-columns: 6fr 9fr;	
}

.colum-6-10{
grid-template-columns: 6fr 10fr;	
}

.colum-6-11{
grid-template-columns: 6fr 11fr;	
}

.colum-6-12{
grid-template-columns: 6fr 12fr;	
}

/*colum-7-x*/

.colum-7-1{
grid-template-columns: 7fr 1fr;	
}

.colum-7-2{
grid-template-columns: 7fr 2fr;	
}

.colum-7-3{
grid-template-columns: 7fr 3fr;	
}

.colum-7-4{
grid-template-columns: 7fr 4fr;	
}

.colum-7-5{
grid-template-columns: 7fr 5fr;	
}

.colum-7-6{
grid-template-columns: 7fr 6fr;	
}

.colum-7-8{
grid-template-columns: 7fr 8fr;	
}

.colum-7-9{
grid-template-columns: 7fr 9fr;	
}

.colum-7-10{
grid-template-columns: 7fr 10fr;	
}

.colum-7-11{
grid-template-columns: 7fr 11fr;	
}

.colum-7-12{
grid-template-columns: 7fr 12fr;	
}

/*colum-8-x*/

.colum-8-1{
grid-template-columns: 8fr 1fr;	
}

.colum-8-2{
grid-template-columns: 8fr 2fr;	
}

.colum-8-3{
grid-template-columns: 8fr 3fr;	
}

.colum-8-4{
grid-template-columns: 8fr 4fr;	
}

.colum-8-5{
grid-template-columns: 8fr 5fr;	
}

.colum-8-6{
grid-template-columns: 8fr 6fr;	
}

.colum-8-7{
grid-template-columns: 8fr 7fr;	
}

.colum-8-9{
grid-template-columns: 8fr 9fr;	
}

.colum-8-10{
grid-template-columns: 8fr 10fr;	
}

.colum-8-11{
grid-template-columns: 8fr 11fr;	
}

.colum-8-12{
grid-template-columns: 8fr 12fr;	
}

/*colum-9-x*/

.colum-9-1{
grid-template-columns: 9fr 1fr;	
}

.colum-9-2{
grid-template-columns: 9fr 2fr;	
}

.colum-9-3{
grid-template-columns: 9fr 3fr;	
}

.colum-9-4{
grid-template-columns: 9fr 4fr;	
}

.colum-9-5{
grid-template-columns: 9fr 5fr;	
}

.colum-9-6{
grid-template-columns: 9fr 6fr;	
}

.colum-9-7{
grid-template-columns: 9fr 7fr;	
}

.colum-9-8{
grid-template-columns: 9fr 8fr;	
}

.colum-9-10{
grid-template-columns: 9fr 10fr;	
}

.colum-9-11{
grid-template-columns: 9fr 11fr;	
}

.colum-9-12{
grid-template-columns: 9fr 12fr;	
}

/*colum-10-x*/

.colum-10-1{
grid-template-columns: 10fr 1fr;	
}

.colum-10-2{
grid-template-columns: 10fr 2fr;	
}

.colum-10-3{
grid-template-columns: 10fr 3fr;	
}

.colum-10-4{
grid-template-columns: 10fr 4fr;	
}

.colum-10-5{
grid-template-columns: 10fr 5fr;	
}

.colum-10-6{
grid-template-columns: 10fr 6fr;	
}

.colum-10-7{
grid-template-columns: 10fr 7fr;	
}

.colum-10-8{
grid-template-columns: 10fr 8fr;	
}

.colum-10-9{
grid-template-columns: 10fr 9fr;	
}

.colum-10-11{
grid-template-columns: 10fr 11fr;	
}

.colum-10-12{
grid-template-columns: 10fr 12fr;	
}

/*colum-11-x*/

.colum-11-1{
grid-template-columns: 11fr 1fr;	
}

.colum-11-2{
grid-template-columns: 11fr 2fr;	
}

.colum-11-3{
grid-template-columns: 11fr 3fr;	
}

.colum-11-4{
grid-template-columns: 11fr 4fr;	
}

.colum-11-5{
grid-template-columns: 11fr 5fr;	
}

.colum-11-6{
grid-template-columns: 11fr 6fr;	
}

.colum-11-7{
grid-template-columns: 11fr 7fr;	
}

.colum-11-8{
grid-template-columns: 11fr 8fr;	
}

.colum-11-9{
grid-template-columns: 11fr 9fr;	
}

.colum-11-10{
grid-template-columns: 11fr 10fr;	
}

.colum-11-12{
grid-template-columns: 11fr 12fr;	
}

/*colum-12-x*/

.colum-12-1{
grid-template-columns: 12fr 1fr;	
}

.colum-12-2{
grid-template-columns: 12fr 2fr;	
}

.colum-12-3{
grid-template-columns: 12fr 3fr;	
}

.colum-12-4{
grid-template-columns: 12fr 4fr;	
}

.colum-12-5{
grid-template-columns: 12fr 5fr;	
}

.colum-12-6{
grid-template-columns: 12fr 6fr;	
}

.colum-12-7{
grid-template-columns: 12fr 7fr;	
}

.colum-12-8{
grid-template-columns: 12fr 8fr;	
}

.colum-12-9{
grid-template-columns: 12fr 9fr;	
}

.colum-12-10{
grid-template-columns: 12fr 10fr;	
}

.colum-12-11{
grid-template-columns: 12fr 11fr;	
}

/*Тут*/

.colum-2-1{
grid-template-columns: 2fr 1fr;	
}

.colum-3-1{
grid-template-columns: 3fr 1fr;	
}

.colum-4-1{
grid-template-columns: 4fr 1fr;	
}

.colum-5-1{
grid-template-columns: 5fr 1fr;	
}

.colum-6-1{
grid-template-columns: 6fr 1fr;	
}

.colum-7-1{
grid-template-columns: 7fr 1fr;	
}

.colum-8-1{
grid-template-columns: 8fr 1fr;	
}

.colum-9-1{
grid-template-columns: 9fr 1fr;	
}

.colum-10-1{
grid-template-columns: 10fr 1fr;	
}

.colum-11-1{
grid-template-columns: 11fr 1fr;	
}


.col-compare {
   display:grid;        
   grid-template-columns: 1fr 3fr 0.5fr;
   align-items: center;
}


/*colum-4-item*/

.colum-1-5-2-2 {
    grid-template-columns: 1fr 5fr 2fr 2fr!important;
}



/*gap*/
.gap-5{
	gap:5px;
}
.gap-10{
	gap:10px;
}
.gap-15{
	gap:15px;
}
.gap-20{
	gap:20px;
}
.gap-25{
	gap:25px;
}
.gap-30{
	gap:30px;
}
.gap-35{
	gap:35px;
}
.gap-40{
	gap:40px;
}
.gap-45{
	gap:45px;
}
.gap-50{
	gap:50px;
}
.gap-55{
	gap:55px;
}
.gap-60{
	gap:60px;
}
.gap-65{
	gap:65px;
}
.gap-70{
	gap:70px;
}
.gap-75{
	gap:75px;
}
.gap-80{
	gap:80px;
}

/*tags*/

footer {
    padding: 20px 0px;
    background: #efefef7a;
}

small {
    font-size: 14px;
    color: #6c6c6c;
}

figure {
    margin: 0px;
    text-align: center;
}


.container.pa-top-60 {
    padding-top: 60px;
}



@media (min-width: 992px) and (max-width:2000px) {  
    .item-list li {
    list-style-type: none;
    padding: 8px 0px 8px 0px;
    border-radius: 6px;
    font-size: 14px;
}


.item-menu {
    width: 70%!important;
}



.item-body {
    display: flex;
    justify-content: space-around;
}


.dropbtn {
    color: black;
    /* padding: 16px; */
    font-size: 10px;
    border: none;
    text-transform: uppercase;
}


img#user {
    position: absolute;
    bottom: -3px;
    left: -27px;
    width: 20px;
}


strong.phonestrong {
    font-size: 14px;
    position: relative;
    top: 3px;
    left: 10px;
}


a#l-link {
    position: relative;
    color: #9b53d1;
    left: 20px;
}


.item-link {
font-size: 12px!important;
}

img#user {

    bottom: -4px!important;
    left: -30px!important;
}

#phons {
    left: 25px;
    position: relative;
}




}