* {
margin:0;
padding:0;
}

.contai {
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
   justify-content: space-evenly ;
   align-items: stretch;
}
.item_1 {
 width:20%;
}
.item {
 width:80%;
}
.item_2 {
 width:40%;
}
.item_3 {
 width:5%;
}

aside, footer, address, section, nav, header {
display:block;
}

img:not(.ws-chat-logo-img), iframe, video, embed {
max-width:80%!important;
}

table {
width:100%;
}

/*   SP PAGE BILDER  */

body.site {padding:0!important}
.site > #content {margin:0}

/*  Tipo  */

h1, .jshop h1 {
font-size:2em;
font-weight:bold;
color:#fd1713;
padding:0 0 0.5em 0;
}

h2 {
font-size:2.1em;
font-weight:bold;
color:#555;
padding:0 0 0.5em 0;
}

h5 {
font-size: 1em;
color:#444;
padding:0 0 1em 0;
}

.cat-children a {
color: #0171a5;
text-decoration:none;
}

.cat-children a:hover {
 text-decoration:underline;
}

p {
font-size:1em;
font-weight:normal;
color:#555;
padding:0 0 0.7em 0;
}

strong {
color:#222;
}

.red, .star {
color:red;
}

div > span, #page .item p, p span {
font-family: 'Comic Sans MS', sans-serif!important;
}

a, .item-page a, .jg_element_txt a, .jg_pathway a, .jg_subcatelem_txt a, .jg_detailnaviprev a, .jg_detailnavinext a, .breadcrumbs li a {
color: #0171a5;
}

.jg_element_txt a, .jg_subcatelem_txt a, .gallery .pagination ul li a, .gallery .pagination ul li span, .jg_pathway, .jg_detailnaviprev a, 
.jg_detailnavinext a, .breadcrumbs li a:hover {
font-size:1em;
font-weight:normal;
text-decoration: none;
}

.jg_element_txt a:hover, .jg_pathway a:hover, .jg_subcatelem_txt a:hover {
text-decoration:underline;
}

ul {
padding:0.5em 25px;
}

ul li {
padding:0 0 0.5em 0;
}

button {
cursor:pointer;
}

.mycart_mini_txt {
line-height: normal;
}

select {
width:auto;
}

/*   Layout  */

#page {
background:#fff;
font-family: 'Comic Sans MS', arial;
font-size:100%;
}

#header {
width:100%;
padding:0;
}

#toppanel {
width:1170px;
background: url('../images/lap.jpg') bottom repeat-x;
background-position:left top;
padding:0.3em 0 0.4em 0;
margin:0 auto 1.6em auto;
overflow:hidden;
}

.box2 {
width:50%;
float:left;
}

#toppanel .box2:last-child {
text-align: right;
}

.shop-cart, .box-reg {
width:30%;
display:inline-block;
background:#6DA4DB;
text-align:center;
border-radius:11px;
}

.box-reg {
padding:0.1em 0;
}

.shop-cart {
margin:0 10% 0 0;
}

#toppanel p {
padding:0;
margin:0;
line-height: normal;
}

#toppanel img {
vertical-align: unset;
}

#toppanel span {
color:#ddd;
}

#toppanel a {
color:#fff;
text-decoration:none;
}

#toppanel a:hover {
text-decoration:underline;
}

.layout {
width:1170px;
margin:0 auto;
overflow:hidden;
}

.layout1 {
width:100%;
margin:0 auto;
overflow:hidden;
}

.logo {
width:60%;
float:left;
}

.logo a {
text-decoration:none;
}

.sitename, .siteautor {
font-weight:bold;
line-height: 100%;
display:block;
}

.sitename {
font-size:3.2em;
color:#6da3da;
padding-top:0.5em;
}

.siteautor {
font-size:2.2em;
color:#626363;
}

.logo > a > div {
float:left;
padding:0 10% 0 0;
}

.logo img {
float: left;
}

.contact {
width:35%;
float:right;
padding-top:1.9em;
}

