/* Eric Meyer's CSS Reset * /
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
/*    font: inherit;* /
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers * /
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

a {
	/*text-decoration:underline;* /
	color:#3C3C3C;
	text-decoration:none;
}
a:hover {
	color: #2998DD;
	text-decoration:none;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset * /
.clear {
    height: 0;
    margin: 0; padding: 0;
    clear: both;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
    font: 12px roboto, Arial, Helvetica, sans-serif;
    line-height: 22px;
    color: #313133;
	min-width: 950px;
}
*/
@charset "utf-8";
@import url(./fonts/fonts.css);
/*=============GENERAL=======================================================================
	body styles, reset, font faces, links, headings and other tags
*/
html,body	{
    margin:0px; padding:0px;
    font:12px/1.3em roboto, Arial, Tahoma, Verdana; text-align:left;
    color:#333;
    min-height:100%;
    line-height: 18px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

h1,h2,h3,h4,h5 {font-weight:700;line-height:normal}
h1 {font-size:2em}
h2 {font-size:1.5em}
h3 {font-size:1.17em}
h4 {font-size:1em}
h5 {font-size:0.83em}
h6 {font-size:0.67em}
*{outline: none;}

html{background: #fff url(../images/bar/top-bg.jpg) 0 0 repeat-x;}
/*body {background: url(../images/bar/bottom-bg.jpg) 0 bottom repeat-x;}*/

a{
    color: #2998DD;
    text-decoration:none;
    outline:none!important;
    cursor:pointer;
}
a:hover {
    color:#3C3C3C;
    text-decoration:none;
}
a img{outline:none;}
/*=============HELPERS=============================================================================
reuseble classes with normally just one rule
*/
.fixed{position:fixed;}
.rel{position:relative;}
.clear{
    border: medium none;
    clear: both;
    float: none;
    font-size: 0;
    height: 0;
    line-height: 0;
}
.floatLeft{float: left;}
.floatRight{float: right;}
.noItalic{font-style:normal!important;}

.m0{margin:0px!important;}
.mb15{margin-bottom: 15px !important;}
.mb80{margin-bottom: 80px !important;}

.nowrap{white-space:nowrap;}
.hide {opacity:0;}
.taRight {text-align: right;}
.taLeft {text-align: left;}
.taCenter {text-align: center;}

.fs16{font-size: 16px; !important}


/*--------------color---------------*/
.clVinous{color:#851212;}
.clGreen{color:#00692e!important;}
.clRed{color:#8e0707;}
.clBlue{color:#02a0d1 !important;}
/*--------------bg color-------------*/
.bgWhite{background:#fff;}
.bgNone{background:none;}


/*==========PAGE=STRUCTURE==========================================================================
	page skeleton including header, footer, etc.
*/




.wrapper {
    /*width: 100%;*/
    height: 100%;
    min-width: 950px;
    /*overflow: hidden;*/
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}


/* Header
-----------------------------------------------------------------------------*/
.header {
    min-width: 950px;
	/*background: url("../images/bg-header.png") 0 0 no-repeat #ededed;*/
	background: #ededed;
    overflow: hidden;
}
.header.big {
    height: 601px;
}
.header.small {
    height: 220px;
}
.header .bg-header-img {
    width: 1307px;
    height: 600px;
}
.header .bg-header-img.absolute {
    top: 0;
    left: 50%;
    margin: 0 566px 0 -566px;
    z-index: 1;
}
/* --= .header-slider =-- */
.header-slider{
    position: absolute;
    z-index: 1;
    height: 600px;
    width: 100%;
    background: #000;
}
.header-slider ul{
    margin: 0;
    padding: 0;
}
.header-slider ul,
.header-slider li{
    height:600px;
}
.header-slider .image{
    width:100%;
    height:100%;
    background-repeat: no-repeat;
}
.header-slider .block-center{
    position: absolute;
    top:0;
    left: 50%;
    margin-left: -475px;
    width:950px;
    height:100%;
    z-index: 3;
}
.header-slider .see{
    background: #e2bd4a;
    /*width: 103px;
    padding: 10px 0;*/
    display: block;
    width: 70px;
    padding: 3px 0;
    text-align: center;
    margin: 0 auto;
}

.header-shadow{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index: 2;
    background: url("../images/header-shadow.png") center 0 no-repeat;
}
.header.big .header-wrapper { /*height: 600px;*/ }
.header .header-wrapper a.logo {
    display: block;
    float: left;
    top: 10px;
    left: 13px;
    position: relative;
}
.header .header-wrapper a.logo img {
    /*width: 166px;
    height: 37px;*/
}
.header .header-wrapper .contact-info {
    float: left;
    position: relative;
    top: 17px;
    /*left: 117px;*/
    left: 94px;
    overflow: hidden;
}
.header .header-wrapper .contact-info ul { float: left; margin: 0; padding:0;}
.header .header-wrapper .contact-info ul:first-child { margin-right: 73px; }
.header .header-wrapper .contact-info ul li {
    margin-bottom: 10px;
    list-style-type: none;
}
.header .header-wrapper .contact-info ul li span {
    font: 16px/18px roboto, Arial;/*'pt_sansbold';*/
    color: #ffffff;
    margin-left: 13px;
}
.header .header-wrapper .contact-info ul:first-child li span {
    margin-left: 15px;
}
.header .header-wrapper .cart-info-block {
    padding: 10px 5px 15px 55px;
    background: url("../images/bg-cart-info.png") 0 0 repeat;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    float: right;
    position: relative;
    top: 12px;
    right: 0;
    width: 149px;
    text-decoration: none;
}
.header .header-wrapper .cart-info-block img {
    width: 30px;
    height: 29px;
    position: absolute;
    top: 10px;
    left: 12px;
}
.header .header-wrapper .cart-info-block h4 {
 /*   font: 14px/14px 'pt_sansbold', 'Tahoma';*/
	font: 14px/14px roboto, Arial;/*'Trebuchet MS';*/
	color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0 0 3px;
}
.header .header-wrapper .cart-info-block span {
    font: 14px/14px roboto, Arial;/*'Trebuchet MS';*/
    color: #ffffff;
    text-decoration: none;
}
.header .header-wrapper .nav-block {
    height: 38px;
    background: url("../images/bg-menu-panel.png") 0 0 repeat-x;
    /*margin: 38px 0 0 12px;*/
    margin: 25px 2px 2px 2px;
}
.header .header-wrapper .nav-block ul { float: left; font-size: 0; margin: 0; padding: 0;}
.header .header-wrapper .nav-block ul li { display: inline-block; }
.header .header-wrapper .nav-block ul li.border { border-left: 1px solid #666666; }
.header .header-wrapper .nav-block ul li.both { border-right: 1px solid #666666; }
.header .header-wrapper .nav-block ul li:hover {
    padding-right: 1px;
}
.header .header-wrapper .nav-block ul li.border:hover {
    padding-left: 1px;
}
.header .header-wrapper .nav-block ul li:hover{border: 0;}
.header .header-wrapper .nav-block ul li:hover+li {
    border-left: 0;
	
}
.header .header-wrapper .nav-block ul li a {
    font: 10px/12px roboto, Arial;/*'Trebuchet MS';*/
    color: #2998DD;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    padding: 13px 20px;
    font-weight: normal;
}
.header .header-wrapper .nav-block ul li a:hover,
.header .header-wrapper .nav-block ul li.active a {
    text-decoration: none;
    background: url("../images/bg-active-menu-item.png") 0 0 repeat-x;
	color:#FFFFFF;
	
}
.header .header-wrapper .nav-block div.search-block {
    float: right;
    position: relative;
    width: 165px;
    height: 24px;
    margin: 7px 6px 0 0;
}
.header .header-wrapper .nav-block div.search-block input {
    width: 140px;
    height: 24px;
    border: none;
    background: url("../images/bg-search-input.png") 0 0 no-repeat;
    padding-left:5px;
    outline: none;
    font: 12px/24px roboto, Arial, sans-serif;
    color: #FFFFFF;
}
.header .header-wrapper .nav-block div.search-block a {
    position: absolute;
    width: 25px;
    height: 24px;
    top: 0;
    right: -7px;

    background: url("../images/search-icon.png") center center no-repeat;
}
.header .product-info {
    width: 940px;
    height: 480px;
    /*background: url("../images/bg-product-info.png") 0 0 repeat;*/
    position: absolute;
    top:120px;
    left: 0px;
}
.header .product-info h2 {
    font: 36px/36px roboto, Arial;/*'Trebuchet MS';*/
    color: #2a2a2a;
    text-transform: uppercase;
    margin-bottom: 23px;
}
.header .product-info p {
    font: 22px/22px roboto, Arial;/*'Trebuchet MS';*/
    color: #2a2a2a;
    margin-bottom: 27px;
}
.header .product-info a {
    font: 12px/15px roboto, Arial;/*'Trebuchet MS';*/
    color: #ffffff;
    text-decoration: none;
}


/* Middle
-----------------------------------------------------------------------------*/
.content { width: 100%; padding-bottom: 6px; position:relative; z-index: 10;}
.main-slider-block {
    position:relative;
    z-index: 100;
    width: 100%;
    background: url('../images/bg-main-slider.png') center center repeat-x;
    height: 130px;
    min-width: 950px;
    margin-bottom: -2px;
}
.main-slider-block ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.flex-viewport ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#main-slider div.flex-viewport {
    overflow:inherit !important;
    /*overflow-x: hidden !important;*/
    margin: 0 25px 0 35px;
}
#main-slider{
    width:945px !important;
}
.flex-direction-nav{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
    display: block;
    width: 17px;
    height: 17px;
    background: url("../images/sprite-slider-arrows.png") no-repeat;
}
.flex-direction-nav .flex-prev { background-position: 0px 0px; }
/*.flex-direction-nav .flex-prev.flex-disabled { background-position: 0px -17px; opacity: .3!important; filter:alpha(opacity=30); cursor: default;}*/
.flex-direction-nav .flex-next { background-position: 0px -34px; }
/*.flex-direction-nav .flex-next.flex-disabled { background-position: 0px -51px; opacity: .3!important; filter:alpha(opacity=30); cursor: default;}*/
#main-slider ul.main-slider-wrapper a {
    text-decoration: none;
    display: inline-block;
}
#main-slider ul.main-slider-wrapper a:hover h4 {
    color: #2998DD
}
#main-slider ul.main-slider-wrapper li {
    position:relative;
    float:left;
    min-height: 90px;
    text-align: center;
    padding: 10px 8px 15px;
    width:140px;
}
#main-slider ul.main-slider-wrapper li .inside{
    height:110px;
}
#main-slider ul.main-slider-wrapper li .inside .img{
    display:block;
  /*  height:73px;*/
}
#main-slider ul.main-slider-wrapper li h4 {
    font: 13px/14px roboto, Arial;/*'Trebuchet MS'*/;
    color: #515151;
    font-weight: bold;
    margin-top: 2px;
}
#main-slider ul.main-slider-wrapper li .submenu{
    position:absolute;
    margin-left:-22px;
    width:240px;
    padding: 21px 15px 5px;
    background: #464646;
    display:none;
    text-align: left;
}
#main-slider ul.main-slider-wrapper li.last .submenu{
    left:auto;
    right:-22px;
}
#main-slider ul.main-slider-wrapper li .submenu .arrow{
    position:absolute;
    left:102px;
    top:-12px;
    width:17px;
    height:12px;
    background: url(../images/submenu-arrow.png) 0 0 no-repeat;
}
#main-slider ul.main-slider-wrapper li:hover .submenu{
    display:block;
}
#main-slider ul.main-slider-wrapper li .row{
    margin-bottom: 16px;
    text-transform: uppercase;
    padding-left: 14px;
    background: url(../images/main-slider_subenu.png) 0 7px no-repeat;
}
#main-slider ul.main-slider-wrapper li .submenu a{
    font:bold 11px/16px roboto, Arial;/*Tahoma;*/
    color:#fff;
}
#main-slider ul.main-slider-wrapper li .submenu a:hover{
    text-decoration: underline;
}

