
	body {font-family: 'Roboto', sans-serif;}
	a:hover {color: black;}
	a {color: #0075c0;}
	.fon-green{background-image: url(../imgs/green.svg?ver=1);}
	.fon-sin{background-image: url(../imgs/sin.svg);}
      .fdb-block {
        border-bottom: 1px solid var(--light);
      }
	  .text-white, .text-white p, .text-white h1, .text-white.lead,.text-white h2 {color: white;}
	  p {
    color: #000000;
}.back-top, .back-call {
	z-index: 1;
    position: fixed;
}
.back-top {bottom: 10px;}
.text-green {color: #36a58a;}
.text-sin {color: #00499d;}
.back-top {right: 40px;}

.footer {background-image: url(../imgs/8.svg)}
div.neg_type2 {padding-top:25px;}
.uslugi .col-xs-12 {padding-bottom:15px;}
#home h1, #home h3, .big-text {text-transform: uppercase;}
#home h1{font-size: 60px;}
 #home h3{   font-size: 25px;}
 @media (max-width: 576px) {
#home h1{font-size: 40px;}}
 @media (max-width: 530px) {
.navbar-brand{margin-right:0;width: 100%;    text-align: right;}
.headzakrep .navbar-brand{margin-right: auto;width: auto; text-align: left;}
}
 @media (max-width: 333px) {
.headzakrep .navbar-brand{margin-right:0;width: 100%;    text-align: right;}
}
.neg_cost {}
.neg_cost span{font-size:20px;}
.bold {font-weight:bold;}
.uslugi span{color: #0075c0;}
.uslugi a:hover span {color:black;}
.step_number { color: #0075c0;
		    font-family: "ProximaNovaExtrabold", sans-serif;
		    font-size: 200px;
		    text-align: center;}
		    .advice_phone {
    font-family: "ProximaNovaExtrabold", sans-serif;
    font-size: 60px;
}
.zapros {font-size: 25px;}
.zapros span {    font-size: 50px;}
 @media (max-width: 1024px) {
 	.advice_phone{font-size: 45px;}
.zapros span {    font-size: 35px;}}
 @media (max-width: 768px) {
 	#home h1 {padding-top:30px;}
.zapros span {    font-size: 30px;}
.navbar-brand img {width: 300px;}
.headzakrep .ya-phone .h3, .headzakrep span{    font-size: 0.8rem;}
.headzakrep .navbar-brand img {
height: 1.5rem;
    width: auto;
}
}
 @media (max-width: 425px) {#home h1 {
    font-size: 25px;
} .advice_phone {font-size: 35px;}
.h1 {    font-size: 2rem;} .h2 {font-size: 1.75rem;}
.uslugi .big-text {    font-size: 1rem;}
}

	/* Terms of coordination CSS */
	.terms-of-coordination-block{
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
	}
		.terms-of-coordination-block *{
			box-sizing: border-box;
		}

		/* Title */
		.terms-of-coordination-block__title{
			width: 100%;
		}

		/* List */
		.terms-of-coordination-block__list{
			width: 100%;    padding-left: 0;
			list-style: none;
		}

			/* Single list item */
			.terms-of-coordination-block-single-list-item{
				min-height: 40px;
				border-bottom: 1px dashed #ddd;
				width: 100%;	
				display: block;
				float: left;
				margin-top: 0!important;
			}
			.terms-of-coordination-block-single-list-item.terms-of-coordination-block-single-list-item_active .arrow-icon-TOC{
				transform: rotate(270deg);
				-moz-transform: rotate(270deg);
				-webkit-transform: rotate(270deg);
			}
			.terms-of-coordination-block-single-list-item:not(:first-child){
				cursor: pointer;
			}
			.terms-of-coordination-block-single-list-item:before{
				display: none!important;
			}
			.terms-of-coordination-block-single-list-item:hover .terms-of-coordination-block-single-list-item__name{
				color: #0075c0;
			}

				/* Name */
				.terms-of-coordination-block-single-list-item__name{
					width: 40%;
					float: left;
					display: flex;
					justify-content: flex-start;
					align-items: center;
					color: #666;
					height: 40px;
					transition: all .2s ease;
				}

					/* Icon */
					.arrow-icon-TOC{
						position: absolute;
						left: 4px;
						top: 15px;
						transform: rotate(90deg);
						-moz-transform: rotate(90deg);
						-webkit-transform: rotate(90deg);
						transition: all .2s ease;
					}

				/* Value */
				.terms-of-coordination-block-single-list-item__value{
					width: 60%;
					float: left;
					height: 40px;
				}

					.terms-of-coordination-block-single-list-item__value div{
						width: 100%;
						text-align: center;
						position: relative;
						border-bottom: 1px solid #000;
					}
					.terms-of-coordination-block-single-list-item__value div:after, .terms-of-coordination-block-single-list-item__value div:before{
						width: 1px;
						height: 10px;
						background-color: #000;
						display: block;
						content: '';
						position: absolute;
						bottom: -10px;
					}
					.terms-of-coordination-block-single-list-item__value div:after{
						left: 0;
					}
					.terms-of-coordination-block-single-list-item__value div:before{
						right: 0;
					}

					.terms-of-coordination-block-single-list-item__value span{
						height: 100%;
						float: left;
						background-color: #0075c0;
						color: #fff;
						text-align: center;
						font-size: 13px;
						display: flex;
						justify-content: center;
						align-items: center;
					}

				/* Content */
				.terms-of-coordination-block-single-list-item__content{
					width: 100%;
					float: left;
					clear: left;
					
					border-top: 1px dashed #ddd;
					padding-left: 41px;
				}
				.terms-of-coordination-block-single-list-item__content p:first-child{
					padding-top: 15px;
				}
				.terms-of-coordination-block-single-list-item__content p:last-child{
					padding-bottom: 20px;
				}
				.terms-of-coordination-block-single-list-item__content > *:first-child{
					margin-top: 0;
				}

		.terms-of-coordination-block__overall-on-mobile{
			display: none;
		}

	@media (max-width: 800px){

		/* Terms of coordination CSS */
		

			/* Title */
			.terms-of-coordination-block__title{
				margin-bottom: 15px;
			}


			/* List */
			.terms-of-coordination-block__list{}

				/* Single list item */
				.terms-of-coordination-block-single-list-item:first-child{
					display: none;
				}
				.terms-of-coordination-block-single-list-item:nth-child(2){
					border-top: 1px dashed #ddd;
				}
				.terms-of-coordination-block-single-list-item{
					padding-bottom: 15px;
				}

					/* Name */
					.terms-of-coordination-block-single-list-item__name{
						width: 100%;
					}

					/* Value */
					.terms-of-coordination-block-single-list-item__value{
						width: 100%;
						height: 20px;
						border-radius: 5px;
						overflow: hidden;
						background-color: #eee;
					}

						.terms-of-coordination-block-single-list-item__value span{
							line-height: 1;
							font-size: 10px;
						}

					/* Content */
					.terms-of-coordination-block-single-list-item__content{
						margin-top: 15px;
					}

			/* Overall */
			.terms-of-coordination-block__overall-on-mobile{
				width: 100%;
				display: inline-block;
				text-align: right;
				padding-top: 10px;
			}

	}

.float-whatsapp {
  display: block;
  position: fixed;
  bottom: 65px;
  right: 30px;
  height: 60px;
  width: 60px;
  z-index: 100;
  border-radius: 50%;
  background-color: #5DD2E0;
  box-shadow: 0.1em 0.1em 0.4em rgba(0, 0, 0, 0.4);
  transition: .2s;
  color: white;
  text-decoration: none;
  overflow: hidden;
}
.float-whatsapp {
    background-image: linear-gradient(135deg, #305ffc 0%, #7936e3 35%, #3dc1fd 65%, #9b57dc 100%);
    transition: all 0.3s ease;
    border: none;
}

.float-whatsapp:hover, 
.float-whatsapp:focus, 
.float-whatsapp:active {
    background-image: linear-gradient(135deg, #4a7bff 0%, #8b4dff 35%, #5dc9fd 65%, #b56eff 100%);
    transform: scale(1.02);
}
.float-whatsapp:before {
	content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    bottom: 0%;
    left: 0%;
    transition: .2s;
    background: center center no-repeat url(../imgs/tele.svg);
    background-size: 32px;
}
.float-whatsapp:before{
	background-image: url(../imgs/Max_logo.svg);
}

.float-whatsapp:active:before{
	transform:scale(0.9);
}
.nowrap {white-space: nowrap;}
header {    position: fixed;
    z-index: 1030;
    width: 100%;}
#home {padding-top: 10rem;}
.brands .item {border: 1px solid white;background: white;border-radius: 0.25rem;}
.podborka {box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12), 0 1px 8px 0 rgba(0,0,0,0.2);
    padding: 20px;margin-bottom:20px;    border-radius: 10px;}
.ma {margin:auto;}
.tabl-har {background: #f4f7fe;
    padding: 15px 15px 0;
    border-radius: 10px;}

.tabl-har>div>div {padding-bottom:15px}
.tabl-har img {padding-right:5px}.tabl-har b {padding-left:10px}
.block-sale .h2 {color: #0061b0;}
.block-sale .h3 {font-size: 1.4rem;}
