html, body { height:100%; margin: 0px; padding: 0px; }
body { margin: 0px; padding: 0px; font-size: 14px; FONT-FAMILY: Arial; font-weight: normal; }

big { margin: 0px; padding: 0px; font-size: 18px; font-weight: bold; display: inline; }
h1, .h1 { margin: 0px; padding: 0px; font-size: 25px; font-weight: 700; text-transform: uppercase; }

a { color: #008dd2; }
a:hover { color: #000000; text-decoration: none; }

small { color: #666666; }
small a { color: #666666; }

.wrapper { margin: 0 auto; width: 95%; max-width: 990px; clear: both; } /*  overflow: hidden; */
 
/*
.bg {
    background: url('../img/bg.jpg') repeat center top;
}
*/

.block { 
    padding: 20px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); 
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
}

footer {
    padding: 0px;
    margin: 0px;
}

#callme_button_phone, #callme_button_computer {
    -webkit-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    -moz-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    -o-animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    animation: pzv-phone-animation 1.2s ease-in-out 0s normal none infinite running;
    position: fixed;
    background-color: rgba(222, 36, 12, 0.8);
    background-image: url("../img/callme.png");
    border-radius: 100%;
    height: 70px;
    width: 70px;
    z-index: 10000000;
    bottom: 33px;
    right: 33px;
}
#callme_button_phone, #callme_button_computer:hover { cursor: pointer; }

#callme_button_phone {
    display: none;
}

@media screen and (max-width: 700px) {
    #callme_button_phone { display: block; }
    #callme_button_computer { display: none; }
}

@keyframes pzv-inner-animation
{
	0%
	{
		transform: scale(1);
	}
	40%
	{
		opacity: 0.9;
		transform: scale(1.2);
	}
	100%
	{
		transform: scale(1.5);
	}
}
@keyframes pzv-outer-animation
{
	0%, 100%
	{
		transform: scale(1.5);
	}
	40%
	{
		transform: scale(1);
	}
}
@keyframes pzv-phone-animation
{
	0%, 50%, 100%
	{
		transform: rotate(0deg);
	}
	10%, 30%
	{
		transform: rotate(-25deg);
	}
	20%, 40%
	{
		transform: rotate(25deg);
	}
}
@-webkit-keyframes pzv-inner-animation
{
	0%
	{
		webkit-transform: scale(1);
	}
	40%
	{
		opacity: 0.9;
		transform: scale(1.2);
		webkit-transform: scale(1.2);
	}
	100%
	{
		webkit-transform: scale(1.5);
	}
}
@-webkit-keyframes pzv-outer-animation
{
	0%, 100%
	{
		webkit-transform: scale(1.5);
	}
	40%
	{
		webkit-transform: scale(1);
	}
}
@-webkit-keyframes pzv-phone-animation
{
	0%, 50%, 100%
	{
		webkit-transform: rotate(0deg);
	}
	10%, 30%
	{
		webkit-transform: rotate(-25deg);
	}
	20%, 40%
	{
		webkit-transform: rotate(25deg);
	}
}
@-moz-keyframes pzv-inner-animation
{
	0%
	{
		moz-transform: scale(1);
	}
	40%
	{
		moz-transform: scale(1.2);
		opacity: 0.9;
	}
	100%
	{
		moz-transform: scale(1.5);
	}
}
@-moz-keyframes pzv-outer-animation
{
	0%, 100%
	{
		moz-transform: scale(1.5);
	}
	40%
	{
		moz-transform: scale(1);
	}
}
@-moz-keyframes pzv-phone-animation
{
	0%, 50%, 100%
	{ moz-transform: rotate(0deg);
	}
	10%, 30%
	{
		moz-transform: rotate(-25deg);
	}
	20%, 40%
	{
		moz-transform: rotate(25deg);
	}
}

.rotator {
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.fotorama__html {
    text-align: center;
    padding-top: 3%;
    color: #FFFFFF;
}
.fotorama__html big {
    font-size: 38px;
    line-height: 30px;
}
.fotorama__stage {
    background: #FFFFFF;
    margin-top: 30px;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 0px 30px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 0px 30px rgba(0, 0, 0, 0.2); 
}
/*
.fotorama__html div,
.fotorama__html a {
    display: block;
    position: absolute;
    width: 80%;
    left: 10%; 
    height: 100%;  
    background: /img/1px.png;
}
*/

.phone {
    font-size: 19px;
    font-weight: bold;  
}

.menu { 
    padding-top: 10px;
}
.menu a {
    font-size: 16px;
    font-weight: bold;
    font-family: Arial;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 10px;
    color: #000000;
}
.menu a:hover {
    color: #008dd2;
}
.menu a:last-child { }



.menu2 {
	padding-top: 5px;
}
.menu2 a {
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
}
.menu2 a:hover {
	color: #008dd2;
}
.menu2 a:last-child { }




.header_line {
    background: url('../img/header_line.gif') repeat-x center center; 
    text-align: center;
}
.header_line span {
    background: #FFFFFF;
    padding-left: 20px;
    padding-right: 20px;
}
.header_line .h1 {
    font-size: 19px;
}

@media (max-width: 900px){
    .header_line {
        background: none;
    }
    .header_line span {
        padding: 0px;
    }
}


.catalogs {
    margin: 0 auto; 
    padding-top: 10px;
    display: flex; 
    flex-wrap: wrap;
    justify-content: start;
    align-items: stretch;
}
.catalog {
    margin: 0px;
    padding: 0px;
    flex: 0 0 33.3%;  /* (<flex-grow> | <flex-shrink> | <flex-basis>) */
    justify-content: space-between;
    vertical-align: top;  
    padding-bottom: 30px;
}
.catalog .catalog_block {
    margin: 0px;
    padding: 0px;
    margin: 10px;
    line-height: 25px;
}
.catalog .catalog_block:last-child {
    margin-left: 0px;
}
.catalog .catalog_block:first-child {
    margin-right: 0px;
}
.catalog .catalog_block span {
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.catalog .catalog_block b {
    padding-top: 3px;
    color: #ff0000;
    display: block;
}
.catalog .photo {
    background: #FFFFFF;
    padding: 10px;
}
.catalog .photo img {
    max-width: 100%; 
}
.catalog:hover a {
    text-decoration: none;
}

@media (max-width: 900px){
    .catalogs {
        display: block; 
        flex-direction: column; 
    }
    .catalog {
        margin-bottom: 0px;
    }
    .catalog .catalog_block {
        text-align: center;
    }
}






.categorys {
    margin: 0 auto; 
    padding-top: 10px;
    display: flex; 
    flex-wrap: wrap;
    justify-content: start;
    align-items: stretch;
}
.category {
    margin: 0px;
    padding: 0px;
    flex: 0 0 25%;  /* (<flex-grow> | <flex-shrink> | <flex-basis>) */
    justify-content: space-between;
    vertical-align: top;  
    padding-bottom: 10px;
}
.category .category_block {
    margin: 10px;
    line-height: 25px;
    text-align: center;
}
.category .category_block:last-child {
    margin-left: 0px;
}
.category .category_block:first-child {
    margin-right: 0px;
}
.category .category_block span {
    display: block;
    font-size: 18px;
    font-weight: bold;
}
.category .photo {
    background: #FFFFFF;
    margin-bottom: 10px;
}
.category .photo img {
    max-width: 100%; 
}
.category:hover a {
    text-decoration: none;
}

@media (max-width: 900px){
    .categorys {
        display: block; 
        flex-direction: column; 
    }
    .category {
        margin-bottom: 30px;
    }
    .category .category_block {
        text-align: center;
    }
}





.mybutton {
    background-color: #000000;
    color: #FFFFFF;
    border-radius: 25px;
    padding: 15px 45px 15px 45px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase; 
}
.mybutton:hover {
    background-color: #008dd2;
    color: #FFFFFF;
}



.shadow {
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6);
}


.large {
    font-size: 16px;
}

.cate {
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
}


.partners {
    margin: 0 auto; 
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}
.partner {
    margin: 0px;
    padding: 0px;
    flex: 1 1 14%;  /* (<flex-grow> | <flex-shrink> | <flex-basis>) */
    justify-content: space-between;
    vertical-align: top;  
    text-align: center; 
}
.partner img {
    max-width: 100%;
}
.partner img:hover {
    opacity: 1;   
}

@media (max-width: 900px){
    .partners {
        flex-direction: column; 
    }
}




.insta_block {
    background: url('../img/insta_block.gif') repeat-x center top; 
    padding-top: 53px;
    height: 211px; 
    width: 100%; 
    overflow: hidden;
    margin-top: -30px;
}
.insta_block_box {
    height: 255px; 
    width: 5000px;
}
.insta_block_box img { 
    width: 159px;
    height: 159px;
    border: 3px solid #FFFFFF;
    -moz-transition: all 0.05s ease;
    -o-transition: all 0.05s ease;
    -webkit-transition: all 0.05s ease;
}
.insta_block_box img:hover{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2); 
    -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2); 
    box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}