ul.flex-direction-nav {
    position: absolute;
    top: 58px;
    width: 950px;
}
ul.flex-direction-nav li { position: absolute; right: 1px; }
ul.flex-direction-nav li:first-child { left: 12px; }
ul.flex-direction-nav li a { outline: none; }

.content-main-block {
    width: 100%;
    background: url("../images/shadow.png") 0 0 repeat-x #ffffff;
}
.content-main-block .info-block {
    position: relative;
    width: 395px;
    padding: 37px 10px 35px 65px;
    float: left;
}
.content-main-block .info-block.history {
    background: url("../images/history.svg") 10px 12px no-repeat;
    min-height:235px;
    padding-top: 12px;
}
.content-main-block .info-block.news {
    /*background: url("../images/news.png") 10px 22px no-repeat;*/
    min-height: 270px;
    padding-top: 22px;
    padding-bottom: 23px;
}
.content-main-block .info-block.articles {
    /*background: url("../images/articles.png") 10px 22px no-repeat;*/
    min-height:270px;
    padding-top: 22px;
    padding-bottom: 23px;
}
.content-main-block .info-block p, .content-main-block .info-block a {
    font: 13px/17px roboto, Arial;/*'Trebuchet MS';*/
    color: #484747;
}
.content-main-block .info-block a {
    text-decoration: none;
    cursor: pointer;
}
.content-main-block .info-block a:hover {
    text-decoration: underline;
}
.content-main-block .info-block#product-slider {
    padding: 12px 0px 10px 20px;
    width: 460px;
    height:322px;
}
.content-main-block .info-block#product-slider ul,
.content-main-block .info-block#product-slider ol{
    padding-left: 0;
}
.content-main-block .info-block#product-slider .flexslider{
    position: relative;
    width: 460px;
    height:322px;
}
.content-main-block .info-block#product-slider .flex-viewport{
    width: 460px;
    height: 268px;
}
.content-main-block .info-block#product-slider .slides li {
    height: 268px;
}
.content-main-block .info-block#product-slider .slides li img {
    height: 225px;
    width: 450px;
}
.content-main-block .info-block#product-slider .flex-control-nav{
    position: absolute;
    top:268px;
    left:0;
    width:460px;
}
.content-main-block .info-block .title{
    display:block;
    width:24px;
    height:268px;
    position: absolute;
    top:22px;
    left:10px;
    background: 0 0 no-repeat;
}
.content-main-block .info-block.articles .title{
    background-image: url(../images/articles.svg);}
