.group-cars-version {
    display: flex;
    justify-content: flex-end;
}
	.group-cars-version p {
    text-align: center;
}
	.tablet-to-new-granta, .tablet-to {
    position: relative;
    width: 100%;
	
}
	.form-control[readonly] {
    background-color: #ffffff !important;

}
	.cars-to {
		border-bottom: 1px dotted;
	}
	
	.cars-to:last-child {
		border-bottom: none;
	}
	
	.tablet-to-new-granta .zagl, .tablet-to .zagl {
    display: flex;
    width: 100%;
    border-top: 1px dotted;
	background: #ececec;
}
	.tablet-to-new-granta .zagl1, .tablet-to-new-granta .zagl2, 
	.tablet-to .zagl1, .tablet-to .zagl2 {
    width: 20%;
    display: flex;
    justify-content: center;
    border-bottom: 1px dotted orange;
    margin-right: 1%;
	font-family: "PragmaticaLightC";
    font-weight: bold;
    font-size: 20px;
}
	.tablet-to-new-granta .zagl2,
	.tablet-to .zagl2{
    width: 79%;
	margin-right: 0;
}
	.tablet-to-new-granta .name-to, .tablet-to-new-granta .button-to-reg, 
	.tablet-to .name-to, .tablet-to .button-to-reg {
    width: 100%;
    display: flex;
}
	.tablet-to-new-granta .name-to1, 
	.tablet-to-new-granta .dvig-var-1,
	.tablet-to .name-to1, 
	.tablet-to .dvig-var-1,
	.button-to-reg1 {
    margin-right: 1%;
    width: 20%;
	font-family: "PragmaticaLightC";
    font-weight: bold;
    font-size: 12px;
	text-align: center;
    border-bottom: 1px dotted;
}
	.tablet-to-new-granta .name-to2, .tablet-to-new-granta .dvig-var-2, .button-to-reg2,
	.tablet-to .name-to2, .tablet-to .dvig-var-2{
    width: 79%;
    display: flex;
    flex-direction: column;
}
	.tablet-to-new-granta .name-to2 div,
	.tablet-to .name-to2 div{
    display: flex;
    justify-content: space-around;
    border-bottom: 1px dotted;
}
	.tablet-to-new-granta .dvig-var,
	.tablet-to .dvig-var{
    display: flex;
    width: 100%;
}
	.tablet-to-new-granta .dvig-var-2,
	.tablet-to .dvig-var-2{
	flex-direction: row;
	justify-content: space-around;
	border-bottom: 1px dotted;
}	
	.button-to-reg1 {
		border-bottom: none;
	}
	
	.button-to-reg2 {
		border-bottom: none;
		align-items: center;
    	margin: 1%;
	}
	
	.niva img {
		max-width: 90%;
    }
    
    a.fancybox-item.fancybox-close {
        right: 0;
        top: 0;
    }
	
	button.button-to {
    background: #ED6B21;
    color: #FFF !important;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    font-family: "PragmaticaC";
    margin: 1%;
	width: 40% !important;
    border: none;
	transition-duration: 1s;
    transition-property: all;
    cursor: pointer;
    font-size: 17px;
    outline: none;
}
	button.button-to:hover {
    background: #ff8037;
    text-decoration: none !important;
    box-shadow: #828282 0 9px 20px -6px;
    outline: none;
}
	span {
    font-size: 12px;
    color: #7d7d7d;
    font-weight: bold;
    display: flex;
    width: 15%;
    justify-content: center;
}
	.name-to2  span {
    font-size: 11px;
}
	.tablet-to {
		display: none;
	}
	
	.name-to2 div:first-child span {
    color: orange;
    font-weight: bold;
    font-size: 21px;
}
	.liniya {
		border-right: 1px dotted;
		padding: 0 3px;
		font-size: 11px !important;
	}
	
	.cars-version {
    cursor: pointer;
	margin: 0 1%;
}
	
	.button-lada {
    display: block;
    position: relative;
    width: 50%;
    background: #ED6B21;
    color: #FFF !important;
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    font-family: "PragmaticaC";
    margin: 0 auto;
    transition-duration: 1s;
    transition-property: all;
    border: none;
    cursor: pointer;
    font-size: 18px;
	outline: none;
}
	button:hover {
    background: #ff802a;
    text-decoration: none !important;
	box-shadow: #828282 0 9px 20px -6px;
	outline: none;
}
	.form-kuzov {
    background-color: white;
    width: 500px;
    padding: 3% 4%;
    border-top: 5px solid orange;
}

	section.zapis-kuzov {
    background-color: #000000a6;
    position: fixed;
    z-index: 110;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
}
	form#contact-form {
    margin-bottom: 20px;
}
	#tel-kuzov {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
	
	.form-control:focus, #tel-kuzov:focus {
    border-color: orange;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.28);
}
	.close-kuzov-form {
	position: relative;
    width: 30px;
    left: 90%;
    height: 30px;
    font-family: PragmaticaC;
    color: #f7761f;
    display: block;
    background-image: url(https://www.lada.ru/v4/assets/img/close.svg);
    z-index: 101;
    cursor: pointer;
	}
	
	.hidden {
		display: none;
	}
	
	input, select {
		margin: 5% 0;
	}
	
	.form-kuzov h2{
		font-size: 20px;
	}
	
	#name-form {
		position: relative;
    	font-size: 26px;
    	margin: 0;
    	top: -20px;
    	text-align: center;
    	font-weight: bold;
	}

    .tablet-to .dvig-var-1 {
        text-align: left;
    }

    @media only screen and (max-width:1024px) {
        .tablet-to-new-granta .name-to1, 
        .tablet-to-new-granta .dvig-var-1,
        .tablet-to .name-to1, 
        .tablet-to .dvig-var-1,
        .button-to-reg1,
        .liniya, span {
            font-size: 10px !important;
        }

        .name-to2 div:first-child span {
            font-size: 16px !important;
        }
    }

    @media only screen and (max-width:768px) {
        .group-cars-version {
            flex-wrap: wrap;
        }

        .cars-to {
            overflow: hidden;
        }

        .cars-version {
            width: 45%;
        }

        .tablet-to-new-granta .name-to1, 
        .tablet-to-new-granta .dvig-var-1,
        .tablet-to .name-to1, 
        .tablet-to .dvig-var-1,
        .button-to-reg1,
        .liniya, span {
            font-size: 10px !important;
        }

        .name-to2 div:first-child span {
            font-size: 16px !important;
        }
    }

    @media only screen and (max-width:450px) {
        .dvig {
            position: relative !important;
            left: 0;
        }

        .tablet-to {
            width: 1585px;
        }

        .tablet-to-new-granta .name-to1, 
        .tablet-to-new-granta .dvig-var-1,
        .tablet-to .name-to1, 
        .tablet-to .dvig-var-1,
        .button-to-reg1,
        .liniya, span {
            font-size: 16px !important;
        }

        .tablet-to-new-granta .name-to1, 
        .tablet-to-new-granta .dvig-var-1, 
        .tablet-to .name-to1, .tablet-to .dvig-var-1, 
        .button-to-reg1 {
            background: white !important;
            position: relative !important;
            z-index: 10;
        }

        .tablet-to-new-granta .name-to, 
        .tablet-to-new-granta .button-to-reg, 
        .tablet-to .name-to, 
        .tablet-to .button-to-reg {
            width: 100%;
            display: flex;
            position: relative !important;
            left: 0%;
        }

        .tablet-to .dvig-var-1 {
            text-align: left !important;
            position: relative;
            z-index: 10 !important;
            background: white !important;
        }

        .tablet-to-new-granta .name-to1, 
        .tablet-to-new-granta .dvig-var-1, 
        .tablet-to .name-to1, 
        .tablet-to .dvig-var-1, .button-to-reg1 {
            margin-right: 0;
            width: 10.5%;
            font-family: "PragmaticaLightC";
            font-weight: bold;
            font-size: 12px;
            text-align: center;
            border-bottom: 1px dotted;
            background: white;
            position: relative;
            z-index: 10;
        }

        .button-to-reg {
            width: 20% !important;
        }

        button.button-to {
            background: #ED6B21;
            color: #FFF !important;
            text-align: center;
            text-transform: uppercase;
            padding: 10px 30px;
            font-family: "PragmaticaC";
            margin: 5% 15% 5% 0;
            width: 53% !important;
            border: none;
            transition-duration: 1s;
            transition-property: all;
            cursor: pointer;
            font-size: 17px;
            outline: none;
        }

        .rpev, .next {
            width: 20px;
            height: 20px;
            display: inline-block;
            background: yellow;
            cursor: pointer;
        }
    }


    #button-zap{
        background-color: #ff6b02;
        color: white;
    }