.hotline .form--wrap .form {padding: 20px 20px 50px;}
.hotline .form--wrap .form .name{font-size: 24px;}
.hotline .form--wrap .form .title{font-size: 15px;}
.hotline .form--wrap .form .heading{font-size: 22px;}
.hotline .form--wrap .tophead .yellow-rounded{font-size: 15px; padding: 7px 20px 5px; height: 30px;}
.btn.btn-red{background-color: #DD3907;border-color:#DD3907;}
.btn.btn-red:hover{background-color: #ef5628;border-color:#DD3907;}

.hotline-bottom{
	display:flex;
	justify-content: center;
	align-items: center;
	color: #000;
	background: #fcd772;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
    height: 33px;
    border-radius: 0 0 10px 10px;
}
.hotline-bottom a{
	color: #000;
	display: inline-block;
	margin-left: 6px;
}
.hotline .form--wrap .tophead:before{
	width: 151px;
    height: 189px;
	top: 0;
	background: url("hotline.png") 0 0 no-repeat;
}
.hotline .form--wrap .tophead{
	height: 190px;
}
.hotline .form--wrap .tophead .right{
	width: 240px;
	padding-top: 30px;
}
.hotline span.or:after{
	left: 138px;
	top: 11px;
}
.hotline span.or:before{
	top: 11px;
}
@media (max-width: 1380px){
	.hotline .form--wrap .tophead:before{display: none;}
	.hotline .form--wrap .tophead .right{width:100%; margin-left: 0; text-align: center;}
}
@media (min-width: 320px) and (max-width: 1024px){
.footer--contact-block {
    padding: 20px 20px 50px;
}
}


.logo {
    width: 264px;
    height: 40px;
    background: url(../img/logo2.svg) 0 0 no-repeat;
    background-size: contain;
    margin-left: 0;
    margin-top: 22px;
}

@media (min-width: 1281px) and (max-width: 1440px){
.logo {
    width: 214px;
	margin-top: 24px;
}	
}
@media (max-width: 1280px){
	.logo {
		width: 170px;
		height: 25px;
		left: 50%;
		margin-top: 4px;
		position: absolute;
		margin-left: -80px;
	}
}

@media (max-width: 380px){
	.logo {
		width: 170px;
		height: 26px;
		left: -10px;
		margin-top: 4px;
		position: relative;
		margin-left: 0;
	}
}



.footer .line1 .pic{
	position: absolute;
    left: 365px;
}
.footer .line1 .right{
    margin-left: 390px;
}
@media (max-width: 1439px) and (min-width: 1025px){
	.footer .line1 .left {
	  min-width: 335px;
	  max-width: 335px;
	}
}
@media (max-width: 660px){
	.footer .line1 .pic {
		left: auto;
		right: 10px;
		width: 170px;
	}
	.contact--selector .selector-dd{
		top: 0 !important;
	}
}

@media (min-width: 1025px) and (max-width: 1439px){
	.footer--contact-block {
		padding: 20px 20px 50px;
	}
}


.selector .selector-dd{
	display: none;
}


.selector-dd .closebtn{
	background: #fff;
    border-radius: 50%;
    opacity: 1;
    padding: 10px;
    position: absolute;
    z-index: 401;
    cursor: pointer;
    width: 44px;
    height: 44px;
    right: -40px;
    top: -40px;
    font-size: 18px; 
}
.city-popup-header{
	position: absolute;
    top: -39px;
    background: #fff;
    height: 45px;
    width: 100%;
    margin-left: -7px;
    padding: 14px 25px;
    font-size: 21px;
    border-radius: 8px 8px 0 0;
}
.city-popup-header + .closebtn{
	right: -40px;
    top: -80px;
}


.logo{    position: relative;}
.logo:after{
    position: absolute;
    width: 14px;
    height: 20px;
    content: "®";
    font-size: 26px;
    right: -9px;
    top: -5px;
    display: block;
    color: #000;
}
@media (max-width: 1280px){
		.logo:after{
		font-size: 20px;
	}
}

.ci--pribory_volt{position:relative;}
.ci--pribory_volt:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/wp-content/themes/sxematika/assets/img/cats/____voltmetr.png?v=2) 0 0 no-repeat;
    width: 472px;
    height: 472px;
    left: 10px;
    bottom: 0;
    background-size: contain;
}

.ci--pribory_gener{position:relative;}
.ci--pribory_gener:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/wp-content/themes/sxematika/assets/img/cats/____generator.png) 0 0 no-repeat;
    width: 472px;
    height: 472px;
    left: 10px;
    bottom: 0;
    background-size: contain;
}

.ci--pribory_blok{position:relative;}
.ci--pribory_blok:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/wp-content/themes/sxematika/assets/img/cats/____blok.png) 0 0 no-repeat;
    width: 472px;
    height: 472px;
    left: 10px;
    bottom: 0;
    background-size: contain;
}

.ci--pribory_chast{position:relative;}
.ci--pribory_chast:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/wp-content/themes/sxematika/assets/img/cats/____chastotomer.png) 0 0 no-repeat;
    width: 472px;
    height: 472px;
    left: 10px;
    bottom: 0;
    background-size: contain;
}

.ci--pribory_oscil{position:relative;}
.ci--pribory_oscil:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/wp-content/themes/sxematika/assets/img/cats/____oscillograf.png) 0 0 no-repeat;
    width: 472px;
    height: 472px;
    left: 10px;
    bottom: 0;
    background-size: contain;
}

.ci--pribory_analiz{position:relative;}
.ci--pribory_analiz:before {
    display: block;
    content: "";
    position: absolute;
    background: url(/wp-content/themes/sxematika/assets/img/cats/pribor.png) 0 0 no-repeat;
    width: 472px;
    height: 390px;
    left: 10px;
    bottom: 0;
    background-size: contain;
}


.ci--platy3{position: relative;}
.ci--platy3:before {
    display: block;
    content: "";
    position: absolute;
    background: url(../img/cats/____plata3.png?v=2) 0 0 no-repeat;
    width: 346px;
    height: 319px;
    left: 0;
    bottom: 0;
    background-size: contain;
}
.category--item.ci--platy3:before{
	width: 100%!important;
    height: 100%!important;
    background-position: -60px 110px !important;
}

@media (min-width: 661px) and (max-width: 1024px){
	.category--item.ci--platy3:before {
		width: 90%!important;
		height: 90%!important;
		background-position: -20px 55px !important;
	}
}

@media (max-width: 660px) {
	.category--item.ci--platy3:before{
		width: 90%!important;
		height: 90%!important;
		background-position: -20px 29px !important;
	}
}