.content-main-block .info-block.news .title{
    background-image: url(../images/news.svg);
}
.flex-control-paging {
    text-align: center;
}
.flex-control-paging li {
    display: inline-block;
    margin: 12px 1px 0 6px;
}
.flex-control-paging li a {
    display: block;
    width: 13px;
    height: 13px;
    background: url("../images/sprite-slider-navigation.png") 0 0 no-repeat;
    cursor: pointer;
    text-indent: -9999px;
}
.flex-control-paging li a.flex-active {
    background-position: 0 -13px;
}
.info-block .item {
    margin-bottom: 10px;
    border-top: 1px solid #ece9e9;
    padding-top: 10px;
}
.info-block .item .text{
    line-height: 15px;
    color: #605f5f;
}
.info-block .item:first-child {
    border: none;
    padding-top: 0;
}
.info-block.articles .item {
    /*
    margin-bottom: 10px;
    padding-top: 10px;
    */
    margin-bottom: 5px;
    padding-top: 5px;
}
.info-block.articles .item:first-child {
    border: none;
    padding-top: 0px;
}
.info-block .item div.date {
    color: #474750;
    font: 13px/15px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
    /*margin-bottom: 7px;*/
}
.sliders-gray-block {
    /*background: #efefef;*/
    background: #fff;
    margin-bottom: 10px;
}
#new-slider {
    border-left: 6px solid #ffffff;
    padding: 0px 20px 0px 40px !important;
}
#bestseller-slider,
#new-slider {
    position: relative;
    padding: 0px 57px;
    width: 780px;
}
#bestseller-slider .slides li,
#new-slider .slides li {
    text-align: center;
    padding: 0 10px 35px 20px;
    position: relative;
    height: 205px;
}
#bestseller-slider .slides li .icon,
#new-slider .slides li .icon {
    margin: 0 0 18px;
    text-align: left;
}
#bestseller-slider .flex-direction-nav,
#new-slider .flex-direction-nav {
    width: 900px;
    left: 0px;
    top: 125px;
}
#bestseller-slider a img,
#new-slider a img {
    max-width: 181px;
    max-height: 71px;
}
#bestseller-slider .image,
#new-slider .image{
    display:block;
    width:181px;
    height:71px;
    margin-bottom: 10px;
    text-align: center;
}

#bestseller-slider .product-title,
#new-slider .product-title {
    color: #0b0b0b;
    text-decoration: underline;
    font: 12px/16px roboto, Arial;/*'Trebuchet MS';*/
    /*text-transform: uppercase;*/
    margin: 3px 0 0;
    max-height: 32px;
    display: block;
}
#bestseller-slider .product-title:hover,
#new-slider .product-title:hover {
    text-decoration: none;
}
#bestseller-slider .gold-price,
#new-slider .gold-price {
    color: #ff0000;
    font: 12px/12px roboto, Arial;/*'Trebuchet MS';*/
    margin: 17px 0 0;
}
#bestseller-slider p,
#new-slider p {
    color: #2c2c2c;
    font: 12px/16px roboto, Arial;/*'Trebuchet MS';*/
    margin: 12px 0 0;
}
#bestseller-slider .price-block,
#new-slider .price-block {
    position: absolute;
    bottom: 0;
    width: 193px;
    height: 65px;
}
.price-block .old-price {
    color: #242425;
    font: 13px/15px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
    text-decoration: line-through;
    margin: 7px 5px 7px 2px;
}
.price-block .discount-price {
    color: #bb0505;
    font: 18px/20px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
}
.price-block .buy-link {
    width: 78px;
    height: 12px;
    padding: 4px 0px 5px 0px;
    text-align: center;
    text-transform: uppercase;
    display: block;
    background: url("../images/product-button-buy-on.png") 0 0 repeat-x;
    color: #ffffff !important;
    font: 10px/14px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: normal;
    margin: 11px auto;
}
.price-block .buy-link:hover {
    background: url("../images/product-button-buy-off.png") 0 0 repeat-x;
    text-decoration: none !important;
}

#bestseller-slider .discount-price,
#new-slider .discount-price{
    background: url("../images/bg-blackgrad-btn.png") 0 0 repeat-x;
    color:#2998DD;
    margin: 30px;
}
#bestseller-slider .discount-price span,
#new-slider .discount-price span{
    font-size: 8px;
    margin-left: 6px;
}



