/* обнуляем стили браузера */
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;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
/*
@font-face {
	font-family:'RotondaC';
	src: url('/bitrix/templates/PC/font/s60snr.ttf') format('truetype');
}

@font-face {
	font-family:'Rotonda-Bold';
	src: url('/bitrix/templates/PC/font/s60ssb.ttf') format('truetype');
}
*/
@font-face {
	font-family:'RotondaC';
	src: url('/bitrix/templates/PC/font/rotondac.otf') format('truetype');
}
@font-face {
	font-family:'Rotonda-Bold';
	src: url('/bitrix/templates/PC/font/rotondac-bold.otf') format('truetype');
}

body {
	line-height: 1.4;
	font-size: 16px;
	font-family: "RotondaC",Helvetica,Arial,sans-serif!important;
}
/*html, body {
    height: 100%;
}*/
html {
    height: 100%;
}
ul {
	list-style: none;
}
ol {
	margin-bottom: 1em;
}
ol li {
	margin-left: 30px;
}
.fa-star, .fa-star-o {
	color: #ffd700;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #E1E1E1;
}
h1 {
	line-height: 1;
	font-family: "RotondaC",Helvetica,Arial,sans-serif;
	font-size: 28px;
	margin-top: 0.5em;
    margin-bottom: 1em;
}
h2, .h2 {
	line-height: 1;
	font-family: "RotondaC",Helvetica,Arial,sans-serif;
	font-size: 26px;
	margin-top: 0.5em;
    margin-bottom: 1em;
}
h3 {
	line-height: 1;
	font-family: "RotondaC",Helvetica,Arial,sans-serif;
	font-size: 22px;
	margin-top: 0.5em;
    margin-bottom: 1em;
}
h4 {
	line-height: 1;
	font-family: "RotondaC",Helvetica,Arial,sans-serif;
	font-size: 20px;
	margin-top: 0.5em;
    margin-bottom: 1em;
}
h5 {
	line-height: 1;
	font-family: "RotondaC",Helvetica,Arial,sans-serif;
	font-size: 18px;
	margin-top: 0.5em;
    margin-bottom: 1em;
}
h6 {
	line-height: 1;
	font-family: "RotondaC",Helvetica,Arial,sans-serif;
	font-size: 16px;
    margin-bottom: 1em;
}
p {
	font-size: 16px;
	font-family: "RotondaC",Arial,sans-serif;
	margin-bottom: 1em;
	line-height: 1.4;
}
strong {
	font-family: "Rotonda-Bold",Helvetica,Arial,sans-serif;
	font-weight: 800;
	font-size: 17px;
}
b {
	font-weight: 600;
}
i {
	font-style: italic;
}
u {
	text-decoration: underline;
}
.clear {clear: both;}
.center {text-align: center;}
sup {    
	top: -0.5em!important;
    font-size: 0.7em!important;
}
small {
	font-size: 85%;
}
/* !обнуляем стили браузера */
.detail_tabs__content table td {
	border: 1px solid #d3d3d3;
    padding: 5px;
}
.noRow {padding-left:0; padding-right: 0;}