.is-content {
    line-height: 170%;
}




.is-verticalcenter {
    display: flex;
    justify-content: center;
    align-items: center;
}





.shadow_hr { 
    padding-top: 20px;
    background: url('../img/shadow.gif') repeat-x center top; 
}




.submenu, .submenu ul, .submenu li { list-style:none; margin:0px;padding:0px; }
.submenu li { TEXT-DECORATION: none; padding-left: 10px; padding-top: 7px; padding-bottom: 7px; padding-right: 5px; border-bottom: 1px solid #EBEBEB; }
.submenu a { TEXT-DECORATION: none; color: #000000; }
.submenu li.optionselected { font-weight: bold; TEXT-DECORATION: none; background: #000000; color: #FFFFFF; }
.submenu li.optionselected a { color: #FFFFFF; }
.submenu li:last-child { border-bottom: 0px solid #EBEBEB; }



.optionselected { font-weight: bold; TEXT-DECORATION: none; }




.contents_block {
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.contents_block .content_block0 {
	flex: 1 1 100%;
}
.contents_block .content_block1 {
	flex: 1 1 25%;
	padding-right: 3%;
}
.contents_block .content_block2 {
	flex: 1 1 75%;
}
.contents_block .content_block2 {
	padding: 0px;
}
@media (max-width: 900px){
	.contents_block {
		flex-direction: column;
	}
	.contents_block .content_block1 {
		display: none;
	}
	.contents_block .content_block0, .contents_block .content_block1, .contents_block .content_block2 {
		padding: 0px;
		margin: 0px;
		flex-direction: column;
		text-align: left;
		margin-bottom: 20px;
	}
}







/*** Start zoom component ***/
.averin_editor_image:hover { cursor: -webkit-zoom-in; cursor: zoom-in; }
/*** End zoom component ***/







.navigation {
	background: #FFFFFF;
	box-shadow: 0px 0px 40px rgba(0,0,0,0.2);
	display: none;
}

.navigation_fixed {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	right: 0px;
}





.elevator { display: none; position: fixed; top: 0; bottom: 0; left: 0; width: 80px; font-size: 13px; font-weight: bold; padding-top: 15px; z-index: 1000; background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.5); text-align: center; }
.elevator span { font-size: 12px; font-weight: normal; }
.elevator:hover { cursor: pointer; background: rgba(0, 0, 0, 0.4); }
@media (max-width: 1000px) {
	.elevator { width: 50px; font-size: 18px; font-weight: bold; }
	.elevator span { display: none; }
}
@media (max-width: 900px) {
	.elevator { width: 30px; font-size: 13px; font-weight: bold; }
	.elevator span { display: none; }
}
@media (max-width: 550px) {
	.elevator { position: fixed; top: 0; bottom: 0; left: -100px; width:10px; display: none; }
}
.elevator { width: 30px; font-size: 13px; font-weight: bold; }
.elevator span { display: none; }




.menu_catalog {
	text-align: center;
}
.menu_catalog a {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
	text-transform: uppercase;
	margin-left: 10px;
	margin-right: 10px;
}





.item_open {
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}
.item_open .item_open_block1 {
	flex: 3;
	vertical-align: top;
}
.item_open .item_open_block2 {
	flex: 2;
	vertical-align: top;
}

.item_open .item_open_block2 .information_block {

}

@media (max-width: 900px){
	.item_open {
		flex-direction: column;
	}
	.item_open .item_open_block1 {
		flex-direction: column;
		text-align: center;
	}
	.item_open .item_open_block2 {
		flex-direction: column;
		text-align: center;
	}
}





.rub {
	line-height: 5px;
	width: 0.4em;
	border-bottom: 1px solid #000000;
	display: inline-block;
}
.white .rub {
	line-height: 5px;
	width: 0.4em;
	border-bottom: 1px solid #FFFFFF;
	display: inline-block;
}



.description {
	line-height: 180%;
}









.store_categorys {
	padding: 0px;
	margin: 0px;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	padding-top: 20px;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: stretch;
	justify-content: flex-start;
}
.store_categorys .store_category {
	flex: 0 1 30%;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #FFFFFF;
	box-shadow: 0px 0px 60px rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 1.5%;
	margin-bottom: 20px;
}
.store_categorys .store_category div {
	padding: 20px;
	margin: 0px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.store_categorys .store_category div img {
	display: block;
	padding-bottom: 20px;
	width: 100%;
	border: 0px;
}
@media (max-width: 1200px){
	.store_categorys .store_category {
		flex: 0 1 33.3%;
	}
}
@media (max-width: 900px){
	.store_categorys .store_category {
		flex: 0 1 50%;
	}
}
@media (max-width: 700px){
	.store_categorys {
		flex-direction: column;
		display: block;
	}
	.store_categorys .store_category {
		flex: 100%;
		flex-direction: column;
		display: block;
		margin-bottom: 20px;
		padding: 0px;
	}
}




.content {
	line-height: 21px;
}

.card {
	font-size: 16px;
	padding-top: 5px;
}


.store_item_contents {
	padding: 0px;
	margin: 0px;
	margin: 0 auto;
	display: -webkit-flex; /* Safari */
	display: flex;
	margin-bottom: 20px;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: stretch;
	background: #FFFFFF;
	box-shadow: 0px 0px 60px rgba(0,0,0,0.1);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
}
.store_item_contents .store_item_img {
	flex: 0 1 15%;
	text-align: left;
	margin-right: 4%;
}
.store_item_contents .store_item_details {
	flex: 0 1 50%;
	text-align: left;
	margin-right: 4%;
}
.store_item_contents .store_item_price {
	flex: 1 1 20%;
	text-align: right;
}
@media (max-width: 700px){
	.store_item_contents {
		flex-direction: column;
		display: block;
	}
	.store_item_contents .store_item_img {
		flex: 100%;
		flex-direction: column;
		display: block;
		margin-bottom: 20px;
		padding: 0px;
	}
	.store_item_contents .store_item_details {
		flex: 100%;
		flex-direction: column;
		display: block;
		margin-bottom: 20px;
		padding: 0px;
	}
	.store_item_contents .store_item_price {
		flex: 100%;
		flex-direction: column;
		display: block;
		margin-bottom: 20px;
		padding: 0px;
	}
}


.listing2 { margin:0px; padding:0px; ist-style: none !important; }
.listing2 ul,li { list-style: none !important; }
.listing2 li { ist-style: none !important; float:left; padding: 5px; padding-left: 10px; padding-right: 10px; margin-left: 3px; text-align:center; }
.listing2 li a { font-size: 17px; text-decoration:none; display:block; }
.listing2 li.hover { float: left; background: #0068ba; color: #FFFFFF; font-size: 25px; text-align:center; font-weight: normal }
.listing2 li:hover { float: left; background: #069cfa; color: #FFFFFF; }
.listing2 li:hover a { color: #FFFFFF; }




/*
English:

CSS framework framework.averin.pro
Version: 5.0.1
Prefix: ""
Author: Artemiy Averin (ya@averin.pro)
Company: Design studio Artemy Averin (https://averin.pro/)

Docs & Examples: https://framework.averin.pro/

Русский:

CSS фреймворк framework.averin.pro
Версия: 5.0.1
Префикс: ""
Студия Артемия Аверина (ya@averin.pro)

Документая и примеры: httpы://framework.averin.pro/
*/

/*** Start messangers component ***/
.amm_button_block {
	position: fixed;
	bottom: 33px;
	right: 33px;
	z-index: 1000;
}
.amm_button_block span {
	background-color: rgba(255, 0, 0, 0.95);
	font-size: 16px;
	color: #fbfdff;
	border-radius: 20px;
	padding: 10px 25px 10px 25px;
	-webkit-animation: message_button-shake 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	animation: message_button-shake 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	box-shadow:
			0 -10px 5px rgba(0,0,0,0.01),
			0 1px 1px rgba(0,0,0,0.02),
			0 2px 2px rgba(0,0,0,0.02),
			0 4px 4px rgba(0,0,0,0.02),
			0 8px 8px rgba(0,0,0,0.01),
			0 16px 16px rgba(0,0,0,0.01),
			0 32px 32px rgba(0,0,0,0.01);
	margin: 0px auto;
	display: inline-block;
}
@media (max-width: 900px){
	.amm_button_block {
		left: 0px;
		right: 0px;
		text-align: center;
	}
}
.amm_button:hover {
	cursor: pointer;
	background-color: rgba(220, 0, 0, 0.95);
}
.amm_block_mobile {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1002;
}
.amm_block_mobile .ammcontent {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.amm_block_mobile .amm_cancel {
	display: block;
	padding: 16px 0;
	border-radius: 12px;
	margin: 0 10px 15px;
	text-align: center;
	background-color: #fff;
	color: #0076ff;
	font-size: 18px;
	font-weight: 600;
	font-family: sans-serif;
	cursor:pointer;
}
.amm_block_computer {
	display: none;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,0.7) 100%);
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1002;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.amm_block_computer .ammcontent {
	text-align: center;
}
.amm_block_computer .ammcontent p {
	padding-bottom: 20px;
}
.amm_block_computer .ammcontent span {
	font-size: 18px;
	opacity: 0.8;
}
.amm_block_computer .amm_cancel {
	position: absolute;
	top: 50px;
	right: 50px;
	cursor:pointer;
}
.ammb {
	display: block;
	border-radius: 12px;
	margin: 0 10px 15px;
	text-align: center;
	background-color: #f2f2f2;
	font-size: 18px;
	color: #0076ff;
	margin: 10px 10px 8px;
}
.ammb div {
}
.ammb span {
	display: block;
	font-size: 13px;
	color: #949494;
	font-family: sans-serif;
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid #dddde0;
}
.ammb a {
	display: block;
	text-align: center;
	font-size: 18px;
	text-decoration: none;
	color: #0076ff;
	padding: 15px 0;
	border-bottom: 1px solid #dddde0;
}
.ammb a:last-child { border-bottom: 0px solid #f2f2f2; }
@-webkit-keyframes message_button-shake { 0%, 50%, 100% { -webkit-transform: translateX(0);
	transform: translateX(0); }
	5%, 15%, 25%, 35% { -webkit-transform: translateX(-2px);
		transform: translateX(-2px); }
	10%, 20%, 30% { -webkit-transform: translateX(2px);
		transform: translateX(2px); }
	40% { -webkit-transform: translateX(1px);
		transform: translateX(1px); }
	45% { -webkit-transform: translateX(-1px);
		transform: translateX(-1px); } }
@keyframes message_button-shake { 0%, 50%, 100% { -webkit-transform: translateX(0);
	transform: translateX(0); }
	5%, 15%, 25%, 35% { -webkit-transform: translateX(-2px);
		transform: translateX(-2px); }
	10%, 20%, 30% { -webkit-transform: translateX(2px);
		transform: translateX(1px); }
	40% { -webkit-transform: translateX(1px);
		transform: translateX(1px); }
	45% { -webkit-transform: translateX(-1px);
		transform: translateX(-1px); } }
/*** End messangers component ***/