/* Footer
-----------------------------------------------------------------------------*/
.footer {
    position:relative;
    z-index: 5;
	background: #f2f2f2;
    width: 100%;
    min-width: 950px;
}
.footer-info {
    border-top: 3px solid #e2e2e2;
    top: -3px;
    position: relative;
    margin-left: 10px;
    padding: 24px 0;
    overflow: hidden;
}
.footer-info ul {
    width: 500px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.footer-info ul li {
    padding: 0 0 0 14px;
    background: url("../images/list-arrow.png") 0 center no-repeat;
    display: inline-block;
    width: 146px;
}
.footer-info ul li a {
    font: 11px/24px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
    color: #474750;
    text-decoration: none;
    text-transform: uppercase;
}
.footer-info ul li a:hover {
    text-decoration: underline;
}
.footer-info .worktime {
    width: 380px;
    padding: 0 0 0 10px;
}
.footer-info .worktime h4 {
    font: 12px/20px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
    color: #474750;
    margin: 0;
}
.footer-info .worktime span {
    display: inline-block;
    font: 12px/14px roboto, Arial;/*'Trebuchet MS';*/
    color: #474750;
    margin-top: 10px;
    margin-right: 20px;
}
.copyright {
    border-top: 1px solid #e3e0e0;
    padding: 22px 0;
    margin-left: 10px;
    overflow: hidden;
}
.copyright .copy {
    height: 14px;
}
.copyright .copy span {
    height: 14px;
    display: inline-block;
    vertical-align: top;
    color: #605f5f;
    font: 14px/15px roboto, Arial;/*'Trebuchet MS';*/
}
.copyright .copy span img {
    margin-right: 7px;
}
.copyright .copy span a {
    font: 14px/15px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
    color: #605f5f;
    text-decoration: none;
}
.copyright .copy span a:hover {
    text-decoration: underline;
}


/*****
***     Help Elements
*****/
.left { float: left; }
.right { float: right; }
.blocks-wrapper {
    width: 950px;
    padding: 0;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}
.header-title {
    width: 900px;
    padding-top: 40px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
	color:#2998dd;
	font-size:30px;
		text-align:center;
}
.breadcrumbs {
    margin-left: 10px;
    padding: 24px 0;
}
.breadcrumbs a {
    color: #3c3c3c;
    font: 12px/12px roboto, Arial;/*'Trebuchet MS';*/
    text-decoration: underline;
}
.breadcrumbs a:hover,
.breadcrumbs a.active {
    color: #2998DD;
    text-decoration: none;
}
.page-title {
    margin: 20px 0 0 12px;
    padding: 14px;
    background: url("../images/bg-page-title.png") 0 0 repeat;
}
.page-title h1 {
    text-align: center;
    font: 22px/22px roboto, Arial;/*'Trebuchet MS';*/
    color: #ffffff;
    font-weight: normal;
}


/*****
***     Single Page
*****/
.article {
    margin-left: 10px;
    padding: 0px 0 55px;
}
.articles-list a,
.article .to-all{
    color: #3C3C3C;
    text-decoration: none;
}
.articles-list a:hover,
.article .to-all:hover{
    color: #2998DD;
    text-decoration: none;
}
.article h1 {
    font: 21px/21px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
    color: #3C3C3C;
    margin: 20px;
    letter-spacing: 0.1px;
}
.article h1 a{
    color:#3C3C3C;
    text-decoration: none;
}
.article h2 {
    font: 18px/18px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
    color: #2998DD;
    margin: 25px;
    letter-spacing: 0.1px;
}
.article h1 a:hover{}
.article ul{
    list-style-type: disc;
    margin-left: 20px;
    padding: 0;
}
.article ol{
    list-style-type: decimal;
    margin-left: 20px;
    padding: 0;
}
.articles-list,
.articles-list ul{
    padding: 0 !important;
    margin: 0 !important;
}
.page p {
    /*font: 13px/18px 'Trebuchet MS';
    color: #464646;*/
    margin-bottom: 10px;
    letter-spacing: 0.1px;
}



/*****
***     Product Page
*****/
.product-page {
    margin-left: 10px;
    padding: 22px 0 55px;
}
.product-page h1 {
    font: 18px/18px roboto, Arial;/*'Trebuchet MS';*/
    color: #212020;
    margin-bottom: 15px;
    font-weight: normal;
}
.product-page h1 span {
    font: 18px/18px roboto, Arial;/*'Trebuchet MS';*/
    /*font-weight: bold;*/
    color:#ff0000;
}
.product-page h1 a:hover span {
    text-decoration: underline;
}
.slider-block {
    width: 480px;
    position: relative;
}
.product-page .slider-block ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.product-page .slider-block .icon{
    position: absolute;
    z-index: 100;
    top: 10px;
    left: 10px;
}
.product-page .slider-block .lupa{
    display: block;
    width:25px;
    height: 26px;
    position: absolute;
    left: 442px;
    top: 334px;
    background: url(../images/lupa.png) 0 0 no-repeat;
}
.product-page .ui-tabs-nav{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.product-page .ui-tabs-panel ul{
    list-style-type: inherit;
}
.description-block {
    width: 423px;
}
.description-block .left{
    width: 185px;
}
.description-block > span {
    margin-bottom: 15px;
}
.description-block .old-price {
    text-decoration: line-through;
    color: #242425;
    font: 17px/20px roboto, Arial;/*'Trebuchet MS';*/
    display: block;
    min-height: 20px;
}
.description-block .price {
    font: 37px/40px roboto, Arial;
    color: #000;
    display: block;
    margin-top: -7px;
}
.description-block .price.new {
    color: #ff0000;
}
.description-block .discount-price {
    font: 34px/36px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
    color: #f80101;
    display: block;
}
.description-block .discount-price span {
    font-size: 22px;
}
.description-block .buy-link {
    width: 131px;
    height: 19px;
    padding: 13px 0;
    display: block;
    text-align: center;
    text-transform: uppercase;
    background: url("../images/product-button-buy-off.png") center center repeat-x;
    color: #FFFFFF !important;
    font: 13px/22px roboto, Arial;
    font-weight: normal;
    background-size: 100% 100%;
    text-decoration: none;
    margin-bottom: 13px;
}
.description-block .buy-link:hover {
    background: url("../images/product-button-buy-on.png") center center repeat-x;
    text-decoration: none !important;
    background-size: 100% 100%;
}
.description-block .your-price-btn{
    display:block;
    width:131px;
    height:25px;
    margin-top: -3px;
    margin-bottom: 6px;
    background:url(../images/your_price_d.jpg) 0 0 no-repeat;
}
.description-block .servises{
    float: right;
    width: 225px;
    padding-top: 19px;
    min-height: 179px;
}
.description-block .servises span{
    display: block;
    padding-left: 16px;
    background: url(../images/servises-arrow.png) 0 6px no-repeat;
    margin-bottom: 2px;
}
.description-block .servises span a{
    text-decoration: none;
    color:#2998dd;
}
.description-block .servises span a:hover{
    text-decoration: underline;
}
.description-block .add_to_compare .compare{
    display: block;
    width:131px;
    height: 25px;
    font: 14px/25px roboto, Arial;
    color:#000;
    text-align: center;
    text-decoration: none;
    background: url(../images/item-compare-btn.png) 0 center repeat-x;
}
.product-page #tabs{
    padding-top: 25px;
}
.product-page .ui-tabs .ui-tabs-panel {
    display: block;
    background: none;
}
.product-page .ui-tabs-nav{
    margin: 0 0 30px;
    height: 43px;
    padding: 0;
    /*overflow: hidden;*/
    border-bottom: 1px solid #ccc;
}
.product-page .ui-tabs-nav li{
    display: table;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    border: 0px solid #ccc;
    border-width: 0 0px 0 0 ;
    float:left;
}
.product-page .ui-tabs-nav li:first-child{
    border-left: 0px solid #ccc;
}
.product-page .ui-tabs-nav li .in{
    display: table-cell;
    height: 43px;
    padding: 0 24px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    border: 0;
    background: none;
    text-decoration: none;
    color:#3C3C3C;
}
.product-page .ui-tabs-nav li span{
    position: absolute;
    bottom:-1.5px;
    left:50%;
    margin-left: -57px;
    width:115px;
    height: 2px;
    display: none;
    /*background: url(../images/product-tabs-active_.png) 0 0 no-repeat;*/
    border-bottom: solid #2998DD;
    border-width: 0px 0px 2px 0px;
    
}
.product-page .ui-tabs-nav li.ui-tabs-active a{
    color:#2998DD;
}
.product-page .ui-tabs-nav li.ui-tabs-active span{
    display: block;
}
.product-page #tabs td{
    padding: 10px;
}
.product-page #tabs td.first{
    padding-right: 20px;
}
.product-page #tabs .fill td{
    background: #e3e3e3;
}
.product-page .catitems-list{
    width:100%;
    float:none;
}
.product-page .catitems-list ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.files h3 {
    font: 14px/16px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
    color: #4d4d4d;
    margin: 20px 0;
}
.files a span {
    display: inline-block;
    height: 14px;
    font: 14px/18px roboto, Arial;/*'Trebuchet MS';*/
    color: #3087ca;
    font-weight: normal;
    vertical-align: top;
    margin: 5px 15px 9px 0;
    text-decoration: underline;
}
.files a:hover span {
    text-decoration: none;
}
#product-page-slider {
    width: 480px;
    height: 370px;
    border: 1px solid #dcdcdc;
}
#product-page-slider ul.slides li {
    width: 480px;
    height: 370px;
    text-align: center;
}
#product-page-slider ul.slides li .inside{
    width: 480px;
    height: 370px;
    overflow: hidden;
    position: relative;
}
#product-page-carousel{
    width:480px;
    height:114px;
    padding-top: 15px;
    position:relative;
}
#product-page-carousel ul.slides li {
    width:120px;
    float:left;
}
#product-page-carousel ul.slides .img{
    display: table;
    width: 110px !important;
    height: 110px;
    border: 2px solid #dcdcdc;
    margin: 0 auto;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
}
#product-page-carousel ul.slides .img .inside{
    display:table-cell;
    width:110px;
    height:110px;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
    position:relative;
}
#product-page-carousel ul.slides .img .hide-conteiner{
    display:inline-block;
    max-width: 110px;
    max-height: 110px;
    overflow: hidden;
}
#product-page-carousel ul.slides li.flex-active-slide .img{
    border: 2px solid #2998DD;
}
#product-page-carousel .flex-direction-nav{
    position: absolute;
    width:520px;
    top:61px;
    left:-20px;
}
#product-page-carousel .flex-direction-nav li:first-child{left:0;}