/* ШАПКА САЙТА*/
.header-links-block {text-align: right;padding-top: 10px; padding-bottom: 10px;}
.header-links-block a {color: #000; text-decoration: underline; margin-left:10px;}
.header-links-block a:hover {color: ff0000;}
.MyRowHeader {padding-bottom:5px; border-bottom: 2px solid #034EA1; margin-bottom: 2px;}
.MyRowHeaderIndex {padding-bottom:5px; border-bottom: 2px solid #034EA1; margin-bottom: 15px;}
.header-left-logo {display: block; width: 75px; height: 75px;float: left;}
.header-left-wrapper .header-left-logo a img {width: 75px; height: 75px;float: left;}
.header-left-slogan {display: table; height: 75px;float: left;}
.header-left-slogan span {display: table-cell;vertical-align: middle;font-size: 24px;font-weight: 800;color: #0C4CA3;padding-left: 11px;	font-family: "Rotonda-Bold",Helvetica,Arial,sans-serif!important;line-height: 1;}
.header-left-wrapper, .header-right-wrapper {height: 75px;padding-left:0px;}
.header-right-wrapper {height: 75px;padding-right:0px;}
.header-right-wrapper div {float: right;}
.header-right-telefon {}
.header-right-korzina {display: block; width: 73px; height: 33px;margin-top: 10px;border-left: 1px solid #07213F;}
.header-right-korzina .chislo-v-korzine {
	position: absolute;
    margin: -35px 28px;
    width: 25px;
    height: 25px;
    background-color: #fff;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #014F9A;
    line-height: 24px;
	}

.header-right-korzina img {display:block; width: 50px; height: 33px;margin: 0 auto;}
.header-right-poisk {display:block; width: 68px; height: 33px;margin-top: 10px;border-left: 1px solid #07213F;}
.header-right-poisk img {display:block; width: 33px; height: 33px;margin: 0 auto;}
.header-right-telefon {margin-right:3px;}
.header-right-telefon span { font-size: 28px;margin-bottom: 2px;display: block;text-align: center; margin-top: 8px;}
.header-right-telefon a {display: block;width: 237px; height: 26px; background-color: #014F9A;padding: 2px 5px;border-radius: 5px;text-align: center;color: #fff;font-weight: 700;}
.header-right-telefon span a { font-size: 28px!important;margin-bottom: 15px!important;display: block!important;text-align: center!important; margin-top: 8px!important;background-color: #fff;color:rgb(51, 51, 51)!important;width: auto;}
.header-right-telefon span a:hover {text-decoration: none;}
#bid {
    position: absolute;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 24px;
}
/* ----------------------------------------------------- Поиск ----------------------------------------------------- */

.container-search{
    width:445px;
}

.searchbox{
    position:relative;
    min-width:33px;
    width:0%;
    height:33px;
    float:right;
    overflow:hidden;
	/*background: #fff;*/
	margin-right: 18px;
    
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input{
    top:0;
    right:0;
    border:1px solid #a3c2e0;
    outline:0;
    background:#fff;
    width:91%;
    height:33px;
    margin:0;
    padding:0px 55px 0px 15px;
    font-size:14px;
    color:#000;
	border-radius: 10px;
}
.searchbox-input::-webkit-input-placeholder {
    color: #000;
}
.searchbox-input:-moz-placeholder {
    color: #000;
}
.searchbox-input::-moz-placeholder {
    color: #000;
}
.searchbox-input:-ms-input-placeholder {
    color: #000;
}

.searchbox-icon, .searchbox-submit{
    width:33px;
    height:33px;
    display:block!important;
    position:absolute;
    top:0;
    font-family:verdana;
    font-size:22px;
    right:0;
    padding:0;
    margin:0;
    border:0;
    outline:0;
    line-height:50px;
    text-align:center;
    cursor:pointer;
    color:#fff;
	background-color:#fff;
}

.searchbox-open{
    width:100%;
}
.byline{
  position:absolute;
  top:150px;
  left:30%;
  text-align:center;
  font-size:18px;
}
.byline a{
  text-decoration:none;
  color: #d74b4b;
}

/* ----------------------------------------------------- ГЛАВНОЕ МЕНЮ ----------------------------------------------------- */
.container-menu {
    max-width: 1170px;
	margin-bottom:15px;
}
.menu-level-1 {width:234px;}
/* ----------------------------------------------------- ПОДВАЛ САЙТА ----------------------------------------------------- */
.footer-double-line {display: block; width: 100%; height:6px; border-top: 2px solid #034EA1; border-bottom: 2px solid #034EA1; margin-top:15px;margin-bottom:15px;}
.footer-name-block {font-size: 24px; color: #034EA1;font-weight: 600;}
.footer-last-text {padding-left:0px; padding-right:0px;}
.footer-last-text p {font-size:12px;margin-top:20px;}

/* ----------------------------------------------------- СТАНДАРТНЫЕ КНОПКИ ВО ВСПЛЫВАЮЩИХ ОКНАХ ----------------------------------------------------- */
.bx_bt_button {
	padding: 4px!important;
	border: 1px solid #024FA1!important;
	background-color: #fff!important;
	border-radius:4px!important;
	color: #024FA1!important;
}
.bx_bt_button:hover {
	background-color: #024FA1!important;
	color: #fff!important;
	cursor: pointer!important;
}
.popup-window {
	border: 0px solid;
	border-radius: 8px;
}
.popup-window-top-row .popup-window-left-column {
    border-top-left-radius: 8px;
	height: auto!important;
}
.popup-window-left-column {
    width: 8px;
}
.popup-window-top-row .popup-window-right-column {
    border-top-right-radius: 8px;
	height: auto!important;
}
.popup-window-right-column {
    width: 8px;
}
.popup-window-center-column {
	padding-top: 5px;
	padding-bottom: 5px;
}
.popup-window-titlebar .popup-window-top-row .popup-window-center-column {
	height: 32px;
}
.popup-window-titlebar div {
	vertical-align: middle;
}
/* Всплывающее окно "Заказать обратный звонок" */
#popup-callback {
	display: none;
}
.popup-form-text {
	display: inline-block;
	text-align: center;
	margin-bottom: 10px;
	color: #034EA1;
	width: 100%;
}
.popup-form {
	display: block;
	width:304px;
	margin: 0 auto;
	margin-bottom:10px;
}
.popup-form-error {}
.popup-form-error .errortext {font-size: 13px;}
.popup-form-input input {
	padding: 5px;
	width:230px;
	border-radius:8px;
	border: 1px solid #d3d3d3;
	/* добавлено 15.05.2017 */
	display: block;
    margin: 0 auto;
}
.popup-form-input input:focus {
	outline: none;
}
.popup-form-input textarea {
	padding: 5px;
	width:230px;
	border-radius:8px;
	border: 1px solid #d3d3d3;
	resize: none;
	display:block;
	margin: 0 auto;
}
.popup-form-input textarea:focus {
	outline: none;
}
.popup-form-img img {
	display: block;
	width: 180px;
	margin: 0 auto;
	}
.popup-form-otvet {
	text-align: center;
}
.popup-form-btn input {
	display: block;
	width: 120px;
	margin: 0 auto;
	border: 1px solid #034EA1;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	color: #034EA1;
	background-color: #fff;
	border-radius:8px;
	font-weight: 900;
	text-transform: uppercase;
}
.popup-form-btn input:hover,.popup-form-btn input:focus, .popup-form-btn input:active {
	display: block;
	width: 120px;
	margin: 0 auto;
	border: 1px solid #034EA1;
	padding-top: 7px;
	padding-bottom: 7px;
	text-align: center;
	color: #fff;
	background-color: #034EA1;
	border-radius:8px;
	font-weight: 900;
	text-transform: uppercase;
}
/* Всплывающее окно "Добавление в корзину" */
#popup-add-basket {
	display: none;
	width:400px;
}
#popup-add-basket span {
	display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 20px;
	margin-top: 20px;
}
.popup-add-basket-img {
	display: block;
	width:120px;
	height: 120px;
	margin: 0 auto;
	margin-top:20px;
	animation-name: myopacity;
	-webkit-animation-name: myopacity; 
	animation-duration: 0.5s; 
	-webkit-animation-duration: 0.5s;
	animation-timing-function: ease-out; 
	-webkit-animation-timing-function: ease-out; 
	visibility: visible !important;
}
@keyframes myopacity{
	0%{opacity:0}
	50%{opacity:0}
	100%{opacity:1}
}
@-webkit-keyframes myopacity{
	0%{opacity:0}
	50%{opacity:0}
	100%{opacity:1}
}
.popup-add-basket-btns {
	display: inline-block;
    width: 190px;
    margin: 0px 4px;
    border: 1px solid #034EA1;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: center;
    color: #034EA1!important;
    background-color: #fff;
    border-radius: 8px;
    font-weight: 900;
    text-transform: uppercase;
}
.popup-add-basket-btns:hover {
    color: #fff!important;
    background-color: #034EA1;
	text-decoration: none;
}
.popup-add-basket-btns:active, .popup-add-basket-btns:focus {
	text-decoration: none;
}
.circle-container {
	display: block;
	width: 150px;
	height: 150px;
	overflow: hidden;
	margin: 0 auto;
}
/* Всплывающее окно "Добавление к сравнению" */
#popup-add-compare {
	display: none;
	width:400px;
}
#popup-add-compare span {
	display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 20px;
	margin-top: 20px;
}
/* Всплывающее окно "Отложить товар" */
#popup-add-delay {
	display: none;
	width:400px;
}
#popup-add-delay span {
	display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 20px;
	margin-top: 20px;
}
/* Всплывающее окно "Заказ лент добавлен в корзину" */
#popup-add-zakaz-lent {
	display: none;
	width:400px;
}
#popup-add-zakaz-lent span {
	display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 20px;
	margin-top: 20px;
}
/* Всплывающее окно "Узнать стоимость" */
#to-know-the-cost {
	display: none;
	width:340px;	
}
/* Всплывающее окно "задать вопрос" */
#popup-ask-question {
	display: none;
	width:340px;	
}
/* Левое меню */
.leftMenu {
	display: block;
	width:100%;
	position: relative;
}
.leftMenu ul li {
	border: 1px solid #d3d3d3;
	border-radius: 4px;
	margin-bottom: 5px;
	width: 100%;
}
.leftMenu ul li a {
	display: inline-block;
	color: #000;
	text-transform: uppercase;
	width:100%;
	margin: 8px;
	font-size: 14px;
}
.leftMenu ul li:hover {
	border: 1px solid #024FA1;
	cursor: pointer;
	font-weight: 900;
	box-shadow: 0px 0px 2px #024FA1; 
}
.leftMenu ul li:hover a {
	color: #024FA1;
	text-decoration: none;
}
.leftMenu ul li a:active, .leftMenu ul li a:focus {
	text-decoration: none;
}
.leftMenu ul li h3 {
	display: inline-block;
    width: 100%;
    text-align: center;
    color: #024FA1;
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    padding-bottom: 5px;
    /*border-bottom: 2px solid #024fa1;*/
}
.leftMenu ul li.leftMenuNameSection {
	border: 0px solid #fff!important;
}
.leftMenu ul li.leftMenuNameSection:hover {
	border: 0px solid #fff!important;
	box-shadow: 0px 0px 0px #000;
}
/* Всплывающие подсказки */
.PKtooltip {
	display: none;
    position: absolute;
    top: -44px;
    left: -88px;
    min-width: 150px;
    padding: 5px 0px;
    font-size: 14px;
    border: 2px solid #e3e4e4;
    background: #fff;
    text-align: center;
}
.PKtooltip:before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: -10px;
    right: 17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 11.5px 0 11.5px;
    border-color: #fff transparent transparent transparent;
}
.PKtooltip:after {
    content: '';
    position: absolute;
    bottom: -12px;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 13.5px 0 13.5px;
    border-color: #e3e4e4 transparent transparent transparent;
}
.PKtooltipWidth {
	display: none;
    position: absolute;
    top: -44px;
    left: -98px;
    min-width: 160px;
    padding: 5px 0px;
    font-size: 14px;
    border: 2px solid #e3e4e4;
    background: #fff;
    text-align: center;
}
.PKtooltipWidth:before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: -10px;
    right: 17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 11.5px 0 11.5px;
    border-color: #fff transparent transparent transparent;
}
.PKtooltipWidth:after {
    content: '';
    position: absolute;
    bottom: -12px;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 13.5px 0 13.5px;
    border-color: #e3e4e4 transparent transparent transparent;
}
/* Всплывающие подсказки на главной странице*/
/* Всплывающие подсказки */
.INDtooltip {
	display: none;
    position: absolute;
    top: 52px;
    left: -23px;
    min-width: 220px;
    padding: 5px 0px;
    font-size: 14px;
    border: 2px solid #e3e4e4;
    background: #fff;
    text-align: center;
	color: #000!important;
	z-index: 999;
	box-shadow: 0 15px 15px -10px rgba(0,0,0, .5);
}
.INDtooltip:before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 48px;
    right: 99px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11.5px 10px 11.5px;
    border-color: transparent transparent #fff transparent;
}
.INDtooltip:after {
    content: '';
    position: absolute;
    bottom: 49px;
    right: 97px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13.5px 11.5px 13.5px;
    border-color: transparent transparent #e3e4e4 transparent;
}
.INDtooltipWidth {
	display: none;
    position: absolute;
    top: -44px;
    left: -98px;
    min-width: 160px;
    padding: 5px 0px;
    font-size: 14px;
    border: 2px solid #e3e4e4;
    background: #fff;
    text-align: center;
}
.INDtooltipWidth:before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: -10px;
    right: 17px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 11.5px 0 11.5px;
    border-color: #fff transparent transparent transparent;
}
.INDtooltipWidth:after {
    content: '';
    position: absolute;
    bottom: -12px;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11.5px 13.5px 0 13.5px;
    border-color: #e3e4e4 transparent transparent transparent;
}
.marker li {
    margin-left: 30px;
    list-style-type: disc;
}
/* страница 404 */
.error-zagolovok {
	text-align: center;
	color: #EC1E23;
	font-size: 60px;
	text-shadow: 1px -3px 3px rgba(0, 0, 0, 0.15);
	font-weight: 600;
}
.error-text {
	text-align: center;
	line-height:1.8;
}
.error-link {
	text-decoration: underline;
}
.error-images {
	display: block;
	width:360px;
	margin:0 auto;
}
@media (max-width: 992px) {.error-images {display: none;}}
@media (max-width: 768px) {
	.error-zagolovok-text1 {display: block;font-size: 41px;text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);font-weight:100;}
	.error-zagolovok-text2 {display: block;font-size: 120px;line-height: 87px;}
}
.ok {
    list-style: url(/bitrix/templates/PC/images/green_ticking.png);
    margin-left: 45px;
    margin-right: 25px;
}
.ok li {
	margin-bottom:10px;
}
.kart-table {
    width: 100%;
	border-collapse: collapse;
    border-spacing: 0;
}
.kart-table thead tr td {
	font-weight:900;
}
.kart-table tr td {
    border: 1px solid #d3d3d3;
    padding: 5px;
    font-size: 14px;
}
.kart-table tr:nth-child(2n) td {
    background: #f3f3f3;
}
.image-30let {
	margin-top:50px;
}
/* ------ Новое меню ---------- */
.demo-container {padding: 20px 0; width: 100%;}
.demo-container.right {float: right;}
.demo-container h4 {font-size: 14px; margin: 0 0 5px 0;}
.clear {clear: both;}

