.loadingbox{
	padding: 5px!important;
    background: url(image/spinner.webp) no-repeat center center;
	background-size:auto 100%!important;
    width: 80px!important;
    height: 80px!important;
    overflow: hidden;
    position: relative;
    margin: 22px auto 0;
}
.fancybox-content{
	padding:10px!important;
	border-radius:15px;
}
/*------------------------------------*/
.move_bg {
    background-position-x: 50%;
    background-position-y: center;
    animation-delay: 0s;
    animation-duration: 90s;
    animation-name: panoramic;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both;
    will-change: background-position-x;
    background-size: auto 100%!important;
}

@keyframes panoramic {
    0% {
        background-position-x: 0%;
    }
    50% {
        background-position-x: 100%;
    }
    100% {
        background-position-x: 0%;
    }
}
/*------------------------------------*/
#preloading{
	background: url(image/spinner.webp) no-repeat center center;
	background-size:150px auto!important;
	position:fixed;
	z-index:10000;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	transition:all 0.5s 0.01s ease;
	overflow:hidden;
}
#preloading_shadow{
	position:fixed;
	z-index:9000;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	transition:all 0.5s 0.01s ease;
}
.atom #preloading{
	background-size:30% auto!important;
}
#preloading.noactive{
	transform:scale(2.5);
	opacity:0;
}
#preloading.end, #preloading_shadow.end{
	top:-200%;
	height:1px;
}
#preloading_shadow dd{
	background:#fff;
	position:fixed;
}
#preloading_shadow.noactive dd{
	transform:scale(1.8);
	opacity:0;
	background:#000;
}
#preloading_shadow.end dd{
	display:none;
}
/*------------------------------------*/
.catsubmenu ul{
	font-size:16px;
	line-height:1.05;
}
.catsubmenu li, .catsubmenu ul, .text .catsubmenu li, .text .catsubmenu ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.catsubmenu a{
	text-decoration:none!important;
	text-transform:uppercase;
}
.catsubmenu ul li a{
	display:block;
	color:#444;
	padding:10px 30px 10px 10px;
	border-top:1px solid #ccc;
	transition:all 0.4s 0.01s ease;
}
.white .catsubmenu ul li a{
	color:#fff;
}
.catsubmenu ul li:first-child a, .catsubmenu ul ul li a{
	border:0px!important;
}
.catsubmenu ul ul li a{
	padding-top:7px;
	padding-bottom:7px;
}
.catsubmenu ul li a.lidir{
	background:url(image/li.png) no-repeat right top;
}
.white .catsubmenu ul li a.lidir{
	background:url(image/li2.png) no-repeat right top;
}
.catsubmenu ul li.activedblock a.lidir{
	background:url(image/li_close.png) no-repeat right top;
}
.white .catsubmenu ul li.activedblock a.lidir{
	background:url(image/li_close2.png) no-repeat right top;
}
.catsubmenu ul ul, .text .catsubmenu ul ul{
	display:none;
	padding:10px 0 10px 10px;
	font-size:70%;
	border-top:1px solid #ccc;
}
.catsubmenu ul ul ul, .text .catsubmenu ul ul ul{
	border-top:0px;
	padding:0 0 0 10px;
	display:block;
	font-size:90%;
}
.catsubmenu a.active, .catsubmenu a.current, .catsubmenu ul li a:hover{
	color:#f00!important;
}
.catsubmenu .ins{
	background:#f00;
	border-radius:100%;
	width:20px;
	line-height:20px;
	color:#fff;
	font-size:11px;
	text-align:center;
	display:inline-block;
	margin:-2px 0 0 5px;
	text-decoration:none!important;
}
/*------------------------------------*/
.fancybox-close-small{
	padding: 0px!important;
	border: 1px solid #444!important;
    border-radius: 100%!important;
    background: #fff!important;
	height: 25px!important;
	width: 25px!important;
	margin:2px!important;
	opacity:1!important;
	transition:all 0.5s 0.01s ease!important;
}
.fancybox-close-small svg{
	color:#444;
	transition:all 0.5s 0.01s ease!important;
}
.fancybox-content:hover .fancybox-close-small{

}
.fancybox-close-small:hover{
	background: #444!important;
	border: 1px solid #fff!important;
	box-shadow:0 0 10px rgba(0,0,0,0.4);
}
.fancybox-close-small:hover svg{
	color:#fff;
}
/*------------------------------------*/
.anibutton{
	background-image:url(image/anibutton.png)!important;
	background-repeat:repeat-x!important;
	background-position:0px 0px!important;
	text-shadow:1px 1px 2px #000;
	box-shadow:0px 0px 3px #000;
	height:auto;
}
.anibutton:hover, .anibutton.ani{
	background-position:900px 0px!important;
	transition:all 1.5s 0.01s ease;
}
.bigbutton, .bigbutton2{
	font-size:24px;
	padding:10px 20px;
	border-radius:5px;
	height:auto;
}
.mw .bigbutton, .mw .bigbutton2{
	font-size:18px;
	padding:7px 10px;
}
.mw .bigbutton2{
	width:100%;
	padding:7px 0px;
}
/*---------------------------*/
.pulse::after,
.pulse::before {
  content: '';
  position: absolute;
  border: 5px solid #999;
  left: -20px;
  opacity: 0;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: pulse 2.5s linear infinite;
}
.pulse::after {
  animation-delay: 1.25s;
}
@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
/*---------------------------*/
ymaps canvas{
	filter:grayscale(100%);
}
.leaflet-layer  img{
	filter:grayscale(100%);
	opacity: 1!important;
	transition:none!important;
}
/*---------------------------*/
.aniicons{
	background:#f00!important;
	color:#fff!important;
	border-radius:9px;
	padding:0 20px;
	line-height:50px;
	font-size:18px;
	display:inline-block;
	text-decoration:none!important;
	transition: all 0.6s 0.05s ease;
	position:relative;
	cursor:pointer;
	box-shadow:0 2px 10px rgba(0,0,0,0.3);
}
.aniicons:hover{
	background:#a00!important;
	color:#fff!important;
	padding-right:50px;
}
.aniicons span{
	right:0px;
	top:-3px;
	opacity:0;
	transform:translateX(-20px);
	transition: all 0.6s 0.05s ease;
	position:absolute;
	font-size:40px;
}
.aniicons:hover span{
	opacity:1;
	transform:translateX(0px);
	right:5px;
}
.white .aniicons{
	background:#f00;
	box-shadow:1px 1px 7px #000;
}
/*---------------------------*/
#flytable{
	position:fixed;
	width:100%;
	bottom:-20px;
	left:0px;
	z-index:100;
	transition:all 0.5s 0.01s ease;
	opacity:0;
}
#flytable.active{
	opacity:1;
	bottom:0px;
}
/*---------------------------*/
.mini_ocenka{
	width:85px;
	height:16px;
	position:relative;
	overflow:hidden;
}
.mini_ocenka .starbox{
	background:url(image/star.png) repeat-x left bottom;
}
.mini_ocenka .starbox2{
	height:16px;
	background:url(image/star.png) repeat-x left top;
	transition:all 0.4s 0.01s ease;
}
.mini_ocenka .aselectrors{
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	z-index:20;
}
.mini_ocenka .aselectrors a{
	float:left;
	width:20%;
	height:16px;
}
/*---------------------------*/
#panelblock{
	background:url(image/totop.png) no-repeat center center;
	width:32px;
	height:32px;
	background-size:auto 100%!important;
	transition: all 0.5s 0.05s ease;
	position:fixed;
	z-index:300;
	bottom:5px;
	right:5px;
	opacity:0;
	transition: all 0.6s 0.05s ease;
	transform: scale(0.2);
	cursor:pointer;
	border-radius:50px;
}
#panelblock.active{
	opacity:0.9;
	transform: scale(1);
	border-radius:5px;
}
#panelblock.active:hover{
	opacity:1;
	transform: scale(1.1);
}
/*---------------------------*/
#dialog2_content{
	transition: top 0.9s 0.25s ease;
	position:fixed;
	top:-200%;
	left:0px;
	width:100%;
	height:100%;
	z-index:1950;
	opacity:1;
}
#dialog2_content.active{
	top:0px;
}
#dialog2_content.noactive{
	transition: all 0.7s 0.01s ease;
	transform:scale(0.1);
	opacity:0;
}
#dialog2_content_shadow{
	position:fixed;
	top:-200%;
	left:0px;
	width:100%;
	height:100%;
	z-index:1900;
}
#dialog2_content_shadow.active{
	top:0px;
}
#dialog2_content_shadow dd{
	display:block;
	position:absolute;
	background:#fff;
	transform:scale(0.01);
	opacity:0;
}
#dialog2_content_shadow.noactive{
	transition:all 0.4s 0.01s ease;
	top:-100%;
}
#dialog2_content_shadow.active dd{
	transform:scale(1);
	opacity:1;
}
#dialog2_content_shadow.noactive dd{
	transition:all 0.01s 0.01s ease!important;
}
.dialogpadding{
	padding:15px;
	height:100%;
}
.dialog_full_close{
	background:url(image/close2.png) no-repeat center center;
	background-size:auto 100%!important;
	width:50px;
	height:50px;
	margin:0 -100px 0 0;
	transition: background-size 0.5s 0.01s ease, margin 0.5s 1.01s ease;
	display:inline-block;
	cursor:pointer;
	opacity:0;
}
#dialog2_content.noactive .dialog_full_close{
	transform:scale(0.1);
}
#dialog2_content.active .dialog_full_close{
	margin:0px;
	transform:scale(1);
	opacity:1;
}
.dialog_full_close:hover{
	background-size:auto 140%!important;
}
#dialog_full_content{
	margin:10px 0 0;
	height: calc(100% - 90px);
	display:block;
	overflow:auto;
	position:relative;
}
body.noscrollv{
	overflow-y:hidden!important;
}
/*---------------------------*/
#modal_window{
	background:#fff;
	width:300px;
	position:fixed;
	height:100%;
	top:0px;
	left:-900px;
	transition:all 0.9s 0.01s ease;
	z-index:1999;
	box-shadow:0 5px 15px rgba(0,0,0,0.4);
	opacity:0;
	overflow-x:hidden!important;
}
.atom #modal_window{
	width:100%;
}
#modal_window .dialog_full_close{
	width:25px;
	height:25px;
	float:right;
	margin:0px;
	top:-100px;
	position:relative;
	transition:all 0.5s 0.01s ease;
	z-index:100;
}
#modal_window.active .dialog_full_close{
	top:0px;
	transition:all 0.5s 0.5s ease;
	opacity:1;
}
#modal_window.active{
	left:0px;
	opacity:1;
}
#contentboxmw{
	transition:all 0.7s 0.01s ease;
	position:relative;
	width:100%;
	overflow-x:hidden!important;
}
#contentboxmw.minicontentmw{
	overflow-y:auto;
	max-height:calc(100% - 25px)
}
#contentboxmw.full{
	position:absolute!important;
	width:100%!important;
	height:100%!important;
	top:0px!important;
	left:0px!important;
	max-height:100%!important;
}
#minishadowsleftbox{
	position:fixed;
	left:-200px;
	top:0px;
	width:1%;
	height:100%;
	background:rgba(0,0,0,0.3);
	z-index:1990;
	transition:all 0.3s 0.01s ease;
	opacity:0;
	transform:scaleX(0);
}
#minishadowsleftbox.active{
	width:100%;
	left:0px;
	opacity:1;
	transform:scaleX(1);
}
.grayfilter{
	filter: grayscale(100%);
	filter: blur(5px) grayscale(100%);
}
/*---------------------------*/
#move_content{
	background:#000;
	background:rgba(0,0,0,0.8);
	padding:7px;
	position:absolute;
	color:#fff;
	font-size:12px;
	border-radius:5px;
	font-family:arial;
	z-index:1000000;
	box-shadow:2px 2px 5px #000;
}
#move_content a{
	color:#fff;
}
#move_content a:hover{
	color:#eee;
}
.microb #move_content{
	display:none!important;
}
.hidedialog{
	display:none;
}
#show_dialog_block{
	position:absolute;
	z-index:1000;
}
.show_obvotka{
	background:url(image/black.png) repeat left top;
	padding:5px;
	color:#ffffff;
	font-size:10px;
	color:#ffffff;
	border-radius:5px;
	font-family:arial;
	float:left;
}
.show_obvotka a{
	color:#ffffff;
	font-size:10px;
}
.show_shadow_bottom{
	background:url(image/black_arrow.png) no-repeat center top;
	height:17px;
	padding:0px;
}
.closeblock{
	cursor: pointer;
    float: right;
    font-family: cursive;
    font-size: 12px;
    font-weight: bold;
    margin: -2px 0 2px 9px;
}
#show_dialog_block table{
	border-collapse: collapse;
    border-spacing: 0;
}
#show_dialog_block td{
	padding:0px!important;
}
.closeblock:hover{
	color:#cacaca;
}
/*---------------------------*/
a.filestype img{
  border:0px;
}
a.filestype{
  text-decoration:none!important;
}
a.filestype span{
  text-decoration:underline;
  margin:0 0 0 3px;
}
a.filestype:hover span{
  text-decoration:none;
}
a.closefiles{
  float:right;
  text-decoration:none;
  margin:0 5px;
  font-size:18px;
  font-weight:bold;
  font-family:comic Sans MS;
}
a:hover.closefiles{
  opacity:0.5;
}
a.filesmedia, a.filesmedia:hover{
	 text-decoration:none!important;
}
a.filesmedia{
	display:block;
	margin: 0 auto;
}
a.filesmedia .audioblock{
	width:100%;
	height:44px;
}
/*------------------------------------*/
.pricebox{
	background:#333;
	color:#fff;
	padding:30px 0;
}
.pricebox a, .pricebox .fav, .pricebox .fav2{color:#fff!important}
.pricebox table{width:100%; margin:20px 0}
.pricebox th{
	padding:10px;
	font-size:12px;
}
.pricebox td{
	padding:10px;
	font-size:16px;
	vertical-align:middle;
	background:#555;
	border-top:5px solid #333;
	transition:all 0.4s 0.01s ease;
}
.microb .pricebox td{
	font-size:13px;
	vertical-align:top;
}
.pricebox tr:hover td{
	background:#777;
}
.pricebox td input{
	font-size:16px;
	padding:5px 10px;
}
.pricebox .minitable td, .pricebox .minitable th{
	padding:3px 5px;
	font-size:13px;
}
.microb .pricebox .minitable td, .microb .pricebox .minitable th{
	font-size:11px;
}
.pricebox .minitable td input{
	font-size:11px;
	padding:4px 7px;
}
.microb .pricebox td input{
	width:100%;
	padding:4px 0;
	font-size:9px;
}
/*------------------------------------*/
.fog::before,
.fog::after,
.fog div::before, 
.fog div::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.fog div::before, 
.fog div::after    {
    left: 100%;
}
.fog::before, 
.fog div::before {
    background-image: url("ani/fog-1.png");
    animation: fogmove 53s linear 0s infinite;
}
.white .fog div::before {
	background-image: url("ani/fog-1_black.png");
}
.fog::after, 
.fog div::after {
    background-image: url("ani/fog-2.png");
    animation: fogmove 13s linear 0s infinite;
}
.white .fog div::after {
	background-image: url("ani/fog-2_black.png");
}
@keyframes fogmove {
    from {
        transform: translate3d(100%, 0, 0);
    }
    to {
        transform: translate3d(-100%, 0, 0);
    }
}
/*------------------------------------*/
.up_shadow, .top_shadow{background:url(image/up_shadow.png) repeat-x left top!important}
.down_shadow, .bottom_shadow{background:url(image/down_shadow.png) repeat-x left bottom!important}
/*------------------------------------*/
/*------------------------------------*/
.socseti a{
	display:inline-block;
	position:relative;
	overflow:hidden;
	border-radius:100%;
	margin:0 2px;
}
.socseti a img{
	width:60%;
	height:60%;
	transition:all 0.5s 0.01s ease;
}
.socseti a:hover img{
	width:80%;
	height:80%;
}
.socseti dd{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.socseti span, .socseti font{
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	transition:all 0.5s 0.01s ease;
	z-index:10;
}
.socseti a font{
	z-index:20;
}
.socseti font, .socseti a:hover span{
	opacity:0;
}
.socseti a:hover font, .socseti a span{
	opacity:1;
}
/*------------------------------------*/
.plitkaimg{
	position:relative;
	width:35px;
	height:32px;
	cursor:pointer;
}
.plitkaimg ins{
	display:block;
	width:100%;
	position:absolute;
	background:#999;
	height:4px;
	left:0px;
	transition:all 0.7s 0.01s ease;
}
.white .plitkaimg ins{
	background:#fff;
}
.plitkaimg:hover ins{
	transform:scale(1.05);
}
.plitkaimg ins.ione{top:0px;}
.plitkaimg ins.itwo{top:11px;}
.plitkaimg ins.ithree{top:22px;}
.activemenu .plitkaimg ins.itwo{
	transform:scale(0.1);
	opacity:0;
}
.activemenu .plitkaimg ins.ione{
	transform: rotate(45deg);
	width: 110%;
	top: 10px;
}
.activemenu .plitkaimg ins.ithree{
	transform: rotate(-45deg);
	width: 110%;
	top: 10px;
}
/*------------------------------------*/
.winforma{
	width:680px;
	background:#fff;
	margin:0 auto;
}
.feedback{
	max-width:650px;
	margin:0 auto;
	width:96%;
}
.feedback .submit{
	
}
.feedback input, .feedback textarea, .feedback select{
	font-size: 18px;
    padding: 15px 10px;
    font-weight: 300;
    height: auto;
}
.microb .feedback .submit{
	width:100%;
}
.microb .winforma{
	width:300px;
}
.microb .feedback{
	width:90%;
}
.mainorders{
	background:url(image/order.jpg) no-repeat center center;
	background-size:cover!important;
}
.mainorders .winforma{
	width:auto;
	background:none;
	margin:0;
}
.orderforma{
	float:right;
	width:300px;
	background:url(image/order.png) no-repeat center center;
	background-size:100% 100%!important;
	padding:90px 0 90px 15px;
	margin:-1px 0;
}
.orderforma .fav, .orderforma .fav2{
	color:#fff!important;
}
body.microb .orderforma{
	width:100%;
	padding:10px 0;
	background:#222;
	float:none;
}
body.microb .minifonsorder{
	background:url(image/order.jpg) no-repeat center center;
	background-size:cover!important;
	padding:0 0 60%;
}
/*------------------------------------*/
.top_menu{
	display:inline-block;
	overflow:hidden;
	border-radius:10px;
	background:#eeeeee;
	position:relative;
}
.top_menu a{
	display:inline-block;
	line-height:40px;
	font-size:15px;
	padding:0 15px;
	font-weight:300;
	color:#000;
	text-transform:uppercase;
	transition:all 0.5s 0.01s ease;
}
.top_menu a:hover, .top_menu a.current{
	background:#444;
	color:#fff;
}
.top_menu a.current{
	background:#f00;
	font-weight:700;
}
.microb .top_menu{
	display:block;
}
.microb .top_menu a{
	padding:0px;
	line-height:30px;
	display:block;
	font-size:12px;
	border-top:1px solid #999;
}
.microb .top_menu a:first-child{
	border-top:0px;
}
/*------------------------------------*/
.tableforma ul{margin:0px;}
.tableforma li{
	list-style:none;
	margin:0px 2px;
	float:left;
}
.tableforma li a{
	display:block;
	border-radius:5px 5px 0 0;
	background:#ccc;
	color:#555;
	padding:0 15px;
	line-height:32px;
	font-size:12px;
	text-decoration:none!important;
	transition: background 0.4s 0.05s ease;
	 margin: 0 0 -1px;
    border: 1px solid #bbb;
}
.microwidth .tableforma li{
	margin:0px;
	width:50%;
	padding:2px 0;
}
.atom .tableforma li{
	width:100%;
}
.microwidth  .tableforma li a{
	float: none;
    padding: 5px 0;
    margin: 0 auto;
    width: 95%;
    font-size: 11px;
    border-radius: 10px;
    display: block;
    line-height: 1.01;
    text-align: center;
	border:0px!important;
}
.tableforma li a.current, .tableforma li a:hover{
	background:#fff;
	border-bottom:1px solid #fff;
}
.microwidth .tableforma li a.current, .microwidth .tableforma li a:hover{
	background:#753939;
	border-bottom:1px solid #753939;
	color:#fff;
}
.tableforma{
	border-bottom:1px solid #bbb;
	padding: 5px 0 0 5px;
}
.microwidth .tableforma{
	padding: 10px 5px 5px;
}
/*------------------------------------*/
.mashka a{
	color:#fff;
	line-height:30px;
	font-size:12px;
	margin:1px;
	text-transform:uppercase;
	transition: all 0.5s 0.05s ease;
	float:left;
	background:#555;
	display:block;
	padding:2px 4px;
}
.mashka a.current, .mashka a:hover{
	background:#d00;
}

.mashka2 a{
	color:#000;
	line-height:30px;
	font-size:12px;
	margin:1px;
	text-transform:uppercase;
	transition: all 0.5s 0.05s ease;
	float:left;
	background:#eee;
	display:block;
	padding:2px 4px;
}
.mashka2 a.current, .mashka2 a:hover{
	background:#d00;
	color:#fff;
}
/*------------------------------------*/
.callphone{
	position:fixed;
	bottom:30px;
	left:30px;
	z-index:300;
	width:80px;
	height:80px;
}
.callphone img{
	position:absolute;
	z-index:20;
	cursor:pointer;
	border-radius:100%;
	box-shadow:0 0 20px rgba(0,0,0,0.3);
	width:100%;
	height:100%;
	transition: all 0.6s 0.05s ease;
}
.callphone img:hover{
	transform:scale(1.1);
}
/*------------------------------------*/
.owl-carousel button.owl-prev{
	left:-50px!important;
}
.owl-carousel button.owl-next{
	right:-50px!important;
}
.owl-carousel button.owl-next, .owl-carousel button.owl-prev{
	background:transparent!important;
	color:#999!important;
	transition:all 0.7s 0.01s ease;
}
.white .owl-carousel button.owl-next, .white  .owl-carousel button.owl-prev{
	color:#fff!important;
	text-shadow:1px 1px 3px #444!important;
}
.owl-carousel button.owl-next:hover, .owl-carousel button.owl-prev:hover{
	background:transparent!important;
	color:#000!important;
}
.white .owl-carousel button.owl-next:hover, .white .owl-carousel button.owl-prev:hover{
	color:#ccc!important;
	text-shadow:1px 1px 3px #000!important;
}
/*------------------------------------*/
.owl-dots{
	text-align:center;
	padding:10px;
	display:block!important;
}
.owl-dot span{
	display:inline-block;
	width:7px;
	height:7px;
	background:rgba(0,0,0,0.2)!important;
	cursor:pointer;
	border-radius:100%;
	margin:0 5px;
	transition:all 0.7s 0.01s ease!important;
}
.owl-dot:hover span, .owl-dot.active span{
	background:rgba(0,0,0,0.6)!important;
}
.white .owl-dot span{
	background:rgba(255,255,255,0.2)!important;
}
.white .owl-dot:hover span, .white .owl-dot.active span{
	background:rgba(255,255,255,0.6)!important;
}
/*------------------------------------*/