/*****
***     Catalog Page
*****/
.catalog-wrapper {
    margin-left: 10px;
}
.catalog-wrapper h2 {
    text-align: center;
    font: 16px/18px roboto, Arial;/*'Trebuchet MS';*/
    color: #000000;
    font-weight: bold;
    margin: 5px;
}
.catalog-wrapper p {
    text-align: center;
    font: 12px/13px roboto, Arial;/*'Trebuchet MS';*/
    color: #000000;
    font-weight: normal;
    margin: 19px 0;
}
.catalog-wrapper ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-top: 44px;
}
.catalog-wrapper ul li {
    display: inline-block;
    width: 300px;
    margin: 10px;
    text-align: left;
}
.catalog-wrapper ul li {
    margin-left: 0;
    position: relative;
    height: 331px;
}
.catalog-wrapper ul li div {
    text-align: center;
    /*
    position: absolute;
    top: 35px;
    width: 100%;
    height: 72px;
    */
}
.catalog-wrapper ul li div img {
   /* height: 72px;*/
}
.catalog-wrapper ul li a.link {
    display: inline-block;
    padding-left: 51px;
    background: url("../images/catalog-arrow.png") 36px 2px no-repeat;
    font: 12px/14px roboto, Arial;/*'Trebuchet MS';*/
    color: #000000;
    text-decoration: underline;
    max-height: 70px;
    vertical-align: top;
    overflow: hidden;
}
.catalog-wrapper ul li a:hover {
    text-decoration: none;
}
.catalog-wrapper ul li p {
    position: absolute;
    top: 142px;
    text-align: left;
    padding-left: 36px;
    font: 12px/18px roboto, Arial;/*'Trebuchet MS';*/
}