/* Vertical Mega Menu Styles */
.mega-menu{
line-height: 14px; 
position: relative; /* Required */
}
.mega-menu li a {
	display: block; 
	color: #000;
	padding: 12px 8px 12px 8px; 
	text-decoration: none;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 14px;
}
.mega-menu li a:hover, .mega-menu li.active > a {
	color: #024FA1;
	box-shadow: 0px 0px 2px #024FA1;
	border: 1px solid #024FA1;
	font-weight: 900;
}	
.mega-menu li.mega-hover a {
	color: #024FA1;
	border: 1px solid #024FA1;
	font-weight: 900;
}
.mega-menu li a.dc-mega {
position: relative;
}
/* Add arrow icon to parent links */
.mega-menu li a .dc-mega-icon {
display: block; 
position: absolute; 
top: 50%;
right: 0;
width: 6px;
height: 8px;
margin-top:-4px;
border-width: 6px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #a1d1e8;
}
/* блок с рассылкой */
.newsletter-wrapper {display: block;width:600px;height:198px;background-image: url('/about/newsletter-fon.png');padding: 7px;margin:0 auto;background-size: 600px 198px;}
@media (max-width: 630px) {
	.newsletter-wrapper {display: none;}
}
/* end блок с рассылкой */
/* Mega menu container */
.mega-menu li .sub-container {
position: absolute; /* Required */
background: #fff;
padding: 0px 5px 0 5px; 
border-left: none;
-webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
border-radius: 5px;
border: 1px solid #a8a8a8;
}
.mega-menu li .sub-container .sub {}

