* {
margin:0;
padding:0;
}

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

img, iframe, video, embed {
max-width:100%!important;
}

/*  Tipo  */

h1 {
font:2em 'PT Sans Narrow', sans-serif;
margin: 1px 5px 15px 20px;
padding-bottom: 5px;
}

h2 {
font:1.8em 'PT Sans Narrow', sans-serif;
padding:0 0 0.5em 0;
}

h2 {
font:1.6em 'PT Sans Narrow', sans-serif;
padding:0 0 0.5em 0;
}

p {
padding:0.2em 0 0.5em 0;
color:#333;
}

a {
color:#286a8b;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

li {
padding:0 0 0.5em 0;
}

.pull-right {
float: right;
}

.pull-left {
float: left;
}

/*  Breadcrumbs */

.breadcrumb {
padding:1em 2%;
display:block;
margin:0 0 1em 0;
overflow:hidden;
background:#eee;
}

ul.breadcrumb li {
list-style: none;
float:left;
font-size:110%;
padding:0;
}

ul.breadcrumb li a {
color:#016092;
text-decoration:underline;
}

ul.breadcrumb li a:hover {
text-decoration:none;
}

.divider {
padding:0 3px;
}

.copyright a {color:#eee;}

/*  Layout  */

#page {
width:100%;
background: url('../images/bg.png') #fff;
font:100% 'PT Sans Narrow', sans-serif;
}

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

.clr, .clearfix {
float: none;
clear:both;
}

.topmenu {
width:100%;
background:#4689ab;
padding:0.5em 0;
position:fixed;
overflow:hidden;
z-index: 9999;
}

.topmenu li {
list-style:none;
padding:0 40px 0 0;
float: left;
}

.topmenu li a {
color:#fff;
font-size:1.125rem;
text-transform: uppercase;
text-decoration:none;
}

.quick-link {
/* width:30%; */
float:right;
text-align: right;
}

.quick-link li {
float:right;
padding:0 0 0 40px;
}

.quick-link li img {
padding:0 10px 0 0;
margin:-4px;
}

.quick-link li a {
text-transform: none;
}

.header {
overflow:hidden;
margin:0 0 0.5em 0;
padding:2.8em 0 0 0;
}

.logo {
width:25%;
float:left;
margin-bottom:10px;
}

.logo a {
color:#52a1ca;
font:3em 'PT Sans Narrow', sans-serif;;
text-decoration:none;
}

.im_str {
font-size:2.25em;
color:#888;
letter-spacing: 0.05em;
line-height: 90%;
}

.santeh_str {
font-size:1.37em;
color:#222;
}

.address {
width:27%;
float:left;
font-size:1.35rem;
color:#444;
margin:1.5em 0;
text-align:center;
}

.cartbox {
width:23%;
float:left;
text-align:center;
margin:2em 0;
background:#f3f3f3;
padding:1em 0;
}

.cartbox a {
color:#52a1ca;
font-size:1.2rem;
}

.phone {
width:25%;
float:right;
text-align:right;
margin:0.5em 0;
}

.phone .tel {
font-size:1.875rem;
color:#444;
}

.phone .tel span {
color:#52a1ca;
}

.callme_link a {
text-decoration:none;
color:#52a1ca;
border-bottom:1px dashed #52a1ca;
font-size:1.2rem;
}

.phone .work {
font-size:1.3rem;
color:#444;
}

#content {
width:100%;
}

.aftertext {
margin:1em 0;
}

.sidebar {
width:23%;
float:left;
overflow:hidden;
}

.sidebar .moduletable, .moduletable-catalog {
background:#fff;
border:1px solid #ddd;
margin:0 0 2em 0;
}

.moduletable-catalog h3 {
font-size:1.5rem;
color:#286a8b;
background: url('../images/burger.png') no-repeat left 20px center;
padding:0.3em 0 0.3em 60px;
border-bottom:1px solid #ddd;
}

.moduletable h3 {
font-size:1.5rem;
color:#286a8b;
padding:0.3em 0 0.3em 20px;
border-bottom:1px solid #ddd;
margin:0 0 0.6em 0;
}

.moduletable-catalog ul {
padding:1em 0 1em 20px; 
}

