/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}


/* Forms */

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


/* ========================================================================== end normalize  */


/* Tags */

html {
	background: #a6c1d8 url("../images/html-bg.png");
}

body {
	min-width: 400px;
	font-size: 16px;
	font-family: "Georgia", "Times New Roman", serif;
	line-height: 1.4em;
	color: #334;
	background: transparent url("../images/body-bg.png") 50% 100% repeat-x;
	background-size: 100%;
}

a,
a:visited {
	transition: all 0.3s ease;
	text-decoration: none;
	color: #015aa0;
}

a:hover,
a:focus {
	color: #10AAF3;
}

li {
	list-style-position: inside;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: "Georgia", "Times New Roman", serif;
	line-height: 1.1em;
	text-shadow: -1px -1px 0px #b9d3ea;
	font-weight: normal;
	font-style: normal;
	letter-spacing: 0px;
}

h1,
h2 {
	margin-left: -50px;
	padding: 5px 25px;
	font-size: 30px;
	text-shadow: -1px -1px 0px #fff;
	line-height: 1.2em;
	background-color: #e5eef5;
	box-shadow: -2px -2px 10px #a4bed1;
	
}

h2 {
	font-size: 28px;
}
h2.subcategory-title {
    font-size: 30px;
}

h3 {
	font-size: 21px;
	line-height: 1.2em;
}

h4 {
	display: inline-block;
	margin: 10px 0px 10px -12px;
	padding: 5px 12px;
	color: #447910;
	font-size: 21px;
	line-height: 1.2em;
	font-style: italic;
	font-weight: bold;
	text-shadow: -1px -1px 0px #e8f2fa;
	background-color: #c5d8e8;
	
}

h5 {
	font-size: 16px;
	line-height: 1em;
	margin: 0px;
	padding: 3px 0px 0px;
	text-shadow: -2px -1px #2d3f4e;
}

h6 {
	font-size: 14px;
	line-height: 1.2em;
}


/* Layout */

.content,
.footer,
.ft_copyright {
	max-width: 1100px;
	margin: 0px auto;
}