/*****
***     Catitems-list Page
*****/
.catitems-list{
    width:718px;
    float:left;
    padding-left: 0px;
    padding-top: 0px;
}
.catitems-list ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.catitems-list .product{
    position:relative;
    z-index:1;
    width:220px;
    height:260px;
    float:left;
    margin-right: 20px;
    margin-bottom: 40px;
}
.catitems-list .product .info{
    position:relative;
    z-index: 2;
    width:190px;
    height:245px;
    padding:0px 15px 0;
}
.catitems-list .product .shadow{
    position:absolute;
    z-index: 3;
    top:0px;
    left:0px;
    width:238px;
    height:418px;
    margin:-8px 0 0 -9px;
    background:url(../images/product-shadow.png) 0 0 no-repeat;
    display:none;
}
.catitems-list .product:hover .info{
    z-index: 4;
}
.catitems-list .product:hover .shadow{
    display:block;
}
.catitems-list .product:hover{
    z-index:2;
    height:400px;
    margin-bottom:-145px;
}
.catitems-list .product.last{
    margin-right: 0;
}
.catitems-list .product .image{
    position: relative;
    display:table;
    vertical-align: middle;
    text-align: center;
    width:220px;
    height:130px;
    margin: 0 -15px 3px;
}
.catitems-list .product .image a{
    display:table-cell;
    vertical-align: middle;
    text-align: center;
}
.catitems-list .product .image .icon{
    position: absolute;
    text-align: left;
    left: 10px;
    top: 13px;
    width: 100%;
}
.catitems-list .product .product-title{
    font:12px/16px roboto, Arial;/*'Trebuchet MS';*/
    text-align: center;
    /*
    height:42px;
    margin-bottom: 17px;
    */
    min-height: 44px;
    margin-bottom: 5px;
}
.catitems-list .product .product-title a{
    color:#0b0b0b;
}
.catitems-list .product .product-title a:hover{
    text-decoration: none;
}
.catitems-list .product .product-title .gold-price{
    line-height:12px;
    color:#ff0000;
    /*margin-bottom: 10px;*/
}
.gold-price a{
    color:#ff0000 !important;
    text-decoration: none;
}
.gold-price a:hover{
    text-decoration: underline !important;
}
.catitems-list .product .price-block{
    position:relative;
    margin-bottom: 20px;
}
.catitems-list .product .price{
    /*padding-top:7px;*/
    font: 18px/20px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
    color:#000;
    width:110px;
    float:left;
}
.catitems-list .product .price span{
    font-size: 12px;
}
.catitems-list .product .price.discount-price{
    color:#ff0000;
}
.catitems-list .product .old-price{
    position: absolute;
    top:20px;
    left:0;
    margin: 0;
    color:#000;
    font-weight:normal;
    font-size: 11px;
}
.catitems-list .product .buy-link{
    float:right;
    margin: 0;
    text-decoration: none;
}
.catitems-list .product .desc{
    padding-top: 20px;
    display:none;
    font: 13px/16px roboto, Arial;/*'Trebuchet MS';*/
    color:#545455;
    height:96px;
    overflow: hidden;
}
.catitems-list .product:hover .desc{
    display:block;
}
.catitems-list .product .icheckbox_square-red{
    float:left;
    margin-right:8px;
    width:15px;
    height:15px;
}
.catitems-list .product .add_to_compare{
    line-height:15px;
}
.catitems-list .product .add_to_compare .compare{
    color:#1f1f1f;
    text-decoration: none;
}
.catitems-list .product .add_to_compare .compare:hover{
    color:#f00;
}
.catitems-list .product:hover .add_to_compare .compare{
    color:#f00;
}
.catitems-list .product:hover .icheckbox_square-red{
    background-position: -24px 0;
}
.catitems-list .product:hover .icheckbox_square-red.checked {
    background-position: -48px 0;
}
.catitems-list .pages{
    text-align: center;
    margin: 100px 0 40px 0;
}
.catitems-list .pages span{
    font-weight: bold;
}
/*****
***     Side-bar
*****/
.side-bar{
    width:210px;
    float:right;
}
.side-bar .block{
    margin-bottom:12px;
}
.side-bar .block>.title{
    border:1px solid #f4f3f3;
    background: #E2E2E2;
    font:bold 14px/16px roboto, Arial;/*'Trebuchet MS';*/
    color:#5e5e5e;
    padding:11px 0 9px 13px;
    margin-bottom:1px;
}
.side-bar .block .middle{
    width:190px;
    border:solid #f4f3f3;
    border-width:0 1px 1px;
    padding:13px 14px 17px;
    background: #f9f9f9 url(../images/compare-bg.jpg) 0 bottom no-repeat;
}
#com_items{
    margin: 0;
    padding: 0;
}
.side-bar ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.compare-block li{
    position:relative;
    padding-left:24px;
    margin-bottom:15px;
    background:url(../images/compare-item-active-bg.png) 0 0 no-repeat;
}
.compare-block li input{
    position:absolute;
    top:0;
    left:0;
    margin: 0;
    display:block;
    width:17px;
    height:17px;
    opacity: 0;
}
.compare-block li a{
    font:13px/16px roboto, Arial;/*'Trebuchet MS';*/
    color:#525252;
    text-decoration:none;
}
.compare-block li a:hover{
    text-decoration:underline;
}
.compare-block .compare-btn{
    width: 78px;
    height: 22px;
    text-align: center;
    display: block;
    background: url("../images/button-right-order-on.png") 0 0 repeat-x;
    color: #ffffff !important;
    font: 12px/22px roboto, Arial;/*'Trebuchet MS';*/
    /*font-weight: bold;*/
    float:right;
    text-decoration:none;
    margin-top:5px;
}
.compare-block .compare-btn:hover{
    background: url("../images/button-right-order-off.png") 0 bottom repeat-x;
}

.filters-list li{
    position:relative;
    margin-bottom:5px;
}
.filters-list li a{
    display:inline-block;
    padding-left:24px;
    font:13px/16px roboto, Arial;/*'Trebuchet MS';*/
    color:#525252;
    text-decoration:none;
    background:url(../images/compare-item-bg.png) 0 0 no-repeat;
}
.filters-list li.active a{
    background:url(../images/compare-item-active-bg.png) 0 0 no-repeat;
}
.filters-list li a:hover{
    text-decoration:underline;
}
.filters-list .clear-btn{
    width: 78px;
    height: 22px;
    text-align: center;
    display: block;
    background: url("../images/compare-btn-bg.png") 0 0 repeat-x;
    color: #ffffff !important;
    font: 12px/22px roboto, Arial;/*'Trebuchet MS';*/
    margin: 5px auto 0;
    text-decoration:none;
}
.filters-list .clear-btn:hover{
    background: url("../images/compare-btn-bg.png") 0 bottom repeat-x;
}

