body {
    background: url("../images/bg.jpg") fixed;
    font-family: 'Play', sans-serif;
    font-size: 17px;
    color:#444;
	
}
a, a.ajaxlink { color: #333; text-decoration:none;}
a:hover, a.ajaxlink:hover { color: #777; }

a.ajaxlink { text-decoration:none; border-bottom: dashed 1px #95a5a6; }
a.ajaxlink:hover { text-decoration:none; border-bottom: dashed 1px #d35400; }

h1 { padding:0; margin-top:0px; margin-bottom: 10px; font-size:28px; }
h1 span { color:#BDC3C7; }
h1 a { color:#BDC3C7; }
h1 a:hover { color:#d35400; }
h1, h2, h3, h4, h5, h6 { color:#348aad; font-weight: normal; margin-bottom: 10px; }

p { line-height:30px; }
li {list-style:none;}

#layout {width: 100%;}
#layout header {display: flex; flex-wrap: wrap; justify-content:space-between; background: none; height: 125px;}
header, #body {
    max-width: 1280px;
    margin: 0 auto;
}
#layout header #logo a, #layout header #logo > span {
    display: block;
    float: left;
    width: 230px;
    height: 120px;
    background: url("../images/logo.png") no-repeat left center;
}
header .widget_user_avatar .user_info {
    float: right;
    clear: none;
    margin: 0;
    background: none;
    line-height: 30px;
    height: 30px;
    padding: 0px 30px 0px 5px;
    box-sizing: border-box;
    transition: background 0.5s;
    position: relative;
}
.hh1 {margin-top:15px; font-size:42px;}
.hh2 {color:#00bfd7; margin-top: 1px; line-height: 15px;}

.widget_slider_owl {margin:-10px 0px 10px 0px ;}
#body .widget_slider_owl {margin:0px 0px 10px 0px ;}
#body aside {width: 24%;}
#body section {min-height: calc(100vh - 236px);}
#layout footer {
    background: #348aad;
    height: 60px;
    color: #eee;
    padding: 0 15px;
    clear: both;
    font-size: 14px;
}
#layout footer a {color: #fff;}
#layout footer #info {display:none;}
#layout footer #web {float: right;height: 31px;line-height: 31px;margin: 12px;}
input.button-submit, input.button {font-size: 17px;background: #348aad;}
input.button-submit:hover, input.button:hover {background: #348aad;}


header .tel {
    height: 40px;
    line-height: 80px;
    display: block;
	color: #348aad;
	font-size: 24px;
}
header .menu {
    line-height: 100px;
    padding-top: 30px;
}
header .menu .item {
    background-image: none;
    padding-left: 8px;
}

header .menu ul { width: 320px; margin-top: 1px; }
header .menu > li > a {font-size: 17px;}
header .menu ul li:hover > a { background-color: #fff; color: #333; }
header .menu ul li a, header .menu li.active ul li a {font-size: 17px;}
header .menu span {
    height: 40px;
    line-height: 40px;
    display: block;
	color: #00abd2;
}
header .menu span {
    border-top: 2px solid #e9eef3;
}
header .menu span:hover {
    border-top: 2px solid #00abd2;
}
header .menu li ul span  {
    border-top: 0px solid #fff;
}
header .menu li ul span:hover  {
    border-top: 0px solid #fff;
}

#glav{
	background: url("../images/fon.jpg") no-repeat top right;
	background-size: cover;
}
.glav {
	display:flex;
	flex-wrap: wrap;
	align-content:space-around;
	max-width:1280px;
	margin:0px auto;
	padding: 20px;
	height: 100vh;
}

#glav1 h1{font-size:53px;transition:5.4s;}
#glav1 h2{font-size:32px;color:#1aabbc;}
#glav2 {width:100%;height: 152px;}
#glav2 a{font-size:32px; line-height: 50px; color:#fff; text-shadow: 3px 3px 3px #444;}
#glav2 a:hover{text-shadow: 1px 1px 1px #444; transition:0.4s;}
#glav2 .adr{font-size:30px; border-bottom:1px dotted #fff;}
#t1, #t2, #t3{display:none;  transition:0.5s;}
.button1 {float:left; display:block; border:3px solid #fff; font-size: 28px; padding: 10px 17px; color:#fff; background: rgba(0, 15, 39, 0.5);}
.button1:hover {background: #fff; border:3px solid #fff; color:#333;}
.button2 {float:left; display:block; font-size: 28px; padding: 17px 30px; color:#fff;}
.button3 {float:left; display:block; border:3px solid #fff; font-size: 28px; padding: 10px 17px; color:#fff; background: rgba(0, 15, 39, 0.4);}
.button3:hover {background: #fff; border:3px solid #fff; color:#333;}

/* Main Navigation =========================================================== */

nav {
	max-width: 1280px;
    height:50px;
    margin: 0px auto;
    background: #348aad;
    padding: 0;
    font-size:17px;
}
.nav_menu2{
   background: #348aad!important;
   position: fixed;
   max-width: 100%;
   margin: 0px auto;
   top: 0px;
   z-index: 99;
   width: 100%;
   opacity:0.9;
}
nav .menu,
nav .menu li,
nav .menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
	float:none;
}

nav .menu {
    max-width: 1280px;
    margin: 0 auto;
	display:flex;
	justify-content:space-between;
    position: relative;
	z-index: 5;
    height: 50px;
    line-height: 50px;
}

nav .menu .item{
    background-image:none !important;
}

nav .menu > li {
    flex-grow: 1;
	text-align: center;
}

nav .menu > li:first-child {
    background:none;
}

nav .menu > li > a {
    display: block;
    padding: 0 15px;
    color:#FFF;
    text-decoration: none;
    text-transform: uppercase;
	font-weight: normal;
}

nav .menu > li > a:hover {
    background: #95a5a6 !important;
}

nav .menu > li.active > a { background: #00bfd7 !important; }
nav .menu > li.active > a:hover {  }
nav .menu > li.active > ul a:hover { color:#000; }

nav .menu ul li a,
nav .menu li.active ul li a {
    color: #000;
    text-shadow: none;
    text-decoration: none;
    padding: 0 10px;
}

nav .menu li ul li.active > a{ color:#00bfd7; }
nav .menu li ul li.active > a:hover { color:#00bfd7; }

nav .menu ul li:hover > a { background-color: #00bfd7; }

nav .menu li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}

nav .menu ul {
    visibility: hidden;
    position: absolute;
    top: 98%;
    left: 0;
    z-index: 999;
    width: 100%;
    box-shadow: 0 1px 1px #000;
}

nav .menu ul li {
    float: none;
    border-bottom: solid 1px #fff;
    background-color: #f9f9f9;
    color: #000;
}

nav .menu ul li:last-child {
    border-bottom: none;
}

nav .menu ul li a {
    display: block;
    height:50px;
    line-height:50px;
    overflow: hidden;
	text-align:left;
}

nav .menu ul ul {
    top: 0px;
    left: 99%;
}
nav .menu > li:last-child ul ul {
    top: 0px;
    left: -99%;
}
nav .menu li:hover > ul {
    visibility: visible;
}

nav .menu ul { width: 320px; margin-top: 1px; }

nav .menu ul li:last-child,
nav .menu ul li:last-child a {
}

nav .menu ul li:first-child,
nav .menu ul li:first-child a {
}

nav .menu > .folder > a {
    padding-right: 8px;
}

nav .menu > .folder > a > .wrap {
    padding-right: 20px;
    background: url("../images/nav-arrow-down-white.png") no-repeat right center !important;
}

nav .menu ul *.folder > a {
    padding-right: 15px;
    background-image: url("../images/nav-arrow-right.png") !important;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}
nav .menu > li:last-child ul *.folder > a {
    padding-left: 20px;
    background-image: url("../images/nav-arrow-left.png") !important;
    background-position: 0% 50%;
    background-repeat: no-repeat;
}
.gui-panel {background: #f9f9f9;border: solid 1px #eee;}
.filter-panel .filter-link a {color: #555;}
.filter-panel .fields {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.filter-panel .fields .field {
    width: 24%;
}
.menu_navgoco_simple_slide_navigation li a {background: #fff;padding: 0px 10px;font-size: 16px;line-height: 40px;}
.menu_navgoco_simple_slide_navigation > li > a {background: #fff;font-size: 16px;line-height: 40px;}
.menu_navgoco_simple_slide_navigation > li.active > a {background-color: #e6e6e6;}
.menu_navgoco_simple_slide_navigation a:hover, .menu_navgoco_simple_slide_navigation li.active > a {background-color: #e6e6e6; color: #555;}
.menu_navgoco_simple_slide_navigation {padding: 0px;}
.menu_navgoco_simple_slide_navigation > li {margin: 0px;}
.menu_navgoco_simple_slide_navigation > li li {margin: 0px;}
/* Wigets ============================================================ */
#widget_pos_header{display:flex; flex-wrap: wrap; justify-content:flex-end;}
#widget_pos_header h2{margin:0px;height: 70px; line-height: 70px;color:#95a5a6;}
#widget_pos_left-bottom{margin-bottom:10px;}
.widget_user_avatar .user_info .name a {color: #95a5a6;font-size: 12px;font-weight: normal;}
header .widget_user_avatar {margin: 16px;}
header .widget_user_avatar .menu {background: #fff;top: 30px;box-shadow: -2px 2px 10px #ddd;}
header .widget_user_avatar:hover .user_info {background: #fff;}
header .widget_user_avatar:hover .user_info a, header .menu > li > a, header .menu > li > ul > li > a {background: #fff; color:#333;}
header .widget_user_avatar .menu ul {box-shadow: 0px 0px 0px #fff;}
header .menu ul li {border-bottom: solid 0px #fff;background-color: #fff;color: #333;}
header .widget_user_avatar .menu > li:hover, header .widget_user_avatar .menu ul li a:hover {background-color: #f9f9f9;}
header .menu > li > a:hover, header .menu > li > ul > li > a:hover {color:#000;}
aside .widget > .title {
    font-weight: normal;
    font-size: 17px;
    color: #FFF;
    background: #95a5a6;
    height: 38px;
    line-height: 38px;
    padding-right: 5px;
}

.widget > .title {
    padding: 0 15px;
    height: 60px;
    line-height: 67px;
    background: #fff;
    font-weight: normal;
    font-size: 36px;
    color: #348aad;
	text-align: center;
}

.widget_tabbed .tabs ul {
    overflow: hidden;
    height: 47px;
    line-height: 47px;
    background: #348aad;
}
.widget_search {
    background-color: #348aad;
    margin: -15px;
    padding: 0px;
}
.widget_content_list.tiles-big .item .image {
    margin-bottom: 5px;
    clear: both;
    width: 100%;
    height: 150px;
}
.widget_content_filter .date-input, .widget_content_filter .input-small {
    width: 38% !important;
}
.input-small {
    width: 38% !important;
}
.widget_content_slider .slide .heading {background: rgba(126, 159, 181, 0.5);}
.widget_content_slider .slide .heading h2 {font-size: 17px;font-weight: normal;color: #ffffff;}
.widget_content_slider .items .item.active {background: #348aad;}
.relevants{display:flex; flex-wrap:wrap; justify-content:space-between;}
.relevants_list_item{width:33%;}
.relevants_list_item img{width:100%;}
.relevants_list_item .description, .relevants_list_item .title{text-align:center;}
.relevants_list_item .description:after{content:"руб.";}

.nyroModalCont {margin: 52px;}
.widget_content_livefilter .field{margin-bottom:20px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 0px solid #348aad;
    background: #348aad;
    font-weight: normal;
    color: #2b2b2b;
}
.ft_number .value{margin-bottom: 10px;}

/* Content ============================================================ */
.content_categories ul{display:flex; flex-wrap:wrap; justify-content:space-around;}
.content_categories li {
    font-size: 17px;
    padding: 0px;
    background: none;
    margin: 3px;
}

.content_categories li a {
    padding: 2px 7px 2px 7px;
	color:#348aad;
	border:2px solid #348aad;
}
.content_categories li a:hover {color:#95a5a6;border:2px solid #95a5a6;}
.content_list_item:nth-child(odd) {
    background: #f9f9f9;
}
.content_list.table table td.photo a {
    width: 150px;
    height: auto;
    background: url(../images/nophoto.png) no-repeat center;
}
.spoil {border: 1px solid #f9f9f9;}
	.spoil .sp_top {
    background: #fefefe;
    border-bottom: 1px solid #f9f9f9;
}
/* Cart list ============================================================ */

.content_list.table .f_cart .fa{display:none;}
.content_list.table .button_line{padding:2px 7px;border:2px solid #348aad;cursor:pointer;display: table-caption;}
.content_list.table .button_line:hover{border:2px solid #348aad;}

/* Cart content ============================================================ */
.content_item_props table .title {color: #666;}
.content_item_props table tr:hover td.title,
.content_item_props table tr:hover td.value{
    color:#666;
}
.content_item_props table tr td {padding: 15px 0;}
.content_item .field.f_cart {
	width:240px;
    float: left;
    margin: 0px 0px 15px 0px;
}
.magazin_item{ 
    position: relative;
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
}
.magazin_item .content_item_props {
	order:-4;
	width:200px;
    padding: 10px;
    margin-bottom: 15px;
    background: #f9f9f9;
    border: solid 1px #fff;
    color: #34495E;
    float: left;
}
.magazin_item .content_item_props ul{
	margin:0px;
}
.magazin_item .field{
    color:#555;
}


.magazin_item .f_photo{
	order:-6 !important;
    clear:none;
	width: calc(100% - 660px) !important;
	border:1px solid #ddd;
}
.magazin_item .f_photo img {
    display: block;
    margin:0;
	width:100%;
}
.magazin_item .f_art {
    display: block;
    margin:0;
	width:170px;
}
.magazin_item .f_photos .value {
    display: block;
}
.magazin_item .f_photos {
    width:190px !important;
}
.magazin_item .f_photos {
	order:-5 !important;
	width:100px;
}
.magazin_item .f_photos img {
    display: inline-block;
    margin:0 2px 2px 0;
	width:99%;
	border-bottom: 1px solid #ccc;
}

.magazin_item .f_podopisanie {
    max-width:100%;
}
.magazin_item .ft_cartlist{
	order:-3 !important;
	background: #eef9ef;
	padding: 0px 7px;
}
.magazin_item .f_vendor {
	order:-2 !important;
	background: #f4f4f4;
	padding: 16px;
	text-align:center;
	margin-right:1px;
}
.magazin_item .f_rest {
	order:-2 !important;
	background: #f4f4f4;
	padding: 16px;
	text-align:center;
	margin-right:1px;
}
.magazin_item .f_cart_discount {
	order:-2 !important;
	background: #f4f4f4;
	padding: 16px;
	text-align:center;
	margin-right:1px;
}
.magazin_item .f_cart {
	order:-1 !important;
	background: #fff8f7;
	padding: 10px;
}
.magazin_item .f_cart .value{
}
.magazin_item .board_item_props {
	position:absolute;
	width:300px;
	top:50px;
	right:0px;
}
.magazin_item .f_content {
	width:100%;
}
.content_item .field.left_field {
    float: left;
    margin-right: 15px;
}
.content_item .field.f_zakaz {
    margin-top: 50px;
}
#controller_wrap .content_item .add_cart, .cart_modal_item .add_cart {
	background-color: #348aad;
	margin-top:10px;
	padding-left: 10px;
    padding-right: 10px;
    border-radius: 4px;
    color: #FFFFFF;
    width: 140px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    font-size: 22px;
}

#controller_wrap .content_item .add_cart:hover, .cart_modal_item .add_cart:hover {background-color: #348aad;}
#controller_wrap .content_item .add_fav, .cart_modal_item .add_fav {
    font-size: 36px;
    line-height: 52px;
    display: inline-block;
    padding-left: 10px;
    cursor: pointer;
}
#controller_wrap .content_item .add_fav, .cart_modal_item .add_fav {padding-left: 15px;}
#controller_wrap .content_item .price_line, .cart_modal_item .price_line {font-size: 30px; margin-top: 0px;color: #5c8077; font-weight: normal;}
#controller_wrap .content_item .price_line {margin-bottom: 0px;}
.cart_modal_item .old_price {margin-left: 10px;margin-right: 10px;}
#controller_wrap .content_item .old_price {margin-left: 0px;margin-right: 0px;display: block;color: #B1B1B1;text-decoration: line-through;line-height: 30px;}
#controller_wrap .content_item .old_price:after{content:' ₽';text-decoration: line-through;}
#controller_wrap .cart_tile .button_line .add_cart {width: 150px;}
.first_type_images, .second_type_images {margin-right: 0px;}
.fixed_actions_menu .save{display:none}

.content_list, .widget_content_list.tiles-big {display:flex;flex-wrap:wrap; justify-content:space-between;}
.content_list.tiled .clear {
    display:none;
}
.content_list.tiled .tile, .widget_content_list.tiles-big .item {
    width: 24%; border: 1px solid #8fb1bf; padding: 5px; margin-right: 0px;}
.content_list.tiled .tile .fields{display:flex;flex-wrap:wrap; justify-content:center;}
.content_list.tiled .tile .photo {
    height: auto;
    overflow: hidden;
    position: relative;
    background: none;
	min-height: 280px;
	text-align: center;
}
.content_item .ft_image {
    max-width: 320px;
}
.widget_content_list.tiles-big .item .image{height: 250px;}
.widget_content_list.tiles-big .item .title {font-size: 17px;text-align: center;}
.content_list.tiled .tile .f_art {display: flex; font-size: 12px; min-width: 200px; justify-content:center;} 
.content_list.tiled .tile .f_art .title_left {font-weight: normal; color:#aaa; }
.content_list.tiled .tile .f_title { min-width: 200px; text-align: center;}
.content_list.tiled .tile .f_zakaz { min-width: 200px; text-align: center;}
.field .input_checkbox_list {
    display: flex;
    flex-wrap: wrap;
}
.yandex_button{display:flex;flex-wrap:wrap; justify-content:space-between;}
.yandex_button form {margin-top: 5px;}
.yandex_button img{display:none;}
.yandex_button input.button-submit, .yandex_button input.button {font-size: 24px;background: #ffa500;}
.fbtn{font-size: 17px;background: #348aad; color:#fff;padding: 7px 10px;border-radius: 3px;}

.add_fav, #controller_wrap .content_item .add_fav, .cart_izbr, .fa-shopping-basket {display: none !important;}


.sr, .seu, .sl, .fi img {
    visibility: hidden !important;
}
.slideRight {
    animation-name: slideRight;
    -webkit-animation-name: slideRight;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    visibility: visible !important;
}
.slideExpandUp{
	animation-name: slideExpandUp;
	-webkit-animation-name: slideExpandUp;	

	animation-duration: 1.6s;	
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease -out;

	visibility: visible !important;	
}

@keyframes slideExpandUp {
	0% {
		transform: translateY(100%) scaleX(0.5);
	}
	30%{
		transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		transform: translateY(2%) scaleX(0.5);
	}
	50%{
		transform: translateY(0%) scaleX(1.1);
	}
	60%{
		transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		transform: translateY(0%) scaleX(1);		
	}
}

@-webkit-keyframes slideExpandUp {
	0% {
		-webkit-transform: translateY(100%) scaleX(0.5);
	}
	30%{
		-webkit-transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		-webkit-transform: translateY(2%) scaleX(0.5);
	}
	50%{
		-webkit-transform: translateY(0%) scaleX(1.1);
	}
	60%{
		-webkit-transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		-webkit-transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		-webkit-transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		-webkit-transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		-webkit-transform: translateY(0%) scaleX(1);		
	}
}
.pulse{
	animation-name: pulse;
	-webkit-animation-name: pulse;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;		
	}
	50% {
		transform: scale(1);
		opacity: 1;	
	}	
	100% {
		transform: scale(0.9);
		opacity: 0.7;	
	}			
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;		
	}
	50% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;	
	}			
}
.iforms_container {
    position: relative;
    width: 300px;
}
/* Media Queries ============================================================ */

	.m425{display:none;}
    .m425n{display:block;}

@media screen and (max-width: 1280px) {
.content_item_props {margin-right: 50px;}
.content_item .field.f_cart{margin:0px;}
nav {font-size: 13px;}
}

@media screen and (max-width: 980px) {
    .plan{display:block;}
	.plann{display:none;}
	#layout {width: 100% !important;}
	#body section, #body aside {float:none !important; width: 98% !important; margin-left:auto; margin-right:auto;}
	#body aside .widget_ajax_wrap{display:flex; flex-wrap:wrap; justify-content:space-between;}
	#body aside .widget_ajax_wrap .widget{width:32%; }
	.content_item_props {margin-right: 50px;}
	nav {font-size: 11px;}
	.cart_tile {width: 24%;}
}

@media screen and (max-width: 800px) {
	#body aside .widget_ajax_wrap .widget{width:49%; }
	.content_list.tiled .tile {width: 49%;}
	nav select {display:none;}
}

@media screen and (max-width: 720px) {
	#layout header {height: auto;}
	#layout header #logo {width: 300px;}
	.content_item_props {margin-right: 0px;}
	.cart_tile {width: 32%;}
	.glav{background: rgba(0, 15, 39, 0.8); display:flex; flex-wrap:wrap; justify-content:center;}
	#glav2 {width: auto;}
	.kat{display:flex; flex-direction:column;}
.catalog_list tr, .catalog_list td {display:block;}
.catalog_list tr {border-top: solid 3px #ecf0f1; padding-top:3px;}
.content_list.table table td {border-bottom: solid 0px #ecf0f1;}
.content_list.table table th, .content_list.table table td {padding: 2px;}
.content_list.table .button_line, .content_list.table .f_strana, .content_list.table thead{display:none;}
.content_list.table .price_line{float: right;}
}

@media screen and (min-width: 425px) {
    .mobn{display:block;}
}
@media screen and (max-width: 425px) {
    .mob{display:block;}
	.mobn{display:none;}
	.menu .user_add .item{width:30px;overflow:hidden;}
	header .menu {padding-top: 30px;}
	header .tel {height: 40px; line-height: 45px;}
	#body aside .widget_ajax_wrap .widget, .content_item .field.f_cart{width:100%; }
	#body section article {padding: 10px;}
	.cart_tile {width: 49%;}
	#glav1 h1 {font-size: 30px;}
	#glav1 h2, .button1, .button2, .button3 {font-size: 18px;}
	#glav2 a {font-size: 29px;}
	#glav2 .adr {font-size: 27px;}
	.widget > .title {font-size: 30px !important;}
	.cart_widget {height: auto;}
	.content_categories {padding: 0px;}
	.content_categories li a {display: block;}
	.content_categories li {width: 100%; height: auto;}
	.content_list.tiled .tile {width: 100%;}
	.hh1 {margin-top:10px; font-size:30px;line-height: 30px;}
	.hh2 {font-size:18px;line-height: 18px;}
}
@media screen and (max-width: 360px) {
}

@media screen and (max-width: 320px) {
}