.box1 {
width:100%;
float:left;
overflow: hidden;
}
.box2 {
width:30%;
float:left;
overflow: hidden;
}

.box3 {
width:33%;
float:left;
overflow:hidden;
}
#sidebars {margin: 0 auto; padding: 0; max-width:960px}
#sidebars img {width: 100%; display: block;}
#toppanel > .layout .box3:last-child {
float:right;
text-align:right;
}

td.c-value {
width:83%;
}

td.c-value a {
font-size:1.1em;
text-decoration:none;
color:#626363;
}

td.c-value a:hover {
text-decoration:underline;
}

td.c-icon {
width:17%;
}

#content {
overflow:hidden;
margin: 0;
}

.sidebar {
width:23%;
margin:0 2.6% 0 0;
float:left;
}

.main {
overflow:hidden;
width:73%;
float:right;
}

.main1 {
overflow:hidden;
}

.breadcrumbs {
overflow:hidden;
margin:0 0 2em 0;
}

.breadcrumbs ul {
padding:0;
overflow:hidden;
}

.breadcrumbs li {
float:left;
list-style:none;
}

.cat-children {
margin:0 0 2em 0;
}

.aftertext {
padding-top:3em;
margin:1em 0;
background: url('../images/lap.jpg') top repeat-x;
}

#footer {
background: url(../images/foot_bg.png);
padding:1em 0;
border-top:2px dashed #888;
}

#footer p {
text-align:center;
}


/*   Анимированная кнопка  */

#fixed {
position:fixed;
right:0;
top:35%;
background:#4b9cd5;
width:25px;
height:200px;
border-radius:5px 0 0 5px;
padding:1.5em 0.6% 1.5em 1%;
}

#fixed {
animation-name: fixbutt;
animation-duration:2s;
animation-timing-function: step-start;
animation-iteration-count:infinite;
}

