@font-face { font-display: swap;
    font-family: fbold;
    src: url(/fonts/AkzidenzGroteskPro/AkzidenzGroteskPro-MdEx.ttf);
}
@font-face { font-display: swap;
    font-family: fnormal;
    src: url(/fonts/lab-grotesque/LabGrotesque-Regular.ttf);
}
@font-face { font-display: swap;
    font-family: fitalic;
    src: url(/fonts/RobotoCondensed-Italic.ttf);
}  
@font-face { font-display: swap;
    font-family: flight;
    src: url(/fonts/RobotoCondensed-Light.ttf);
} 
@font-face { font-display: swap;
    font-family: fhand;
    src: url(/fonts/12421.ttf);
} 
h1,h2,h3,h4,h5{
	font-family: fbold;
	color: #1e1e1e;
}
.alert{
	border-radius: 0;
	font-family: fnormal;
	font-size: 14pt;
}
.btn{
	border-radius: 0;
	font-family: fnormal;
	text-decoration: none;
}
.form-control{
	border-radius: 0;
}
.btn-outline-success, .btn-outline-primary, .btn-outline-warning, .btn-outline-danger{
	background-color: #fff;
}
.btn-primary{
background: linear-gradient(#59b5f7, #0d87de);
		text-transform: uppercase;
		letter-spacing: 2px;
}
.btn-outline-primary{
	border:1px solid #247bae;
	color: #247bae;
	transition: 0.3s;
}
.btn-outline-danger{
	border-color: #fa0b10;
	color: #fa0b10;
}
.btn-danger{
	background-color: #fa0b10;
}
.text-primary{
	color: #247bae!important;
}
.bg-primary{
	background-color: #247bae!important;
}
.btn-outline-primary:hover{
	background-color: #247bae;
	color: #fff;
}
.btn-success{
	background-color: #ff5200;
	border:1px solid #ff5200;
}
.btn-outline-success{
	border:1px solid #ff5200;
	color: #ff5200;
	transition: 0.3s;
}
.btn-outline-warning{
	color: #FFCE00;
	border:1px solid #FFCE00;
	transition: 0.3s;
	background-color: transparent;
}
.btn-outline-warning:hover{
	background-color: #FFCE00;
}
.text-success{
	color: #ff5200!important;
}
.bg-success{
	background-color: #ff5200!important;
}
.btn-outline-success:hover{
	background-color: #ff5200;
	color: #fff;
	border-color: #fff;
}
.btn-warning{
	background-color: #FDCC1F;
}
.btn-dark{ 
		text-transform: uppercase;
		font-size: 12px;
		line-height: 15px;
		font-family: fbold;
		padding: 20px 0 21px 0;
		font-size: 12px;
		height: 56px;
		width: 248px;
		max-width: 100%;
		text-align: center;
		background-color: #1a1a1a;
		border:1px solid #1a1a1a;
	}
.btn-dark:hover{
	background-color: #1e9cf6;
	border: 1px solid #1e9cf6;
}
.btn-dark:focus, .btn-dark.focus, .btn-light:focus, .btn-light.focus, .btn-dark:not(:disabled):not(.disabled):active:focus{
		box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
	}
.btn-dark:active{
	box-shadow: none;
}
.btn-light{
		text-transform: uppercase;
		background-color: #fff;
		border: 1px solid #1a1a1a;
		font-size: 12px;
		padding: 10px;
		font-family: fbold;
		padding: 20px 44px;
		height: 56px;
		color: #1a1a1a;
		line-height: 15px;
	}
.btn-light:hover{
	background-color: #1a1a1a;
	color: #fff;
}

.badge{
	font-family: fnormal;
	font-weight: 400;
	font-size: 14px;
	}
.modal-content, .modal-header, .modal-footer{
	border-radius: 0;
}
.modal-title{
	font-family: fnormal; 
	letter-spacing: 4px;
}
.page-content, .block-content{
	font-size: 14px;
	font-family: fnormal;
	color: #000;
	text-align: justify;
	text-indent: 1.5em;
}
.block-title{
	font-weight: 500;
    font-size: 38px;
    line-height: 44px;
    color: #1A1A1A;
    margin-top: 50px;
    margin-bottom: 10px;
}
.title-desc{
	color: #999;
	font-family: fnormal;
	font-size: 14px;
	width: 450px;
	max-width: 100%;
}
/*
.block-title:after{
	content: "";
	width: 58px;
	height: 58px;
	transform:   translateY(-10px);
	background:linear-gradient(45deg, #1e9cf6 ,  #fff );;
	top: 50px;
	left: -20px;
	position: absolute;
	z-index: -1;
} */
h1.page-title{

}

.product-title{
	font-size: 28px;
	text-transform: uppercase;
	color: #999;
	letter-spacing: 2px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}

.page-link {
font-family: fnormal;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 26px;
text-align: center;
color: #333333;
background: #F2F2F2;
border: 2px solid #F2F2F2; 
width: 47px;
height: 47px;
margin-right: 8px;
}
.page-item.active .page-link {
    z-index: 3;
    color: #333333;
    background-color: #fff;

    border: 1px solid #1e9cf6;
}
.page-link:hover{
	color: #1CA0FF;;
}
.pagination{
	border-radius: 0;
}
.slideanim{
	opacity: 0;
	transition-duration: 0.8s;
	transform: translateY(50px);
}
.slideanim.slide{
	opacity: 1;
	transform: translateY(0);
}
.floatanim{
	transform: scale(0.9);
	opacity: 0;
	transition: 0.8s;
}
.floatanim.slide{
	opacity: 1;
	transform: scale(1);
}
.form-control::placeholder{
	font-family: fnormal;
	color: #999;
}

.modal-content{
	padding: 0 64px 94px;
	width: 512px;
	max-width: 100%;

}
.modal-header{
	padding: 0;
	border: 0;
	padding-bottom: 30px;
}
.modal-header .close{
	position: absolute;
	outline: none;
	top: 15px;
	right: 16px;
	width: 48px;
	height: 48px;
	background: #F2F2F2;
	font-size: 24px;
	padding-top: 10px!important;

}
.modal-header h4.modal-title{
font-family: fbold;
font-style: normal;
font-weight: 500;
font-size: 24px;
letter-spacing: 0;

padding-top: 64px;
line-height: 32px;
color: #1A1A1A; 
width: 100%;
}

  .modal-body{
  	padding: 0;
  }
  .modal-body input[type = "text"]{
    border: none;
    background-color: #fff;
    width: 100%;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    position: relative;
    padding: 8px 8px 8px 0;
    outline:none;
  }
  .modal-body input::placeholder{
font-style: normal;
font-weight: normal;
padding: 8px 8px 8px 0;
font-size: 18px;
line-height: 26px;
color: #CCCCCC;
font-family: fnormal;
  }
  .modal-body input:focus{
    border: 1px solid #fff;
    box-shadow: 0 0 3px #fff;
    border-bottom: 1px solid #1e9cf6;
  }

/*CUSTOM CHECKBOX*/
label.my-checkbox{
	position: relative;
	padding-left: 25px;
	cursor: pointer;

}
label.my-checkbox input[type="checkbox"]{
	
	position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
label.my-checkbox .checkmark:after {
  position: absolute;
  z-index: 9999;
  content: "\2610";
  top: 0;
  left: 0;
  font-size: 22px;
  height: 18px;
  width: 18px;

  color: #1CA0FF;;
}
/*ФОРМЫ С ПОЛЗУНКАМИ*/
	.ins-item{
		position: relative;
		margin-right: 0;
		margin-top: 50px;

	}
	.ins-item label{
		font-family: fnormal;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 24px;
/* identical to box height, or 150% */


color: #333333;
	}
	.ins-input{
		width: 100%;
height: 56px;
background: #FFFFFF;
border: 1px solid #E3E8ED;
box-sizing: border-box;
font-family: fbold;
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 24px;
padding-left: 20px;
outline: none;
/* identical to box height, or 120% */


color: #1A1A1A;
	}
	.ins-input::placeholder{
font-family: fnormal;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 26px;
/* identical to box height, or 144% */


color: #BFBFBF;		
	}
	.ins-item .ins-range{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.ins-range {
        -webkit-appearance: none;
        border-radius:2px;

    height:2px;
    outline : none;
    border:none;
    }
    .ins-range::-webkit-slider-thumb{
    -webkit-appearance: none;
    width:10px;
    height:10px;
    background:#1CA0FF;;
    border-radius:10px;
    border:2px solid #fff;
    cursor:pointer;
    transition:.1s;
    box-shadow: 0 0  0 0  rgba(28, 160, 255, 0.24);
}
    .ins-range::-webkit-slider-thumb:hover, .ins-range::-webkit-slider-thumb:active{
    box-shadow: 0 0  0 10px  rgba(28, 160, 255, 0.24);
}
.ins-item .ri-close-line{
	position: absolute;
	top: 45px;
	right: 20px;
	z-index: 99;
	font-size: 24px;
	color: #cccccc;
	cursor: pointer;
}
.ins-item .unit-select{
	position: absolute;
	top: 31px;
	right: 10px;
	font-family: fbold;
font-style: normal;
font-weight: 500;
font-size: 14px;
//line-height: 22px;
/* identical to box height, or 157% */
color: #333333;
border-left: 1px solid #E3E8ED;;
padding-left: 12px;
padding-top: 18px;
padding-bottom: 18px;

}
.ins-item .unit-select i{
	color: #ccc;
	font-size: 24px;
	position: relative;

}
.ins-item .unit-select .ri-arrow-drop-down-fill{
	top: 12px;
}
.ins-item .unit-select .ri-arrow-drop-up-fill{
	left: -24px;
	top: 2px;
}
.unit-select .units{
	background: #fff;
	padding: 10px;
	position: absolute;
	top: 45px;
	left: -5px;
	border: 1px solid #E3E8ED;
	text-align: center;
	z-index: -1;
	opacity: 0;
	display: none;
	cursor: pointer;

}
.unit-select .units p{
	margin-bottom: 0;
}
.unit-select .units p:hover{
	color: #1CA0FF;;
}
.unit-select .units p.active{
	color: #1CA0FF;;
}
label.my-checkbox input:checked ~ .checkmark:after {
  content: "\2611";
}



	.ser-rm{
		font-family: fnormal;
	//	text-transform: uppercase;
		padding: 10px 30px;
		font-size: 18px;
		line-height: 18px;
		color: #1a1a1a;
		border:1px solid #1e9cf6;;
		background: #fff;
		transition: 0.3s;
	}
	.ser-rm:hover{
		background-color: #1e9cf6;
		color: #fff;
	}
    @media screen and (max-width: 580px){
        .callback-form-body{
            top: -10px;
        }

	.block-title{
		left: -10px;
		font-size: 25px;

	}
	.modal-content{
	    padding: 15px;
    }
}