@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;
	0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');


@mixin breakpoints($point) {
	@if $point == "mobile" {
        @media (max-width:767px){
        	@content;
        }
	}@else if $point == "medium" {
		@media (max-width:1128px){
        	@content;
        }
	}@else if $point == "s_larg" {
		@media (max-width:1199px){
        	@content;
        }
	}@else if $point == "large" {
		@media (max-width:1291px){
        	@content;
        }
	}@else if $point == "xxl" {
		@media (max-width:1339px){
        	@content;
        }
	}@else if $point == "nokia" {
		@media (max-width:484px){
        	@content;
        }
	}
}

body{
	margin:0;
	padding:0;
}

.all_think{
	width:100%;
	z-index:10;
	.header_mvd{
		width:100%;
		background:#323232;
		color:white;
		&{
			@include breakpoints(mobile) {
				display:none;
			}
		}
		ul{
			display:flex;
			align-items:center;
			list-style:none;
			padding-left:0;
			margin-bottom:0;
		    padding-left:20px;
			height:55px;
			li{
	            margin-right:34px;
	            font-size:10px;
	            letter-spacing:-0.5;
			}
		}
	}


	.head_bbm{
		height:97px;
		width:100%;
		background:#258900;
		display:flex;
		align-items:center;
		&{
			@include breakpoints(mobile) {
				display:none;
			}
		}
		.onone{
			width:100%;
			padding-right:0;
			.lo_goist{
				padding-left:20px;
				height:100%;
				display:flex;
				align-items:center;
				.pict_ure{
					width:272px;
					height:39px;
					&{
					@include breakpoints(s_larg) {
							width: 260px;
							height:32px;
						}
					}
				}
			}
			.lacoste{
				@include breakpoints(medium) {
					display:none;
				}
				ul{
					display:flex;
					align-items:center;
					list-style:none;
					padding-left:0;
					margin-bottom:0;
				    height:100%;
				    li{
				       font-weight: 300;
	                   line-height: 32px;
	                   color:white;
	                   font-family:"Open Sans", Arial, sans-serif;
	                   font-size:20px;
	                   margin-left:25px;
	                   &{
		                   	@include breakpoints(large) {
								font-size:18px;
								margin-left:18px;
							}
	                   }
				    }
				    li.active{
				    	font-weight:600;
				    }
				}
			}
			.carro{
				display:flex;
				justify-content:end;
				.prod{
					display:flex;
					justify-content:center;
					align-items:center;
					text-align:center;
					height:97px;
					border-right: 1px solid #fff;
					transition:0.2s ;
					cursor:pointer;
					&:hover{
	                     background:#323232;
					}
				    span{
					    width:97px;
					    display:inline-block;
					    align-items:center;
					    justify-content:center;
					    font-size: 0.625rem;
					    color:white;
					    p{
					    	color:white;
					    	font-size:12px;
					    	margin-bottom:0;
					    }
				    }
					.userox{
						background: url("../img/sprites.png") no-repeat;
					    background-size: calc(152px / 2);
					    width: 21px;
					    height: 21px;
					    position: relative;
					    border-right:none;
					}
					.proxi{
						background: url("../img/sprites.png") no-repeat;
					    background-size: calc(152px / 2);
					    width: 21px;
					    height: 21px;
					    position: relative;
					    border-right:none;
					    background-position-x: -42px;
					}
					.sear_ch{
						background: url("../img/sprites.png") no-repeat;
					    background-size: calc(152px / 2);
					    width: 21px;
					    height: 21px;
					    position: relative;
					    border-right:none;
					    background-position-x: -21px;
					}
				}
				.clock{
					background:#FA9600;
				}
			}
		}
	}
}

.responsive{
		display:none;
		width:100%;
		&{
	       	@include breakpoints(mobile) {
				display:block;
		}
		.pirmix{
		    background:#258900;
		    height:60px;
		    display:flex;
		    align-items:center;
		    justify-content:space-between;
		    padding:0 15px;
		    border-bottom:1px solid white;
		    .lafontaine{
		    	width: 222px;
                height: 30px;;
		    }
		    .carier{
		    	display:flex;
		    	.prod{
		    		.nayrobi{
			    		background: url("../img/sprites.png") no-repeat;
					    background-size: calc(152px / 2);
					    width: 21px;
					    height: 21px;
					    position: relative;
					    border-right:none;
					    background-position-x: -21px;
			    	}
		    	}
		    }
		}
    }
    .two_two{
    	display:flex;
    	justify-content:space-between;
		background:#258900;
		color:white;
		border-bottom: 1px solid #fff;
    	.oops{
    		width: 50%;
    		cursor:pointer;
    		
    		span{
			    width:100%;
			    display:flex;
			    height:50px;
			    align-items:center;
			    justify-content:center;
			    font-size: 0.625rem;
			    color:white;
			    &:hover{
	                 background:#323232;
				}
			    p{
			    	color:white;
			    	font-size:12px;
			    	margin-bottom:0;
			    	margin-right:4px;
			    }
	        }
	        .userox{
				background: url("../img/sprites.png") no-repeat;
			    background-size: calc(152px / 2);
			    width: 21px;
			    height: 21px;
			    position: relative;
			    border-right:none;
			}
			.proxi{
				background: url("../img/sprites.png") no-repeat;
			    background-size: calc(152px / 2);
			    width: 21px;
			    height: 21px;
			    position: relative;
			    border-right:none;
			    background-position-x: -42px;
			}
    	}
    	.positife{
    		background:#1D6300;
    		border-right:1px solid white;
    	}
    	.nigative{
    		background:#FA9600;
    	}
    	#pipi{
    	   margin-top:150px;
    	   &{
    			@include breakpoints(large) {
					margin-top: 0;
				}
			}
    	}
    }
}