.mega-menu li .sub .row {
width: 100%; overflow: hidden; /* Clear floats */
}
.mega-menu li .sub li {
float: none; 
width: 150px; 
font-weight: normal;
}
.mega-menu li .sub li.mega-hdr {
float: left; /* Required */
margin: 0 5px 10px 5px;
}
.mega-menu li .sub a, .mega-menu.left li .sub a {
background: none; 
border: none; 
text-shadow: none;
float: none;
color: #fff; 
padding: 7px 10px; 
display: block;
text-decoration: none; 
font-size: 0.9em;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
padding: 5px 5px 5px 15px; 
margin-bottom: 5px; 
background: #E88221; 
text-transform: uppercase; 
font-weight: bold; 
color: #fff; 
text-shadow: 1px 1px 1px #333;
}
.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
color: #000; 
text-shadow: none;
}
.mega-menu .sub li.mega-hdr li a {
padding: 4px 5px 4px 20px; 
background: url(images/arrow_white.png) no-repeat 5px 8px; 
font-weight: normal;
}
.mega-menu .sub li.mega-hdr li a:hover {
color: #a32403; 
background: #efefef url(images/arrow_on.png) no-repeat 5px 8px;
}
.mega-menu .sub ul li {
padding-right: 0;
}
/* Styling for menu items with only 2 levels */
.mega-menu li .sub-container.non-mega .sub {
padding: 0px 0px;
}
.mega-menu li .sub-container.non-mega li {
padding: 0; 
margin: 0;
width: 250px;
/*margin-bottom:5px;*/
}
.mega-menu li .sub-container.non-mega li span {
padding: 10px 5px;
    margin: 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #000;
	font-weight:900;
}
.mega-menu li .sub-container.non-mega li a {
padding: 12px 8px 12px 8px; 
/*background: url(images/arrow_white.png) no-repeat 7px 10px;*/
color: #000;
font-weight: 300;
font-size: 14px;
border-bottom: 1px solid #d3d3d3;
border-radius: 0;
margin-bottom:0px;
}

