/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 08 2024 | 01:09:34 */
/* слой затемнения */

.dm-overlay{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0, 0, 0, 0.65);
    display:none;
    overflow:auto;
    width:100%;
    height:100%;
    z-index:10000;
}
/* активируем модальное окно */

.dm-overlay:target{
    display:block;
    -webkit-animation:fade .6s;
    -moz-animation:fade .6s;
    animation:fade .6s;
}
/* блочная таблица */

.dm-table{
    display:table;
    width:100%;
    height:100%;
}
/* ячейка блочной таблицы */

.dm-cell{
    display:table-cell;
    padding:0 1em;
    vertical-align:middle;
    text-align:center;
}
/* модальный блок */

.dm-modal{
    display:inline-block;
    padding:25px 0px 0px 0px;
    max-width:55em;
    background:#fff;
    -webkit-box-shadow:0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    box-shadow:0px 15px 20px rgba(0, 0, 0, 0.22), 0px 19px 60px rgba(0, 0, 0, 0.3);
    color:#cfd8dc;
    text-align:left;
}
/* изображения в модальном окне */

.dm-modal img{
    width:100%;
    height:auto;
}

.dm-modal h3{
	padding:0px 65px 0px 35px;
	text-transform:uppercase;
	font-weight:600;
	letter-spacing:1px;
	font-size:16px!important;
	margin:0px!important;
	color:#000;
}

@media (max-width:768px){
	.dm-modal h3{
		padding:0px 65px 0px 20px;
		font-size:14px!important;
		line-height:20px!important;
	}
}


/* миниатюры изображений */

.pl-left,
.pl-right{
    width:25%;
    height:auto;
}
/* миниатюра справа */

.pl-right{
    float:right;
    margin:5px 0 5px 15px;
}
/* миниатюра слева */

.pl-left{
    float:left;
    margin:5px 15px 5px 0;
}
/* встраиваемое видео в модальном окне */

.video{
    position:relative;
    overflow:hidden;
    padding-bottom:56.25%;
    height:0;
}
.video iframe,
.video object,
.video embed{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/* рисуем кнопарь закрытия */

.close{
    z-index:9999;
    float:right;
    width:50px;
    height:25px;
    color:#654308!important;
    text-align:center;
    text-decoration:none;
    line-height:20px;
    cursor:pointer;
	font-size:22px;
}
.close:after{
    display:block;
    border:none;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    content:'X';
    -webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    transition:all 0.6s;
    -webkit-transform:scale(0.85);
    -moz-transform:scale(0.85);
    -ms-transform:scale(0.85);
    transform:scale(0.85);
}
/* кнопка закрытия при наведении */

.close:hover:after{
    border-color:#fff;
    color:#fff;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}
/* варианты фонвой заливки модального блока */

.green{
    background:#388e3c!important;
}
.cyan{
    background:#0097a7!important;
}
.teal{
    background:#00796b!important;
}
/* движуха при появлении блоков с содержанием */

@-moz-keyframes fade{
    from{
        opacity:0;
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes fade{
    from{
        opacity:0;
    }
    to{
        opacity:1
    }
}
@keyframes fade{
    from{
        opacity:0;
    }
    to{
        opacity:1
    }
}