
/**/

/*
//DIADM JQUERY-FEEDBACK PLUGIN
//VERSION 1.0
//2013-07-23
*/
.popup_window{position: fixed; z-index: 99; visibility: hidden; top: 0; left: 0; width: 100%; height: 100%;}
.fform_scroller{overflow-y: scroll; height: 100%; z-index: 2; position: relative;}
.fform_table{width: auto; height: 100%; margin: 0 auto; position: relative; z-index: 2;}
.fform_table > tr > td{vertical-align: middle; padding: 0; padding: 30px 0;}
.fform_bg{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6}

.fform{display: block; z-index: 2; padding: 35px; position: relative;background: #fff; padding: 0; height:100%; width: 100%; border: solid 20px #fff;}

.fform .ffbtnclose, .fform .ffbtnprint{position: absolute; top: 0px; width: 35px; height: 35px; background-position: 0 0; background-repeat: no-repeat; cursor: pointer; opacity: 0.8;}
.fform .ffbtnclose:hover, .fform .ffbtnprint:hover {opacity: 1;}
.fform .ffbtnclose {right: 0px; background: url('/core/plugins/jquery-difback/imgs/btn_close.png') #000;}
.fform .ffbtnprint {right: 62px;  top:19px; width: 24px; height: 24px; background-image: url('imgs/btn_print.png');}
.fform form {}
.fform_td_close{padding: 70px 0;}
.fform .msg_ok, .fform .success {display: none; font-size: 24px; text-align: center; padding:100px 30px; color:#20b820; font-weight: bold; font-style: italic;}
.redborder, .blink_red {border:1px solid red !important;}
.fform .red_disabled {background: red !important; cursor: wait; }

.diFBack-form .prompt {
    display: none;
    margin: 4px 0 0;
    padding: 0;
    color: #d93025;
    font-size: 12px;
    line-height: 1.4;
}

.diFBack-form .error .prompt,
.diFBack-form .field.error > .prompt {
    display: block;
}

.diFBack-form .error_msg {
    display: none;
    margin: 4px 0;
    padding: 0;
    color: #d93025;
    font-size: 12px;
    line-height: 1.4;
}

.diFBack-form .error_msg:not(:empty),
.diFBack-form .error_msg.difback-error-msg--visible {
    display: block;
}

.diFBack-form .error input,
.diFBack-form .error select,
.diFBack-form .error textarea  { border:solid 2px red !important;}
.diFBack-form .error_msg  { color:red;}

/* fform popup style */
.popup-right.popup_window { left: initial; right:0; }
.popup-right .fform_scroller{overflow-x: hidden;}
.popup-right .fform-data{height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.popup-right .fform_td_close{height: 100%; padding: 0;}
.popup-right .fform_tr{height: auto; width: 100%;}
.popup-right .fform_table{width: 600px; max-width: 100%; height: auto; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 2; right: 0; top: 0;}
.popup-right .title{font-size: 22px; margin: 5px 0;}
.popup-right .ffbtnclose{right: 0px !important; top: 0px !important; background-size: cover; width: 20px; height: 20px;}
.popup-right textarea{resize: vertical;}
.popup-right .error input{border-color: red !important;}
.popup-right .msg{font-size: 21px;}

/* fform popup style */
.popup-left.popup_window { left: 0; right:initial; }
.popup-left .fform_scroller{overflow-x: hidden;}
.popup-left .fform-data{height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.popup-left .fform_td_close{height: 100%; padding: 0;}
.popup-left .fform_tr{height: auto; width: 100%;}
.popup-left .fform_table{width: 600px; max-width: 100%; height: auto; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; z-index: 2; left: 0; top: 0;}
.popup-left .title{font-size: 22px; margin: 5px 0;}
.popup-left .ffbtnclose{right: 0px !important; top: 0px !important; background-size: cover; width: 20px; height: 20px;}
.popup-left textarea{resize: vertical;}
.popup-left .error input{border-color: red !important;}
.popup-left .msg{font-size: 21px;}


/* fform popup style !*/
.popup-center.popup_window { left: auto; right:auto; }
.popup-center .fform { width: auto; height: auto;}
.popup-center .fform_scroller{overflow-x: hidden; display: flex; flex-direction: column;}
.popup-center .fform-data{height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.popup-center .fform_td_close{height: 100%;}
.popup-center .fform_tr{height: auto; width: 100%;}
.popup-center .fform_table{min-width: 0; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; min-height: 0; flex: 1 0 auto; }
.popup-center .title{font-size: 22px; margin: 5px 0;}
.popup-center .ffbtnclose{right: 0px !important; top: 0px !important; background-size: cover; width: 20px; height: 20px;}
.popup-center textarea{resize: vertical;}
.popup-center .error input{border-color: red !important;}
.popup-center .msg{font-size: 21px;}

/* popup nopadding */
.popup-noborder .fform{background: #f4f4f4; border-radius: 0px; padding: 0px; border-radius: 1px;border:none;}

@media screen {
	.print_bg {position: absolute; z-index: 100; width: 100%; height: 100%; top:0; left:0; background: #fff; opacity: 0.9;}
	.loading_bar {position: absolute; width:260px;  height: 56px;  top:50%; left:50%; margin:-28px 0 0 -130px; background: url('/core/plugins/jquery-difback/imgs/loading.gif') no-repeat center bottom; text-align: center; color:#999; font-size: 14px; font-family: "Segoe UI",Arial}
}

@media print{
	body {background: none; min-height: 100mm; background-color: #fff; background-image: none;}
/*	.site_content {display:none}*/
	.popup_window {position: static; visibility: visible; width: 100%; height: auto; }
	.fform_bg {display: none}
	.fform {position: static; display: block; margin:8mm !important; padding: 0; background: none; background-image: none; background-color: #fff;border-radius:0;}
	.fform div.success {display: none}
	.fform h2#title {line-height: normal;}
	.fform { top:0 !important; left:0 !important; }

	.fform-data {height: auto; width: auto; overflow: visible !important;}
	.noprint, .no-print {display: none;}
	.fform .ffbtnclose, .fform .ffbtnprint {display: none}
	.fform-data:before{content:"www.domkornion.ru"}
	.print_bg {display: none;}
}


/* PRELOADER blink animation */

.send {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
}

.difback-loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.difback-dot:nth-child(2) { animation-delay: 250ms }
.difback-dot:nth-child(3) { animation-delay: 500ms }

@keyframes blink { 50% { fill: transparent }}
.difback-dot {
    animation: 1s blink infinite;
    fill: grey;
}

/**/


/* Базовые */
.dimodal{position: fixed; top: 0; right: 0; bottom: 0; left: 0; /*visibility: hidden;*/}
.dimodal-item{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.dimodal-background{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(43, 46, 56, .5); animation-fill-mode: forwards; animation-duration: 0.2s;}
.dimodal-scroller{position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; overflow-x: hidden; display: flex;}
.dimodal-aligner{flex: 1 1 auto; margin: auto; display: flex; width: 100%;}
.dimodal-content{flex: 0 0 auto; min-height: 0; position: relative; display: flex; animation-fill-mode: forwards; animation-duration: 0.2s; max-width: 100%;}
.dimodal-content__inner{flex: 1 1 auto; max-width: 100%;}
.dimodal-hide{position: absolute; top: 16px; right: 16px; padding: 4px; background: none; color: #999; cursor: pointer; display: flex; justify-content: center; align-items: center; font-size: 18px; transition: color 0.2s ease;}
.dimodal-hide:hover{color: #333;}

/* Имена анимаций */
.dimodal-background-animation--fadein-1{-webkit-animation-name: background-fadein-1; animation-name: background-fadein-1;}
.dimodal-background-animation--fadeout-0{-webkit-animation-name: background-fadeout-0; animation-name: background-fadeout-0;}
.dimodal-content-animation--fadein-1{-webkit-animation-name: content-fadein-1; animation-name: content-fadein-1;}
.dimodal-content-animation--fadeout-0{-webkit-animation-name: content-fadeout-0; animation-name: content-fadeout-0;}
.dimodal-content-animation--right-slide-1{-webkit-animation-name: content-right-slide-1; animation-name: content-right-slide-1;}
.dimodal-content-animation--right-slide-0{-webkit-animation-name: content-right-slide-0; animation-name: content-right-slide-0;}
.dimodal-content-animation--left-slide-1{-webkit-animation-name: content-left-slide-1; animation-name: content-left-slide-1;}
.dimodal-content-animation--left-slide-0{-webkit-animation-name: content-left-slide-0; animation-name: content-left-slide-0;}

/* Форсер анимации */
.dimodal-animation--force{animation-duration: 0.001s;}

/* Фикс полного экрана в хроме */
.dimodal-animation--fillmodefix{animation-fill-mode: backwards;}

/* Алигнер по центру */
.dimodal-aligner--aligned-center{padding: 50px;}
.dimodal-aligner--aligned-center .dimodal-content{margin: auto;}

/* Алигнер справа */
.dimodal-aligner--aligned-right{align-items: flex-end;}
.dimodal-aligner--aligned-right .dimodal-content{flex: 1 1 auto;}
.dimodal-aligner--aligned-right .dimodal-hide{left: 0; right: initial; transform: translate(-100%, 0);}

/* Алигнер слева */
.dimodal-aligner--aligned-left{align-items: flex-start;}
.dimodal-aligner--aligned-left .dimodal-content{flex: 1 1 auto;}
.dimodal-aligner--aligned-left .dimodal-hide{transform: translate(100%, 0);}

/* Алигнер на весь экран */
.dimodal-aligner--aligned-full{align-items: stretch;}
.dimodal-aligner--aligned-full .dimodal-content{flex: 1 1 auto;}
.dimodal-aligner--aligned-full .dimodal-hide{transform: translate(0, 0);}

/* Сами анимации */
@-webkit-keyframes background-fadein-1{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@keyframes background-fadein-1{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
@-webkit-keyframes background-fadeout-0{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
@keyframes background-fadeout-0{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}

/* --- */

@-webkit-keyframes content-fadein-1{
	from{
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}
	to{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes content-fadein-1{
	from{
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}
	to{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes content-fadeout-0{
	from{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	to{
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}
}
@keyframes content-fadeout-0{
	from{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	to{
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}
}

/* --- */

@-webkit-keyframes content-right-slide-1{
	from{
		-webkit-transform: translateX(100%);
	}
	to{
		-webkit-transform: translateX(0);
	}
}
@keyframes content-right-slide-1{
	from{
		-webkit-transform: translateX(100%);
	}
	to{
		-webkit-transform: translateX(0);
	}
}

@-webkit-keyframes content-right-slide-0{
	from{
		-webkit-transform: translateX(0);
	}
	to{
		-webkit-transform: translateX(100%);
	}
}
@keyframes content-right-slide-0{
	from{
		-webkit-transform: translateX(0);
	}
	to{
		-webkit-transform: translateX(100%);
	}
}

/* --- */

@-webkit-keyframes content-left-slide-1{
	from{
		-webkit-transform: translateX(-100%);
	}
	to{
		-webkit-transform: translateX(0);
	}
}
@keyframes content-left-slide-1{
	from{
		-webkit-transform: translateX(-100%);
	}
	to{
		-webkit-transform: translateX(0);
	}
}

@-webkit-keyframes content-left-slide-0{
	from{
		-webkit-transform: translateX(0);
	}
	to{
		-webkit-transform: translateX(-100%);
	}
}
@keyframes content-left-slide-0{
	from{
		-webkit-transform: translateX(0);
	}
	to{
		-webkit-transform: translateX(-100%);
	}
}



@media screen and (max-width: 1000px){
	/*формы*/
	.dimodal-content .dimodal-hide i{font-size: 24px}
	.dimodal-item .dimodal-aligner--aligned-center{ padding: 0 }
	.dimodal-hide.dimodal-hide{width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; top: 0px; right: 0px;}
}

@media (max-width:500px) {

	.dimodal-aligner--aligned-center {
		padding: 40px 10px;
	}
}


.dimodal-background-noopacity { background: #1d1d1d;}

/* Стили оформления контента модалки */
.dimodal-content {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	padding: 32px;
}

.dimodal-content__inner {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dimodal-content h1,
.dimodal-content h2,
.dimodal-content h3,
.dimodal-content h4,
.dimodal-content h5,
.dimodal-content h6 {
	margin: 8px 0;
	font-weight: 600;
	line-height: 1.3;
	color: #1a1a1a;
}

.dimodal-content h1 { font-size: 28px; }
.dimodal-content h2 { font-size: 22px; }
.dimodal-content h3 { font-size: 20px; }
.dimodal-content h4 { font-size: 18px; }
.dimodal-content h5 { font-size: 16px; }
.dimodal-content h6 { font-size: 14px; }

.dimodal-content .title {
	font-size: 22px;
	margin: 0 0 8px 0;
	font-weight: 500;
	line-height: 1.3;
	color: #1a1a1a;
}

.dimodal-content p {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #4a4a4a;
}

.dimodal-content .dimodal-text {
	font-size: 15px;
	line-height: 1.6;
	color: #4a4a4a;
}

.dimodal-content button,
.dimodal-content .btn {
	padding: 12px 24px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.2s ease;
}

.dimodal-content button:hover,
.dimodal-content .btn:hover {
	opacity: 0.9;
	transform: translateY(-1px);
}

.dimodal-content button:active,
.dimodal-content .btn:active {
	transform: translateY(0);
}