.costum,
.content .moduletable {
	margin: 25px 0px;
}
h2.item-title, .page-header>h2 {
    
    
}
h2.item-title a::after, .page-header>h2 a::after {
    position: absolute;
    content: "";
    width: 0;
    height: calc(100% + 10px);
    top: -5px;
    left: -25px;
    background: rgb(255,255,255);
    
background: -moz-linear-gradient(left,  #81bf14 0%, rgba(229,238,245,1) 100%);
background: -webkit-linear-gradient(left,  #81bf14 0%,rgba(229,238,245,1) 100%);
background: linear-gradient(to right,  #81bf143 0%,rgba(229,238,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #81bf14', endColorstr='#e5eef5',GradientType=1 );  
     transition: width .3s ease-in-out, border-radius .3s ease-in-out;
    z-index: -1;
}
h2.item-title:hover a::after, .page-header>h2:hover a::after {
    width:calc(100% + 50px);
    
}
h2.item-title a,  .page-header>h2>a {
    display: block;
    z-index: 5;
    position: relative;
    transition: all .3s ease-in-out;
}
h2.item-title:hover a,  .page-header>h2:hover>a {
    color: #fff;
    text-shadow: 0 0 0 #008000;
}


/* Header */

header {
	min-width: 400px;
	height: 270px;
	color: #fff;
	background: #AABBCA url("../images/header-bg.png") 50% 100% no-repeat;
	background-size: 100%;
	text-shadow: -1px -1px 0px #425d72;
}

.header {
	height: 134px;
	padding: 0px;
	background-color: #43586a;
}

.logo {
	max-width: 1100px;
	height: 134px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

.logo_img {
	display: block;
	float: left;
	height: 134px;
	width: 508px;
	background: url("../images/dekorstreet_logo.png") 50% 50% no-repeat;
	text-decoration: none;
    transition: all .2s ease-in-out; 
}
.logo_img:hover {
    filter: brightness(1.15);
}

.logo > div {
	float: right;
	width: 45%;
}

.p_1,
.breadcrumb {
	height: 70px;
	max-width: 1000px;
	margin: 0px auto;
	padding: 1px 0px 0px;
	text-align: right;
}


.mod-languageslang {
	float: left;
	width: 80px;
	margin: -5px auto 10px;
	padding: 5px 10px;
	background-color: #60717d;
	border: #AABBCA 1px solid;
	border-top: none;
	border-left: none;
}

.mod-languageslang ul {
	list-style-type: none !important;
	margin: 0;
	padding: 0;
}
.mod-languageslang ul li a {
	color: #D4D3D3;
}

.mod-languageslang ul li {
	float: left;
	width: 50%;
	height: 25px;
	padding: 5px 0px 0px;
	text-align: center;
}

.p_1 ul.social_menu {
	float: right;
	width: 70%;
	height:40px;
	margin: 0px 30px 0px 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
	text-align: right;
}
.p_1 ul.social_menu li{
	display: inline-block;
	height:40px;
	margin: 0px;
	padding:  10px;
	list-style: none;	
}

.logo .p_4 {
	width: 300px;
	margin-right: 50px;
	
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px #2f4d64;
	font-size: 20px;
	text-shadow: -2px -1px #2d3f4e;
}

.p_4 p {
	margin: 0px;
	padding: 1px;
}
.p_4 div:first-child {border-bottom: solid 1px #fff; padding-bottom: 10px;}
.p_4 div:first-child p {font-size: 26px;}

.p_4 div {
	margin: 5px 0px 1px;
	padding: 1px;
}


/*Breadcrumb*/
ul.breadcrumb {
	color: #eee;
	margin: 18px auto;
}
ul.breadcrumb li {
	display: inline-block;
	margin: 0px 1px;
	padding: 0px;
	list-style-type: none;
	background-color: #AABBCA;
	padding: 5px 10px 6px;
	border-radius: 5px;
}
.breadcrumb a {
	color: #fff;
}


/* Menu top */
.p_5 {
	margin: 0px;
	padding: 0px;
	background: #53a5f0 url("../images/slider-bg-3.png") 50% 50% repeat-x;
}

.p_5 ul.menu {
	display: block;
	width: 100%;
	height: 50px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #81bf14;
	border-top: #f4ef53 4px solid;
	text-align: center;
    z-index: 255;
}

.p_5 ul.menu li {
	position: relative;
	height: 50px;
	display: inline-block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
    border-left: #8cc32c 3px solid;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 999;
}

.p_5 ul.menu li a {
	display: block;
	padding: 14px 23px 14px;
	color: #172c3c;
	font-family: "Georgia", serif;
	font-style: italic;
	font-size: 22px;
	font-weight: 400;
	text-shadow: -1px -1px #b5e266;
	text-decoration: none;
    position: relative;
    transition: all .3s ease-in-out;
    
}
.p_5 ul.menu>li>a {
    background: #81bf14;
    z-index: 1501;
}

.p_5 ul.menu li.item-101 a {
	border-left: none !important;
}

.p_5 ul li a:focus,
.p_5 ul li a:hover {
	color: #015aa0;
/*	background-color: #8cc32c;*/
}

.p_5 ul.menu li.active a {
	color: #1d3343;
}
.p_5 ul.menu>li::after, .p_5 ul.menu>li::before   {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    background: rgb(244,239,83);
background: -moz-linear-gradient(top, rgba(244,239,83,1) 0%, rgba(140,195,44,1) 100%);
background: -webkit-linear-gradient(top, rgba(244,239,83,1) 0%,rgba(140,195,44,1) 100%);
background: linear-gradient(to bottom, rgba(244,239,83,1) 0%,rgba(140,195,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ef53', endColorstr='#8cc32c',GradientType=0 );

    transition: height .3s ease-in-out, border-radius .3s ease-in-out, box-shadow .3s ease-in-out;;
    z-index: -1;
   
}
.p_5 ul.menu>li:hover::before {
    height: 100%;
}

.p_5 ul.menu>li:hover::after {
    height: calc(100% + 7px);
     border-radius: 100px/10px;
    box-shadow: 0 8px 8px -9px rgba(0,0,0,.2);
}
.p_5 ul.menu>li:hover>a{
    background: transparent;
}

/* Second level */
.p_5 ul.menu li ul {
  padding: 0;
  position: absolute;
  top: 50px;
  left: 0;
  min-width: 230px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0;
    transform: translateY(-50px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
	z-index: 200;
}
.p_5 ul.menu li ul li { 
	background: #a1cb30; 
	display: block; 
	color: #fff;
    border-bottom: 3px solid #8ec02c;
    border-left: none;
	z-index: 250;
}
.p_5 ul.menu li ul li:last-child{
    border: none;
}
.p_5 ul.menu li ul li a {border: none;
    border-left: 3px solid #f4ef53;
position: relative;}
/*.p_5 ul.menu li ul li:hover a { background: #afd93e;}*/
.p_5 ul.menu li:hover ul {
  opacity: 1;
  transform: translateY(0);
    z-index: 999;
}
.p_5 ul.menu li ul li a::after, .p_5 ul.menu li ul li a::before {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(244,239,83);
background: -moz-linear-gradient(left, rgba(244,239,83,1) 0%, rgba(140,195,44,1) 100%);
background: -webkit-linear-gradient(left, rgba(244,239,83,1) 0%,rgba(140,195,44,1) 100%);
background: linear-gradient(toright, rgba(244,239,83,1) 0%,rgba(140,195,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ef53', endColorstr='#8cc32c',GradientType=1 );
    transition: width .3s ease-in-out, border-radius .3s ease-in-out;
    z-index: -1;
}
.p_5 ul.menu li ul li a:hover::after {
    width: calc(100% + 7px);
    border-radius: 7px/20px;
}
.p_5 ul.menu li ul li a:hover::before {
    width: 100%;
}

/*  Slider */
.p_5  .moduletable {
	max-width: 1074px;
	margin: 0px auto;

}
.camera_caption > div {	background: rgba(255, 255, 255, 0.25);}

.camera_caption_desc {
	color: #3d4a55;
	text-shadow: -1px -1px 0px #98c7ef;
	font-size: 18px;
}
.camera_caption_title {
	margin-bottom: 20px;
	color: #085998;
	font-size: 36px;
	font-weight: normal;
	font-style: italic;
	line-height: 1.2em;
}
.camera_commands,
.camera_play,
.camera_stop {display: none !important; }
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
	background: transparent !important;
}

/* Produkt menu */
.p_6 {
	max-width: 1050px;
	margin: 0px auto;
	padding: 10px 25px 25px;
	background-color: #ecf1f5;
	text-align: center;
}
.p_6 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style: none;
}
.p_6 ul li {
	display: inline-block;
	width: 33%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.p_6 ul li a {
	text-decoration: none;
	transition: all 0.3s ease;
	color: #015aa0;
}
.p_6 ul li a img{
	display: block;
	position: relative;
	margin: 0px auto -50px;
	z-index: 50;
	transform: scale(0.95);
	transition: all 0.3s ease-in-out;
}
.p_6 ul li a:hover img{transform: scale(1) translateY(-8px);}
.p_6 ul li a span{
	position: relative;
	display: block;
	width: 80%;
	margin: 0px 5%;
	padding: 12px 5% 10px;
	color: #015aa0;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	background-color: #fff44c;
    border-bottom: 4px solid #fff44c;
    box-shadow: 0 8px 15px -12px #438ac6;
	z-index: 100;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}
.p_6 ul li a:hover span{
    color: #fff;
    text-shadow: 0 0 20px #fff44c;
    transform: translateY(8px);
}
.p_6 ul li a span::after{
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    transform: skewX(25deg);
    background: #81bf14;
    left: -20px;
    bottom: 0;
    z-index: -1;
    transition: all .4s ease-in-out;
}
.p_6 ul li a:hover span::after {
    width: calc(100% + 40px);
}

/* Left column */

.left {
	float: left;
	width: 22%;
}


/* Right column */

.right {
	float: right;
	width: 29%;
}


/* Content */

.right_c {
	float: right;
	width: 100%;
}

.content {
	max-width: 1000px;
	min-height: 500px;
	background-color: #b8cfe3;
	padding: 5px 40px;
}

.component p {
	text-indent: 0px;
}
.component table tr td {
	border: 1px solid #d3e5f5 !important;
	font-size: 13px;
}
.component table.mtGallery,
.component table.mtGallery tr td {border-color: transparent !important;}
.blog-gallery .items-row {border: none !important;}

.img-intro-left,
.pull-left.item-image {
	float: left;
	margin: 0px 25px 25px 5px;
}

.img-intro-right,
.pull-right.item-image {
	float: right;
	margin: 0px 25px 25px 5px;
}
/*  Gallery  */
.multithumb_blog, .mtGallery img, .multithumb {
    transition: transform .3s ease-in-out;
}
.multithumb_blog:hover, .mtGallery img:hover, .multithumb:hover {
    transform: scale(1.04);
}
.mtGallery {
    margin: 0;
}
td.mtGallery, td.mtGallery a {
    overflow: hidden;
}
.component table.mtGallery tr td {
    border-width: 0 !important;
}

article.component table tr:nth-child(2n) {
    background-color: transparent;
}

article.component table tr:nth-child(2n+1) {
    background-color: rgba(61, 224, 151, .1);
}
article.component table tr td {padding: 2px;}
article.component table tr td:first-child {font-weight:bold; }

/* Zoo JBZoo Free */
.subcategories.subcategory-col-3 div {padding-left: 2%;}
.jbzoo.jbzoo-view-category .item-image > a,
.jbzoo.jbzoo-view-frontpage .item-image > a {
	display: block;
	padding: 0 15%;
	font-size: 21px;
}
.jbzoo.jbzoo-view-item .item-image.align-center {width: 550px; margin: 0px auto; }
.slider-wrapper.theme-default .nivoSlider img.nivo-main-image {}
.theme-default .nivoSlider {
	position: relative;
	background: transparent !important;
	margin-bottom: 10px;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important; 
}
.theme-default a.nivo-nextNav {
	right: 0px;
}
.theme-default a.nivo-prevNav {
	left: 0px;
}
.item-metadata:before {
	display: block;
	margin: 15px 0px 25px -40px;
	content:"Характеристика";
	font-size: 21px;
	line-height: 1.2em;
}


/* Content column */

.items-row {
	float: none;
	clear: both;
	height: auto;
	margin: 1px 0px 15px;
	padding: 1px 0px;
	border-bottom: 1px solid #D6EED7;
	border-color: rgba(230, 230, 230, 0.5);
}

.items-row.cols-1 {
	float: left !important;
	clear: none !important;
}

.cols-2 .column-1 {
	width: 48%;
	float: left;
	margin: 1%;
}

.cols-2 .column-2 {
	width: 48%;
	float: right;
	margin: 1%;
}

.cols-3 .column-1,
.cols-3 .column-2,
.cols-3 .column-3 {
	width: 31%;
	float: left;
	margin: 1%;
	padding: 0.1%;
}

.cols-4 .span3 {
	width: 21%;
	float: left;
	margin: 1px 3% 2% 0%;
	padding: 1px;
}

.cols-4 .column-1,
.cols-4 .column-2,
.cols-4 .column-3,
.cols-4 .column-4 {
	width: 100%;
	min-width: 200px;
	float: left;
	margin: 1px;
}


/*   Pagination   */
div.pagination {
	float: none;
	clear: both;
}

div.pagination ul {
	padding-left: 0px;
}

.pagination ul li,
ul.pagenav li {
	background-image: none;
	list-style-type: none;
	list-style-image: none;
	display: inline-block;
}

.pagination ul li a,
.pagination ul li span,
.pagination-bg > a,
.pagination-bg > span,
ul.pagenav li a,
.readmore a {
	display: inline-block;
	margin: 0px 2px;
	padding: 5px 10px 6px 10px;
	background-attachment: none;
	border: #ccc 1px solid;
	text-shadow: 1px 1px 0px #fff;
	background: rgba(250, 250, 250, 0.8);
	border: #fff 1px solid;
	box-shadow:1px 1px 1px #bcd;
	text-decoration: none !important;
}
.readmore a {
    color: #222;
    position: relative;
    border: none;
    border-bottom: 3px solid #81bf14;
    z-index: 5;
    font-size: 18px;
    overflow: hidden;
    box-shadow: 0px 6px 10px -7px rgba(85, 104, 120, 0.81);
}
.readmore a:hover {
    color: #222;
}
.readmore a::after{
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    transform: skewX(20deg);
background: rgb(244,239,83);
background: -moz-linear-gradient(45deg, rgba(244,239,83,1) 0%, rgba(255,255,255,1) 47%, rgba(229,238,245,1) 100%);
background: -webkit-linear-gradient(45deg, rgba(244,239,83,1) 0%,rgba(255,255,255,1) 47%,rgba(229,238,245,1) 100%);
background: linear-gradient(45deg, rgba(244,239,83,1) 0%,rgba(255,255,255,1) 47%,rgba(229,238,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ef53', endColorstr='#e5eef5',GradientType=1 );
    left: -10px;
    bottom: 0;
    z-index: -1;
    transition: all .3s ease-in-out;
}
.readmore a:hover::after {
    width: calc(100% + 25px);
}

.pagination li:before {
	content: none;
}

.pagination li a:hover,
.pagenav li a:hover {
	box-shadow: inset 0px 1px 7px #fff, 1px 1px 2px #bbd;
}

.pagination ul li a,
.pagination-bg > a,
.pagenav ul li {}

.pagination li a:hover,
.pagenav li a:hover {
	text-decoration: none !important;
}

.pagenav {
	margin: 55px 0px;
}

.pagination-prev,
.pagination-next {
	display: none !important;
}


/* Footer */

.footer {
	max-width: 1100px;
	width:100%;
	padding-top: 0px;
}

.footer_top {
	margin: 0px auto;
	padding: 25px 50px;
	background-color: #e9edf0;
}
.footer_top > div {
	float: left;
	width: 35%;
	margin-right: 1%;
	font-style: italic;
}

.footer_top .p_10 {width: 22%;}
.footer_top .p_12 {width: 34%;}

.footer_top ul,
.footer_top > div {	padding: 0px 15px 10px 0px; }
.footer_top h3 {font-size: 20px;}

.footer_top ul li {
	display: block;
	height: auto;
	padding: 1px;
	float: none;
	clear: both;
}

.footer_top ul li a {
	display: block;
	padding: 3px 0px;
	font-size: 18px;
    transition: transform .3s ease-in-out, color .3s ease-in-out;
}

.footer_top ul li a span{display: block; padding-top: 10px; transition: transform .3s ease-in-out, color .3s ease-in-out; }
.footer_top ul li a img {
	float: left;
	width: 70px;
	position: relative;
	top: -10px;
	left: -10px;
    transition: opacity .4s ease-in-out;
}
.footer_top ul li:hover a img {
    opacity: .7;
}
.footer_top ul li:hover a, .footer_top ul li:hover a span {
    transform: translateX(5px);
}
.footer_top .p_10 ul li, .footer_top .p_12 ul li{
    margin: 5px 0;
    transition: transform .3s ease-in-out;
}
.footer_top .p_10 ul li:hover, .footer_top .p_12 ul li:hover {
    transform: translateX(-5px);
}
.footer_top .p_10 ul li a, .footer_top .p_12 ul li a{
    display: inline;
    position: relative
}
.footer_top .p_10 ul li a::before, .footer_top .p_12 ul li a::after{
    position: absolute;
    content: "\2192";
    right: -20px;
    bottom: 2px;
    opacity: 0; 
    color: #334;
    transition: all .3s ease-in-out;
}
.footer_top .p_10 ul li:hover a::before, .footer_top .p_12 ul li:hover a::after {
    opacity: 1;
    transform: translateX(10px);
}

.footer_top .p_11 ul li:hover a {
    transform: none;
}
.p_13 {
	height:300px;
	margin: 0px -20px;
	padding: 0px;
	border: 4px solid #fff44c;
	border-width: 4px 0px 4px 0px;
	overflow: hidden;
}
.p_13 p{margin: 0;}

.footer .p_14 {
	float: none;
	clear: both;
	width: 100%;
}

/* Counters */

.ft_copyright div {
	text-align: center;
}

.counters {
	float: left;
	width: 100px;
	margin: 10px 15px 10px 50px;
}


/* Webus */
.ft_copyright {
	height: 60px;
	padding-top:15px;
}
.cr {
	float: right;
	width: 400px;
	margin: 0px auto;
	text-align: right;
	opacity: 0.7;
}

.cr:hover {
	opacity: 1;
}

.cr span {
	position: relative;
	top: -17px;
}

.cr a {
	text-decoration: none;
	text-shadow: -1px -1px 1px #fff;
}

/* System */

.clearfix{
	float: none !important;
	clear: both !important;
}
.clear_both {
	float: none !important;
	clear: both !important;
	height: 1px !important;
	line-height: 1% !important;
	width: 99% !important;
}

#system-message {
	min-height: 74px;
	color: #993300 !important;
	border: #fff 1px solid;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: inset 0px 0px 20px #44aa77;
}

#system-message a {
	display: none;
}

#system-message h4,
#system-message p {
	float: left;
	display: block;
	margin: 20px 10px 20px 30px;
	color: #008000 !important;
	font-size: 26px !important;
}

ul.actions {
	float: right;
	margin-top: -45px;
	list-style-type: none
}

div.tip {
	padding: 4px 6px;
	color: 533;
	background: #fff;
	border: #fff 1px solid;
	border-radius: 5px;
	box-shadow: 0px 0px 3px #111;
}

.counters {
	float: left;
	margin: 10px 8px 5px;
	width: 150px;
}

a[title],
a[data-original-title] {}

.tooltip-inner {
	display: none !important;
}


/* Всплывающие подсказки Bootstrap */
.icons {
	position: relative;
	top: -50px;
	margin-right: 15px;
	float: right;
	width: 30px;
}
ul.dropdown-menu,
ul.dropdown-menu li {
	margin: 0px !important;
	padding: 0px !important;
	list-style-type: none !important;
}
ul.dropdown-menu li.edit-icon a {
	opacity: 0;
	font-size: 1px;
}
ul.dropdown-menu li.edit-icon a:before {
	display: block;
	float: left;
	content: "\f040";
	font-family: "FontAwesome";
	font-size: 24px;
	padding: 10px 0px 0px 10px;
	opacity: 1;
}

span.divider {
	display: inline-block;
	margin-left: 10px;
}



/*  Production  */
.jbzoo a > img {
    transition: all .3s ease-in-out;
}
.jbzoo a:hover > img {
    transform: scale(1.05);
}



/* Error 404 Page */

body.error404 > * {
    padding: 10px 5% ; 
    text-align: center;
}

body.error404 h1,
body.error404 h2 {
    display: inline-block;
    width: auto;
    margin: 50px 15px;
    padding: 5px 25px;
    font-size: 30px;
    text-shadow: -1px -1px 0px #fff;
    line-height: 1.2em;
    background-color: #e5eef5;
    box-shadow: -2px -2px 10px #a4bed1;
}



/* Mobile style */
@media (min-width: 768px){
	
}
@media (max-width: 1155px) and (min-width: 1000px) {
    .p_13 {
        margin: 0;
    }
}
@media (max-width: 1150px){
.p_5 ul.menu li a {
	padding: 14px 18px 14px;
	font-size: 21px;
	}
    
}

@media (max-width: 1000px){
	.logo_img {
		display: block;
		float: left;
		width:400px;
		background-size: 100%;
	}
	.p_5 ul.menu li a {
		padding: 14px 15px 14px;
		font-size: 19px;
	}
	.p_13 {
		height: 300px;
		margin: 0px;
	}
}
@media (max-width: 900px){
	.p_5 ul.menu li a {
		padding: 14px 10px 14px;
		font-size: 18px;
	}
	.p_6 ul li {
	display: block;
		float: left;
	width: 45%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}
	#camera_wrap_92 .camera_caption > div {
	margin-right: 25%;
	padding: 20px;
	}
	.component table tr td {
		border: 1px solid #dee9f4 !important;
		font-size: 11px;
	}
	.breadcrumb {font-size: 12px;}
}
 
@media (max-width: 799px) {
	header, 
	.header,
	.logo {height: auto;}
	.logo_img {
		display: block;
		float: none;
		width: 90%;
		margin: 0px 5%;
		background-size: 90%;
	}
	.logo div {
		float: none;
		width: auto;
		margin: 1% 5%;
	}
    .logo .clear_both {
        margin: 0;
    }
	.logo .p_4 {width: 90%; margin: 5%;}
	.p_10,
	.p_11,
	.p_12 {
		width: 100% !important;
		float: none;
		clear: both;
		text-align: center;
	}
	.p_1 ul.social_menu li {padding: 5px;}
	.p_6 ul li {
	display: block;
	width: 95%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}
	h1,
	h2 {
	margin-left: 0px;
	padding: 5px 25px;
	}
	.component table tr td {
		border: 1px solid #dee9f4 !important;
		font-size: 9px;
		font-weight: bold;
	}
}

@media (max-width: 650px) {
	.logo_img {background-size: 100%;}
	.p_1 ul.social_menu {
		float: right;
		width: 70%;
		height: 40px;
		margin: 0px 5px 0px 0px;
	}
	.p_1 ul.social_menu li {padding: 0px;}
	
	#camera_wrap_92 .camera_caption > div,
	#camera_wrap_114 .camera_caption > div {
		margin: 50px 50px 20px;
		padding: 20px;
	}
	.jbzoo .width33 {
		float: none;
		clear: both;
		width: 95%;
}
	.jbzoo .width50 {
		float: none;
		clear: both;		
		width: 95%;
		}
	.camera_caption_title {
		font-size: 26px;;
		line-height: 1em;
}
	.camera_caption_desc {
	font-size: 14px;
		line-height: 1.3em;
	}
	.breadcrumb {font-size: 10px;}
	.jbzoo.jbzoo-view-item .item-image.align-center {width: auto !important;}
	.slider-wrapper.theme-default {transform: scale(0.8);}
	.cr{line-height: 1em; width:250px; font-size: 12px;}
	.cr span {top: -1px;}
}



/************************************************************************************
NAV MOBILE BUTTON
*************************************************************************************/
#nav-wrap {
	margin-top: 0px;
}
/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
	font-family: "Georgia", serif;
}

@media screen and (max-width: 800px) {
	.p_5.#nav ul { height: auto; }
	/* nav-wrap */
	#nav-wrap {	position: relative;	}
	/* menu icon */
	#menu-icon {
		border-top: #f4ef53 4px solid;
		display: block; /* show menu icon */
		width: 80%;
		height: 50px; 
		margin: 0px auto;
		padding: 20px 10% 0px 10%;
		cursor: pointer;
		color: #333;
		font-size: 21px;
		font-weight: bold;
		text-align: center;
		background-color: #81bf14;
		text-shadow: -1px -1px 1px #9edd30;
	}
	#menu-icon:hover {
		background-color: #81bf14;
	}
	#menu-icon.active {
		background-color: #81bf14;
	}
	/* main nav */
	#nav {
		clear: both;
        box-sizing: border-box;
		position: absolute;
		top: 55px;
		width: 100%;
		z-index: 10000;
		padding: 5px;
		display: none; /* visibility will be toggled with jquery */
		border-top: #f4ef53 1px solid;
	}
	/* dropdown */
	#nav ul {
		width: auto;
		height: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {margin: 3px 0;	}
	.p_5 ul.menu li a {font-size: 24px;}
	.p_5 ul.menu {height: auto;}
	.p_5 ul.menu li,
	.p_5 ul.menu li ul {
		display: block;
		float: none;
		height: auto;
		clear: both;
		opacity: 1;
		visibility: visible;
		position: relative;
	}
    .p_5 ul.menu li ul {
        transform: translateY(0);
        box-shadow: none;
    }
    .p_5 ul.menu li {
        border-left: none;
    }
    .p_5 ul.menu li.active a {
	color: #1d3343;
}
    .p_5 ul.menu>li::after, .p_5 ul.menu>li::before {
        display: none;
    }
.p_5 ul.menu>li a::after, .p_5 ul.menu>li a::before   {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(244,239,83);
background: -moz-linear-gradient(left, rgba(244,239,83,1) 0%, rgba(140,195,44,1) 100%);
background: -webkit-linear-gradient(left, rgba(244,239,83,1) 0%,rgba(140,195,44,1) 100%);
background: linear-gradient(to right, rgba(244,239,83,1) 0%,rgba(140,195,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4ef53', endColorstr='#8cc32c',GradientType=1 );

    transition: width .3s ease-in-out, border-radius .3s ease-in-out, box-shadow .3s ease-in-out;;
    z-index: -1;
   
}
.p_5 ul.menu>li a:hover::before {
    width: 100%;
}

.p_5 ul.menu>li a:hover::after {
    height: 100%;
    width: 0;
}
    .p_5 ul.menu>li a {
        z-index: 400;
        background-color: transparent !important;
    }
.p_5 ul.menu>li:hover>a{
        text-shadow: -1px -1px rgba(255, 255, 255, 0.57);
    background: none;
}
    .p_5 ul.menu>li>a:hover {
        background: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
        background-color: transparent !important;
    }
    .p_5 ul.menu>li a:active,  .p_5 ul.menu>li a:focus,  .p_5 ul.menu>li a:hover {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
       
    }
}

@media screen and (min-width: 800px) {
	/* ensure #nav is visible on desktop version */
	#nav { display: block !important; }
}