@keyframes fixbutt {
    from {
    background: linear-gradient(to top, #32a9e0, #5b95cf);
    }
    50% {
    background:#1ac51f;
    }
    to {
    background: linear-gradient(to top, #5b95cf, #1ac586);
    }
}

/*  Main Menu  */

.moduletable-mainmenu {
margin:0;
}

.moduletable-mainmenu ul {
padding:0;
margin:0 0 2em 0;
}

.moduletable-mainmenu ul li {
list-style: none;
padding:0 0 0.3em 0;
line-height: 30px;
}

.moduletable-mainmenu ul li a {
font-size:1.4em;
text-decoration:none;
color:#282727;
padding:0.2em 0 0.2em 5%;
display:block;
}

ul li a.about-but {
background: url('../images/menu-about.gif') no-repeat;
}
ul li:hover a.about-but {
background: url('../images/menu-about-select.gif') no-repeat;
}


ul li a.gallery-but {
background: url('../images/menu-gallery.gif') no-repeat;
}
ul li:hover a.gallery-but {
background: url('../images/menu-gallery-select.gif') no-repeat;
}


ul li a.master-butt {
background: url('../images/menu-masterclass.gif') no-repeat;
}
ul li:hover a.master-butt {
background: url('../images/menu-masterclass-select.gif') no-repeat;
}


ul li a.news-but {
background: url('../images/menu-news.gif') no-repeat;
}
ul li:hover a.news-but {
background: url('../images/menu-news-select.gif') no-repeat;
}


ul li a.public-but {
background: url('../images/menu-article.gif') no-repeat;
}
ul li:hover a.public-but {
background: url('../images/menu-article-select.gif') no-repeat;
}

ul li a.shop-butt {
background: url('../images/menu-faq.gif') no-repeat;
}
ul li:hover a.shop-butt {
background: url('../images/menu-faq-select.gif') no-repeat;
}

ul li a.comment-but {
background: url('../images/menu-guest.gif') no-repeat;
}
ul li:hover a.comment-but {
background: url('../images/menu-guest-select.gif') no-repeat;
}


ul li a.friend-butt {
background: url('../images/menu-friend.gif') no-repeat;
}
ul li:hover a.friend-butt {
background: url('../images/menu-friend-select.gif') no-repeat;
}

/*

.moduletable-mainmenu ul li a img {
padding:0 5% 0.1em 0;
}

.moduletable-mainmenu ul li:hover a, .moduletable-mainmenu ul li.current a {
color:#fff;
}

ul li:hover a.orange, ul li.current a.orange {
background:#ff8a00;
background: linear-gradient(to top, #ff8a00, #fe9923);
}

ul li:hover a.yellow, ul li.current a.yellow {
background:#fbb701;
background: linear-gradient(to top, #fbb701, #fec323);
}

ul li:hover a.green, ul li.current a.green {
background:#33a906;
background: linear-gradient(to top, #33a906, #52b82b);
}

ul li:hover a.light-green, ul li.current a.light-green {
background:#60cc03;
background: linear-gradient(to top, #60cc03, #80e12c);
}

ul li:hover a.light-blue, ul li.current a.light-blue {
background:#018cdc;
background: linear-gradient(to top, #018cdc, #35a0de);
}

ul li:hover a.blue, ul li.current a.blue {
background:#013593;
background: linear-gradient(to top, #013593, #1f5299);
}

ul li:hover a.violent, ul li.current a.violent {
background:#9b00a9;
background: linear-gradient(to top, #9b00a9, #a326ae);
}
*/

/*   Регистрация  ---- */

.registration .control-group {
padding:0 0 0.6em 0;
}

fieldset {
border:none;
}

.alert {
position:relative;
overflow:hidden;
background:#94bfff;
margin:1em 0;
padding: 0.5em 2%;
}

.alert .close {
right:-2px;
top:0;
margin:5px;
}



/*  Модули  */

.custom_ads {
padding:1em 5% 0.5em 5%;
margin:0 0 1em 0;
color:#444;
}

.custom_ads p {
color:#333;
}

.moduletable {
margin:0 0 2em 0;
}

.moduletable h3 {
color:#fe2521;
line-height: 100%;
font-size:2.5em;
font-weight: normal;
padding:0 0 0.5em 0;
}

ul.latestnews {
padding:0;
margin:0;
}

.latestnews li {
padding:0 0 0.5em 0;
list-style:none;
}

.latestnews li a, .moduletable-gorizontal a {
color: #0171a5;
font-size:1.15em;
font-weight: normal;
text-decoration:none;
}

.latestnews li a:hover, .moduletable-gorizontal a:hover {
text-decoration: underline;
}

.moduletable-gorizontal {
width:100%;
}

.moduletable-gorizontal .block_item {
float:left;
width:33%;
text-align:center;
}

.moduletable-gorizontal h3 {
color:#fe2521;
line-height: 100%;
font-size:1.8em;
font-weight: normal;
padding:0 0 1em 0;
}


#modlgn-username, #modlgn-passwd {
padding:5px;
margin:0 0 0.5em 0;
}

#modlgn-remember {
margin:0 0 0.5em 0;
}

#form-login-submit button {
cursor:pointer;
}

#ModalOpen ul.unstyled {
padding:0.5em 0;
list-style:none;
}

#ModalOpen ul.unstyled li a, .registration a {
color:#1583f3;
}

.registration button, #ModalOpen button {
border:none;
}

.jshop-loginbox input {
cursor:pointer;
}



/*  Для статей ------------ */

.myfoto {
width:50%;
float:right;
padding:0 0 1em 20px;
}

.item, .items-row {
margin:0 0 2em 0;
}

.items-row img, .item-page img {
margin: 0 2% 1em 0!important;
}

.article-info {
color:#777;
font-size:90%;
padding:0 0 1em 0;
}

.btn {
display:inline-block;
background:#ff9919;
color:#fff;
padding:0.5em 30px;
border-radius:3px;
text-decoration:none;
}

.readmore {
clear:both;
overflow:hidden;
text-align: left;
margin:1em 0;
}

.btn:hover {
background:#79d400
}




/*  Pagination */