.moduletable-catalog ul li {
padding:0 0 0.5em 0;
list-style:none;
}

.moduletable-catalog a {
color:#286a8b;
font-size:1.2rem;
text-decoration:none;   
}

.moduletable-catalog a:hover {
text-decoration:underline;
}

.main {
float:right;
padding-bottom: 75px;
/*overflow:hidden;*/
}

#footer {
background:#56616b;
padding:1em 0;
margin-top: 2em;
color:#eee;
}

#footer p, #footer div, #footer a {
color:#eee;
}

#footer .moduletable {
background: none;
}

#footer .moduletable h3 {
color:#eee;
border: none;
padding:0.3em 0;
}

.socbutt {
position: fixed;
right:0;
top:40%;
overflow:hidden;
background:#d7e4f1;
padding:0.3em 0 0 0;
border-radius:0 3px 3px 0;
opacity:0.7;
}

.socbutt:hover {
opacity:1.0;
}

.socbutt li {
list-style:none;
padding: 0;
}

.socbutt img {
padding:0 10px;
}

.quick-link input[type="text"] {
padding:0.3em 5px;
border:none;
}

.quick-link input[type="submit"] {
padding:0;
font-size:1rem;
display:none;
}

.copyright {
background:#474f56;
text-align:center;
padding:0.4em 0 0 0;
color:#eee;
}

.copyright p {
color:#eee;
}

/*  Для материалов  */

div.icons {
overflow:hidden;
padding:0.4em 0;
float:right;
}

div.icons ul {
padding:0;
}

div.icons li {
float:right;
list-style:none;
padding:0 5px 0 0;
}

.dropdown-toggle {
display:none;
}

.article-info {
font-size:100%;
color:#666;
padding:0.5em 0;
}

ul.tags {
padding:0.5em 0;
overflow:hidden;
}

ul.tags li {
list-style:none;
float:left;
margin:0 5px 0.4em 0;
}

ul.tags li a {
text-decoration:none;
color:#ebf5fe;
background:#426C88;
padding:.1em 10px .2em 10px;
border-radius:10px;
line-height:100%;
transition: 0.4s;
font-size:110%;
}

ul.tags li a:hover {
background:#444;
transition: 0.4s;
}

.inline a {
display: inline-block;
}

ul.pagenav {
padding:1em 0;
overflow:hidden;
}

ul.pagenav li {
list-style:none;
}

ul.pagenav li.previous {
float:left;
}

ul.pagenav li.next {
float:right;
}

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

.pagination ul {
padding:0
}

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

.pagination ul li a {
padding:0 7px;
text-decoration:none;
transition: 0.4s;
}

.pagination ul li a:hover {
transition: 0.4s;
}

.pull-left.item-image {
width:50%;
margin:0 2% 1em 0;
}

.pull-right.item-image {
width:50%;
margin:0 0 1em 2%;
}


span.row-separator {
clear: both;
display: block;
}

.items-more {
clear:both;
}

.items-more ol{
padding:1em 0;
}

.items-more ol li {
list-style:none;
}

table.category {
width:100%;
}

table.category td {
padding:0.3em 0;
}

/*  Ширина модулей (размер bootstrap)   */
/*Brooksus
.span1 {
width:7.33%;
float:left;
padding:0 0.5%;
}

.span2 {
width:15.66%;
float:left;
padding:0 0.5%;
}

.span3 {
width:22.9%;
float:left;
padding:0 1%;
}

.span4 {
width: 32% !important;
float: left;
float:left;
padding:0 1%;
margin: 0.66% !important;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
text-align: center;

}

.span5 {
width:39.6%;
float:left;
padding:0 1%;
}

.span6 {
width:47.9%;
float:left;
padding:0 1%;
}

.span7 {
width:56.3%;
float:left;
padding:0 1%;
}

.span8 {
width:64.6%;
float:left;
padding:0 1%;
}

.span9 {
width:72.9%;
float:left;
padding:0 1%;
}

.span10 {
width:81.3%;
float:left;
padding:0 1%;
}
*/
.span110 {
float:left;
padding:0 1%;
}
/*Brooksus
.span11 {
width:89.6%;
float:left;
padding:0 1%;
}

.span12 {
width:100%;
padding:0;
}
*/

