@font-face {
  font-family: "DB Helvethaica";
  src: url("https://mysalepage.com/hikvision/fonts/DB Helvethaica X Med Cond v3.2.ttf") format("truetype");
  /*src: url("http://banner.alpha/hikvision/fonts/DB Helvethaica X Med Cond v3.2.ttf") format("truetype");*/
}

 body { 
 	font-family: 'DB Helvethaica', sans-serif;
 	color: #535353;
 	font-weight: unset !important;
 }

.select2-container--default .select2-selection--single{
	border-radius: 0px;
	font-size: 1.2em;
	color: #535353 !important;
	text-align: left;
}

.select2-container {
    width: 100% !important;
}

.tt-suggestion {
    font-size: x-large;
}

.uk-input {
    background-color: white !important;
}

.bg-foot {
	background-image: url('https://mysalepage.com/hikvision/image/bg-foot.jpg');
	/*background-image: url('http://banner.alpha/hikvision/image/bg-foot.jpg');*/
	background-repeat:no-repeat;
	height: 100% !important;
	width: 100% !important;
}
.font-s-1{
	font-size: 60px;
	color: #2c2c2c;
	line-height: 0.8em;
}
.font-s{
	font-size: 40px;
	color: #2c2c2c;
}
.font-s20{
	font-size: 20px;
}
.p0{
	padding-right: 0;
	padding-left: 0;
}
.min0{
	min-height: 0px;
}
.browser-visits ul li .browser-name {
    width: calc(100% - 60px);
    font-size: 30px;
}
.browser-visits ul li {
    margin-bottom: 25px;
}
.form-control {
    font-family: 'DB Helvethaica', sans-serif;
    font-size: 1.2em;
	border-radius: 0px;
	color: #535353;
}
.form-control:focus {
	color: #535353;
}
.custom-select {
	font-family: 'DB Helvethaica', sans-serif;
    color: #495057;
    border: 1px solid #ced4da;
    font-size: 1.2em;
    border-radius: 0rem;
}
.font-foot{
	color: #fefaf9;
	font-size: 42px;
}
.red{
	color: #d6000f;
}
.width55{
	width: 55%;
}
.width25{
	width: 25%;
}
.cursor-pointer{
	cursor: pointer; 
}
.full-width {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
.p-05{
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}
@media (max-width: 575.98px) { 
	.pt-50{
		padding-top: 37px;
	}
	.width150{
		max-width: 150%;
	}
	.font-s20{
		font-size: 12px;
	}
	.m-mt-3 {
	    margin-top: 1rem !important;
	}
	.font-foot{
		font-size: 17px;
	}
	.font-s-1{
		font-size: 20px;
		line-height: 0.8em;
	}
	.font-s{
		font-size: 14px;
	}
	.browser-visits ul li .browser-name {
	    width: calc(100% - 29px);
	    font-size: 15px;
	}
	.browser-visits ul li .icon {
	    width: 24px;
	}
	.browser-visits ul li {
	    margin-bottom: 20px;
	}
	.mt-4, .my-4 {
	    margin-top: -1rem !important;
	}
	.mt-3, .my-3 {
	    margin-top: 2rem !important;
	}
	.ml-2, .mx-2 {
	    margin-left: 5px !important;
	}
	.pl-5, .px-5 {
	    padding-left: 0.5rem !important;
	}
	.pr-5, .px-5 {
	    padding-right: 1rem !important;
	}
	.txt-from-1{
		font-size: 3em;
		color: white;
		line-height: 0px;
	}
	.txt-from-2{
		font-size: 2em;
		color: white;
	}
	.text {
	  text-align: center;
	}
	.form-regis{
		background-color: #d6000f;
		border-radius: 0px;
		padding: 50px 10px 30px 10px;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) { 
	.pt-50{
		padding-top: 37px;
	}
	.width150{
		max-width: 150%;
	}
	.font-s{
		font-size: 14px;
	}
	.browser-visits ul li .browser-name {
	    width: calc(100% - 29px);
	    font-size: 12px;
	}
	.browser-visits ul li .icon {
	    width: 24px;
	}
	.mt-3, .my-3 {
	    margin-top: 2rem !important;
	}
	.ml-2, .mx-2 {
	    margin-left: 5px !important;
	}
	.pl-5, .px-5 {
	    padding-left: 0.5rem !important;
	}
	.txt-from-1{
		font-size: 3em;
		color: white;
		line-height: 0px;
	}
	.txt-from-2{
		font-size: 2em;
		color: white;
	}
	.text {
	  text-align: center;
	}
	.form-regis{
		background-color: #d6000f;
		border-radius: 0px;
		padding: 50px 10px 30px 10px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	.m-mb3{
		margin-bottom: 3em;
	}
	.width150{
		max-width: 120%;
	}
	.font-foot{
		font-size: 30px;
	}
	.pl-5, .px-5 {
	    padding-left: 2rem !important;
	}
	.pr-5, .px-5 {
	    padding-right: 2rem !important;
	}
	.mt-3, .my-3 {
	    margin-top: 2rem !important;
	}
	.mt-4, .my-4 {
	    margin-top: 0rem !important;
	}
	.font-s-1{
		font-size: 40px;
		line-height: 0.8em;
	}
	.font-s{
		font-size: 27px;
	}
	.browser-visits ul li .browser-name {
	    width: calc(100% - 80px);
	    font-size: 22px;
	}
	.browser-visits ul li .icon {
	    width: 40px;
	}
	.txt-from-1{
		font-size: 3em;
		color: white;
		line-height: 0px;
	}
	.txt-from-2{
		font-size: 2em;
		color: white;
	}
	.text {
	  text-align: center;
	}
	.form-regis{
		background-color: #d6000f;
		border-radius: 0px;
		padding: 50px 10px 30px 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
	.m-mb3{
		margin-bottom: 3em;
	}
	.font-foot{
		font-size: 30px;
	}
	.pr-5, .px-5 {
	    padding-right: 2rem !important;
	}
	.pl-5, .px-5 {
	    padding-left: 2rem !important;
	}
	.font-s{
		font-size: 28px;
	}
	.browser-visits ul li .browser-name {
	    width: calc(100% - 80px);
	    font-size: 23px;
	}
	.browser-visits ul li .icon {
	    width: 40px;
	}
	.txt-from-1{
		font-size: 2em;
		color: white;
		line-height: 0px;
	}
	.txt-from-2{
		font-size: 1.5em;
		color: white;
	}
	.form-regis{
		background-color: #d6000f;
		border-radius: 20px;
		padding: 15px 10px 10px 0px;
	}
	.text {
	  position: absolute;
	  top: 45%;
	  left: 70%;
	  -webkit-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-15%, -106%);
	  text-align: center;
	}
/*	.mo-mt3{
		margin-top: 1%;
	}*/
}

@media (min-width: 1200px) { 
	.m-mb3{
		margin-bottom: 3em;
	}
	.mtb-10{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.line-h{
		line-height: 1em !important;
	}
	.m-mt-3 {
	    margin-top: 3rem !important;
	}
	.pr-5, .px-5 {
	    padding-right: 1rem !important;
	}
	.m-mt-5{
		margin-top: 4.5em; 
	}
	.txt-from-1{
		font-size: 3em;
		color: white;
		line-height: 0px;
	}
	.txt-from-2{
		font-size: 2em;
		color: white;
	}
	.form-regis{
		background-color: #d6000f;
		border-radius: 20px;
		padding: 30px 10px 30px 10px;
	}
	.text {
	  position: absolute;
	  top: 45%;
	  left: 70%;
	  -webkit-transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -125%);
	  text-align: center;
	}
}

@media (min-width: 1201px) and (max-width: 1300px) { 
	.mo-mt3{
		margin-top: 8%;
	}
}

@media (min-width: 1301px) and (max-width: 1400px) { 
	.mo-mt3{
		margin-top: 6%;
	}
}

@media (min-width: 1401px) and (max-width: 1600px) { 
	.mo-mt3{
		margin-top: 5%;
	}
}