div.jubiley_bg {
	background-image: url("/upload/konkursDom80/fon_test.png");
	background-color: #204097;
	background-position: center;
	padding: 10px 0px;
	background-size: cover;

	width: 100%;
}

.domofon_video_section {
    display: flex;
    justify-content: center;
    position: relative;
    margin-top: 30px;
}

.domofon_video_section video {
    object-fit: fill;
    position: relative;
    width: 100%;
    height: auto;
    max-width: 800px;
    cursor: pointer;
}

div.jubiley_bg .opet_tabs {
	border-bottom: 1px solid #fff;

}

div.jubiley_bg .opet_tabs:after {
	border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
}

div.jubiley_bg .main_tabs button {
	color: #fff;
}

div.jubiley_bg .products .tabs {
	margin-bottom: 0px;
}

div.jubiley_bg .main_tabs button.active {
	color: #fff533 !important;
}

div.jubiley_bg #domofon_section_points {
	background: transparent;
	margin-top: 0px;
}

div.jubiley_bg .main_tabs {
	justify-content: center;
}

div.jubiley_bg #domofon_section_points .page_title {
	color: #fff;
	text-align: center;
}

div.jubiley_bg #domofon_section_points .item {
	background: #fff;
	border-radius: 8px;
}

div.jubiley_bg #domofon_section_points .item .textCircle{
	color: #204097;
	font-size: 18px;
    font-weight: 600;
}

div.jubiley_bg #domofon_section_points .item .box {
	position: relative;
}

div.jubiley_bg #domofon_section_points .item .konkurs_desc{
	color: #204097;
	font-size: 18px;
    font-weight: 600;
	text-align: center;
	padding-top: 15px;
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

div.jubiley_bg #domofon_section_points .item .desc_prize{
	color: #204097;
	font-size: 21px;
    font-weight: 600;
	margin: 10px 0px;
	text-align: center;
}

div.jubiley_bg #domofon_section_points .item:hover .number{
	color: #204097;
}

div.jubiley_bg #domofon_section_points .icon {
	height: auto;
	align-items: end;
	margin-bottom: 30px;
}

div.jubiley_bg #domofon_section_points .icon img {
	width: 200px;
}

div.jubiley_bg #domofon_section_points .owl-dot {
	background: #fff200;
}

div.jubiley_bg #domofon_section_points .numberCircle {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 8px;
    background: #fff215;
    border: 2px solid #fff215;
    color: #204097;
    text-align: center;
}

div.jubiley_bg #domofon_section_points .numberCircle {
    float:left; 
}
div.jubiley_bg #domofon_section_points .textCircle {
	text-align: right;
	padding-left: 15px;
    /*overflow: hidden; /* if you don't want #second to wrap below #first */
}

section.konkursDomSection {
	/*background-color: #4a6bdb;*/
	padding: 30px 0;
}

.konkursDomSection .cont {
    padding: 20px !important;
	background-color: white;
}

.konkursDomSection .form .input {
    font-weight: 600 !important;
}

.konkursDomSection .form_title {
    margin-top: 10px !important;
} 

.konkursDomSection .phone {
	text-decoration: none;
    color: #000;
	font-size: 22px;
    line-height: 40px;
}

.konkursDomSection span.phone_label {
	text-decoration: none;
    color: #000;
	font-size: 22px;
    line-height: 40px;
	margin: auto 15px;
}

.konkursDomSection .form .label {

    line-height: 25px !important;
}

div#dr_error_label {
	color: red;
	margin: 25px 0px;
}

/* ------- Кнопка загрузки файлов ------- */

.konkursDomSection input[type="file"] {
  width: 100%;
  outline: none;
  padding: 4px;
  margin: -4px;
  color: transparent;
}

.konkursDomSection input[type="file"]:focus-within::file-selector-button,
.konkursDomSection input[type="file"]:focus::file-selector-button {
  outline: 2px solid #0964b0;
  outline-offset: 2px;
}

.konkursDomSection input[type="file"]::before {
  top: 16px;
}

.konkursDomSection input[type="file"]::after {
  top: 14px;
}

.konkursDomSection input[type="file"] {
  position: relative;
}

.konkursDomSection input[type="file"]::file-selector-button {
  width: 141px;
  color: transparent;
}

.konkursDomSection input[type="file"]::before {
  position: absolute;
  pointer-events: none;
  /*   top: 11px; */
  left: 40px;
  color: #0964b0;
  content: "Добавить файл";
}

.konkursDomSection input[type="file"]::after {
  position: absolute;
  pointer-events: none;
  /*   top: 10px; */
  left: 16px;
  height: 20px;
  width: 20px;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
}

.konkursDomSection input[type="file"]::file-selector-button {
  border-radius: 4px;
  padding: 0 16px;
  height: 40px;
  cursor: pointer;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 16px;
  transition: background-color 200ms;
}

.konkursDomSection input[type="file"]::file-selector-button:hover {
  background-color: #f3f4f6;
}

.konkursDomSection input[type="file"]::file-selector-button:active {
  background-color: #e5e7eb;
}

.konkursDomSection .detail_box {
	margin-bottom: 10px;
}

#domfiles-area{
	width: 100%;
    margin: 20px 0px;
}
.domfile-block{
	/*border-radius: 10px;
	background-color: rgba(144, 163, 203, 0.2);*/
	margin: 5px;
	color: initial;
	display: inline-flex;
}

.domfile-block span.name {
	border-radius: 10px;
    background-color: rgba(144, 163, 203, 0.2);
    padding: 0px 10px;
	width: max-content;
	display: inline-flex;
}

.domfile-delete{
	display: flex;
	width: 24px;
	color: initial;
	background-color: #6eb4ff00;
	font-size: large;
	justify-content: center;
	margin-right: 3px;
	cursor: pointer;
}

.domfile-delete span{
	transform: rotate(45deg);
	color: red;
}

.domfile-delete:hover{
	background-color: rgba(144, 163, 203, 0.2);
	border-radius: 10px;
}


/* ------- Конец ------- */
.konkursDomSection .label_min {
	color: #000;
    font-size: 15px;
    line-height: 21px;
}

@media (min-width: 1025px){
	div.jubiley_bg #domofon_section_points .dom_steps {
		width: calc(100%/3 - 20px);
	}

	div.jubiley_bg #domofon_section_points .dom_cond {
		width: calc(100%/3 - 20px);
	}
	div.jubiley_bg {
		margin-top: 100px;
	}

}

@media (min-width: 1238px){
	.konkursDomSection .cont {
		border-radius: 10px;
	}
}

@media (max-width: 768px){
	.konkursDomSection input[type="file"] {
		margin: 20px 0px;
	}
}

@media (max-width: 479px){
	div.jubiley_bg .dom_main_section {
		display: none;
	}
	div.jubiley_bg .dom_main_section_phone {
		display: block;
	}
	div.jubiley_bg .dom_main_section_phone .domofon_k {
		display: block;
		padding-top: 0px;
	}
	div.jubiley_bg .products .tabs_box {
		margin-bottom: 0px;
	}
	div.jubiley_bg .opet_tabs {
		color: #fff533;
	}
	div.jubiley_bg .main_tabs button {
		color: #000;
	}

	div.jubiley_bg .main_tabs button.active {
		color: #204097 !important;
	}
}

@media (min-width: 480px){
	div.jubiley_bg .dom_main_section {
		display: block;
	}
	div.jubiley_bg .dom_main_section_phone {
		display: none;
	}

}