.side-bar #compare_box{
    display:none;
}
.side-bar .cart-block>.title{
    color:#fff;
    background:#fe0002;
}
.side-bar .cart-block .info{
    color:#525252;
    font:13px/16px roboto, Arial;/*'Trebuchet MS';*/
    margin-bottom:15px;
}
.cart-block .order-btn{
    display:block;
    text-decoration:none;
    width:190px;
    height:23px;
    padding-top:7px;
    text-align:center;
    font:13px/16px roboto, Arial;/*'Trebuchet MS';*/
    color:#fff;
    background:url(../images/button-right-order-on.png) 0 0 repeat-x;
}
.cart-block .order-btn:hover{
    background:url(../images/button-right-order-off.png) 0 bottom repeat-x;
}
.side-bar .filters-block{
    font:bold 13px/16px roboto;/*'Trebuchet MS';*/
    font-weight: 700;
    color:#2998DD;
}
.filters-block .title{
    margin-bottom:10px;
}
.side-bar .filters-block .price .count{
    margin-bottom:17px;
}
.side-bar .filters-block .price span{
    padding-top:3px;
    float:left;
    font:13px/18px roboto, Arial;/*'Trebuchet MS';*/
    color:#5e5e5e;
}
.side-bar .filters-block .price input{
    width:60px;
    height:23px;
    border:1px solid #e8e8e8;
    background:#fff;
    float:left;
    font:14px/23px roboto, Arial;/*'Trebuchet MS';*/
    color:#141414;
    text-align:center;
}

/*******
***** Price-slider
*******/

table.trackbar {
    margin:0;
    background:url(../images/price-slider-bg.png) 0 0 no-repeat;
}
table.trackbar .l,
table.trackbar .r {
    background:none;
}
table.trackbar .c {
    background:url(../images/price-slider-center.png) 0 0 repeat-x;
}
table.trackbar  img{
    width:14px !important;
    height:14px !important;
}

/*******
***** Compare Page
*******/
table.tbsr td{
    border:solid #fff;
    border-width:0 1px;
}
table.tbsr a{
    color: #3C3C3C;
    text-decoration: none;
}
table.tbsr a:hover{
    color: #2998DD;
    text-decoration: none;
}
    /* partner1 */
.partner1 {
	z-index: 10;
	position: fixed;
    bottom: 50px;
    right: 57px;
    max-width: 92px;
    padding: 0px;
    margin: 0px auto;
    background-color: #F5F5F5;
    /*border: 1px solid #E3E3E3;*/
    border-radius: 4px;
    text-align: center;
}
/* Стили модального окна */
.modal-header h2 {
    color: #555;  
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;    
    margin: 0;
}
/* кнопка закрытия окна */
.modal .btn-close {
    color: #aaa;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 6px;
}
.modal .btn-close:hover {
    color: red;
}
/* слой затемнения */
.modal-wrap:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
}
.modal-overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 102;
}
/* активация слоя затемнения и модального блока */
.modal-open:checked ~ .modal-wrap:before,
.modal-open:checked ~ .modal-wrap .modal-overlay {
    display: block;
}
.modal-open:checked ~ .modal-wrap .modal-dialog {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 10%;
}
/* элементы модального окна */
.modal-dialog {
    background: #fefefe;
    border: none;
    border-radius: 3px;
    position: fixed;
    width: 80%;
    max-width: 600px;
    left: 50%;
    top: -100%;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    z-index: 103;
}
.modal-body {
  padding: 20px;
}
.modal-body p {
    margin: 0;
}
.modal-header,
.modal-footer {
    padding: 15px 15px;
}
.modal-header {
    border-bottom: #eaeaea solid 1px;
}
.modal-header h2 {
    font-size: 16px;
    margin: 0;
}
.modal-footer {
    border-top: #eaeaea solid 1px;
    text-align: right;
}
/* адаптивные картинки в модальном блоке */
.modal-body img { 
    max-width: 100%;
    height: auto;
}
/* кнопки */
.btn {
    background: #fff;
    border: #aaa solid 1px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 7px 10px;
    text-decoration: none;
    text-align: center;
    min-width: 70px;
    position: relative;
}
.btn:hover, .btn:focus {
    background: #f2f2f2;
}
/* Элементы формы контактов */
.textbox{
    height:45px;
    width:100%;
    border-radius:3px;
    border:rgba(0,0,0,.3) 1px solid;
    box-sizing:border-box;
    font-size:14px; 
    padding:8px;
    margin-bottom:20px;  
}
.message:focus,
.textbox:focus{
    outline:none;
    border:rgba(24,149,215,1) 1px solid;
    color:rgba(24,149,215,1);
}
.message{
	background: rgba(255, 255, 255, 0.4); 
    width:100%;
    height: 120px;
    border:rgba(0,0,0,.3) 1px solid;
    box-sizing:border-box;
    -moz-border-radius: 3px;
    font-size:14px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    display:block;
    padding:10px;
    margin-bottom:20px;
    overflow:hidden;
}
/* кнопка "отправить" формы */
.btn-form{
    width:100%;
    height:45px;  
    border:rgba(0,0,0,.2) 1px solid;
    box-sizing:border-box;
    background: #dedede;
    color:#555;
    transition:background .4s;
}
/* Изменение фона кнопки при наведении */
.btn-form:hover{
    background: #f2f2f2;
}
.head_partner1{
color: #aaa; 
font-size: 10px;
    font-weight: normal;
    line-height: 2;    
    }
    @keyframes blink {
	5% {opacity: 10}
	45%{opacity: 0}
	50% {opacity: 2}
}
blink{animation: blink 3s infinite;}
 
.call{
    z-index: 10;
    position: fixed;
    bottom: 12px;
    right: 10px;
    cursor: pointer;
    display: inline-block;
    

}

.call:hover::after{
    content: attr(data-title);
    position: fixed;
    bottom: 9px; right: 0px;
    min-width: 128px;
    z-index: 101;
    text-align: left;
    font-family: bold roboto, Arial, sans-serif; 
    background: rgba(242, 242, 242, 1);
    border: #aaa solid 1px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 8px 9px;
    
}


   
/* end partner1 */

.1request-call-form{
    position: absolute;
    top:29px;
    left:-25%;
    padding: 5px;
    background: #fff;
    width: 245px;
    display: none;
}

.scrollup {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: rgba(24,56,132,.3);
    color: white;
    cursor: pointer;
    touch-action: manipulation;
    padding: 10px 12px 12px 12px;
    border-radius: 3px;
}