/*  Корзина AJAX Mini  */

.mycart_mini_txt {
background:none;
width:auto;
height:auto;
border:none;
border-radius:0;
box-shadow:none;
display:inline-block;
}

.mycart_mini_txt strong {
font-size:1rem;
}

.mycart_mini_txt a {
color:#fff!important;
display:inline-block;
width:auto;
padding:1px 7px;
height:auto;
background:#333;
position:relative;
top:-10px;
border-radius:10px;
font-size:100%;
text-decoration:none;
}

.modal_anchor {
padding:0.5em 0;
}

.hidden_for_cart {
display:none;
}

#DOMWindow {
text-align:center;
}


#ModalOpen #jt_popup2 {
width:300px;
text-align:center;
}

#ModalOpen .btn {
padding:0.5em 20px;
background:#199ed8;
color:#fff;
text-decoration:none;
border:none;
}

#ModalDiscount #jt_popup2 {
margin:5% auto;
}



/*     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;
}

.control-group {
margin:0 0 0.6em 0;    
}

.podbor_box {
overflow:hidden;
margin:0 -0.5em 0.5em 0;
}

.podbor_box a {
display:block;
width:49%;
float:left;
margin:0 1% 0 0;
background:#C8C3AF;
color:#444;
padding:0.5em 0;
text-align:center;
font-size:1.6em;
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}


.kartov {
border:1px solid #d9d9d9;
border-radius:5px;
font-size: 115%;
padding:10px 20px 5px 20px;
}

h1.kartov {
font:2em 'PT Sans Narrow', sans-serif;
margin: 1px 5px 15px 65px;
padding-bottom: 5px;
border: none;
}

.kartov h3 {
font-size: 130%;
margin: 10px 5px 20px 2px;
}

h3.attributgr_name  {
font-size: 125%;
margin: 1px 5px 15px 2px;
padding-bottom: 5px;
border-bottom: 1px solid #999;
}

h4.attributes_name {
font-size: 115%;
margin: 1px 5px 20px 2px;
}

.kartov li{
       
margin: 0 0 0 25px;
        }		
   
   hr {
    border: none;
    color: #d9d9d9;
    background-color: #d9d9d9; 
    height: 1px; 
   }
   
p.prod_price_new {
font-size: 2.9em;
color: #f56032;
margin: 20px 5px 0px 0px;
padding-top: 20px;
border-top: 1px solid #999;
}

p.deliverytime {
font-size: 1.2em;
}

.manufacturer_logo_new img {
margin: 0;	
padding: 0;
    height: 100px;
    margin: -9px 0 -25px 0;
}

.radio_attr_label img {
margin: 0;	
padding: 0;
    height: auto;
    /*margin: -9px 0 -5px 0;*/
}
.radio_attr_label {
margin-right: 5px;	
padding-right: 5px;
   cursor: pointer; 
}

.jshop_img_description img {

   cursor: pointer; 
}

.product_box_images
{
border:1px solid #d9d9d9;
border-radius:5px;
font-size: 115%;
padding:10px 0px 10px 0px;
}

h3.related_header {
	
border-top:1px solid #d9d9d9;
padding:10px 0px 20px 0px;
margin-top: 20px;
font-size: 1.5em;
}

.jshop.rp-brooksite {
margin: 20px 7px 0px 7px !important;
}
span.prod_attr_img img, .radio_attr_label img {
	width: 35px !important;
}
.jshop-simpleajax-filter {
padding: 15px;
}
.jshop.last_visited_products {
padding: 5px;
text-align: center;
}
.jshop_list_product .product .description {
    font-size: 1.3em !important;
    padding-bottom: 5px;
}
.jshop_list_product .list-product-caption {
    padding: 2px 15px 15px;
}
.noUi-connect {
    background: #d7e4f1 !important;
}
.attention-filter {
background: #d7e4f1 !important;
font-size: 1.1em !important;
}
.attention-filter {
    margin-bottom: 10px;
    padding-bottom: 15px;
}
.jshop-simpleajax-filter .filter-block-wrap input {
vertical-align: top;
}
.input-small {
	width: 200px !important;
}