.mega-menu li .sub-container.non-mega li a:hover {
	color: #024FA1;
	font-weight: 900;
	/*border-bottom: 1px solid #024FA1;*/
	box-shadow: 0px 0px 0px #fff;
}
.mega-menu div span {
	display: inline-block;
    width: 100%;
    text-align: center;
    color: #024FA1;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    padding-bottom: 5px;
}
.mega-menu-stock-item {
	color: #FF0000!important;
    border: 1px solid #FF0000!important;
}
.mega-menu-stock-item:hover {
	box-shadow: 0px 0px 2px #FF0000!important;
}
.mega-menu li.active > a.mega-menu-stock-item {
    color: #FF0000!important;
    box-shadow: 0px 0px 2px #FF0000!important;
    border: 1px solid #FF0000!important;
    font-weight: 900;
}
.footer-social {color: #22366A;font-weight: 600;}
.footer-social:hover {color: #22366A;text-decoration: underline;}
.footer-social img {margin-right: 8px;margin-bottom: -10px; width:28px;}
.contacts-social {color: #22366A;font-weight: 600;}
.contacts-social:hover {color: #22366A;text-decoration: underline;}
.contacts-social img {margin-right: 8px;margin-bottom: -10px; width:28px;}
.zoom:hover {
	cursor: zoom-in;
}
.smart-section-btn {
    text-align: justify;
	/*height: 36px;*/
	margin: 20px 0px;
}
.smart-section-btn li {
    display: inline-block;
}
.smart-section-btn li a {
	display: block;
    border: 2px solid #034EA1;
    padding: 5px 10px;
    width: 400px;
    text-align: center;
	font-weight:700;
	color: #034EA1;
	background: #fff;
	transition: all 0.5s ease;
	margin-bottom:10px;
}
.smart-section-btn li a:hover {
	background: #034EA1;
	color: #fff;
	text-decoration: none;
}
.smart-section-btn:after {
  content: "";
  display: inline-block;
  width: 100%;
}
#mobile-btn-menu {
	display: none;
}
/* Блок Оставить отзыв на Яндексе */
.yareview-wrapper {
	display: block;
	width: 1170px;
	height: 134px;
	background: url(/bitrix/templates/PC2020/images/yareview-fon-russcomcard.png);
	position: relative;
	overflow: hidden;
	margin:0 auto;
	margin-bottom: 15px;
	background-size: 1170px 134px;
}

.yareview-wrapper:hover {
	text-decoration: none;
}

.yareview-text {
	line-height: 21px;
    color: #fff;
    display: block;
    width: 657px;
    margin-left: 157px;
    margin-top: 24px;
}

.yareview-qr {
	display: block;
	width: 113px;
	height: auto;
	position: absolute;
	left: 17px;
	top: 10px;
}

.yareview-arm {
	display: block;
	width: 331px;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
}
@media (max-width: 1200px) {
	.yareview-wrapper {
		width: 940px;
		height: 110px;
		background-size: 940px 110px;
		margin-bottom: 1em;
	}
	
	.yareview-qr {
		transform: scale(0.825); /* 940/1140 ? 0.825 */
		transform-origin: left top;
		left: 9px;
		top: 8px;
	}
	
	.yareview-arm {
		transform: scale(0.825);
		transform-origin: right top;
	}
	
	.yareview-text {
		transform: scale(0.825);
		transform-origin: left top;
		margin-left: 128px;
		margin-top: 20px;
	}
}

@media (max-width: 992px) {
	.yareview-wrapper {
		width: 720px;
		height: 85px;
		background-size: 720px 85px;
	}
	
	.yareview-qr {
		transform: scale(0.632); /* 720/1140 ? 0.632 */
		transform-origin: left top;
		left: 8px;
		top: 6px
	}
	.yareview-arm {
		transform: scale(0.532); /* 720/1140 ? 0.632 */
		transform-origin: right top;
		top: 14px;
	}
	
	.yareview-text {
		transform: scale(0.7);
        margin-left: 90px;
        margin-top: 12px;
	}
}

@media (max-width: 768px) {
	.yareview-wrapper {
		width: 340px;
        height: 134px;
        background-size: 851px 134px;
        background-position: right;
		margin: 0 auto;
        margin-bottom: 30px;
	}
	
	.yareview-qr {
		display: none;
		transform: none;
        width: 80px;
        top: 10px;
	}
	.yareview-arm {
		transform: none;
		width: 9.9%; /* 113/1140 */
		transform-origin: right bottom;
		bottom: 0;
		top:auto;
	}
	.yareview-text {
		transform: none;
        width: 320px;
        font-size: 12px;
        line-height: 12px;
        margin-left: 13px;
		margin-top: 17px;
	}
	.yareview-text span {
	font-size: 12px!important;
	}
	
	.yareview-arm {
		width: 33%; /* 331/1140 */
	}
}
/* ----------------------------------------------------- МОИ МЕДИА ----------------------------------------------------- */
@media (max-width: 1200px) {
	.menu-level-1 {width: 194px;}
	.smart-section-btn li a {width: 300px;}
	.image-30let {margin-top:100px;}
	.footer-social {font-size: 14px;}
}
@media (max-width: 1024px) {
	.menu-level-1 {width: 194px;}
}
@media (max-width: 992px) {
	.menu-level-1 {width: 150px;}
	.header-left-slogan span {font-size: 14px;padding-left: 2px;}
	.header-right-telefon span, .header-right-telefon span a {
    font-size: 24px;
    margin-bottom: 5px;
    display: block;
    text-align: center;
    margin-top: 11px;
}
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {font-size: 16px;padding: 13px 5px;}
.header-right-telefon a {
    display: block;
    width: 230px;
    height: 26px;
    background-color: #014F9A;
    padding: 2px 5px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}
}
@media (max-width: 768px) {
	.image-30let {margin-top:10px;}
	#main-nav {line-height: 0;text-align: center;}
	#main-menu {display: inline-block;width: 100%;}
	.menu-level-1 {width: 100%;}
	.header-left-wrapper {width: 298px; margin: 0 auto;}
	.header-right-telefon span a {
		font-size: 28px!important;
		margin-bottom: 0px!important;
		display: block!important;
		text-align: center!important;
		margin-top: 0px!important;
		background-color: #fff;
		color: rgb(51, 51, 51)!important;
		width: auto;
		height: 33px;
		padding-top: 0px;
		line-height: 33px;
	}
	.header-right-wrapper {width: 357px;margin: 0 auto;height: 50px;padding-right: 0px;}
	.header-left-logo {display: block;width: 60pxpx;height: 50px;float: left;}
	.header-left-wrapper .header-left-logo a img {
		width: auto;
		height: 50px;
		float: left;
	}
	.header-left-wrapper {height: 50px;padding-right: 0px;}
	.header-right-telefon span {margin-top: 10px; height:33px;}
	.header-right-telefon a {margin: 0 auto; font-size: 14px; padding-top: 4px;}	
	.header-right-telefon-mobile {margin-top:5px; margin-bottom: 5px;}
	.header-left-slogan {height: 50px;}
	.container-search {width: 260px;}
	.searchbox-input {width: 85%;padding: 0px 5px 0px 5px;}
	#popup-add-basket {width:290px;}
	.popup-add-basket-btns {display: block; margin: 5px auto;}
	#rh-badge {bottom: -82px;right: auto !important;top: auto !important;transform: rotateZ(90deg);left: 50%;margin-left: -32px;}
	.footer-mobile-margin {margin-bottom:30px;}
	.block-akcii {width: 100%;}
	.block-tovary-so-skidkoy {width: 100%;margin-left: 0px;}
	.video-block {display: none;}
	
	.popup-form {
		display: block;
		width: 100%;
	}
	.smart-section-btn li a {width: 170px;}
	#main-nav {display: none;}
	#mobile-btn-menu {display: block;height:49px;background: #034EA1;margin-left: -15px;margin-right: -15px;}
	.trigramm {
		font-size: 22px;
		font-weight: bold;
		color: #fff;
		display: inline-block;
		line-height: 49px;
		padding-left: 20px;
	}
	#mobile-btn-menu span {
		font-size: 22px;
		color: #fff;
		line-height: 49px;
		padding-left: 10px;
	}
	.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
		background: #fff;
		color: #014f9a;
		border-bottom: 2px solid #014f9a;
	}
	.noRow {padding-left:15px; padding-right: 15px;}
	.i-menu-title {padding-left: 0px; text-align: center;}
	.i-menu-title-two {padding-left: 0px; text-align: center;}
	.i-menu-wrapper ul li br {display: none;}
	.i-menu-wrapper ul li a { text-align: center;}
}
@media (max-width: 320px) {
	.header-left-logo {display: block;float: left;}
	.header-left-wrapper .header-left-logo a img {float: left;}
	.header-left-slogan {display: table;height: 43px;float: left;}
	.header-left-wrapper {height: 43px;}
	.header-right-wrapper {width: 301px;margin: 0 auto;}
	.header-right-telefon span a {font-size: 18px!important;}
	.header-right-wrapper {height: 50px;padding-right: 0px;}
	.container-search {width: 210px;}
	.searchbox-input {width: 80%;}
}