html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h7, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}

.tooltip:before,
.tooltip:after {
  display:block;
  position:absolute;
  visibility:hidden;
  opacity:0; 
  margin-bottom:15px;
  transition:opacity .7s, margin-bottom .7s;
  left:50%;
}

.tooltip {
  color:#1f8b8a;
  border-bottom:1px dashed #1f8b8a;
  position:relative;
  cursor:pointer;
 }

.tooltip:before {
  bottom:30px;
  left:50%;
  padding:10px;
  width:500%;
  margin-left:-200px;
  color:white;
  background-color:rgba(0,0,0,.85);
  content:attr(data-title);
  border-radius:5px;
  box-shadow:border-box;
  text-align:center;
}

.tooltip:after {
  content:"";
  border-top:10px solid rgba(0,0,0,.85);
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  bottom:20px;
  margin-left:-10px;
}

.tooltip:hover:before, .tooltip:hover:after {opacity:1;margin-bottom:0;visibility:visible;}

.scrollup{
width:55px;
height:55px;
opacity:1;
position:fixed;
bottom:20px;
right:20px;
display:none;
text-indent:-9999px;
background:url(../images/up4.png) no-repeat;
}

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}

.clearfix:after {
clear:both;
content:' ';
display:block;
font-size:0;
line-height:0;
visibility:hidden;
width:0;
height:0;
}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
th, td {margin:0;padding:0;}
.clear {clear:both;}
br {line-height:10px;}

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border:0;}
input[type="submit"]:focus, input[type="button"]:focus {outline:none;}
::-moz-selection {background:#ab4d63;color:#FFF;}
html, body {height:100%;}

body {
background-color:#FCFCFC;
font-family:Arial, sans-serif;
font-size:16px;
color:#191970;
}
p {line-height:20px; margin-bottom:16px; color:#191970;}
a {color:#020D5D;text-decoration:underline;}
a:hover {color:#A52A2A; text-decoration:underline;}
a.more {font-family:Arial, sans-serif;font-style:italic;font-size:16px;}

h1, h2, h3, h4, h5, h6, h7, h8 {font-family:Arial, sans-serif;color:#191970;font-weight:600;margin:0 0 10px 0;}

h1 {font-size:22px;line-height:26px;} h1.title {padding:0;}
h2 {font-size:20px;line-height:24px;}
h3 {font-size:18px;line-height:22px;}
h4 {font-size:16px;line-height:20px;font-weight:bold;}
h5 {font-size:14px;line-height:20px;}
h6 {font-size:12px;line-height:18px;}
h7 {display:block;font-size:28px;text-align:center;line-height:30px; font-weight:bold; text-decoration:underline; color:#FF0000; }
h8 {display:block;font-size:38px;text-align:center; font-weight:bold;text-shadow:0 1px 0 rgba(0, 0, 0, 1);color:#FF0000;}

img {display:block;}
img.left {margin:0px 20px 20px 0;}
.items img.left {margin-top:0px;}
img.right {margin:5px 0 10px 5px;}
.items img.right {margin:0px 0 20px 20px;}
.single-image {width:220px;}







@media screen and (max-width:774px) {.single-image {width:100%;}
.single-image-link[rel="prettyPhoto[portfolio]"] {display:block;pointer-events:none !important;cursor:default;}
img.left, .items img.left {margin-right:0px;}
img.right,  .items img.right {margin-left:0px;}
table {
		overflow-x: auto;
		display: block;
	}
}

.frame {
box-shadow:0 0 0 1px rgba(255, 255, 255, 1) inset;
border:#d5d5d5 solid 1px;
background-color:#f5f5f5;
padding:10px;
}
.lite1 {color:#688dad;border-bottom:1px dotted #688dad;}
.lite2 {border-bottom:1px dotted #688dad;}
.frame iframe {display:block;}
img.attachment {margin-bottom:20px;}
.center {text-align:center;display:block;
margin:0 auto 10px;}
h3 img {vertical-align:middle;padding-right:10px;display:inline;}
.line {background:url(../images/line.png) repeat-x transparent;height:2px;padding:10px 0 0 0;}

.intro {
font-family:Arial, sans-serif;
font-style:italic;
font-size:17px;
color:#191970;
line-height:24px;
margin-bottom:20px;
}
blockquote p {
font-family:Arial, sans-serif;
font-style:italic;
font-size:14px;
color:#585858;
line-height:24px;
margin-bottom:20px;
padding-left:30px;
background:url(../images/quote.png) left 7px no-repeat transparent;
}
ul {line-height:20px;margin-bottom:10px;}
ul li {background:url(../images/check-table.png) left 8px no-repeat transparent;padding-left:25px;}
ol {list-style:decimal;list-style-position:inside;line-height:20px;}
ol li {padding:0;margin:0;}
cite {font-family:Arial, sans-serif;font-style:italic;font-size:14px;padding:0;margin:0;}

a.button, .forms fieldset .btn-submit, #filtering-nav li a, ul.tabs li a {
text-align:center;
background:url(../images/button.png) left top repeat-x #FFF;
padding:0 6px 0 6px;
height:26px;
line-height:26px;
color:#191970;
font-size:14px;
border:#FF0000 solid 1px;
display:inline-block;
font-family:Arial, sans-serif;
cursor:pointer;
margin-bottom:20px;
}
a.button:hover, #filtering-nav li.active a, #filtering-nav li a:hover, #filtering-nav li a.active, ul.tabs li a:hover, ul.tabs li.active a, h2.trigger.active, h2.trigger:hover {
color:#EE2C2C;}
a.button.blue {background-color:#718ca4;border:#516577 solid 1px;color:#FFF;}
a.button.brown {background-color:#a49571;border:#877a5c solid 1px;color:#FFF;}
a.button.green {background-color:#71a487;border:#578d6e solid 1px;color:#FFF;}
a.button.purple {background-color:#9471a4;border:#7b558c solid 1px;color:#FFF;}
a.button.red {background-color:#EE2C2C;border:#FF0000 solid 1px;color:#FFF;}

a.button.blue:hover, a.button.brown:hover, a.button.green:hover, a.button.purple:hover, a.button.red:hover {
background-color:#FFF;
border:#FF4500 solid 1px;
color:#FF4500;
}
.dropcap {
display:block;
float:left;
font-size:45px;
padding:0;
margin:0;
margin:10px 8px 3px 0;
font-family:Arial, sans-serif;
}
pre {
margin:5px 0 40px 0;
padding:0 10px 0 10px;
display:block;
clear:both;
background:url(../images/codebg.jpg) repeat;
line-height:20px;
font-size:12px;
border:#dbdbdb solid 1px;
}
.download-box, .info-box, .note-box {
clear:both;
margin:10px 0;
text-shadow:none;
padding:10px 10px;
line-height:17px;
text-align:center;
}


.info-box {
width:96%;
background:#c2ddf9;
border:#CD0000 solid 1px;
color:#CD0000; font-weight:800;
line-height:19px;
animation:blur .99s ease-out infinite;
text-shadow:0px 0px 2px #fff, 0px 0px 2px #fff;
}
@keyframes blur {
  from {
    text-shadow:0px 0px 5px #fff,
      0px 0px 1px #fff, 
      0px 0px 1px #fff,
      0px 0px 1px #fff,
      0px 0px 2px #fff,
      0px 0px 2px #fff,
      0px 0px 2px #fff,
      0px 0px 2px #fff,
      0px 0px 3px #fff,
      0px 0px 3px #fff,
      0px 0px 3px #CD0000,
      0px 0px 4px #CD0000,
      0px 0px 4px #4A708B,
      0px 0px 5px #4A708B,
      0px 0px 5px #4A708B,
      0px 0px 6px #4A708B,
      0px -6px 6px #4A708B,
      0px -6px 6px #4A708B;
  }
}


.warning-box {
clear:both;
margin:15px 0;
text-shadow:none;
padding:10px 10px 10px 20px;
text-align:left;
font-style:italic;
background:#c2ddf9;
border:#ff9999 solid 1px;
line-height:23px;}

.download-box {background:#d1f7b6;border:#8bca61 solid 1px;color:#5e9537;}
.note-box {background:#fdebae;border:#e6c555 solid 1px;color:#9e660d;}
.searchform input {
background:url(../images/search.png) top right no-repeat transparent;
width:180px;
padding:4px 10px 6px;
height:21px;
border:0;
font-family:Arial, sans-serif;
font-style:italic;
font-size:11px;
color:#f0f0f0;
float:right;
}

#wrapper {width:1024px;margin:0 auto;overflow:hidden;}
#content {width:734px;float:right;padding:30px 0 20px 0;}

.sidebar-wrapper {width:258px;height:100%;position:fixed;overflow:hidden;}

.sidebar {
width:258px;
height:100%;
padding-right:17px;
background:url(../images/noize.png) 100% 0 repeat #596d7f;
box-shadow:0 0 0 1px rgba(255, 255, 255, 0.15) inset;
border-left:1px solid rgba(0, 0, 0, 0.5);
border-right:1px solid rgba(0, 0, 0, 0.5);
float:left;
overflow-y:scroll;
overflow-x:hidden;
-ms-overflow-style:none;  // IE 10+
margin-top:-7px;
z-index:100;}

.sidebar:-webkit-scrollbar {display:none;  // Safari and Chrome}

#blog .sidebar {position:relative;}
#logo {padding:18px 15px 0 32px;}
#logo a {border:none;}
#logo img {display:inline;}
.sidebar ul.share {line-height:1;text-align:left;}
.sidebar ul.share li {background:none;padding:0;display:inline-block;padding-right:3px;}
.sidebox {width:220px;margin:0 auto 20px auto;}
.sidebox h3 {text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);color:#f0f0f0;}
.secondary .sidebox {margin:0 auto 30px auto;width:180px;}
.secondary .sidebox h3 {color:#4a4a4a;text-shadow:none;}

#footer {
background:url(../images/footer-line.png) top center repeat-x transparent;
overflow:hidden;
padding:20px 0 0 0;
margin-top:10px;
}
#footer-wrapper, .push {height:250px;}

.footer-box ul.popular-posts, .secondary .sidebox ul.popular-posts ul.popular-posts {
overflow:hidden;padding-top:5px;}

.footer-box ul.popular-posts li, .secondary .sidebox ul.popular-posts li {
clear:both;
overflow:hidden;
margin-top:15px;
background:none;
padding:15px 0 0 0;
line-height:17px;
background:url(../images/line.png) center top repeat-x transparent;
}
.footer-box ul.popular-posts li:first-child, .secondary .sidebox ul.popular-posts li:first-child {
margin:0;padding:0;background:none;}

.footer-box ul.popular-posts li img, .secondary .sidebox ul.popular-posts li img {
float:left;width:50px;height:50px;margin-right:10px;}

.footer-box ul.popular-posts li span, .secondary .sidebox ul.popular-posts li span {
display:inline-block;
font-size:12px;
font-family:Arial, sans-serif;
font-weight:bold; font-style:italic;}

.footer-box ul.popular-posts li h5, .secondary .sidebox ul.popular-posts li h5 {line-height:1.1;margin-bottom:5px;}
.footer-box ul.popular-posts li h5 a, .secondary .sidebox ul.popular-posts li h5 a {color:#4a4a4a;}
.footer-box ul.popular-posts li h5 a:hover, .secondary .sidebox ul.popular-posts li h5 a:hover {color:#ab4d63;}
.footer-box ul.popular-posts li span a, .secondary .sidebox ul.popular-posts li span a {color:#585858;}
.footer-box ul.popular-posts li span a:hover, .secondary .sidebox ul.popular-posts li span a:hover {color:#ab4d63;}

#menu {
float:left;
text-align:left;
font-family:Verdana, Helvetica, Arial, sans-serif;
font-size:17px;
margin-top:5px;
margin-bottom:15px;
position:relative;
z-index:100;
padding:0 0 0 20px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);
}

.hotlog_counter,.menu-v a[href*="liveinternet"]{margin-right:3px; margin-bottom:15px; float:left;}

.menu-v ul {
margin:0;
padding:0;
list-style-type:none;
width:200px;
background:url(../images/menu-line.png) center bottom no-repeat transparent;

}
.menu-v ul li {
position:relative;
padding-right:5px;
background:url(../images/menu-line.png) center top no-repeat transparent;
padding:0;
}
.menu-v ul li a {
display:block;
color:white;
text-decoration:none;
padding:10px 0 9px 20px;
padding-right:17px;
background:transparent;
color:#f0f0f0;
text-decoration:none;
border:none;
}
.menu-v ul li a.active, .menu-v ul li a.selected, .menu-v ul li a:hover {
text-decoration:none;
background:url(../images/menu-hover.png) left top repeat-y transparent;
color:#fff;
}
.menu-v ul li ul {
position:absolute;
width:145px;
top:0;
font-weight:normal;
visibility:hidden;
text-align:left;
padding:0 15px 0 15px;
margin-left:0;
background:url(../images/noize.png) top center repeat #596d7f;
box-shadow:0 0 0 1px rgba(255, 255, 255, 0.1) inset;
border:rgba(0, 0, 0, 0.3) solid 1px;
font-size:17px;
line-height:14px;
}


.one-half {width:48%;}
.one-third {width:30.66%;}
.two-third {width:65.33%;}
.one-fourth {width:22%;}
.three-fourth {width:74%;}
.one-fifth {width:16.8%;}
.two-fifth {width:37.6%;}
.three-fifth {width:58.4%;}
.four-fifth {width:67.2%;}
.one-sixth {width:13.33%;}
.five-sixth {width:82.67%;}

.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth {
position:relative;margin-right:4%;float:left;}
.last {margin-right:0 !important ;clear:right;}



#slider {margin-bottom:20px;}

.flex-container a:active, .flexslider a:active {outline:none;}
.slides, .flex-control-nav, .flex-direction-nav {margin:0;padding:0;list-style:none;}

.flexslider {width:700px;height:380px;margin:0 auto;padding:0;position:relative;}
.flexslider .slides > li {display:none;}
.flexslider .slides img {width:700px;height:auto;display:block;}
.flex-pauseplay span {text-transform:capitalize;}
.slides:after {content:".";	display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides {display:block;}
* html .slides {height:1%;}
.no-js .slides > li:first-child {display:block;}


.flexslider .slides > li {position:relative;background:none;padding:0;}
.flex-container {position:relative;}


/* карусель на главной */
.flex-direction-nav li a {
	width:25px;
	height:25px;
	display:block;
	background:url(../images/slider-controls.png) no-repeat 0 0;
	position:absolute;
	top:50%;
	margin-top:-12px;
	cursor:pointer;
	text-indent:-9999px;
	opacity:0; filter:alpha(opacity=0);
	z-index:100;
}
.flex-direction-nav li .flex-next {background-position:top right;right:10px;}
.flex-direction-nav li .flex-prev {left:10px;}
.flex-direction-nav li .disabled {opacity:.5;filter:alpha(opacity=50);cursor:default;}
.flexslider:hover .flex-direction-nav li a, .flexslider:hover .flex-control-nav li a {opacity:1;filter:alpha(opacity=100);}
/* Control Nav */
.flex-control-nav {position:absolute;bottom:18px;right:4px;z-index:100;}
.flex-control-nav li {margin:0 0 0 3px; display:inline-block;}
.flex-control-nav li:first-child {margin:0;}
.flex-control-nav li a {width:12px;height:12px;display:block;background:url(../images/slider-navi.png) no-repeat 0 0;cursor:pointer;text-indent:99999px;}
.flex-control-nav li a.flex-active {background-position:0 -12px;cursor:default;}


.carousel {padding-top:5px;margin-bottom:0px;}
.carousel ul li {background:none;width:160px;margin-right:20px;padding:0;}
.jcarousel-direction-rtl {direction:rtl;}
.carousel .jcarousel-container {display:block;overflow:hidden;}
.carousel .jcarousel-item {width:160px;height:141px;}
.carousel .jcarousel-item img {width:160px;}
.carousel .jcarousel-container {display:block;overflow:hidden;height:140px;}
.carousel .jcarousel-clip-horizontal {width:715px;height:140px;overflow:hidden;display:block;}
.carousel .jcarousel-item {width:160px;height:141px;}

#carousel-scroll {float:right;margin-top:-42px;width:60px;}

#prev {
float:left;
background:url(../images/controls.png) left top no-repeat #fff;
display:block;
cursor:pointer;
width:23px;
height:23px;
border:#dbdbdb solid 1px;
}
#next {
float:right;
margin-left:5px;
background:url(../images/controls.png) right top no-repeat #fff;
display:block;
cursor:pointer;
width:23px;
height:23px;
border:#dbdbdb solid 1px;
}
#prev:hover {background-position:bottom left;}
#next:hover {background-position:bottom right;}

.post {
position:relative;
margin-bottom:30px;
padding-bottom:10px;
background:url(../images/line.png) bottom repeat-x transparent;
overflow:hidden;
}
.primary {
width:470px;
float:left;
padding-right:25px;
background:url(../images/line-v.png) right repeat-y transparent;
}
.secondary {
width:180px;
float:right;
padding-left:24px;
}
.secondary:after {
content:'';
display:block;
height:0;
clear:both;
visibility:hidden;
}
.info {margin:20px 0;overflow:hidden;}

h3.title {margin:0 0 9px 0;}
h3.title a {color:#4a4a4a;}
h3.title a:hover {color:#ab4d63;}

.date {
background-color:#eeeeee;
height:50px;
width:50px;
float:left;
padding-left:1px;
margin-right:15px;
text-align:center;
font-family:Arial, sans-serif;
color:#6d6d6d;
font-style:italic;
}
.date .day {font-size:20px;padding-top:8px;}
.date .month {font-size:14px;text-transform:uppercase;margin-top:-2px;}
.meta {float:right;width:630px;}
.primary .meta {width:400px;}
.meta a {color:#575757;line-height:1;}

.meta .comments {
background:url(../images/icon-comment.png) left top no-repeat transparent;
float:left;
margin-right:20px;
padding-left:20px;
font-style:italic;
font-family:Arial, sans-serif;
font-size:11px;
}
.meta .comments a:hover {color:#ab4d63;}

.meta .tags {
background:url(../images/icon-cat.png) left top no-repeat transparent;
padding-left:20px;
float:left;
font-family:'Droid Serif', serif;
padding-bottom:2px;
}
.meta .tags a {
padding:0;
background:none;
float:left;
padding-right:5px;
color:#575757;
font-style:italic;
line-height:1;
font-size:11px;
}
.meta .tags a:hover {color:#ab4d63;}

.page-navi ul {list-style:none;}
.page-navi ul li {display:inline;background:none;padding:0;}

.page-navi ul li a {
display:inline-block;
font-style:normal;
line-height:1;
text-align:center;
width:23px;
height:18px;
padding-top:5px;
margin-right:7px;
border:#dbdbdb solid 1px;
background:url(../images/page-navi.png) left top no-repeat transparent;
color:#585858;
font-family:'Amaranth', sans-serif;
}
.page-navi ul li a:hover, .page-navi ul li a.current {color:#ab4d63;}
.form-container {position:relative;max-width:700px;width:auto;}
.form-container .loading {
position:absolute;
top:0;
left:0;
width:400px;
height:400px;
}
.form-container .response {
display:none;
margin:0 0 0 100px;
background:#d1f7b6;
border:#8bca61 solid 1px;
color:#5e9537;
clear:both;
text-shadow:none;
padding:15px 15px 13px 15px;
line-height:17px;
width:370px;
}
.forms fieldset {font-family:Arial, Helvetica, sans-serif;}
.forms ol {list-style:none;}
.forms li.form-row {margin-bottom:20px;}
.forms li.hidden-row {display:none;}

.forms fieldset.text-input {
color:#585858;
width:578px;
height:20px;
padding:5px 10px;
font-size:13px;
background-color:#f2f2f2;
border:#dbdbdb solid 1px;
font-family:Arial, Helvetica, sans-serif;
}
.forms fieldset .text-area {
color:#585858;
width:578px;
height:200px;
padding:5px 10px;
font-size:13px;
display:block;
background-color:#f2f2f2;
border:#dbdbdb solid 1px;
font-family:Arial, Helvetica, sans-serif;
resize:none;
}
.forms fieldset .text-input:focus, .forms fieldset .text-area:focus {background-color:#f8f8f8;}
.forms fieldset .btn-submit {margin-left:100px;}
.forms span.error {display:block;margin-left:100px;color:#c43131;}
.forms .button-row span.error {padding:0;display:none;}

.forms label {display:block;float:left;width:100%;padding-top:8px;font-size:14px;clear:both;}
.form-container:after {content:'';display:block;height:0;clear:both;visibility:hidden;}
.items {width:760px;overflow:hidden;margin-bottom:10px;}

.box {padding:0;float:left;}
.box h4 {padding:13px 0 5px 0;margin:0;}
.box h4 a {color:#4a4a4a;}
.box h4 a:hover {color:#ab4d63;}
.box p {padding:0;margin:0;}

.col1 h4 {padding:0 0 5px 0;margin:0;}
.col1 p {margin-bottom:15px;}
.col1 {width:700px;margin:0 0 40px 0;clear:both;}
.col1 img {width:455px;}
.col2 {width:335px;margin:0 30px 40px 0;}
.col2 img {width:335px;}
.col3 {width:220px;margin:0 20px 0 0;line-height:4.5;}
.col3 .button {margin:6px 0 11px 0;}
.col3 img {width:220px;}
.col4 {width:160px;margin:0 20px 40px 0;}

.box {margin-bottom:20px;}

.flickr .col4, .dribbble .col4 {margin:0 20px 20px 0;}

.col4 img {width:160px;}

#filtering-nav {letter-spacing:normal;margin:0 0 20px 0;padding:10px 0 9px 0;}

#filtering-nav li {
padding:2px;
background:none;
float:left;
margin-right:5px;
font-family:'Amaranth', sans-serif;
}
#filtering-nav li.show {padding:22px 0 0 0;text-transform:uppercase;}
#filtering-nav li a {margin:0;}

.items:after, #filtering-nav:after {
content:'';
display:block;
height:0;
clear:both;
visibility:hidden;
}
#portfolio .items {opacity:0;}

.left-side {width:455px;float:left;clear:both;}
.right-side {width:220px;float:right;}

#page-loading {
width:700px;
padding-bottom:10px;
overflow:hidden;
margin:0 auto;
text-align:center;
}
.items .box a, .items .left-side a, .carousel ul li a {display:block;position:relative;}
.items .box a.button {display:inline-block;}
.items .box a img, .items .left-side a img, .carousel ul li a img {display:block;position:relative;}
.zoom, .play, .details {position:absolute;background:url(../images/icon-enlarge.png) center center no-repeat transparent;}
.play {background-image:url(../images/icon-play.png);}
.details {background-image:url(../images/icon-link.png);}

.box a span, .items .left-side a span, .carousel ul li a span {
display:none;
height:100%;
position:absolute;
text-align:center;
text-decoration:none;
width:100%;
z-index:100;
}

.overlay {background-color:rgba(0, 0, 0, 0.33);}
									
ul.testimonials, ul.testimonial {list-style:none;max-width:700px;width:100%; position:relative;}

ul.testimonials li {
min-height:30px; /* Минимальная высота */
padding:0;
background:none;
overflow:hidden;
background-color:#f2f2f2;
padding:10px;
margin-bottom:10px;
}

ul.testimonials blockquote {list-style:none;margin:0;}
ul.testimonials blockquote, p {margin:0 0 0px 0;}
ul.testimonials cite {margin-left:25px;}

.toggle {width:100%;padding-bottom:7px;clear:both;}
.toggle-wrapper {padding-bottom:5px;}

h2.trigger {
width:98%;
clear:both;
margin:0;
display:block;
text-align:left;
/*background:url(../images/button.png) left top repeat-x #FFF;*/
background-color:#f5f5f5;
padding:0 6px 0 6px;
height:auto;
font-size:16px;
border:#FF0000 solid 1px;
font-family:Arial, sans-serif;
cursor:pointer;
}
.togglebox {
width:99%;
height:auto;
overflow:hidden;
margin:5px 0;
border:#dedede solid 1px;
}
.togglebox p, .togglebox li, .togglebox h4{margin:9px 10px 9px 15px;line-height:22px;}
	
ul.tabs {
margin:0;
padding:0;
float:left;
list-style:none;
width:100%;
color:#4d4d4d;

}
ul.tabs li {
float:left;
position:relative;
margin-bottom:10px;
list-style:none;
margin-right:10px;
background:none;
padding:0;
}
ul.tabs li a {float:left;margin:0;}

.tab_container {
border-top:none;
clear:both;
float:left;
width:99%;
border:#FF0000 solid 1px;
margin-top:10px;
background:#F0F8FF;
}

.tab_content {padding:20px;}
.tabbed-content {width:100%;overflow:hidden;margin-bottom:20px;}

table {
border-collapse:collapse;
border-spacing:0;
width:100%;
margin-bottom:20px; 
color:#191970;
border-bottom:1px solid #00688B;
overflow: scroll;}

table td {padding:1px 5px; border-right:1px solid #00688B;}
table td:hover td{background-color:#c2ddf9;}
table th h4 {margin:0;}

table th {
padding:5px;
text-align:center;
border-right:1px solid #00688B;
font-weight:normal;
}
table td.center {text-align:center;}
table td.last {background:none;}
table th.center {text-align:center;}
table th.last {background:none;}
table tr {border-left:1px solid #00688B;border-top:1px solid #00688B;}


table.price  tr.ello {background:#FFF8DC;}
table.price  tr.blue {background:#F0F8FF;}
table.price td {text-align:center;font-weight:bold;}
table.price td.left {text-align:left;font-weight:bold;}
table.price td h4 {margin:0; font-weight:bold;}
table.price td h4 span {display:block;font-size:14px;font-style:normal;color:#6e6e6e;}

table tr.header {font-weight:bold; text-align:center; background:#B0C4DE; padding:0px 20px;}
table input {width:40px;}
.color {width:40px;height:20px;display:block;float:right;}
.total-p {font-weight:bold;font-size:14px;}

form > input, textarea {display:block;margin-top:10px;}

input[type=text], input[type=email], input[type=tel], textarea {
    color:#585858;
    height:20px;
    padding:5px 10px;
    font-size:13px;
    background-color:#f2f2f2;
    border:#dbdbdb solid 1px;
    font-family:Arial, Helvetica, sans-serif;
    width:calc(100% - 22px);
	textarea {height:100px; resize:vertical;}
}
input[type=submit] {
    background-color:#718ca4;
    border:#516577 solid 1px;
    color:#FFF;
    border-radius:3px;
    padding:5px 10px;
    cursor:pointer;
    width:100%;
    -webkit-appearance:none;
}
input[type=submit]:hover {background-color:#5A758C;}
a {color:royalblue;text-decoration:none;}

.selected {color:#FF0000;font-weight:bold;}

.check-icon {
background:url(../images/check-table.png) center left no-repeat transparent;width:12px;height:10px;}
.cross {
background:url(../images/cross.png) center left no-repeat transparent;width:10px;height:10px;}
table .check-icon {display:inline-block;text-align:center;}
table span.cross {display:inline-block;text-align:center;}

.togglebox img, .warning-box img, .tabbed-content img, .styled-images img, .carousel img, .testimonials img {
border-radius:3px;
box-shadow:0.4em 0.4em 12px rgba(122,122,122,0.5);
}

.testimonials img.right, .tabbed-content img.right, .warning-box img.right, .togglebox img.right, #content p img.right {
margin-right:10px;
}

h3 img {box-shadow:none;}

@media screen and (min-width:670px) {#content {margin-left:258px;}}
@media screen and (max-width:1010px) {#wrapper {width:100%;}#content {box-sizing:border-box;width:auto;padding:30px 20px 0 20px;
width:auto;float:initial;}

#portfolio {margin-right:-20px;}
.items {width:100%;}
 #content #slider {display:none;}
}

@media screen and (max-width:950px) {.one-third {width:100%;margin-bottom:20px;}}

@media screen and (max-width:774px) {.items {width:280px;margin:0 auto;}.items .box {padding-bottom:20px;}

  #content .testimonials img,
  #content .tabbed-content img,
  .togglebox img,
  .warning-box img
   {clear:both;display:block;	margin-left:auto;margin-right:auto;margin-bottom:15px;}

  .items .col2,.items .col4,.items .col4 img {width:100%;}
}

img.left, img.right {	clear:both;}

@media screen and (min-width:774px) {img.left {float:left;}img.right {float:right;}}


/* responsive menu */

.cd-accordion-menu {
  max-width:260px;
  margin:20px auto;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display:none;
}
.cd-accordion-menu li {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position:absolute;
  opacity:0;
}
.cd-accordion-menu label, .cd-accordion-menu a {
  position:relative;
  display:block;
  padding:10px 0 9px 20px;
  /*color:#f0f0f0;*/
  color:#e8e5e5;
  text-decoration:none;
  background:transparent;
}
.cd-accordion-menu li {  background:url(../images/menu-line.png) center top no-repeat transparent;}


.cd-accordion-menu li a:hover {
text-decoration:none;
background:url(../images/menu-hover.png) left top repeat-y transparent;
/*color:#fff;*/
color:#e8e5e5;
}

.no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover {background:#52565d;}
.cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after {
  /* icons */
  content:'';
  display:inline-block;
  width:16px;
  height:16px;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
}
.cd-accordion-menu label {
  cursor:pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  /*background-image:url(../img/cd-icons.svg);*/
  background-repeat:no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left:18px;
  background-position:0 0;
  -webkit-transform:translateY(-50%) rotate(-90deg);
  -moz-transform:translateY(-50%) rotate(-90deg);
  -ms-transform:translateY(-50%) rotate(-90deg);
  -o-transform:translateY(-50%) rotate(-90deg);
  transform:translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  left:41px;
  background-position:-16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  left:36px;
  /*background:url(../img/cd-icons.svg) no-repeat -48px 0;*/
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  /* background-position:-32px 0; */
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display:block;
}
.cd-accordion-menu ul label,
.cd-accordion-menu ul a {
  padding-left:10px;
}
.no-touch .cd-accordion-menu ul label:hover, .no-touch
.cd-accordion-menu ul a:hover {
  background:#3c3f45;
}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow:none;
}
.cd-accordion-menu ul label::before {
  left:36px;
}
.cd-accordion-menu ul label::after,
.cd-accordion-menu ul a::after {
  left:59px;
}
.cd-accordion-menu ul ul label,
.cd-accordion-menu ul ul a {
  padding-left:100px;
}
.cd-accordion-menu ul ul label::before {
  left:54px;
}
.cd-accordion-menu ul ul label::after,
.cd-accordion-menu ul ul a::after {
  left:77px;
}
.cd-accordion-menu ul ul ul label,
.cd-accordion-menu ul ul ul a {
  padding-left:118px;
}
.cd-accordion-menu ul ul ul label::before {
  left:72px;
}
.cd-accordion-menu ul ul ul label::after,
.cd-accordion-menu ul ul ul a::after {
  left:95px;
}

@media only screen and (min-width:600px) {
  .cd-accordion-menu label, .cd-accordion-menu a {
    padding:10px 0 9px 20px;
  }
  .cd-accordion-menu label::before {
    left:24px;
  }
  .cd-accordion-menu label::after {
    left:53px;
  }
  .cd-accordion-menu ul label,
  .cd-accordion-menu ul a {
    padding-left:10px;
  }
  .cd-accordion-menu ul label::before {
    left:48px;
  }
  .cd-accordion-menu ul label::after,
  .cd-accordion-menu ul a::after {
    left:77px;
  }
  .cd-accordion-menu ul ul label,
  .cd-accordion-menu ul ul a {
    padding-left:20px;
  }
  .cd-accordion-menu ul ul label::before {
    left:72px;
  }
  .cd-accordion-menu ul ul label::after,
  .cd-accordion-menu ul ul a::after {
    left:101px;
  }
  .cd-accordion-menu ul ul ul label,
  .cd-accordion-menu ul ul ul a {
    padding-left:154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left:96px;
  }
  .cd-accordion-menu ul ul ul label::after,
  .cd-accordion-menu ul ul ul a::after {
    left:125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition:-webkit-transform 0.3s;
  -moz-transition:-moz-transform 0.3s;
  transition:transform 0.3s;
}



.menu-and-info-link {
  display:none;
  opacity:0;
  float:left;
  margin-left:30px;
  opacity:0;
}

.menu-and-info-link + label {
  display:none;
  cursor:pointer;
  margin-top:15px;
  margin-bottom:20px;
  text-transform:uppercase;
  /*color:#fff;*/
  color:#e8e5e5;
}


.cd-accordion-menu ul {
display:none;
}

.menu-and-info-link[type=checkbox]:checked + label + .menu-and-info-hide,
.menu-and-info-link[type=checkbox]:checked + label:nth-of-type(n) + .menu-and-info-hide {
display:block;
}

.menu-and-info-link[type=checkbox] + label {
margin:20px auto;
max-width:90px;

}


.items .image img {
  /* margin-bottom:30px; */
  box-shadow: 0.4em 0.4em 12px rgba(122,122,122,0.5);
}

/*.items .col3 {
	padding:0 5px;
}*/

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

  .sidebar-wrapper {
  	position:relative;
    width:100%;
  	height:auto;
  }

  .sidebar {
  	position:relative;
  	height:auto;
  }

  .menu-and-info-hide {
    display:none;
  }

  .menu-and-info-link,
  .menu-and-info-link + label {
    display:block;
  }

  .sidebar, #content {
    width:100%;
  }

  #content {
    clear:both;
    margin-top:20px;
    padding:30px 20px 0;
    box-sizing:border-box;
  }

  #logo {
    text-align:center;
  }

  #logo img {
    width:140px;
  }

  .footer-box.one-third {
    width:100%;
    margin-bottom:20px;
  }


  .items .col3 {
    padding:0;
  }

  .cd-accordion-menu a,
  .cd-accordion-menu label {
  	font-size:1.1em;
  	padding:15px 0 14px 20px;
  }

  .menu-and-info-link[type=checkbox] + label {
  	font-size:1.1em;
  }


}

.sidebar-cart-wrapper {
  text-align:center;
  margin-bottom:20px;
}

.sidebar #jcart {
  text-align:center;
  margin-bottom:20px;
}

.menu-v {
	display:none;
}

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

      #portfolio {
        margin-right:0;
      }

      .items {
        width:100%;
      }

      .items .col3 {
        width:100%;
      }

      .col3 img {
        width:100%;
      }

      .items .image a {
        pointer-events:none !important; /* делаем элемент неактивным для взаимодействия */
        cursor:default; /*  курсор в виде стрелки */
      }

      .items .image a {
        pointer-events:none !important; /* делаем элемент неактивным для взаимодействия */
        cursor:default; /*  курсор в виде стрелки */
      }

      .items .overlay {
        background-color:transparent;
      }

      .items .zoom {
        background:none;
      }
}



@media screen and (max-width:774px) {
  .goods-list .col3 {
    margin-bottom:30px;
  }

}