.pagination {
overflow:hidden;
padding:1em 0;
} 

.pagination ul li {
float:left;
list-style: none;
padding:0 15px 0 0;
}

.pagination ul li a {
background:#EBE8E8;
padding:0.3em 7px;
color:#222;
text-decoration:none;
font-size:1em;
}

.pagination ul li a:hover {
background:#444;
color:#fff;
}

.pagination ul li span {
font-size:1em;
}


/*     Tooltip     */


.tooltip {
	max-width: 400px;
}
.tooltip-inner {
	max-width: none;
	text-align: left;
	text-shadow: none;
}
th .tooltip-inner {
	font-weight: normal;
}
.tooltip.hasimage {
	opacity: 1;
}

.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 90%;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: rgba(0,0,0,0.8);
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	white-space: normal;
}
.popover.top {
	margin-top: -10px;
}
.popover.right {
	margin-left: 10px;
}
.popover.bottom {
	margin-top: 10px;
}
.popover.left {
	margin-left: -10px;
}
.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #444;
	color:#fff;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
}
.popover-title:empty {
	display: none;
}
.popover-content {
	padding: 9px 14px;
	color:#eee;
	background-color: #222;
}
.popover .arrow,
.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.popover .arrow {
	border-width: 11px;
}
.popover .arrow:after {
	border-width: 10px;
	content: "";
}
.popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,0.25);
	bottom: -11px;
}
.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff;
}
.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,0.25);
}
.popover.right .arrow:after {
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff;
}
.popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,0.25);
	top: -11px;
}
.popover.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff;
}
.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,0.25);
}
.popover.left .arrow:after {
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px;
}


/*  Гостевая книга  */

#phocaguestbook {}

#phocaguestbook .btn-toolbar .btn-group {
float:left;
}

.btn-toolbar {
overflow:hidden;
}

#pgbTabForm {
margin:0 0 1em 0;
}

#phocaguestbook .nav-tabs {
display:none;
}

.well {
padding:0.3em 2%;
}

/*   JoomShopping   */

.category_description {
margin:1em 0;
}

.video_full {
width:560px;
}

.was_added_to_cart {
color:#25ad03;
font-size:1em;
}

.cart_img {
margin-bottom:-3px;
}

#jshop_module_cart_mini {
text-align:center;
}

.jshop_list_category .sblock2 {
width:100%;
text-align:center;
}

.oiproduct .description {
color:#444;
margin:0.5em 0;
}


/*        Стили для модальных окон          */

.Window {
 position: fixed;
 font-family: Arial, Helvetica, sans-serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.7);
 z-index: 99999;
 transition: opacity 400ms ease-in;
 display: none;
 pointer-events: none;
}

.Window:target {
 display: block;
 pointer-events: auto;
}

.Window > div {
 width: 300px;
 position: relative;
 margin: 10% auto;
 padding: 30px 10px 10px;
 border-radius: 10px;
 background: #fff;
 box-shadow: 0px 0px 20px 2px;
}

.close {
 background: #cc3300;
 color: #FFFFFF;
 line-height: 25px;
 position: absolute;
 right: -12px;
 text-align: center;
 top: -10px;
 width: 24px;
 text-decoration: none;
 font-weight: bold;
 border-radius: 5px;
 box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #990000; }


/* Кнопка Наверх  */

#toTop {
width:120px;
border:1px solid #888;
border-radius:5px;
background: #1E9DF9;
text-align:center;
padding:5px;
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:420px;
cursor:pointer;
display:none;
color:#eee;
font-size:0.9em;}


.moduletable-mainmenu {
    display:block ;
}

.moduletable-mainmenus {
    display:none ;
}
@media (max-width:467px) {
.moduletable-mainmenu {
    display:none ;
}
}


@media (max-width:467px) {
.moduletable-mainmenus {
    display:block ;
}
.moduletable-mainmenus ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: block; /* Вместо block */
}

.moduletable-mainmenus li {
  margin-right: 10px;
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.jmoddiv.jmodinside {
    display: block;
}

}