.scrollup:hover {
    background-color: rgba(0,0,0,.3);
}
.tbsr_name{

    padding: 5px
    display: inline-block;
    color:#2998DD; 
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;    
    margin: 0;
}
.tbsr_buy_btn{
    width: 78px;
    height: 12px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    display: block;
    background: url("../images/product-button-buy-on.png") 0 0 repeat-x;
    color: #ffffff !important;
    font: 10px/14px roboto, Arial;/*'Trebuchet MS';*/
    font-weight: bold;
    margin: 11px auto;
}
.tbsr_buy_btn:hover {
    background: url("../images/product-button-buy-off.png") 0 0 repeat-x;
    text-decoration: none !important;
}   
.actual_page{
-moz-box-shadow: inset 0px 0px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff;
    box-shadow: inset 0px 0px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #999999), color-stop(1, #eeeeee));
    background: -moz-linear-gradient(top, #999999 5%, #eeeeee 100%);
    background: -webkit-linear-gradient(top, #999999 5%, #eeeeee 100%);
    background: -o-linear-gradient(top, #999999 5%, #eeeeee 100%);
    background: -ms-linear-gradient(top, #999999 5%, #eeeeee 100%);
    background: linear-gradient(to bottom, #999999 5%, #eeeeee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#006FB4',GradientType=0);
    background-color: #999999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.1);
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: roboto, Arial;
    font-size: 14px;
    font-weight: normal;
    padding: 3px 3px 2px 3px;
    text-decoration: none;
    text-shadow: 0px 0px 0px #ffffff;
    text-align: center;
    min-width: 16px;
    
    }
	.modal_technology_mod {
    position: relative;
    padding-top: 8px;
}
.modal_technology_modal span {
    font-family:  Roboto, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
    background-color: #fff;
    visibility: hidden;
    position: absolute; 
    
    box-shadow: #c1c1c1 5px 5px 20px 5px; 
        
    color: #333;
    text-align: justify;
    padding: 20px;
    display: block;
} 
 
.modal_technology_modal:hover span {
    visibility: visible;
    margin-top: 11%;

}
.modal_technology_img {
    float: left; 
    margin: 5px 15px 5px 0px;
    height: 150px;	
}
.modal_technology_img_icon { 
    width: 60px;
    height: 60px;
    padding: 2px  1.1px 0; 
	}

.modal_technology_modal h3 {
    color: #000; 
}
.modal_technology_mod a {
    text-decoration: none;
}
/*chat social*/	
        @keyframes pulsation {
  0% {
    transform: scale(0);
    opacity: 1
  }
  50% {
    opacity: .7
  }
  100% {
    transform: scale(1);
    opacity: 0
  }
}

.widget-opener__carousel.color-white {
  background-color: #fff
}

.widget-opener__carousel.hidden {
  display: none
}

.widget-opener__icons.animation {
  animation: iconMove 1s cubic-bezier(.7, 0, 0, 1) infinite
}

.widget-opener__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 27px;
  height: 27px
}

.widget-opener__icon.main-color svg {
  height: 100%;
  width: 100%
}

.widget-opener.open .widget-opener__carousel {
  display: none
}

.widget-opener.open .widget-opener__pulsation {
  display: none
}

.widget-opener.open .widget-opener__close-state {
  display: flex
}

.contact-channels.open {
  display: block
}

.widget-opener .contact-channels .contact-channels__channel:hover {
  cursor: pointer;
  background-color: rgba(0, 0, 0, .05)
}

.contact-channels__channel-icon {
  box-sizing: border-box;
  height: 40px;
  margin-right: 15px;
  width: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center
}

.contact-channels__channel-icon.chat {
  background-color: #525252;
  padding-top: 3px;
}

.widget-opener {
  align-items: center;
  bottom: 180px;
  padding-right: 20px;
  color: #525252de;
  display: flex;
  font-family: "SF UI Regular", sans-serif;
  font-size: 14px;
  height: 70px;
  justify-content: center;
  position: fixed;
  right: 0;
  width: 70px;
  z-index: 214748300099;
}

.widget-opener__pulsation.animation {
  animation: pulsation 2s infinite;
}

.widget-opener__pulsation {
  background-color: #183884;
  border-radius: 50%;
  height: 70px;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  width: 70px;
}

.widget-opener__pulsation:nth-of-type(2n) {
  animation-delay: .5s!important;
}

.widget-opener__button {
  align-items: center;
  background-color: #183884;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 50px;
  justify-content: center;
  padding: 10px;
  position: relative;
  visibility: visible;
  width: 50px;
}

.widget-opener__carousel {
  border-radius: 50%;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: background-color .3s;
  width: 100%;
}

.widget-opener__icons {
  border-radius: 50%;
  display: flex;
  left: 50%;
  padding: 3px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.widget-opener__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 27px;
  height: 27px;
}

.widget-opener__close-state {
  display: none;
}

.widget-opener .contact-channels .contact-channels__channel {
  color: #525252de;
  display: flex;
  font-family: "SF UI Regular", sans-serif;
  font-size: 14px;
  align-items: center;
  padding: 10px 15px 10px;
  text-decoration: none;
}
/*
*,
 :after,
 :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}*/

.contact-channels.open {
  display: block;
}

.contact-channels {
  background-color: #fff;
  border-radius: 0px;
  bottom: 82px;
  box-shadow: rgba(0, 0, 0, .16) 0 5px 40px;
  display: none;
  padding: 15px 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  width: 235px;
  z-index: 3147483000;
}

.contact-channels:after {
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #fff transparent transparent transparent;
  bottom: -8px;
  content: '';
  position: absolute;
  right: 34px;
  z-index: 3147483000;
}
/*end chat social*/

/*банер 728*90*/

    #banner {
      width: 728px;
      height: 90px;
      position: relative;
      overflow: hidden;
    }

    #banner img {
      width: 100%;
      height: 100%;
    }

    .animated-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font: bold 19px/24px Roboto, Arial;
      color: #2998DD;
      font-weight: 700;
      text-align: center;
    }

    .animated-text p {
      opacity: 0;
      /*position: absolute;*/
      /*top: 0;*/
      left: 0;
      width: 280px;
      height: 0;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .button {
      position: absolute;
      bottom: 14px;
      right: 62px;
      opacity: 0;
    }
 /*end банер 728*90*/