/*SYSTEM*/
html, body, table, td, div, p, img, span, form, select, input, textarea, a, h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; line-height: 1px; }
html, body { height: 100%; width: 100%; }
body, input, a, select, p, h1, h2, h3, h4, h5, h6 { font-family: "PT Sans", sans-serif; }
img { border: 0px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section { display:block; }
.jGrowl-message { line-height: 15px; }
.go-top { width: 48px; height: 48px; background: url(../img/ico-top.png) no-repeat center; outline: none; display: none; position: fixed; right: 15px; bottom: 15px; opacity: .5; cursor: pointer; z-index: 100; }
.go-top:hover { opacity: 1; }
/*END OF SYSTEM*/
.cnv-widget_bar-logo{
display: none !important;
}
.alert-danger{
color: #a94442 !important;
background-color: #f2dede !important;
border-color: #ebccd1 !important;
}
.cnv-widget_popup-logo{
display: none !important;
}
/*HEADER*/
#header-box { background: #f2f2f2; }
#header-box .w { max-width: 1050px; min-width: 320px; height: 75px; margin: 0 auto; overflow: hidden; position: relative; }
#header-box .logo { position: absolute; left: 5px; top: 16px; width: 250px; height: 42px; white-space: nowrap; text-indent: 100%; overflow: hidden; display: block; background: url(../img/snegohod-ru-logo.png) no-repeat left top; background-size: contain; cursor: pointer; }
#header-box .dealer { position: absolute; right: 0; top: 0; width: 180px; height: 75px; padding: 22px 66px 0 0; text-align: right; font-size: 10px; line-height: 14px; text-transform: uppercase; color: #999; background: url(../img/rm-logo.png) no-repeat right top; text-decoration: none; }
#header-box .contacts { position: absolute; left: 35%; top: 16px; padding: 0; margin: 0; list-style: none; background: url(../img/ico-phone.png) no-repeat left top; padding-left: 40px; min-height: 40px; }
#header-box .contacts:before { position: absolute; left: -35px; top: 0px; height: 45px; width: 1px; background: #b3b3b3; content: ""; }
#header-box .contacts:after { position: absolute; right: -35px; top: 0px; height: 45px; width: 1px; background: #b3b3b3; content: ""; }
#header-box .contacts li { display: inline-block; vertical-align: top; font-size: 14px; line-height: 15px; color: #999; padding: 5px 0 0 16px; margin: 0; list-style: none; }
#header-box .contacts li b { font-size: 14px; line-height: 15px; color: #808080; }
@media all and (max-width: 1000px) {
#header-box .w { height: 90px; }
#header-box .contacts { left: 37%; top: 5px; padding-left: 0; background: none; text-align: center; }
#header-box .contacts:before, #header-box .contacts:after { display: none; }
#header-box .contacts li { display: block; }
}
@media all and (max-width: 710px) {
#header-box .w { height: 100px; }
#header-box .contacts { left: 5px; top: 75px; right: 5px; }
#header-box .contacts li { position: absolute; padding: 0; }
#header-box .contacts li br { display: none; }
#header-box .contacts li:first-child { left: 0; text-align: left; }
#header-box .contacts li:last-child { right: 0; text-align: right; }
}
@media all and (max-width: 600px) {
#header-box .w { height: 110px; }
#header-box .contacts li br { display: inline; }
}
@media all and (max-width: 460px) {
#header-box .w { height: 170px; }
#header-box .dealer br { display: none; }
#header-box .dealer { text-indent: 100%; width: 58px; overflow: hidden; padding: 0; white-space: nowrap; }
#header-box .contacts li { padding-bottom: 5px; font-size: 16px; }
#header-box .contacts li b { font-size: 16px; line-height: 20px; text-transform: uppercase; }
#header-box .contacts li, #header-box .contacts li:first-child, #header-box .contacts li:last-child { position: relative; text-align: center; }
}
/*END OF HEADER*/
/*TOP BAR*/
#top-bar-box { background: #ccc; height: 30px; }
#top-bar-box .w { max-width: 1050px; min-width: 320px; margin: 0 auto; position: relative; }
footer .socials { padding: 5px 10px; margin: 0; list-style: none; background: #ccc; display: inline-block;}
footer .socials li { display: inline-block; vertical-align: top; list-style: none; padding: 0; margin: 0 10px 0 0; }
footer .socials li a { width: 24px; height: 24px; text-indent: 100%; overflow: hidden; white-space: nowrap; text-decoration: none; display: block; background-image: url(../img/ico-top-bar.png); }
footer .socials li:nth-child(1) a { background-position: -24px top; }
footer .socials li:nth-child(1) a:hover { background-position: -24px bottom; }
footer .socials li:nth-child(2) a { background-position: -48px top; }
footer .socials li:nth-child(2) a:hover { background-position: -48px bottom; }
#top-bar-box .cart { position: absolute; left: 320px; top: 3px; }
#top-bar-box .cart:before { position: absolute; left: -13px; top: 3px; width: 1px; height: 18px; background: #b3b3b3; content: ""; }
#top-bar-box .cart a { font-size: 12px; line-height: 24px; color: #333; text-decoration: none; position: relative; padding-left: 36px; text-transform: lowercase; }
#top-bar-box .cart a.empty { display: inline-block; }
#top-bar-box .cart a.notempty { display: none; }
#top-bar-box .cart a:before { width: 24px; height: 24px; background: url(../img/ico-top-bar.png) no-repeat -72px top; content: ""; position: absolute; left: 0; top: 0; }
#top-bar-box .cart a:hover:before { background-position: -72px bottom; }
#top-bar-box .cart.full a.empty { display: none; }
#top-bar-box .cart.full a.notempty { display: inline-block; }
footer .socials li.rm-channel { position: static; right: 175px; top: 3px;}
footer .socials li.rm-channel a { display: inline-block; font-size: 12px; line-height: 24px; color: #4d4d4d; text-decoration: none; position: relative; padding-left: 30px; text-transform: uppercase; letter-spacing: -1px; background-image: none;text-indent: 0;width: auto; height: auto;}
footer .socials li.rm-channel a:before { width: 24px; height: 24px; background: url(../img/ico-top-bar.png) no-repeat -96px top; content: ""; position: absolute; left: 0; top: 0; }
footer .socials li.rm-channel a:hover { color: #db3535; }
footer .socials li.rm-channel a:hover:before { background-position: -96px bottom; }
#top-bar-box .search-box { position: absolute; right: 283px; top: 3px; }
#top-bar-box .search-box input { background: #FFF; }
#top-bar-box .search-box input[type='text'] { position: relative; top: -6px; border: 1px solid #CCC; border-radius: 3px 3px 3px 3px; box-shadow: 0px 2px 2px #BBB;}
#top-bar-box .search-box input[type='submit'] { width: 24px; height: 24px; background: url('/assets/img/ico-search.png') center center no-repeat ; cursor: pointer; border: 1px solid #CCCCCC;}
#top-bar-box .user-cab{ position: absolute; right: 5px; top: 0;font-size: 0;}
#top-bar-box .submenu {display: none; list-style-type: none; padding: 0; margin: 0;}
#top-bar-box .submenu li{display: block;width: 100%;}
#top-bar-box .user-cab:hover .submenu {display: block; position: absolute; z-index: 99;}
#top-bar-box .submenu li a{display: block; padding: 5px 10px; margin: 0; list-style: none; display: inline-block; font-weight: bold;line-height: 1.3;transition: all .1s ease-out;font-size: 16px;color: #fff;background: #808080;width: 100%;}
@media all and (max-width: 900px) {
#top-bar-box .rm-channel{display: none}
#top-bar-box .search-box { right: 175px; }
}
@media all and (max-width: 800px) {
#top-bar-box .cart {
position: absolute;
left: 245px;
top: 3px;
}
html, body, table, td, div, p, img, span, form, select, input, textarea, a, h1, h2, h3, h4, h5, h6{line-height: normal}
#top-bar-box .rm-channel,
#top-bar-box .socials{
display: none;
}
#top-bar-box .search-box{
right: 175px;
}
#office-auth-form .office-auth-login-wrapper, #office-auth-form .office-auth-register-wrapper{width: 100%!important}
}
@media all and (max-width: 720px) {
#top-bar-box { height: 120px; }
#top-bar-box .cart { left: 5px; top: 60px; right: 5px; text-align: center; }
#top-bar-box .search-box {top:32px; text-align:center;right:50%;margin-right:-91px;}
.selection-pages{position:static;width:100%;}
.topactions {width: 33.3333333333%;text-align: center;box-sizing: border-box;}
#top-bar-box .user-cab{ position: absolute; left: 0; top: 90px;font-size: 0; width: 100%}
#top-bar-box .user-cab a{display: inline-block; width: 100%; text-align: center}
#top-bar-box .user-cab .submenu,#top-bar-box .user-cab:hover .submenu {display: none;position: static;width: 66.666666%}
#top-bar-box .user-cab .submenu li{width: 50%;display: inline-block;}
}
/*END OF TOP BAR*/
/*MENU AND SLIDER*/
#main-nav-box.mini { background: none; padding: 0; margin: 12px 0; min-height: 5px; }
#main-nav-box.mini .w { max-width: 1050px; height: auto; padding: 0; }
#main-nav-box.mini .w nav { position: absolute; left: 0; top: 0; width: 300px; height: 57px; overflow: hidden; background: #fff; }
#main-nav-box.mini .w nav.opened { height: auto; overflow: visible; }
#main-nav-box.mini nav .trigger { display: block; }
#main-nav-box.mini nav .trigger a:before { background-image: url(../img/ico-menu.png); }
#main-nav-box { background: #27354a; padding: 12px 0; }
#main-nav-box .w { max-width: 1050px; min-width: 320px; height: 294px; margin: 0 auto; position: relative; }
#main-nav-box nav { position: absolute; left: 5px; top: 0; width: 26%; min-width: 300px; z-index: 100; }
#main-nav-box nav .trigger { display: none; }
#main-nav-box nav > ul { margin: 0; padding: 0; list-style: none; }
#main-nav-box nav > ul > li, #main-nav-box.mini nav > ul > li { padding: 0 0 0 85px; margin: 0 0 2px 0; list-style: none; position: relative; background: #808080; cursor: pointer; }
#main-nav-box nav > ul > li a:before, #main-nav-box.mini nav > ul > li a:before { display: block; content: ""; width: 85px; height: 57px; position: absolute; left: 0; top: 0; background-color: #999; background-position: center center; background-repeat: no-repeat; }
#main-nav-box nav > ul > li a, #main-nav-box.mini nav > ul > li a { display: block; height: 57px; line-height: 57px; font-size: 16px; color: #fff; text-decoration: none; text-transform: uppercase; padding-left: 13%; }
#main-nav-box nav > ul > li .submenu, #main-nav-box.mini nav > ul > li .submenu { position: absolute; right: 10px; top: 50%; margin-top: -23px; width: 48px; height: 48px; background: url(../img/ico-submenu.png) no-repeat center; z-index: 150; }
#main-nav-box nav > ul > li:hover a:before, #main-nav-box.mini nav > ul > li:hover a:before { background-color: #ba1717; }
#main-nav-box nav > ul > li:hover, #main-nav-box.mini nav > ul > li:hover { background: #c8c8c8; }
#main-nav-box nav > ul > li:hover a, #main-nav-box.mini nav > ul > li:hover a { color: #333; }
#main-nav-box nav > ul > li.catalog a:before, #main-nav-box.mini nav > ul > li.catalog a:before { background-image: url(../img/ico-catalog.png); }
#main-nav-box nav > ul > li.delivery a:before, #main-nav-box.mini nav > ul > li.delivery a:before { background-image: url(../img/ico-delivery.png); }
#main-nav-box nav > ul > li.service a:before, #main-nav-box.mini nav > ul > li.service a:before { background-image: url(../img/ico-service.png); }
#main-nav-box nav > ul > li.about a:before, #main-nav-box.mini nav > ul > li.about a:before { background-image: url(../img/ico-about.png); }
#main-nav-box nav > ul > li.contacts a:before, #main-nav-box.mini nav > ul > li.contacts a:before { background-image: url(../img/ico-contacts.png); }
#main-nav-box nav > ul > li > ul, #main-nav-box.mini nav > ul > li > ul { padding: 0 0 5px 10px; margin: 0; background: #c8c8c8; list-style: none; position: absolute; left: 100%; top: 0; display: none; width: 700px; }
#main-nav-box nav > ul > li.about > ul, #main-nav-box.mini nav > ul > li.about > ul { width: 200px; }
#main-nav-box nav > ul > li:hover > ul, #main-nav-box.mini nav > ul > li:hover > ul { display: block; }
#main-nav-box nav > ul > li > ul > li, #main-nav-box.mini nav > ul > li > ul > li { padding: 0; margin: 0; position: relative; display: inline-block; vertical-align: top; width: 32%; cursor: default; }
#main-nav-box nav > ul > li.about > ul > li, #main-nav-box.mini nav > ul > li.about > ul > li { width: 90%; display: block; }
#main-nav-box nav > ul > li > ul > li > a, #main-nav-box.mini nav > ul > li > ul > li > a { padding: 0 5%; height: auto; line-height: 18px; margin: 18px 0; white-space: nowrap; display: inline-block; }
#main-nav-box nav > ul > li > ul > li > a:hover, #main-nav-box.mini nav > ul > li > ul > li > a:hover { text-decoration: underline }
#main-nav-box nav > ul > li > ul > li > a:before, #main-nav-box.mini nav > ul > li > ul > li > a:before { display: none; }
#main-nav-box nav > ul > li > ul > li > ul, #main-nav-box.mini nav > ul > li > ul > li > ul { padding: 0; margin: 0; list-style: none; top: 0; z-index: 150; width: 100%;}
#main-nav-box nav > ul > li > ul > li > ul > li, #main-nav-box.mini nav > ul > li > ul > li > ul > li { padding: 0; margin: 0 0 2px 5px; }
#main-nav-box nav > ul > li > ul > li > ul > li:hover, #main-nav-box.mini nav > ul > li > ul > li > ul > li:hover { background: #eee; }
#main-nav-box nav > ul > li > ul > li > ul > li > a, #main-nav-box.mini nav > ul > li > ul > li > ul > li > a { padding: 0 0 0 10%; white-space: nowrap; font-size: 12px; line-height: 16px; height: auto; }
#main-nav-box nav > ul > li > ul > li > ul > li > a:before, #main-nav-box.mini nav > ul > li > ul > li > ul > li > a:before { display: none; }
#main-nav-box .slider { width: 100%; height: 294px; position: absolute; right: 5px; top: 0; overflow: hidden; z-index: 50; }
#main-nav-box .slider .slide-prev, #main-nav-box .slider .slide-next { width: 25px; position: absolute; top: 0; bottom: 0; background-color: rgba(200,200,200,.5); cursor: pointer; z-index: 50; }
#main-nav-box .slider .slide-prev:hover, #main-nav-box .slider .slide-next:hover { background-color: rgba(200,200,200,.7); }
#main-nav-box .slider .slide-prev { left: 0; }
#main-nav-box .slider .slide-next { right: 0; }
#main-nav-box .slider .slide-prev:before, #main-nav-box .slider .slide-next:before { position: absolute; content: ""; top: 50%; left: 5px; margin-top: -18px; width: 13px; height: 36px; background-image: url(../img/slider-arrows.png); background-repeat: no-repeat; background-position: left top; }
#main-nav-box .slider .slide-next:before { background-position: right top; left: auto; right: 5px; }
#main-nav-box .slider ul { padding: 0; margin: 0; list-style: none; min-height: 294px; }
#main-nav-box .slider ul li { padding: 0; margin: 0; list-style: none; height: 294px; overflow: hidden; position: relative; }
#main-nav-box .slider ul li .price { position: absolute; left: 35px; bottom: 40px; display: inline-block; padding: 7px 10px; background: #f6e600; font-size: 20px; line-height: 20px; color: #1a171b; font-weight: bold; }
#main-nav-box .slider ul li .link { position: absolute; left: 35px; bottom: 15px; display: inline-block; font-size: 14px; line-height: 14px; color: #f6e600; text-decoration: underline; text-transform: lowercase; }
#main-nav-box .slider ul li .link:before { position: absolute; right: -10px; top: 2px; content: ""; background: url(../img/ico-arrow-right.png) no-repeat right top; width: 6px; height: 12px; }
#main-nav-box .slider ul li .link:hover { text-decoration: none; }
#main-nav-box .slider ul li img { max-width: none !important; }
@media all and (max-width: 1120px) {
#main-nav-box.mini .w nav { left: 5px; }
#main-nav-box nav { min-width: 200px; width: 23%; }
#main-nav-box nav > ul > li { padding: 0; }
#main-nav-box nav > ul > li a:before { display: none; }
#main-nav-box nav > ul > li a { padding-left: 20px; }
#main-nav-box .slider { width: 75%; }
}
@media all and (max-width: 1000px) {
#main-nav-box .w { height: 295px; padding-top: 34%; }
#main-nav-box nav { right: 51%; bottom: 0; top: auto; width: auto; }
#main-nav-box nav > ul > li:hover > ul, #main-nav-box.mini nav > ul > li:hover > ul { display: none; }
#main-nav-box nav > ul > li { padding: 0 0 0 85px; }
#main-nav-box nav > ul > li a:before { display: block; }
#main-nav-box nav > ul > li a { padding-left: 13%; }
#main-nav-box .slider { width: auto; height: auto; left: 5px; }
#main-nav-box .slider ul li { height: auto; }
#main-nav-box .slider ul li img { width: 100%; }
#main-nav-box nav > ul > li > ul, #main-nav-box.mini nav > ul > li > ul { width: 100%; padding: 0; }
#main-nav-box nav > ul > li > ul > li, #main-nav-box.mini nav > ul > li > ul > li { width: 100%; box-sizing: border-box; border-bottom: 2px solid #808080; padding: 0px 5px; }
#main-nav-box nav > ul > li > ul > li .submenu2, #main-nav-box.mini nav > ul > li > ul > li .submenu2 { position: absolute; right: 15px; top: 5px; width: 48px; height: 48px; cursor: pointer; background: url(../img/ico-plus.png) no-repeat center; }
#main-nav-box nav > ul > li > ul > li .submenu2.opened, #main-nav-box.mini nav > ul > li > ul > li .submenu2.opened { background: url(../img/ico-minus.png) no-repeat center; }
#main-nav-box nav > ul > li > ul > li:last-child, #main-nav-box.mini nav > ul > li > ul > li:last-child { border-bottom: none; }
#main-nav-box nav > ul > li > ul > li > a, #main-nav-box.mini nav > ul > li > ul > li > a { line-height: 57px; height: 57px; padding: 0 5%; margin: 0; display: block; }
#main-nav-box nav > ul > li > ul > li > ul, #main-nav-box.mini nav > ul > li > ul > li > ul { display: none; position: relative; left: 0; padding-bottom: 10px; width: auto; }
#main-nav-box nav > ul > li > ul > li > ul > li, #main-nav-box.mini nav > ul > li > ul > li > ul > li { background: none; }
#main-nav-box nav > ul > li > ul > li > ul > li a, #main-nav-box.mini nav > ul > li > ul > li > ul > li a { font-size: 14px; line-height: 20px; height: 20px; text-transform: none; }
}
@media all and (max-width: 620px) {
#main-nav-box .w { height: auto; padding: 0; }
#main-nav-box .slider { position: relative; margin-bottom: 10px; left: 0; }
#main-nav-box nav, #main-nav-box.mini nav { right: 5px; position: relative; left: 0; }
#main-nav-box nav > ul > li > ul, #main-nav-box.mini nav > ul > li > ul { position: relative; left: 0; right: 100%; box-sizing: border-box; top: auto; width: auto; }
#main-nav-box nav > ul > li > ul > li, #main-nav-box nav.mini > ul > li > ul > li { background: none; }
#main-nav-box nav > ul > li > ul > li .submenu2, #main-nav-box.mini nav > ul > li > ul > li .submenu2 { right: 10px; }
#main-nav-box nav > ul > li > ul > li > ul > li a, #main-nav-box.mini nav > ul > li > ul > li > ul > li a { padding-left: 4%; }
#main-nav-box.mini nav > ul span { display: none; }
#main-nav-box nav > ul > li .submenu, #main-nav-box.mini nav > ul > li .submenu { top: 5px; margin-top: 0; }
}
@media all and (max-width: 560px) {
#main-nav-box.mini .w nav { left: 50%; margin-left: -150px; }
}
@media all and (max-width: 450px) {
#main-nav-box .slider ul li .price { display: none; }
#main-nav-box .slider ul li .link { top: 48%; bottom: auto; left: 50%; margin-left: -60px; }
#main-nav-box nav > ul span { display: none; }
}
/*END OF MENU AND SLIDER*/
/*BANNERS*/
#banners-list { background: #ccc; padding: 8px 0; margin-bottom: 30px; }
#banners-list .w { max-width: 1050px; margin: 0 auto; }
#banners-list ul { padding: 0; margin: 0; list-style: none; text-align: justify; }
#banners-list ul:after { content: ""; width: 100%; height: 1px; display: inline-block; }
#banners-list ul li { padding: 0; margin: 0; list-style: none; display: inline-block; vertical-align: top; overflow: hidden; max-width: 330px; }
#banners-list ul li img { }
@media all and (max-width: 1030px) {
#banners-list ul li { width: 32%; }
}
@media all and (max-width: 1000px) {
#banners-list { padding: 0; background: transparent; height: 0; position: relative; }
#banners-list ul { position: absolute; right: 5px; left: 51%; top: -307px; height: 293px; text-align: center; }
#banners-list ul:after { display: none; }
#banners-list ul li { display: block; max-width: 100%; width: 100%; height: 92px; margin: 0 0 8px 0; }
#banners-list ul li img { min-height: 100%; }
}
@media all and (max-width: 620px) {
#banners-list { padding: 8px 0; background: #ccc; height: auto; }
#banners-list ul { position: relative; left: 0; right: 0; top: auto; height: auto; }
#banners-list ul li { display: none; height: auto; margin: 0 5px 10px 5px; box-sizing: border-box; width: auto; }
#banners-list ul li img { display: none; max-width: 100%; width: auto; }
}
/*END OF BANNERS*/
/*BREADCRUMBS*/
#breadcrumb { overflow: hidden; clear: both; padding: 0; margin: 0 auto 30px auto; display: block; list-style: none; max-width: 1050px; min-width: 320px; }
#breadcrumb li { padding: 0; margin: 0 30px 0 0; list-style: none; display: inline-block; vertical-align: top; }
#breadcrumb li, #breadcrumb li a { font-size: 16px; line-height: 18px; color: #1a1a1a; }
#breadcrumb li a { text-decoration: underline; position: relative; display: inline-block; }
#breadcrumb li a:after { position: absolute; right: -20px; top: 2px; content: ">"; font-size: 13px; line-height: 18px; color: #1a1a1a; cursor: default; }
#breadcrumb li a:hover { text-decoration: none; }
@media all and (max-width: 1030px) {
#breadcrumb li:first-child { padding-left: 5px; }
}
@media all and (max-width: 560px) {
#breadcrumb { text-align: center; }
}
/*END OF BREADCRUMBS*/
/*FORMS*/
#forms-block { display: none; }
#form-callback, #form-callback-opt, #form-callback-ohot, #form-callback-manager{ background: #ccc url(../img/ico-form-callback.png) no-repeat 35px 30px; }
#form-testdrive { background: #ccc url(../img/ico-form-testdrive.png) no-repeat 35px 30px; }
#form-comment { background: #ccc; padding-left: 45px; }
#ajResultTD, #ajResultCB, #ajResultCM { text-align: right; }
#ajResultTD, #ajResultTD b, #ajResultCB b, #ajResultCM b { font-size: 18px; line-height: 20px; color: #4d4d4d; }
#ajResultTD, #ajResultTD p, #ajResultCB p, #ajResultCM p { font-size: 16px; line-height: 20px; color: #4d4d4d; text-align: right; padding-top: 10px; }
.popup-form { max-width: 700px; min-height: 180px; margin: 0 auto; display: block; background-color: #ccc; border: 1px solid #808080; padding: 30px 45px 30px 180px; box-sizing: border-box; position: relative; }
.popup-form .title { font-size: 18px; line-height: 20px; color: #4d4d4d; font-weight: bold; text-align: right; padding-bottom: 20px; }
.popup-form ul { padding: 0; margin: 0; list-style: none; }
.popup-form ul li { padding: 0; margin: 0 0 10px 0; list-style: none; }
.popup-form ul li:last-child { margin: 25px 0 0 0; text-align: right; }
.popup-form ul li input[type="text"], .popup-form ul li input[type="email"], .popup-form ul li textarea { width: 100%; border: 1px solid #999; box-sizing: border-box; background: #fff; font-size: 16px; line-height: 28px; color: #1a1a1a; padding: 0 12px; }
.popup-form ul li textarea { height: 100px; }
.popup-form ul li .placeholder { font-size: 16px; line-height: 28px; color: #b3b3b3; }
.popup-form ul li input[type="text"]::-moz-placeholder { opacity: 1; font-size: 16px; line-height: 28px; color: #b3b3b3; }
.popup-form ul li input[type="text"]::-webkit-input-placeholder { opacity: 1; font-size: 16px; line-height: 28px; color: #b3b3b3; }
.popup-form ul li input[type="text"]::-ms-input-placeholder { opacity: 1; font-size: 16px; line-height: 28px; color: #b3b3b3; }
.popup-form ul li textarea::-moz-placeholder { opacity: 1; font-size: 16px; line-height: 28px; color: #b3b3b3; }
.popup-form ul li textarea::-webkit-input-placeholder { opacity: 1; font-size: 16px; line-height: 28px; color: #b3b3b3; }
.popup-form ul li textarea::-ms-input-placeholder { opacity: 1; font-size: 16px; line-height: 28px; color: #b3b3b3; }
.popup-form ul li input[type="text"]:focus::-moz-placeholder { opacity: 0; }
.popup-form ul li input[type="text"]:focus::-webkit-input-placeholder { opacity: 0; }
.popup-form ul li input[type="text"]:focus::-ms-input-placeholder { opacity: 0; }
.popup-form ul li textarea:focus::-moz-placeholder { opacity: 0; }
.popup-form ul li textarea:focus::-webkit-input-placeholder { opacity: 0; }
.popup-form ul li textarea:focus::-ms-input-placeholder { opacity: 0; }
.popup-form ul li input[type="submit"] { width: 180px; border: none; background: #27354a; font-size: 16px; line-height: 35px; height: 35px; color: #fff; cursor: pointer; }
.popup-form ul li input[type="submit"]:hover { background: #3c4a60; }
@media all and (max-width: 500px) {
.popup-form { background-image: none !important; padding-left: 45px }
}
/*END OF FORMS*/
/*NEWS*/
#news-list-short { margin-bottom: 20px; }
#news-list-short .w { max-width: 1050px; margin: 0 auto; min-width: 320px; }
#news-list-short .w > .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
#news-list-short ul { padding: 0; margin: 0; list-style: none; text-align: justify; position: relative; }
#news-list-short ul:after { content: ""; display: inline-block; width: 100%; height: 1px; overflow: hidden; }
#news-list-short ul li { padding: 20px 10px 0 20px; margin: 0 0 20px 0; list-style: none; display: inline-block; box-sizing: border-box; width: 31%; height: 120px; text-align: left; border-left: 1px solid #cdcfd0; border-right: 1px solid #cdcfd0; border-top: 1px solid #cdcfd0; vertical-align: top; position: relative; cursor: pointer; }
#news-list-short ul li:before { position: absolute; left: -1px; right: -1px; top: -1px; bottom: 0px; content: ""; background: url(../img/border-gradient.png) repeat-x left bottom; z-index: 1; }
#news-list-short ul li:after { position: absolute; left: -1px; right: -1px; bottom: -8px; height: 6px; background: #e6e6e6; border: 1px solid #b3b3b3; content: ""; z-index: 2; }
#news-list-short ul li:hover:after { background: #27354a; }
#news-list-short ul li:hover p { color: #27354a; }
#news-list-short ul li * { position: relative; z-index: 3; }
#news-list-short ul li img { float: left; max-width: 75px; margin-right: 12px; }
#news-list-short ul li span { font-size: 16px; line-height: 18px; color: #345ca0; }
#news-list-short ul li p { padding-top: 12px; overflow: hidden; }
#news-list-short ul li a, #news-list-short ul li p { text-decoration: none; font-size: 14px; line-height: 18px; color: #000; }
#news-list-full .w { max-width: 1050px; margin: 0 auto; min-width: 320px; }
#news-list-full .w > .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
#news-list-full ul { padding: 0; margin: 0; list-style: none; }
#news-list-full ul li { padding: 0; margin: 0 0 30px 0; list-style: none; overflow: hidden; }
#news-list-full ul li img { float: left; max-width: 60px; margin: 0 12px 10px 0; }
#news-list-full ul li span { font-size: 16px; line-height: 18px; color: #345ca0; font-weight: bold; }
#news-list-full ul li p { padding-top: 12px; }
#news-list-full ul li a, #news-list-full ul li p { text-decoration: none; font-size: 14px; line-height: 18px; color: #000; }
#news-list-full ul li a:hover { text-decoration: underline; }
@media all and (max-width: 1030px) {
#news-list-short ul, #news-list-full ul { padding: 0 5px; }
#news-list-short ul li { width: 32%; }
}
@media all and (max-width: 900px) {
#news-list-short ul li { height: 130px; }
#news-list-short ul li span { font-size: 14px; }
#news-list-short ul li p { padding-top: 6px; }
}
@media all and (max-width: 800px) {
#news-list-short ul li { height: auto; width: auto; display: block; min-height: 100px; padding-bottom: 10px; }
#news-list-short ul li span { font-size: 16px; }
#news-list-short ul li p { padding-top: 12px; }
#news-list-short ul li a, #news-list-short ul li p { font-size: 14px; line-height: 17px; }
footer .socials{display: none}
}
/*END OF NEWS*/
/*RUBRICS LIST*/
.rubrics-list { margin-bottom: 20px; }
.rubrics-list .w { max-width: 1050px; min-width: 320px; margin: 0 auto; }
.rubrics-list .w > .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.rubrics-list .w > h1 { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.rubrics-list .w .description > h2 { font-size: 20px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.rubrics-list .w > h2 { font-size: 20px; line-height: 22px; color: #1a1a1a; font-weight: bold; margin-bottom: 20px; }
.rubrics-list .w .description > h3 { font-size: 18px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.rubrics-list .w .description h4 { font-size: 14px; line-height: 15px; color: #666; font-weight: bold; text-transform: uppercase;padding-bottom: 5px; text-align: left; margin-bottom: 5px; }
.rubrics-list ul { padding: 0; margin: 0; list-style: none; text-align: justify; position: relative; }
.rubrics-list ul:after { content: ""; display: inline-block; width: 100%; height: 1px; overflow: hidden; }
.rubrics-list ul li { padding: 0; margin: 0 0 20px 0; list-style: none; display: inline-block; box-sizing: border-box; width: 31%; min-height: 260px; text-align: center; vertical-align: top; position: relative; cursor: pointer; }
.rubrics-list ul li:last-child { cursor: default; min-height: 0; }
.rubrics-list ul li .top { border-left: 1px solid #cdcfd0; border-right: 1px solid #cdcfd0; border-top: 1px solid #cdcfd0; height: 200px; position: relative; }
.rubrics-list ul li .top:before { position: absolute; left: -1px; right: -1px; top: -1px; bottom: 0px; content: ""; background: url(../img/border-gradient.png) repeat-x left bottom; z-index: 1; }
.rubrics-list ul li .top * { z-index: 3; position: relative; }
.rubrics-list ul li .top .logo { position: absolute; left: 15px; top: 15px; display: block; z-index: 10; }
.rubrics-list ul li .top .logo.rm { width: 32px; height: 47px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/rub-rm.png) no-repeat left bottom; }
.rubrics-list ul li .top .logo.suzuki { width: 54px; height: 36px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/rub-suzuki.png) no-repeat left bottom; }
.rubrics-list ul li .top .logo.polaris { width: 50px; height: 36px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/rub-polaris.png) no-repeat left -37px; }
.rubrics-list ul li .top .logo.seapro { width: 76px; height: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/rub-seapro.png) no-repeat left bottom; }
.rubrics-list ul li .top .logo.ss { width: 45px; height: 41px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/rub-ss.png) no-repeat left bottom; }
.rubrics-list ul li .top .logo.stels { width: 45px; height: 41px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../images/stels/stels-logo2.png) no-repeat left bottom; }
.rubrics-list ul li:hover .top .logo { background-position: left top; }
.rubrics-list ul li .top .image { text-align: center; height: 160px; overflow: hidden; }
.rubrics-list ul li .top .image img { max-height: 100%; max-width: 100%; }
.rubrics-list ul li .top .title {
text-align: left;
position: absolute;
left: 15px;
right: 40px;
bottom: 17px;
padding: 0px 5px;
}
.rubrics-list ul li .top .title, .rubrics-list ul li .top .title a { font-size: 16px; line-height: 15px; color: #666; text-decoration: none; font-weight: bold; text-transform: uppercase; }
.rubrics-list ul li .bottom { border: 1px solid #b3b3b3; background: #e6e6e6; height: 60px; box-sizing: border-box; padding: 2px 10px 0 10px; text-align: center; }
.rubrics-list ul li .bottom, .rubrics-list ul li .bottom a { font-size: 14px; line-height: 14px; color: #4d4d4d; text-decoration: none; font-weight: normal; }
.rubrics-list ul li .bottom a:hover { text-decoration: underline; }
.rubrics-list ul li:hover .bottom { background: #27354a; }
.rubrics-list ul li:hover .bottom, .rubrics-list ul li:hover .bottom a { color: #fff; }
.rubrics-list .w .description { margin-bottom: 20px; }
.rubrics-list .w .description .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.rubrics-list .w .description p { padding: 5px 5px 20px 5px; font-size: 16px; line-height: 20px; color: #333; }
.rubrics-list .w .description li { font-size: 16px; line-height: 20px; color: #333; }
.rubrics-list .parts-search { margin: 10px auto 30px auto; max-width: 500px; box-sizing: border-box; overflow: hidden; }
.rubrics-list .parts-search input[type="text"] { width: 80%;
border: 1px solid #b3b3b3;
outline: none;
font-size: 16px;
line-height: 20px;
/* height: 24px; */
padding: 4px 5px;
color: #666; }
.rubrics-list .parts-search .placeholder { font-size: 16px; line-height: 24px; color: #666; }
.rubrics-list .parts-search input[type="text"]::-moz-placeholder { opacity: 1; font-size: 16px; line-height: 24px; color: #666; }
.rubrics-list .parts-search input[type="text"]::-webkit-input-placeholder { opacity: 1; font-size: 16px; line-height: 24px; color: #666; }
.rubrics-list .parts-search input[type="text"]::-ms-input-placeholder { opacity: 1; font-size: 16px; line-height: 24px; color: #666; }
.rubrics-list .parts-search input[type="text"]:focus::-moz-placeholder { opacity: 0; }
.rubrics-list .parts-search input[type="text"]:focus::-webkit-input-placeholder { opacity: 0; }
.rubrics-list .parts-search input[type="text"]:focus::-ms-input-placeholder { opacity: 0; }
.rubrics-list .parts-search input[type="submit"] { width: 15%; height: 30px; border: none; background: #27354a; font-size: 16px; line-height: 30px; color: #fff; cursor: pointer; }
.rubrics-list .parts-search input[type="submit"]:hover { background: #3c4a60; }
@media all and (max-width: 1030px) {
.rubrics-list ul { padding: 0 5px; }
.rubrics-list ul li { width: 32%; }
}
@media all and (max-width: 800px) {
.rubrics-list ul li .top .title, .rubrics-list ul li .top .title a { font-size: 14px; }
}
@media all and (max-width: 640px) {
.rubrics-list ul li { width: 48%; }
}
@media all and (max-width: 480px) {
.rubrics-list ul li { width: auto; display: block; }
.rubrics-list ul li .top .title, .rubrics-list ul li .top .title a { font-size: 16px; }
}
/*END OF RUBRICS LIST*/
/*FILTERS*/
#mFilter { border: 1px solid #ccc; display: inline-block; }
#mFilter fieldset { border: 0; }
#mFilter .ui-slider-horizontal { margin-bottom: 15px; margin-left: 10px; width: 100%; max-width: 335px; }
#tracks_form { border: 1px solid #ccc; display: inline-block; padding: 10px; margin-bottom:10px;}
#tracks_form fieldset { border: 0; }
#tracks_form .ui-slider-horizontal { margin-bottom: 15px; margin-left: 10px; width: 100%; max-width: 335px; }
#tracks_form h4 { font-size: 14px; line-height: 15px; color: #666; font-weight: bold; text-transform: uppercase;padding-bottom: 5px; text-align: left; margin-bottom: 5px; }
#tracks_form p { padding-bottom: 1px; padding-top: 7px; font-size: 16px; line-height: 20px; color: #B3B3B3; }
/*END OF FILTERS*/
/*ITEMS LIST*/
.items-list { margin-bottom: 20px; }
.items-list .w { max-width: 1050px; min-width: 320px; margin: 0 auto; padding: 0 15px;}
.items-list .w > .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.items-list .w > h1 { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.items-list .w > h2 { font-size: 20px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.items-list .w .description > h2 { font-size: 18px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.items-list .w .description > h3 { font-size: 18px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.items-list .w .description h4 { font-size: 14px; line-height: 15px; color: #666; font-weight: bold; text-transform: uppercase;padding-bottom: 5px; text-align: left; margin-bottom: 5px; }
.items-list .w .sort p { padding-bottom: 0; font-size: 16px; line-height: 20px; color: #333; }
.items-list .w .pagination li { padding-bottom: 5px; font-size: 14px; line-height: 20px; color: #333; list-style: none; display: inline-block; margin: 5px 5px 5px 5px;}
.items-list .w #mse2_sort{
background: #f2f2f2;
padding: 10px 10px;
margin-bottom: 30px;
}
.items-list .w .widget-header {
background: #f2f2f2;
padding: 10px 10px;
}
.items-list .w .widget-header h3{
margin: 0 !important;
padding: 0 !important;
}
.pagination {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
justify-align: center;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6;
}
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
#mse2_results {
margin: 0 -20px 20px;
}
.items-list .w .description h3 {
font-size: 22px;
line-height: 20px;
color: #666;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 5px;
text-align: left;
margin-bottom: 5px;
}
.items-list .w > ul { padding: 0; margin: 0; list-style: none; /* text-align: justify; */ position: relative; font-size: 0;}
.items-list .w > ul:after { content: ""; display: inline-block; width: 100%; height: 1px; overflow: hidden; }
.items-list .w > ul > li:last-child { cursor: default; min-height: 0; }
.items-list .w > ul > li { padding: 0 20px; margin: 0 0 20px 0; list-style: none; display: inline-block; box-sizing: border-box; width: 33.333333%; min-height: 260px; text-align: center; vertical-align: top; position: relative; cursor: pointer; }
.items-list .w > ul > li .top { border-left: 1px solid #cdcfd0; border-right: 1px solid #cdcfd0; border-top: 1px solid #cdcfd0; height: 200px; position: relative; }
.items-list .w > ul > li .top:before { position: absolute; left: -1px; right: -1px; top: -1px; bottom: 0px; content: ""; background: url(../img/border-gradient.png) repeat-x left bottom; z-index: 1; }
.items-list .w > ul > li .top * { z-index: 3; position: relative; }
.items-list .w > ul > li .top .logo { position: absolute; left: 15px; top: 15px; display: block; z-index: 10; }
.items-list .w > ul > li .top .logo.rm { width: 32px; height: 47px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../img/rub-rm.png) no-repeat left bottom; }
.items-list .w > ul > li:hover .top .logo { background-position: left top; }
.items-list .w > ul > li .top .image { text-align: center; height: 144px; padding-top: 15px;overflow: hidden;position: relative; }
.items-list .w > ul > li .top .image img { max-height: 100%; max-width: 100%; }
.items-list .w > ul > li .top .labels {
position: absolute;
text-align: left;
top: 10px;
right: 10px;
z-index: 10; }
.avaibles {
display: block; }
.avaibles.instock {
color: #0E8420;
font-size: 14px; }
.avaibles.instock::before {
content: '';
width: 7px;
height: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
background: #0E8420;
margin-bottom: 1px;
margin-right: 5px; }
.avaibles.tostock {
color: #333333;
font-size: 14px; }
.avaibles.tostock::before {
content: '';
width: 7px;
height: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
background: #333333;
margin-bottom: 1px;
margin-right: 5px; }
.avaibles.outstock {
color: #cc2924;
font-size: 14px; }
.avaibles.outstock::before {
content: '';
width: 7px;
height: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
background: #cc2924;
margin-bottom: 1px;
margin-right: 5px; }
.items-list .w > ul > li .top .title { text-align: left; position: absolute; left: 15px; right: 40px; bottom: 17px; }
.items-list .w > ul > li .top .title, .items-list .w > ul > li .top .title a { font-size: 16px; line-height: 18px; color: #000; text-decoration: none; font-weight: bold; text-transform: uppercase; max-width: 190px; }
.items-list .w > ul > li .top .icons { position: absolute; left: 5px; top: 6px; padding: 0; margin: 0; list-style: none; }
.items-list .w > ul > li .top .icons li { padding: 0 0 0 17px; margin: 0; list-style: none; background: url(../img/ico-star.png) no-repeat left 1px; font-size: 14px; line-height: 16px; color: #c73030; text-align: left; }
.items-list .w > ul > li .top .price { position: absolute; right: 15px; bottom: 4px; padding: 0; margin: 0; list-style: none; }
.items-list .w > ul > li .top .price li { padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: 18px; color: #999; font-weight: bold; text-decoration: line-through; text-align: right; }
.items-list .w > ul > li .top .price li:last-child { text-decoration: none; color: #242424; }
.items-list .w > ul > li .bottom { border: 1px solid #b3b3b3; background: #fff; height: 95px; box-sizing: border-box; padding: 5px 10px 0 10px; text-align: left; }
.items-list .w > ul > li .bottom, .items-list .w > ul > li .bottom a { font-size: 14px; line-height: 16px; color: #4d4d4d; text-decoration: none; }
.items-list .w > ul > li .bottom a:hover { text-decoration: underline; }
.items-list .w > ul > li:hover .bottom { background: #27354a; }
.items-list .w > ul > li:hover .bottom, .items-list .w > ul > li:hover .bottom a { color: #fff; }
.items-list .w .description { margin-bottom: 20px; }
.items-list .w .description .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.items-list .w .description p { padding: 5px 5px 20px 5px; font-size: 16px; line-height: 20px; color: #333; }
.items-list .w .description li { font-size: 16px; line-height: 20px; color: #333; }
@media all and (max-width: 1030px) {
.items-list .w > ul { padding: 0 5px; }
.items-list .w > ul > li { width: 32%; }
}
@media all and (max-width: 930px) {
.items-list .w > ul > li .bottom { height: 80px; }
}
@media all and (max-width: 800px) {
.items-list .w > ul > li .top .title, .items-list .w > ul > li .top .title a { font-size: 12px; line-height: 13px; }
}
@media all and (max-width: 640px) {
.items-list .w > ul > li { width: 48%; }
}
@media all and (max-width: 480px) {
.items-list .w > ul > li { width: auto; display: block; }
.items-list .w > ul > li .top .title, .items-list .w > ul > li .top .title a { font-size: 16px; line-height: 18px; }
}
/*END OF ITEMS LIST*/
/*PARTS LIST*/
.parts-list { margin-bottom: 20px; }
.parts-list .w { max-width: 1050px; min-width: 320px; margin: 0 auto; }
.parts-list .w > .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.parts-list .w > h1 { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.parts-list .w > h2 { font-size: 20px; line-height: 22px; color: #1a1a1a; font-weight: bold; margin-bottom: 20px; }
.parts-list p { font-size: 14px; line-height: 18px; color: #666; padding-bottom: 20px; }
.parts-list .image { text-align: center; margin-bottom: 50px; }
.parts-list .image img { max-width: 100%; }
.parts-list .decorate { background: #e6e6e6; border: 1px solid #b3b3b3; height: 8px; overflow: hidden; }
.parts-list .text { padding-bottom: 20px; }
.parts-list .text, .parts-list .text a { font-size: 14px; line-height: 18px; color: #666; }
.parts-list .text a:hover { text-decoration: none; }
.parts-list .parts-search { margin: 10px auto 30px auto; max-width: 500px; box-sizing: border-box; overflow: hidden; }
.parts-list .parts-search input[type="text"] { width: 80%;
border: 1px solid #b3b3b3;
outline: none;
font-size: 16px;
line-height: 20px;
/* height: 24px; */
padding: 4px 5px;
color: #666; }
.parts-list .parts-search .placeholder { font-size: 16px; line-height: 24px; color: #666; }
.parts-list .parts-search input[type="text"]::-moz-placeholder { opacity: 1; font-size: 16px; line-height: 24px; color: #666; }
.parts-list .parts-search input[type="text"]::-webkit-input-placeholder { opacity: 1; font-size: 16px; line-height: 24px; color: #666; }
.parts-list .parts-search input[type="text"]::-ms-input-placeholder { opacity: 1; font-size: 16px; line-height: 24px; color: #666; }
.parts-list .parts-search input[type="text"]:focus::-moz-placeholder { opacity: 0; }
.parts-list .parts-search input[type="text"]:focus::-webkit-input-placeholder { opacity: 0; }
.parts-list .parts-search input[type="text"]:focus::-ms-input-placeholder { opacity: 0; }
.parts-list .parts-search input[type="submit"] { width: 15%; height: 30px; border: none; background: #27354a; font-size: 16px; line-height: 30px; color: #fff; cursor: pointer; }
.parts-list .parts-search input[type="submit"]:hover { background: #3c4a60; }
.parts-list table { width: 100%; border: 1px solid #b3b3b3; border-collapse: collapse; padding: 0; margin: 0; border-top: none; border-bottom: none; }
.parts-list table td { padding: 4px 10px; vertical-align: top; border: 1px solid #b3b3b3; border-collapse: collapse; }
.parts-list table td span{ font-size: 12px;
line-height: 18px;
color: #999;
font-weight: normal;
text-decoration: line-through;
text-align: right }
.parts-list table td, .parts-list table td a { font-size: 16px; line-height: 18px; color: #1a1a1a; text-decoration: none; vertical-align: middle;}
.parts-list table tr:hover td, .parts-list table tr:hover td a { text-decoration: underline; cursor: pointer; vertical-align: middle;}
.parts-list table tr:first-child:hover td:last-child, .parts-list table tr:first-child:hover td:last-child a { text-decoration: none; cursor: default; }
.parts-list table tr:hover td:last-child, .parts-list table tr:hover td:last-child a { text-decoration: underline; cursor: pointer; }
.parts-list table tr:first-child td { text-decoration: none; cursor: default; }
.parts-list table td:nth-child(1), .parts-list table td:nth-child(2), .parts-list table td:nth-child(4), .parts-list table td:nth-child(5) { text-align: center; }
.parts-list table td:nth-child(3) { text-align: left; }
.parts-list table.two-col td:nth-child(1) { text-align: center; width: 24%; }
.parts-list table.two-col td:nth-child(2) { text-align: left; width: 66%; }
.parts-list table td input[type="number"] { width: 38px; height: 20px; margin: 1px; border: 1px solid #ccc; text-align: center; font-size: 14px; line-height: 20px; outline: none; color: #1a1a1a; vertical-align: top; }
.parts-list table td button[type="submit"] { width: 40px; height: 22px; margin: 1px 0; border: none; cursor: pointer; background: #27354a url(../img/ico-item-cart.png) no-repeat center; background-size: contain; vertical-align: top; }
.parts-list .other-parts { padding: 30px 0 0 30px; }
.parts-list .other-parts a { display: inline-block; padding-left: 40px; font-size: 16px; line-height: 24px; color: #1a1a1a; background: url(../img/ico-parts-link.png) no-repeat left center; text-decoration: none; }
.parts-list .other-parts a:hover { text-decoration: underline; }
.parts-list .models-list { margin: 10px auto 30px auto; padding: 20px; max-width: 500px; box-sizing: border-box; border: 1px solid #b3b3b3; }
.parts-list .models-list .title { text-align: center; margin-bottom: 25px; font-size: 16px; line-height: 17px; color: #333; font-weight: bold; }
.parts-list .models-list ul { padding: 0; margin: 0; list-style: none; }
.parts-list .models-list ul li { padding: 0; margin: 0 0 5px 0; list-style: none; display: block; }
.parts-list .models-list ul li a { display: block; padding: 7px 20px 7px 30px; background: #999; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; cursor: pointer; font-size: 14px; line-height: 15px; color: #fff; text-decoration: none; }
.parts-list .models-list ul li.active a, .parts-list .models-list ul li a:hover { background: #27354a; border-top: 1px solid #c9ccd2; border-bottom: 1px solid #c9ccd2; }
@media all and (max-width: 650px) {
.parts-list table td { padding: 5px 10px; }
.parts-list table td, .parts-list table td a { font-size: 14px; line-height: 16px; }
}
@media all and (max-width: 460px) {
.parts-list table td { padding: 5px; }
.parts-list table td:nth-child(3){display: none;}
.parts-list table td, .parts-list table td a { font-size: 12px; line-height: 15px; }
.parts-list table td input[type="number"] { width: 35px; }
.parts-list table td button[type="submit"] { width: 37px; }
.parts-list .parts-search input[type="text"] { width: 70%; }
.parts-list .parts-search input[type="submit"] { width: 20%; }
}
/*END OF PARTS LIST*/
/*ITEM PAGE*/
#item-page { margin-bottom: 30px; }
#item-page .w { max-width: 1050px; min-width: 250px; margin: 0 auto;}
#item-page .main-info { overflow: hidden; margin-bottom: 30px; }
#item-page .main-info .title, #item-page .main-info h1 { font-size: 24px; line-height: 26px; color: #333; text-transform: uppercase; font-weight: bold; text-align: left; }
#item-page .main-info .title, #item-page .main-info h2 { font-size: 20px; line-height: 26px; color: #333; text-transform: uppercase; font-weight: bold; text-align: left; line-height: 40px;}
#item-page .main-info .title, #item-page .main-info h3 { font-size: 16px; line-height: 26px; color: #333; text-transform: uppercase; font-weight: bold; text-align: left; }
#item-page .main-info .title, #item-page .main-info h4 { font-size: 14px; line-height: 26px; color: #333; text-transform: uppercase; font-weight: bold; text-align: left; }
#item-page .main-info .title, #item-page .main-info h5 { font-size: 12px; line-height: 18px; color: #333; text-transform: uppercase; font-weight: bold; text-align: left; }
#item-page .main-info .title { margin-bottom: 12px; }
#item-page .main-info .oldprice { margin-bottom: 12px; font-size: 16px; line-height: 17px; color: #808080; text-transform: uppercase; text-decoration: line-through; clear: both; }
#item-page .main-info .controls { float: left; width: 300px; margin: 0 70px 20px 0; }
#item-page .main-info .controls .price { background: #f6e600; margin-bottom: 2px; text-align: center; font-size: 22px; line-height: 46px; color: #1a1a1a; font-weight: bold; }
#item-page .main-info .controls .cart { margin-bottom: 14px; overflow: hidden; }
#item-page .main-info .controls .cart input[type="number"] { width: 148px; height: 32px; border: 1px solid #ccc; text-align: center; font-size: 14px; line-height: 32px; outline: none; color: #ccc; float: left; }
#item-page .main-info .controls .cart input::-webkit-outer-spin-button,#item-page .main-info .controls .cart input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#item-page .main-info .controls .cart button[type="submit"] { width: 148px; height: 34px; border: none; text-align: left; font-size: 14px; line-height: 34px; outline: none; color: #fff; padding-left: 55px; cursor: pointer; background: #27354a url(../img/ico-item-cart.png) no-repeat 18px center; float: right; }
#item-page .main-info .controls .cart button[type="submit"]:hover { background-color: #162539; }
#item-page .main-info .controls .menu-w-icons { padding: 0; margin: 0 0 10px 0; list-style: none; }
#item-page .main-info .controls .menu-w-icons li { padding: 0; margin: 0 0 5px 0; list-style: none; border: 1px solid #999; }
#item-page .main-info .controls .menu-w-icons li a { display: block; padding-left: 70px; font-size: 16px; line-height: 35px; color: #1a1a1a; text-decoration: none; position: relative; }
#item-page .main-info .controls .menu-w-icons li a:before { content: ""; width: 54px; left: -1px; top: -1px; bottom: -1px; position: absolute; background-color: #999; background-position: center center; background-repeat: no-repeat; }
#item-page .main-info .controls .menu-w-icons li a:hover:before { background-color: #ba1717; }
#item-page .main-info .controls .menu-w-icons li:nth-child(1) a:before { background-image: url(../img/ico-item-accessories.png); }
#item-page .main-info .controls .menu-w-icons li:nth-child(2) a:before, #item-page .main-info .controls .menu-w-icons.simple li:nth-child(1) a:before { background-image: url(../img/ico-item-delivery.png); }
#item-page .main-info .controls .menu-w-icons li:nth-child(3) a:before { background-image: url(../img/ico-item-testdrive.png); }
#item-page .main-info .controls .menu-w-icons li:nth-child(4) a:before { background-image: url(../img/ico-item-photo.png); }
#item-page .main-info .controls .menu { padding: 0; margin: 0 0 10px 0; list-style: none; }
#item-page .main-info .controls .menu li { padding: 0; margin: 0 0 5px 0; list-style: none; }
#item-page .main-info .controls .menu li a { display: block; background: #999; padding: 0 10px; font-size: 16px; line-height: 31px; color: #fff; text-decoration: none; outline: none; }
#item-page .main-info .controls .menu li a:hover { background: #C8C8C8; color: #1a1a1a; }
#item-page .main-info .image { float: left; max-width: 650px; width: 60%; }
#item-page .main-info .image img { max-width: 100%; }
#item-page .main-info .promo1 {
width: 210px;
height: 119px;
/* background: url(../img/ico-15.png) no-repeat left top;*/
background: url(../img/icon-1.png) no-repeat left top;
/* background: url(../img/button_1.png) no-repeat left top;*/
z-index: 100;
position: relative;
margin: 5px 50px 0px auto;
}
#item-page .main-info .promo2 { padding: 0 0 0 17px; margin: 0; background: url(../img/ico-15.png) no-repeat right 1px; position: absolute; left: 14px; top: 15px; padding: 0; margin: 0; list-style: none;}
#item-page .main-info .features { clear: both; padding: 0; margin: 0; list-style: none; text-align: justify; position: relative; }
#item-page .main-info .features li { display: inline-block; vertical-align: top; width: 31%; box-sizing: border-box; min-height: 90px; text-align: center; border: 4px solid #db3535; border-radius: 20px; padding: 15px 20px; font-size: 18px; line-height: 22px; color: #666; font-weight: bold; margin: 20px 0 0 0; }
#item-page .main-info .features:after { content: ""; width: 100%; display: inline-block; height: 1px; }
#item-page .description { margin-bottom: 20px; }
#item-page .description .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
#item-page .description p { padding-bottom: 20px; font-size: 16px; line-height: 20px; color: #333; }
#item-page .description li { font-size: 16px; line-height: 20px; color: #333; }
#item-page .tech-info { margin-bottom: 40px; }
#item-page .tech-info .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
#item-page .tech-info .decorate { background: #e6e6e6; border: 1px solid #b3b3b3; height: 8px; overflow: hidden; }
#item-page .tech-info table { width: 100%; border: 1px solid #b3b3b3; border-collapse: collapse; padding: 0; margin: 0; border-top: none; border-bottom: none; }
#item-page .tech-info h3 { font-size: 18px; line-height: 20px; }
#item-page .tech-info table td { padding: 7px 20px 7px 5px; vertical-align: top; font-size: 16px; line-height: 18px; color: #1a1a1a; border: 1px solid #b3b3b3; border-collapse: collapse; }
#item-page .tech-info table td:first-child { width: 40%; }
#item-page .tech-info table tr:first-child td { border-top: none; }
#item-page .tech-info table tr:last-child td { border-bottom: none; }
#item-page .tech-info li:first-child { border-top: 1px solid #b3b3b3; border-collapse: collapse; }
#item-page .tech-info li { padding: 7px 20px 7px 5%; vertical-align: top; font-size: 16px; line-height: 18px; color: #1a1a1a; border-bottom: 1px solid #b3b3b3; border-collapse: collapse; }
#item-page .send-review { padding: 20px 0; }
#item-page .send-review input { cursor: pointer; outline: none; }
#item-page .send-review input { width: 180px; border: none; background: #27354a; font-size: 16px; line-height: 35px; height: 35px; color: #fff; cursor: pointer; }
#item-page .send-review input:hover { background: #3c4a60; }
#item-page .reviews { margin-bottom: 20px; }
#item-page .reviews .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
#item-page .reviews ul { padding: 0; margin: 0; list-style: none; text-align: justify; position: relative; }
#item-page .reviews ul:after { content: ""; display: inline-block; width: 100%; height: 1px; overflow: hidden; }
#item-page .reviews ul li { padding: 20px; margin: 0 0 20px 0; list-style: none; display: inline-block; box-sizing: border-box; width: 31%; text-align: left; border-left: 1px solid #cdcfd0; border-right: 1px solid #cdcfd0; border-top: 1px solid #cdcfd0; vertical-align: top; position: relative; }
#item-page .reviews ul li:before { position: absolute; left: -1px; right: -1px; top: -1px; bottom: 0px; content: ""; background: url(../img/border-gradient.png) repeat-x left bottom; z-index: 1; }
#item-page .reviews ul li:after { position: absolute; left: -1px; right: -1px; bottom: -8px; height: 6px; background: #e6e6e6; border: 1px solid #b3b3b3; content: ""; z-index: 2; }
#item-page .reviews ul li.empty { border: none; padding: 0; margin: 0; }
#item-page .reviews ul li.empty:before, #item-page .reviews ul li.empty:after { display: none; }
/*#item-page .reviews ul li:hover:after { background: #27354a; }
#item-page .reviews ul li:hover p { color: #27354a; }
*/
#item-page .reviews ul li * { position: relative; z-index: 3; }
#item-page .reviews ul li .date { font-size: 14px; line-height: 20px; color: #242424; text-align: center; }
#item-page .reviews ul li .name { font-size: 14px; line-height: 18px; color: #1a1a1a; text-align: center; font-weight: bold; }
#item-page .reviews ul li p { padding-top: 12px; overflow: hidden; }
#item-page .reviews ul li a, #item-page .reviews ul li p { text-decoration: none; font-size: 14px; line-height: 18px; color: #000; }
#item-page .photos { margin-bottom: 20px; }
#item-page .photos .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
#item-page .photos ul { padding: 0; margin: 0; list-style: none; text-align: justify; position: relative; }
#item-page .photos ul:after { display: inline-block; width: 100%; vertical-align: top; height: 1px; content: ""; }
#item-page .photos ul li { padding: 0; margin: 0 0 20px 0; list-style: none; display: inline-block; vertical-align: top; width: 49%; }
#item-page .photos ul li a { outline: none; }
#item-page .photos ul li img { max-width: 100%; }
#item-page .photos15 { margin-bottom: 20px; }
#item-page .photos15 .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
#item-page .photos15 ul { padding: 0; margin: 0; list-style: none; text-align: justify; position: relative; }
#item-page .photos15 ul:after { display: inline-block; width: 100%; vertical-align: top; height: 1px; content: ""; }
#item-page .photos15 ul li { padding: 0; margin: 0 0 20px 0; list-style: none; display: inline-block; width: 24%; position: relative; box-sizing: border-box; border-left: 1px solid #cdcfd0; border-right: 1px solid #cdcfd0; border-top: 1px solid #cdcfd0; text-align: center;}
#item-page .photos15 ul li a { outline: none; }
#item-page .photos15 ul li img { max-width: 100%; align: center; }
#item-page .photos15 ul li:after { position: absolute; left: -1px; right: -1px; bottom: -8px; height: 6px; background: #e6e6e6; border: 1px solid #b3b3b3; content: ""; z-index: 2; }
#item-page .photos15 h3 { padding: 0 10px 15px 17px; text-align: left; }
#item-page .photos15 h3 { font-size: 24px; line-height: 20px; color: #666; text-decoration: none; font-weight: bold; }
#item-page .photos15 h3 span { font-size: 46px; line-height: 20px; color: #AD1216; text-decoration: none; font-weight: bold; }
@media all and (max-width: 1030px) {
#item-page .main-info, #item-page .description, #item-page .tech-info, #item-page .reviews, #item-page .photos { padding: 0 5px; }
#item-page .send-review { padding: 20px 5px; }
#item-page .reviews ul li { width: 32%; }
}
@media all and (max-width: 960px) {
#item-page .main-info .image { width: 50%; }
}
@media all and (max-width: 900px) {
#item-page .main-info .features li { width: 32%; padding: 10px 15px; font-size: 16px; min-height: 95px; }
}
@media all and (max-width: 770px) {
#item-page .main-info .controls { float: none; position: relative; margin-right: 0; }
#item-page .main-info .controls .menu { position: absolute; left: 105%; top: 96px; width: 210px; }
#item-page .main-info .controls .menu li a { line-height: 37px; }
#item-page .main-info .image { float: none; width: 100%; }
}
@media all and (max-width: 640px) {
#item-page .main-info .controls { margin: 0 35px 50px 0; }
#item-page .main-info .features li { width: 48%; padding: 15px 20px; font-size: 18px; }
#item-page .tech-info table td { width: 50% !important; font-size: 14px; }
#item-page .reviews ul li { width: auto; display: block; }
#item-page .reviews ul li .date, #item-page .reviews ul li .name { text-align: left; }
#item-page .photos ul li { width: auto; display: block; text-align: center; }
}
@media all and (max-width: 560px) {
#item-page .main-info .title, #item-page .main-info .title *, #item-page .main-info .oldprice { text-align: center; }
#item-page .main-info .features li { width: auto; display: block; min-height: 70px; }
#item-page .main-info .controls { width: 80%; margin: 0 auto; min-width: 300px; }
#item-page .main-info .controls .menu { position: relative; left: auto; top: auto; width: auto; }
#item-page .main-info .controls .cart input[type="number"] { width: 30%; }
#item-page .main-info .controls .cart button[type="submit"] { width: 68%; padding-left: 30%; background-position: 20% center; }
}
/*END OF ITEM PAGE*/
/*CART*/
#cart-page { margin-bottom: 20px; }
#cart-page h1 { margin-bottom: 30px; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; text-align: center; }
#cart-page h2 { font-size: 28px; line-height: 22px; color: #1a1a1a; font-weight: bold; margin-bottom: 20px; }
#cart-page h3, #cart-page h4{ font-size: 20px; line-height: 22px; color: #1a1a1a; font-weight: normal; margin-bottom: 20px; }
#cart-page p { font-size: 18px; line-height: 22px; color: #1a1a1a; font-weight: bold; margin-bottom: 20px; }
#cart-page h4 { margin-top: 20px; }
#cart-page .w { max-width: 1050px; min-width: 320px; margin: 0 auto; }
#cart-page .w > .title { margin-bottom: 30px; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; text-align: center; }
#cart-page .decorate { background: #e6e6e6; border: 1px solid #b3b3b3; height: 8px; overflow: hidden; }
#cart-page .table { width: 100%; border: 1px solid #b3b3b3; border-collapse: collapse; padding: 0; margin: 0; border-top: none; border-bottom: none; }
#cart-page .table td { padding: 7px 20px; vertical-align: middle; font-size: 16px; line-height: 18px; color: #1a1a1a; border: 1px solid #b3b3b3; border-collapse: collapse; }
#cart-page .table td, #cart-page .table td a { font-size: 14px; line-height: 16px; color: #1a1a1a; }
#cart-page .table td .old_price { color: #808080; text-decoration: line-through; font-style: normal; }
#cart-page .table td.image img { width: 70px; }
#cart-page .table td.title { width: 50%; }
#cart-page .table td.title a { text-decoration: underline; }
#cart-page .table td.title a:hover { text-decoration: none; }
#cart-page .table td.count input { border: 1px solid #ccc; text-align: center; font-size: 14px; line-height: 22px; outline: none; color: #1a1a1a; width: 50px; height: 22px; vertical-align: top; }
#cart-page .table td.count button { width: 24px; height: 24px; background: #27354a url(../img/ico-refresh.png) no-repeat center; border: 0; cursor: pointer; outline: none; vertical-align: top; }
#cart-page .table td.count button:hover { background-color: #162539; }
#cart-page .table td.remove button { width: 24px; height: 24px; background: #27354a url(../img/ico-remove.png) no-repeat center; border: 0; cursor: pointer; outline: none; }
#cart-page .table td.remove button:hover { background-color: #162539; }
#cart-page .table th { background: #f9f9f9; text-align: center; padding: 10px 20px; white-space: nowrap; }
#cart-page #msCart > form > button[type="submit"] { margin-top: 20px; width: 200px; height: 32px; background: #27354a; border: 0; color: #fff; cursor: pointer; outline: none; font-size: 14px; line-height: 32px; text-transform: uppercase; }
#cart-page #msCart > form > p > input[type="submit"] { margin-top: 20px; width: 200px; height: 32px; background: #27354a; border: 0; color: #fff; cursor: pointer; outline: none; font-size: 14px; line-height: 32px; text-transform: uppercase; }
#cart-page #msCart > form > button[type="submit"]:hover { background-color: #162539; }
#cart-page #msOrder div { font-size: 14px; line-height: 16px; color: #1a1a1a; }
#cart-page #msOrder h4 { font-size: 20px; line-height: 22px; color: #1a1a1a; font-weight: normal; margin-bottom: 20px; }
#cart-page #msOrder .row { clear: both; overflow: hidden; margin-left: 0px;}
#cart-page #msOrder .col { margin-bottom: 20px; overflow: hidden; float: left; }
#cart-page #msOrder #payments .checkbox { margin-bottom: 10px; }
#cart-page #msOrder #payments label, #cart-page #msOrder #payments input { font-size: 14px; line-height: 16px; color: #1a1a1a; vertical-align: baseline; }
#cart-page #msOrder #deliveries { display: none; }
#cart-page #msOrder .form-group { width: 300px; }
#cart-page #msOrder .form-group input[type="text"], #cart-page #msOrder .form-group input[type="email"] { font-size: 14px; line-height: 22px; outline: none; color: #1a1a1a; border: 1px solid #ccc; padding: 0 5px; width: 90%; margin-bottom: 10px; }
#cart-page #msOrder .form-group textarea { font-size: 14px; line-height: 16px; outline: none; color: #1a1a1a; border: 1px solid #ccc; padding: 5px; height: 155px; width: 90%; }
#cart-page #msOrder button { margin: 20px 0; width: 200px; background: #27354a; border: 0; color: #fff; cursor: pointer; outline: none; font-size: 14px; line-height: 32px; text-transform: uppercase; }
#cart-page #msOrder button:hover { background-color: #162539; }
#cart-page .placeholder { font-size: 14px; line-height: 22px; color: #1a1a1a; }
#cart-page input::-moz-placeholder { opacity: 1; font-size: 14px; line-height: 22px; color: #1a1a1a; }
#cart-page input::-webkit-input-placeholder { opacity: 1; font-size: 14px; line-height: 22px; color: #1a1a1a; }
#cart-page input::-ms-input-placeholder { opacity: 1; font-size: 14px; line-height: 22px; color: #1a1a1a; }
#cart-page input:focus::-moz-placeholder { opacity: 0; }
#cart-page input:focus::-webkit-input-placeholder { opacity: 0; }
#cart-page input:focus::-ms-input-placeholder { opacity: 0; }
#cart-page textarea::-moz-placeholder { opacity: 1; font-size: 14px; line-height: 16px; color: #1a1a1a; }
#cart-page textarea::-webkit-input-placeholder { opacity: 1; font-size: 14px; line-height: 16px; color: #1a1a1a; }
#cart-page textarea::-ms-input-placeholder { opacity: 1; font-size: 14px; line-height: 16px; color: #1a1a1a; }
#cart-page textarea:focus::-moz-placeholder { opacity: 0; }
#cart-page textarea:focus::-webkit-input-placeholder { opacity: 0; }
#cart-page textarea:focus::-ms-input-placeholder { opacity: 0; }
@media all and (max-width: 1030px) {
#cart-page { padding: 0 5px; }
}
@media all and (max-width: 640px) {
#cart-page .table td.image { display: none; }
#cart-page .table .header .image, #cart-page .table .footer .image { display: none; }
}
@media all and (max-width: 600px) {
#cart-page #msCart > form { text-align: center; }
#cart-page #msOrder .row { text-align: center; }
#cart-page #msOrder .col { display: inline-block; float: none; }
#cart-page #msOrder #payments { text-align: left; }
#cart-page #msOrder{ text-align: center; }
}
@media all and (max-width: 550px) {
#cart-page .table th { padding: 5px 10px; font-size: 12px; line-height: 14px; font-weight: bold; }
#cart-page .table td { padding: 5px 10px; }
#cart-page .table td a, #cart-page .table td { font-size: 12px; line-height: 14px; }
#cart-page .table td .old_price { display: none; }
}
@media all and (max-width: 400px) {
#cart-page .table td, #cart-page .table th { padding: 5px; }
#cart-page .table td.count input { width: 40px; }
#cart-page .table th.remove { font-size: 0; }
}
/*END OF CART*/
/*TEXT PAGE*/
.text-block { margin-bottom: 20px; }
.text-block .w { max-width: 1050px; min-width: 320px; margin: 0 auto; }
.text-block .w > .title { margin-bottom: 30px; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; }
.text-block .w > .title, .text-block .w > .title h1 { font-size: 22px; line-height: 45px; color: #666; font-weight: bold; text-transform: uppercase; text-align: center; }
.text-block .w > .title h2 { font-size: 20px; line-height: 34px; }
.text-block .w > .title h3 { font-size: 18px; line-height: 30px; }
.text-block .date { padding-bottom: 15px; font-size: 16px; line-height: 18px; color: #345ca0; }
.text-block p, .text-block li, .text-block a { font-size: 16px; line-height: 20px; padding-bottom: 15px; color: #1a1a1a; }
.text-block a { text-decoration: underline; }
.text-block a:hover { text-decoration: none; }
.text-block .image { display: inline-block; float: right; margin: 0 0 20px 20px; }
.text-block h1 { font-size: 22px; line-height: 45px; color: #666; font-weight: bold; text-transform: uppercase; text-align: center; }
.text-block h2 { font-size: 20px; line-height: 40px; color: #666; font-weight: bold; text-transform: uppercase; text-align: center; }
.text-block h3 { font-size: 18px; line-height: 64px; color: #666; font-weight: bold; text-transform: uppercase; text-align: center; }
.text-block h4 { font-size: 16px; line-height: 30px; color: #666; font-weight: bold; text-transform: uppercase; text-align: center; }
.text-block h5 { font-size: 14px; line-height: 30px; color: #666; font-weight: bold; text-transform: uppercase; text-align: center; }
@media all and (max-width: 1030px) {
.text-block p { padding-left: 5px; padding-right: 5px; }
}
/*END OF TEXT PAGE*/
/*HITS*/
.hits-list { margin-bottom: 20px; }
.hits-list .w { max-width: 1050px; min-width: 320px; margin: 0 auto; }
.hits-list .w > .title { font-size: 22px; line-height: 25px; color: #666; font-weight: bold; text-transform: uppercase; background: url(../img/title-underline.png) no-repeat center bottom; padding-bottom: 15px; text-align: center; margin-bottom: 30px; }
.hits-list ul { padding: 0; margin: 0; list-style: none; text-align: justify; position: relative; }
.hits-list ul:after { content: ""; display: inline-block; width: 100%; height: 1px; overflow: hidden; }
.hits-list ul li { padding: 0; margin: 0 0 20px 0; list-style: none; display: inline-block; box-sizing: border-box; border-left: 1px solid #cdcfd0; border-right: 1px solid #cdcfd0; border-top: 1px solid #cdcfd0; width: 31%; min-height: 335px; text-align: left; vertical-align: top; position: relative; }
.hits-list ul li:after { position: absolute; left: -1px; right: -1px; bottom: -8px; height: 6px; background: #e6e6e6; border: 1px solid #b3b3b3; content: ""; z-index: 2; }
.hits-list ul li .image { margin-bottom: 22px; /*max-height: 219px;*/ overflow: hidden; }
.hits-list ul li .image img { width: 100%; }
.hits-list ul li .title { padding: 0 10px 15px 17px; text-align: left; }
.hits-list ul li .title, .hits-list ul li .title a { font-size: 16px; line-height: 20px; color: #666; text-decoration: none; font-weight: bold; }
.hits-list h2 { padding: 0 10px 15px 17px; text-align: left; }
.hits-list h2,.hits-list h2 a { font-size: 20px; line-height: 20px; color: #666; text-decoration: none; font-weight: bold; }
.hits-list ul li p { font-size: 14px; line-height: 18px; color: #000; padding: 0 10px 0 17px; text-align: left; }
@media all and (max-width: 1030px) {
.hits-list ul { padding: 0 5px; }
.hits-list ul li { width: 32%; }
}
@media all and (max-width: 640px) {
.hits-list ul li { width: 48%; }
}
@media all and (max-width: 480px) {
.hits-list ul li { width: auto; display: block; min-height: 0;; }
.hits-list ul li p { padding-bottom: 20px; }
}
/*END OF HITS*/
/*FOOTER*/
#footer-box { margin-top: 50px; background: #27354a; }
#footer-box .w { max-width: 1050px; min-width: 320px; margin: 0 auto; position: relative; min-height: 240px; padding: 0 15px; }
#footer-box .logo img{margin: 30px 0; }
#footer-box .logo img{width: 251px; }
#footer-box .links { margin: 15px 0; width: 100%; }
#footer-box .links, #footer-box .links a { font-size: 14px; line-height: 16px; color: #fff; text-decoration: none; }
#footer-box .links a { padding-right: 10px; }
#footer-box .links a:hover { text-decoration: underline; }
#footer-box .counter { margin-top: 15px; }
#footer-box .counter, #footer-box .links a { font-size: 14px; line-height: 16px; color: #fff; text-decoration: none; }
#footer-box .copyright { padding: 15px 0; font-size: 12px; line-height: 13px; color: #999; }
#footer-box .contacts { margin: 30px 0; padding: 0 0 0 60px; list-style: none; background: url(../img/ico-phone-blue.png) no-repeat left top; font-size: 14px; line-height: 17px; color: #999; text-align: justify; }
#footer-box .contacts1 { margin: 30px 0; padding: 0; list-style: none; font-size: 14px; line-height: 17px; color: #999; text-align: justify;}
#footer-box .contacts:after { content: ""; width: 100%; height: 1px; display: inline-block; }
#footer-box .contacts li { padding: 0; margin: 0 0 25px 0; list-style: none; vertical-align: top; display: block; }
#footer-box .contacts li span, #footer-box .contacts li a { font-size: 14px; line-height: 17px; color: #fff; text-decoration: none; }
#footer-box .contacts li a:hover { text-decoration: underline; }
img.ras {padding-left: 4px;}
li.otstup {padding-top: 6px;}
.otstp {padding-top: 6px;}
@media all and (max-width: 770px) {
}
@media all and (max-width: 510px) {
}
@media all and (max-width: 450px) {
}
/*END OF FOOTER*/
.mv-10{
margin: 10px 0;
}
.modal-body *{
line-height: 1.3;
}
.msoc_product_line{
font-size: 0;
}
.msoc_product_line>div{
display: inline-block;
float: none;
vertical-align: middle;
}
.modal-content *{
box-sizing: border-box;
}
.msal-elem{
width: 100%;
overflow: hidden;
position: relative;
padding-right: 16px;
box-sizing: border-box;
}
.msal-elem .msal-label{
line-height: 1;
padding-left: 20px;
}
.product-name{
font-size: 16px;
}
.msal-elem input{
margin: 1px 0;
}
.text-center{
text-align: center;
}
.text-left{
text-align: left;
}
.text-right{
text-align: right;
}
.pull-right{
float: right!important;
}
.btn_one_click{
line-height: 1.3;
}
#cart-page .msal-info{
font-size: 12px;
font-weight: normal;
}
.items-list li .one-click{
position: relative;
z-index: 9;
}
.one-click a.btn_one_click{
width: 100%;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 0;
box-sizing: border-box;
color: #ffffff;
background-color: #666;
border-color: #666;
border-bottom: 1px solid;
display: block;
text-decoration: none;
}
input.forder-popup__input,
textarea.forder-popup__textarea{
max-width: 100%;
}
.form-horizontal .form-group {
margin-left: 0;
margin-right: 0;
}
.modal-title{
font-weight: normal;
}
.modal-title .bolder{
font-weight: bold;
}
.text-block .catalog-content .image{
float: none;
display: block;
margin: 0;
}
.sales{
line-height: 1.3;
margin: 30px 0;
overflow: hidden;
}
.mask .sales{
line-height: 1.3;
margin: 15px 0;
overflow: hidden;
}
#item-page .main-info .sales h3,
.items-list .w > ul > li .top .image .sales h3{
text-align: center;
font-size: 18px;
line-height: 1.4;
}
.items-list .w > ul > li .top .image .sales h3{
color: #fff;
}
.sales span{
display: block;
font-size: 32px;
line-height: 1.4;
text-align: center;
color: #5B8EFB;
font-weight: bold;
}
.sales .msd_remains span{
display: block;
font-size: 24px;
line-height: 1.4;
text-align: center;
color: #f9223e;
width: 25%;
float: left;
font-weight: normal;
}
.sales .msd_remains span.days::after{
content: 'дней';
font-size: 16px;
display: block;
width: 100%;
text-align: center;
}
.sales .msd_remains span.hours::after{
content: 'часов';
font-size: 16px;
display: block;
width: 100%;
text-align: center;
}
.sales .msd_remains span.minutes::after{
content: 'минут';
font-size: 16px;
display: block;
width: 100%;
text-align: center;
}
.sales .msd_remains span.seconds::after{
content: 'секунд';
font-size: 16px;
display: block;
width: 100%;
text-align: center;
}
.items-list .w > ul > li .top .image .mask{
position: absolute;
top: 0;
padding: 15px 0;
left: 0;
width: 100%;
background: rgba(0,0,0,.3);
height: 100%;
}
.items-list .w > ul > li .top .image .sales .msd_remains span{
display: block;
font-size: 24px;
line-height: 1.4;
text-align: center;
color: #f9223e;
width: 25%;
float: left;
font-weight: bold;
}
.selection-pages{
position: absolute;
left: 0;
top: 0;
z-index:9;
font-size: 0;
}
.topactions{
padding: 5px 10px;
margin: 0;
list-style: none;
display: inline-block;
font-weight: bold;
line-height: 1.3;
transition: all .1s ease-out;
font-size: 16px;
}
.topactions:hover{
color: #1a1a1a;
transition: all .1s ease-out;
}
.topactions.yellow{
color: #fff;
background: #FF6700;
}
.topactions.red{
color: #fff;
background: #242424;
}
.topactions.black{
color: #fff;
background: #808080;
}
#office-profile-form *{
box-sizing: border-box;
}
#reclamation-error{
color: #c75b5b !important;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.form-control{
box-sizing: border-box;
}
#office-auth-form{overflow: hidden}
#office-auth-form .office-auth-login-wrapper,
#office-auth-form .office-auth-register-wrapper{
width: 50%;
box-sizing: border-box;
}
label{
line-height: normal;
}
.btn{
text-decoration: none;
padding: 6px 12px !important;
text-decoration: none !important;
}
#office-auth-form h4{
margin-bottom: 20px;
}
/*----- NEW MENU -----*/
.inliner {
display: block;
font-size: 0; }
.inliner > * {
display: inline-block;
float: none; }
.inliner.vam > *{
vertical-align: middle;
}
.btn-red {
background: #de344f;
color: #fff;
font-family: 'LatoWebBold';
font-size: 20px;
padding: 12px 120px;
position: relative;
border: none;
-webkit-border-radius: 0;
border-radius: 0;
overflow: hidden;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out; }
.btn-red i {
position: absolute;
left: 27px;
top: 17px;
font-size: 16px;
z-index: 2; }
.btn-red span {
z-index: 2;
position: relative; }
.btn-red::after {
content: '';
position: absolute;
width: 100px;
height: 100px;
-webkit-border-radius: 50%;
border-radius: 50%;
right: -34px;
top: -2px;
display: block;
background: #fff;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out; }
.btn-red:focus {
color: #fff; }
.btn-red:hover {
color: #de344f;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out; }
.btn-red:hover::after {
width: 1000px;
height: 1000px;
-webkit-transition: all .5s ease-out;
transition: all .5s ease-out;
top: -500px;
z-index: 1; }
.progress {
margin: 0;
background: #e8e8e8;
-webkit-border-radius: 0;
border-radius: 0;
height: 3px; }
.progress .progress-bar {
background: #37aecf; }
.progress-text {
font-family: 'LatoWebBold';
color: #37aecf;
font-size: 12px; }
.icon {
display: inline-block; }
.row-w {
margin: 0 -15px;
overflow: hidden; }
/* ----- HEADER ----- */
.navigation-new {
position: relative;
background: #f2f2f2;
font-family: "PT Sans", sans-serif;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5); }
.navigation-new .yamm > .w {
position: static; }
.navigation-new .yamm > .w .dropdown-menu {
left: 0;
text-align: center;
width: 100%; }
.navigation-new .yamm > .w .dropdown-menu > li {
display: inline-block; }
.navigation-new .w {
max-width: 1060px;
min-width: 320px;
margin: 0 auto;
position: relative; }
.navigation-new .navbar-collapse {
padding: 0; }
.navigation-new .navbar-default .navbar-collapse,
.navigation-new .navbar-default .navbar-form {
border-color: transparent; }
.navigation-new .navbar-default {
background: transparent;
border-color: transparent;
margin-bottom: 0;
min-height: auto; }
.navigation-new .navbar-default .dropdown.inline {
position: relative; }
.navigation-new .navbar-default .dropdown.inline > ul {
list-style-type: none;
width: auto; }
.navigation-new .navbar-default .dropdown.inline > ul > li {
width: 100%;
display: block;
text-align: left; }
.navigation-new .navbar-default .dropdown.inline > ul > li > a {
color: #3a3a3a;
font-size: 14px;
display: block;
padding: 5px 15px;
text-transform: uppercase;
font-family: "PT Sans", sans-serif;
line-height: 1.5; }
.navigation-new .navbar-default .dropdown.inline > ul > li > a:hover {
color: #242424; }
.navigation-new .navbar-default .dropdown-menu {
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.5); }
.navigation-new .navbar-default .dropdown-menu .yamm-content {
position: relative;
font-size: 0;
width: 100%; }
.navigation-new .navbar-default .dropdown-menu .yamm-content .row > ul {
list-style-type: none;
padding: 0; }
.navigation-new .navbar-default .dropdown-menu .yamm-content .row > ul > li > ul {
list-style-type: none;
padding: 10px 0 0 15px;
margin: 0;
display: block; }
.navigation-new .navbar-default .dropdown-menu .yamm-content .row > ul > li > ul > li {
display: block; }
.navigation-new .navbar-default .dropdown-menu .yamm-content .row > ul > li > ul > li > a {
color: #3a3a3a;
font-size: 13px;
display: block;
padding: 5px 0;
text-transform: uppercase;
font-family: "PT Sans", sans-serif;
line-height: 1.5; }
.navigation-new .navbar-default .dropdown-menu .yamm-content .row > ul > li > ul > li > a:hover {
color: #242424; }
.navigation-new .navbar-default .dropdown-menu .yamm-content .row > ul > li {
display: inline-block;
float: none;
vertical-align: top;
text-align: left;
padding-bottom: 15px; }
.navigation-new .navbar-default .dropdown-menu .yamm-content .row > ul > li > a {
color: #242424;
font-size: 17px;
font-family: "PT Sans", sans-serif;
//text-transform: uppercase;
line-height: 1.5;
font-weight: 600;}
.navigation-new .navbar-default .dropdown-menu .yamm-content .row > ul > li > a:hover {
color: #242424; }
.navigation-new .navbar-default .nav > li.open > a {
color: #242424; }
.navigation-new .navbar-default .nav > li.open > a .icon.nohover {
display: none; }
.navigation-new .navbar-default .nav > li.open > a .icon.hover {
display: inline-block; }
.navigation-new .navbar-default .nav > li.open > a span,
.navigation-new .navbar-default .nav > li.open > a i {
color: #242424; }
.navigation-new .navbar-default .nav > li.open > a i.fa {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.navigation-new .navbar-default .nav > li > a {
font-size: 0;
padding: 0 20px;
min-height: 75px;
line-height: 75px; }
.navigation-new .navbar-default .nav > li > a:hover {
color: #242424; }
.navigation-new .navbar-default .nav > li > a:hover .icon.nohover {
display: none; }
.navigation-new .navbar-default .nav > li > a:hover .icon.hover {
display: inline-block; }
.navigation-new .navbar-default .nav > li > a:hover span,
.navigation-new .navbar-default .nav > li > a:hover i {
color: #242424; }
.navigation-new .navbar-default .nav > li > a .icon {
margin-right: 20px; }
.navigation-new .navbar-default .nav > li > a .icon.hover {
display: none; }
.navigation-new .navbar-default .nav > li > a i.fa {
font-size: 20px;
margin-left: 10px; }
.navigation-new .navbar-default .nav > li > a span {
font-size: 16px;
font-family: "PT Sans", sans-serif;
color: #3a3a3a;
text-transform: uppercase; }
.navigation-new .navbar-default .nav > li > a > * {
display: inline-block;
vertical-align: middle; }
@media all and (max-width: 1080px) and (min-width: 769px) {
.navigation-new .yamm > .w {
width: 100%; }
.navigation-new .navbar-default .nav > li > a .icon.hover {
display: none; }
.navigation-new .navbar-default .nav > li > a:hover .icon.hover {
display: none; }
.navigation-new .navbar-default .nav > li > a .icon {
display: none; }
.navigation-new .navbar-default .nav > li > a:hover .icon {
display: none; } }
@media all and (max-width: 768px) {
.navbar-nav {
margin-left: 0;
margin-right: 0; }
.navigation-new .navbar-default .dropdown-menu .yamm-content .row > ul {
width: 100%; }
.navigation-new .navbar-default .dropdown-menu .yamm-content .row > ul li {
width: 100%; }
.parts-list .w{
width: 100%;
min-width: 100%;
} .modal .close{
top: 0;
} }
.center-search{
width: 100%;
text-align: center;
}
.center-search .parts-search{
display: inline-block;
}
.center-search .parts-search #searchInput{
padding: 5px 15px;
}
.center-search .parts-search input[type=submit]{
font-size: 14px;
line-height: normal;
padding: 5px 10px;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
/* white-space: nowrap;*/
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 0;
}
.btn-default{
color: #000;
background: #ccc;
}
.btn-info {
background-image: -webkit-linear-gradient(top,#242424 0,#242424 100%);
background-image: -o-linear-gradient(top,#242424 0,#242424 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#242424),to(#242424));
background-image: linear-gradient(to bottom,#242424 0,#242424 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#242424', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x;
border-color: #242424;
}
.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}
.btn-info {
color: #fff;
background-color: #242424;
border-color: #242424;
}
.btn-info:hover,
.btn-info:focus{
color: #fff;
}
.msearch2 .form-group .input-sm {
width: 75%;
display: inline-block;
}
#mse2_mfilter fieldset{
margin: 15px 0;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
.panel .collapsed i.fa-angle-up{
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
transition: all .2s ease;
}
.dz-error{
display: none !important;
}
.dropzone.dz-clickable{
padding: 0;
font-size: 14px;
border-radius: 4px;
border: 1px dashed rgba(0,0,0,.3);
position: relative;
}
.dz-button::before{
content: "\e060";
position: absolute;
font-family: 'Glyphicons Halflings';
top: -35px;
font-size: 50px;
left: 50%;
transform: translate(-50%, -50%);
}
.dropzone .dz-preview .dz-remove{
color: #e34040;
margin-top: 6px;
}
.dropzone .dz-preview{
margin: 16px 16px 8px 16px
}
.uploading-files.link .dropzone{
display: none;
}
.uploading-files .linkzone{
display: none;
}
.uploading-files.link .linkzone{
display: block;
}
.example_student{
display: none;
}
.dynamic_fields .btn-success{
margin: 0;
}
.form-err{
border-color: #e25350 !important;
}
.cheack-form-err{
color: #e25350 !important;
}
.dynamic_fields, .dynamic_fields * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.pull-right {
float: right;
}
.reclamation-table {
display: table;
width: 100%;
}
.student{
margin-bottom: 8px;
}
.student:last-child .table {
padding-bottom: 0;
}
.reclamation-table .cell {
display: table-cell;
vertical-align: top;
}
.reclamation-table .cell:last-child {
width: 1px;
padding-left: 10px;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
font-family: monospace;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
margin-top: 10px;
}
#newinput{
display: flex;
flex-direction: column;
gap: 10px 0;
margin-bottom: 20px;
}
.dropzone .dz-message .dz-button{
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
color: #858383;
}
.mv30{
margin: 30px 0;
}
.mv10{
margin: 15px 0;
}
.panel i{
transition: all .2s ease;
float: right;
line-height: 20px;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.cont-def{
width: 98%;
margin: 0 auto;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
line-height: 1.3;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
line-height: 1.3;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title .btn{
background: transparent;
width: 100%;
text-align: left;
display: block;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
line-height: 1.3;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-left: 15px;
padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #242424;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #242424;
border-color: #242424;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #242424;
}
.panel-primary > .panel-heading .badge {
color: #242424;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #242424;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.bullets{
clear: both;
overflow: hidden;
}
.form-group{
width: 100%;
overflow: hidden;
}
#option_vatt, #option_electro{
width: 100%;
border-radius: 0;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
line-height: 1.3;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.ajsuccess{
line-height: 3;
}
.remove .glyphicon-remove{
display: none;
}
.modal .close{
border: none;
padding: 5px 5px;
background: transparent;
position: absolute;
right: 10px;
top: 24px;
font-size: 34px;
cursor: pointer;
}
.banks_buttons{
margin-bottom: 15px;
text-align: center;
}
.tb-modal *{
line-height: 1.3 !important;
}
@media all and (max-width: 768px) {
.modal .close{
top: 0;
} }
/* ------------------ SOCIAL BLOCK ------------------ */
.base_wrapper {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
.base_wrapper *{
line-height: normal !important;
}
.btn-success {
background: #28a745;
border: 2px solid #28a745;
border-radius: 5px;
padding: 7px 25px;
font-family: "PT Sans", sans-serif;
color: #fff;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease; }
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active {
background-color: #28a745;
border-color: #28a745;
border-radius: 5px;
color: #fff;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease; }
.btn-success:hover, .btn-success:active {
background-color: #1e7e34;
border-color: #1e7e34;
border-radius: 5px;
color: #fff;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease; }
.btn-success:focus {
background-color: #1e7e34;
border-color: #1e7e34;
border-radius: 5px;
color: #fff;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease; }
.btn-primary {
background: #242424;
border: 2px solid #242424;
border-radius: 5px;
padding: 7px 25px;
font-family: "PT Sans", sans-serif;
color: #fff;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
background-color: #242424;
border-color: #242424;
border-radius: 5px;
color: #fff;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease; }
.btn-primary:hover, .btn-primary:active {
background-color: #2F4063;
border-color: #2F4063;
border-radius: 5px;
color: #fff;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease; }
.btn-primary:focus {
background-color: #2F4063;
border-color: #2F4063;
border-radius: 5px;
color: #fff;
-webkit-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease; }
.dart-reviews {
padding: 30px 0;
margin-bottom: 30px;
background: #faf9f9;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.dart-reviews .review-header {
position: relative; }
.dart-reviews .review-header h4 {
font-weight: bold;
font-size: 22px;
text-transform: uppercase;}
.dart-reviews .reviews-list {
margin: 30px 0;
padding: 0; }
.dart-reviews .reviews-list .review {
margin-bottom: 30px;
background: #fff;
padding: 15px 15px;
border-radius: 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05); }
.dart-reviews .reviews-list .review .review-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.dart-reviews .reviews-list .review .review-header .review-avatar {
margin-right: 15px; }
.dart-reviews .reviews-list .review .review-header .review-avatar div.name {
display: inline-block;
font-weight: 600;
margin-left: 10px;
color: #78909c; }
.dart-reviews .reviews-list .review .review-header .review-avatar span {
display: inline-block;
width: 40px;
height: 40px;
background: #2b2a28;
border-radius: 50%;
font-size: 14px;
text-transform: uppercase;
color: #fff;
text-align: center;
line-height: 40px !important; }
.dart-reviews .reviews-list .review .review-header .date {
font-weight: 100;
color: #78909c;
font-size: 14px; }
.dart-reviews .reviews-list .review .review-text {
margin: 20px 0;
font-size: 14px;
line-height: 21px!important; }
.dart-reviews .reviews-list .review .review-text h4{
font-size: 14px;
font-weight: bold;
margin: 10px 0 5px;
}
.rating > span{
font-size: 20px;
font-weight: bold;
margin-left: 15px;
}
.btn-lg{
padding: 7px 25px !important;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.5px;
}
.questions-container {
padding: 30px 0;
margin-bottom: 50px;
background: #faf9f9;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc; }
.questions-container .questions-header {
position: relative; }
.questions-container .questions-header h4 {
font-weight: bold;
font-size: 22px;
text-transform: uppercase; }
.questions-container .comments-list {
margin: 30px 0;
padding: 0; }
.questions-container .comments-list .review-comment{
/*padding-left: 35px; */
}
.questions-container .comments-list .review-comment .comment-list{
padding-left: 55px;
}
.questions-container .comments-list .comment-answer {
padding-left: 55px;
}
.questions-container .comments-list .comment-answer .comment .comment-text-wrap {
border: 1px solid #DA2643; }
.questions-container .comments-list .comment-answer .comment .comment-text-wrap::before {
border-bottom: 1px solid #DA2643;
border-left: 1px solid #DA2643; }
.questions-container .comments-list .comment-answer .comment .comment-text-wrap .comment-content .comment-header .name {
color: #DA2643; }
.questions-container .comments-list .comment {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px; }
.questions-container .comments-list .comment .comment-avatar {
margin-right: 15px; }
.questions-container .comments-list .comment .comment-avatar span {
display: inline-block;
width: 40px;
height: 40px;
background: #2b2a28;
border-radius: 50%;
font-size: 14px;
text-transform: uppercase;
color: #fff;
text-align: center;
line-height: 40px!important; }
.questions-container .comments-list .comment .comment-text-wrap {
border: 1px solid #F7F7F7;
width: 100%;
padding: 15px 15px;
position: relative;
background: #ffffff; }
.questions-container .comments-list .comment .comment-text-wrap::before {
content: "";
position: absolute;
left: -6px;
top: 14px;
width: 9px;
height: 9px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #fff;
border-radius: 0 0 0 4px;
border-bottom: 1px solid #F7F7F7;
border-left: 1px solid #F7F7F7;
border-top: none;
border-right: none; }
.questions-container .comments-list .comment .comment-text-wrap .comment-content {
position: relative; }
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-header .name {
font-weight: 600;
color: #78909c; }
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-header .date {
font-weight: 100;
color: #78909c;
font-size: 14px; }
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-text {
padding: 20px 0; }
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-text p {
margin-bottom: 0; }
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-footer {
position: relative; }
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-footer a {
color: #274684;
font-size: 14px; }
.tech-support {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faf9f9), color-stop(50%, #faf9f9), color-stop(0, #fff), to(#fff));
background: -o-linear-gradient(top, #faf9f9 0, #faf9f9 50%, #fff 0, #fff);
background: linear-gradient(180deg, #faf9f9 0, #faf9f9 50%, #fff 0, #fff);
margin-bottom: 60px; }
.tech-support .contain-tech {
border-radius: 4px;
background-color: #fff;
-webkit-box-shadow: 0 6px 18px 0 rgba(7, 29, 54, 0.1);
box-shadow: 0 6px 18px 0 rgba(7, 29, 54, 0.1);
padding: 20px 24px 28px;
position: relative;
z-index: 1; }
.tech-support .tech-support__header {
font-weight: bold;
font-size: 26px;
line-height: 1; }
.tech-support .tech-support__subheader {
font-size: 15px;
margin-top: 4px;
margin-bottom: 0; }
.tech-support .avatar {
display: inline-block;
margin: 0;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden; }
.tech-support .tech-support__phones {
position: relative;
text-align: right; }
.tech-support .tech-support__phones .tech-support__feedback{
margin-top: 10px; }
.tech-support .tech-support__phones .phone__value {
font-size: 20px;
font-weight: bold;
line-height: 1;
color: #071d36; }
.tech-support .tech-support__phones .phone__title {
color: #838d9a;
font-size: 13px; }
.dart-reviews #ticketForm .form-actions,
.dart-reviews #comment-form .form-actions {
margin: 0;
padding: 10px 0;
border-top: none;
}
.dart-reviews .comment-link,
.questions-container .comment-link{
display: block;
font-size: 16px;
margin: 5px 0;
}
.dart-reviews .comment-form,
.questions-container .comment-form{
display: none;
margin-top: 10px;
}
.dart-reviews .comment-form.active,
.questions-container .comment-form.active{
display: block;
}
.desktop-text-right{
text-align: right;
}
.mse2-ac-wrapper{
overflow: hidden;
}
.mse2-ac-wrapper small{
line-height: 1.3;
}
@media all and (max-width: 991px) {
.tech-support .contain-tech,
.tech-support .tech-support__phones{
text-align: center;
}
.tech-support .avatar{
margin: 15px 0;
}
}
@media all and (max-width: 768px) {
.questions-container .questions-header .btn,
.dart-reviews .review-header .btn{
margin-top: 10px;
}
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-header{
display: block;
}
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-header .name{
width: 100%;
display: block;
}
.ticket-comment-createdon {display:inline-block;font-size: 0.8em;color: #555555;margin-left: 10px;}
.ticket-comment-edited {display:none;}
.ticket-comment-link {display:none;}
.base_wrapper{
padding-left: 15px;
padding-right: 15px;
}
.mobile-text-center{
text-align: center;
}
}
/* ------------------ SOCIAL BLOCK ------------------ */
.social-hrefs{
margin: 30px 0;
display: flex;
flex-direction: column;
}
.social-hrefs .social-href {
display: inline-flex;
align-self: flex-start;
-webkit-box-align: center;
line-height: 1.3;
align-items: center;
padding-left: 32px;
margin-bottom: 10px;
text-decoration: none;
font-weight: 500;
color: rgb(67, 67, 67);
border-radius: 4px;
font-weight: bold;
min-height: 44px;
padding: 5px 10px 5px 48px;
max-width: 216px;
font-size: 12px;
}
.social-hrefs .social-href:hover{
color: #242424;
}
.social-hrefs .social-href.whatsapp{
background: url(../img/socials/007-whatsapp.svg) no-repeat rgb(245, 245, 245);
background-position: left 8px center;
background-size: 32px;
}
.social-hrefs .social-href.telegram{
background: url(../img/socials/001-telegram.svg) no-repeat rgb(245, 245, 245);
background-position: left 8px center;
background-size: 32px;
}
.social-hrefs .social-href.viber{
background: url(../img/socials/003-viber.svg) no-repeat rgb(245, 245, 245);
background-position: left 8px center;
background-size: 32px;
}
.social-hrefs .social-href.facebook{
background: url(../img/socials/005-facebook.svg) no-repeat rgb(245, 245, 245);
background-position: left 8px center;
background-size: 32px;
}
.bottom-foto{
padding-bottom: 20px;
}
/* --------------- BLOG ------------------- */
.fp-sr-only,
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
top: 0;
left: 0;
width: 1px;
word-wrap: normal !important;
}
.poster{
border-top: 1px solid #eeeeee;
padding-top: 30px;
margin-top: 30px;
}
.def-section .post-content h2{
padding: 20px 0 15px;
margin-bottom: 0;
text-align: left;
}
.def-section .post-content h2::after{
display: none;
}
.def-section .posts h1{
padding: 20px 0 15px;
margin-bottom: 0;
text-align: left;
}
.def-section .posts h1::after{
display: none;
}
.def-section .posts h1::before{
display: none;
}
.def-section .post-content .photo-gallery{
padding: 0;
}
.image_description{
padding: 5px 10px;
background: #f1f1f1;
margin-bottom: 15px;
}
.inner-page.def-section{
padding-top: 0;
margin-top: -30px;
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive-16by9::before {
display: block;
content: "";
padding-top: 56.25%;
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.post-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 2.25em 0;
font-size: 1.0909090909em;
line-height: 1.25em;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid #eeeeee;
padding-top: 30px;
margin-top: 30px; }
.post-nav .nav-previous,
.post-nav .nav-next {
max-width: 50%; }
.post-nav .nav-previous {
padding-left: 30px; }
.post-nav .nav-previous a:hover svg {
-webkit-transform: translateX(-7px);
-ms-transform: translateX(-7px);
transform: translateX(-7px); }
.post-nav .nav-previous svg {
left: -40px; }
.post-nav .nav-next {
padding-right: 30px;
text-align: right; }
.post-nav .nav-next a:hover svg {
-webkit-transform: translateX(7px);
-ms-transform: translateX(7px);
transform: translateX(7px); }
.post-nav .nav-next svg {
right: -40px; }
.post-nav a {
display: inline-block;
position: relative; }
.post-nav a:hover {
color: #e31f25;
text-decoration: none; }
.post-nav a:hover .nav-subtitle {
color: #e31f25; }
.post-nav a svg {
position: absolute;
top: 50%;
margin-top: -12px;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0.95, 0.3, 1);
transition: -webkit-transform 0.3s cubic-bezier(0, 0.95, 0.3, 1);
-o-transition: transform 0.3s cubic-bezier(0, 0.95, 0.3, 1);
transition: transform 0.3s cubic-bezier(0, 0.95, 0.3, 1);
transition: transform 0.3s cubic-bezier(0, 0.95, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0.95, 0.3, 1); }
.post-nav a .nav-subtitle {
display: block;
margin-bottom: 10px;
font-size: 12px;
line-height: 1.5em;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #a7a9b8;
font-weight: bold; }
.post-nav a .nav-title {
color: #16171e; }
.btn-card {
text-align: center;
font-size: 15px;
padding: 10px 20px;
border: 2px solid #242424;
position: relative;
z-index: 10;
cursor: pointer;
overflow: hidden;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
color: #242424;
text-transform: uppercase; }
.btn-card:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
background-color: #242424;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%); }
.btn-card:hover {
color: #fff;
text-decoration: none; }
.btn-card:hover:after {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
opacity: 1; }
.align-items-center {
-ms-flex-align: center!important;
align-items: center!important;
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.pl-0, .px-0 {
padding-left: 0!important;
}
.mb-2,
.my-2 {
margin-bottom: 0.75rem; }
.posts {
padding: 30px 0; }
.sidebar {
padding: 30px 0; }
.blog-widget {
padding: 2rem 1.5rem;
-webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
margin-bottom: 2rem;
background: #fff; }
.search-widget {
position: relative; }
.search-widget form input[type="text"] {
border: 1px solid #dee2e6;
background-color: #fff;
padding: .5rem 1rem;
width: 85%; }
.search-widget form button {
width: 15%;
background-color: #242424;
border: none;
cursor: pointer; }
.search-widget form button i {
color: #fff;
font-size: 18px; }
.categories-widget {
margin-bottom: 2rem; }
.categories-widget ul {
list-style-type: none; }
.categories-widget ul li {
padding: .3rem 0; }
.categories-widget ul li:not(:last-child) {
border-bottom: 1px solid #e9ecef; }
.categories-widget ul li i {
color: #242424;
margin-right: .5rem; }
.categories-widget ul li a {
color: #242424;
margin-top: 3px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.categories-widget ul li a:hover {
color: #242424;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.categories-widget ul li a:hover span {
color: #242424;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }
.latest-posts-widget {
margin-bottom: 2rem; }
.latest-posts-widget .head-widget {
font-size: 0; }
.latest-posts-widget .head-widget a {
width: 50%;
font-family: "Roboto Condensed", sans-serif;
color: #242424;
text-align: center;
font-size: 14px;
text-decoration: none;
font-weight: 600;
cursor: pointer;
display: inline-block;
border-bottom: 3px solid transparent; }
.latest-posts-widget .head-widget a.active {
border-bottom: 3px solid #242424; }
.latest-posts-widget .body {
border: 1px solid #dee2e6;
-webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
background: #fff; }
.latest-posts-widget .body .tabber-c {
display: none; }
.latest-posts-widget .body .tabber-c.active {
display: block; }
.latest-posts-widget .body .post-mini {
padding: 1rem 1.5rem; }
.latest-posts-widget .body .post-mini img {
width: 75px;
height: 75px; }
.latest-posts-widget .body .post-mini a {
margin-bottom: .25rem; }
.latest-posts-widget .body .post-mini a h6 {
color: #000; }
.latest-posts-widget .body .post-mini a:hover {
color: #242424;
text-decoration: none; }
.latest-posts-widget .body .post-mini a:hover h6 {
color: #242424; }
.latest-posts-widget .body .post-mini span {
color: rgba(0, 0, 0, 0.7);
font-size: 10px; }
.latest-posts-widget .body .post-mini:not(:last-child) {
border-bottom: 1px solid #e9ecef; }
.latest-posts-widget .body .popular {
display: none; }
.widget-tags .btn-card {
border: 1px solid #242424;
margin-bottom: .5rem;
margin-right: .5rem;
padding: .4rem 1.25rem; }
.font-weight-bold {
font-weight: bold; }
.blog-post {
-webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
margin-bottom: 2rem;
background: #fff; }
.blog-post .header {
position: relative; }
.blog-post .header img {
width: 100%; }
.blog-post .body {
padding: 2rem; }
.blog-post .body .title-post {
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
color: #000; }
.blog-post .body .title-post:hover {
color: #242424;
text-decoration: none; }
.blog-post .body .date {
padding-right: .75rem;
margin-right: .75rem;
border-right: 1px solid #000; }
.blog-post .body .date span {
margin-top: 3px; }
.blog-post .body .eye {
padding-right: .75rem;
margin-right: .75rem;
border-right: 1px solid #000; }
.blog-post .body .eye span {
margin-top: 3px; }
.blog-post .body .tags {
padding-right: .45rem;
margin-right: 1rem;
border-right: 1px solid #000; }
.blog-post .body .tags a {
padding: .1rem .3rem;
font-size: 12px;
background-color: #28a745;
color: #fff;
margin-right: .5rem;
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear;
text-transform: uppercase; }
.blog-post .body .tags a:hover {
text-decoration: none;
-webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear; }
.blog-post .body .comments a {
font-size: 14px;
color: #000;
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear; }
.blog-post .body .comments a i {
color: #000;
-webkit-transition: all .1s linear;
-o-transition: all .1s linear;
transition: all .1s linear; }
.blog-post .body .comments a span {
margin-top: 3px;
margin-left: .25rem; }
.blog-post .body .comments a:hover {
text-decoration: none; }
.blog-post .body .comments a:hover span {
color: #242424; }
.blog-post .body .comments a:hover i {
color: #242424; }
.blog-post .body .info i {
font-size: 15px; }
.blog-post .body .info span {
font-size: 14px; }
.blog-post .body .post-description {
color: #343a40; }
.comments-cont,
.comments-form {
-webkit-box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
box-shadow: 0px 1px 15px 1px rgba(113, 106, 202, 0.18);
margin-bottom: 2rem;
background: #fff;
padding: 2rem; }
.comments-cont h3,
.comments-form h3 {
font-weight: bold;
margin-bottom: 15px;}
.comments-cont #comment-form-placeholder,
.comments-form #comment-form-placeholder {
margin-top: 20px; }
.ticket-comment,
.ticket-comment-row {
margin-bottom: 15px; }
.ticket-new-comments {
color: green; }
#ticketForm {
max-width: 800px; }
#ticketForm #ticket-sections {
max-width: 400px; }
#ticketForm .error,
#comment-form .error {
color: brown; }
#ticketForm [name="content"] {
display: inline-block; }
#ticket-preview-placeholder {
background: #fff;
outline: 5px solid #AAA;
padding: 5px;
display: none;
margin: 10px 0;
overflow: hidden; }
#ticketForm .form-actions,
#comment-form .form-actions {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #e3e3e3; }
#ticketForm .form-actions .checkbox,
#comment-form .form-actions .checkbox {
display: inline; }
#ticketForm .move-right {
text-align: right; }
.comments {
position: relative;
overflow: hidden; }
.comments-list {
padding-left: 25px; }
.ticket-comment {
list-style-type: none;
margin-top: 20px; }
.ticket-avatar {
display: inline-block; }
.ticket-comment .ticket-avatar {
max-width: 24px;
max-height: 24px; }
.ticket-comment-author {
display: inline-block;
font-weight: bold;
margin-left: 10px; }
.ticket-comment-createdon {
display: inline-block;
font-size: 0.8em;
color: #555555;
margin-left: 10px; }
.ticket-comment-edited {
display: inline-block;
font-size: 0.8em;
color: #555555;
margin-left: 10px;
font-style: italic; }
.ticket-comment-link {
margin-left: 15px; }
.ticket-comment-header {
position: relative; }
.ticket-comment:hover > .ticket-comment-body > .ticket-comment-header > .ticket-comment-dot-wrapper {
display: block; }
.ticket-comment-dot-wrapper {
display: none;
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px; }
.ticket-comment-dot {
width: 500px;
height: 5px;
right: 1px;
top: 9px;
position: absolute;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAYAAACw/UeDAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUTDRYgxxbUHAAAAFVJREFUGNO1kbENACEMxBwKJCRmICOw/xgZIaxAgZSGb34E4gVOPsNPRFySEAAzu2stxhjMOeX1SImI6+703nF3zjnPjUqtVVSVvTeqSmtNsm5LbfIBwCcf3dkm2FsAAAAASUVORK5CYII=) repeat-x 100% 0; }
.ticket-comment-text {
margin-top: 5px; }
.ticket-reply-link a {
font-size: 0.8em;
text-decoration: none;
border-bottom: 1px dashed; }
.ticket-comment-down {
display: none; }
.ticket-comment-guest .ticket-comment-author {
color: #AAA; }
.ticket-comment .bad .ticket-comment-text {
-moz-transition: opacity 1s ease;
-o-transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
-webkit-transition-transition: opacity 1s ease; }
.ticket-comment .bad.bad5 .ticket-comment-text {
opacity: 0.2; }
.ticket-comment .bad.bad4 .ticket-comment-text {
opacity: 0.35; }
.ticket-comment .bad.bad3 .ticket-comment-text {
opacity: 0.5; }
.ticket-comment .bad.bad2 .ticket-comment-text {
opacity: 0.65; }
.ticket-comment .bad.bad1 .ticket-comment-text {
opacity: 0.8; }
.ticket-comment .bad.bad:hover .ticket-comment-text {
opacity: 1; }
#comment-editor {
width: 99%;
display: inline-block; }
#comment-preview-placeholder {
background: #fff;
border: 5px solid #AAA;
padding: 5px;
display: none;
margin: 10px 0; }
.tickets-message-success {
background-color: green !important; }
.tickets-message-error {
background-color: brown !important; }
.tickets-message-info {
background-color: black !important; }
#comments-tpanel {
width: 32px;
display: none;
position: fixed;
right: 0;
top: 50%;
margin-top: -16px; }
#tpanel {
width: 32px;
position: fixed;
top: 50%;
opacity: 0.5;
background: #AAA; }
#tpanel:hover {
opacity: 1; }
#tpanel .change {
color: #666;
font-size: 12px;
text-decoration: none;
padding: 0 10px;
position: absolute;
left: 0;
top: -15px; }
#tpanel .divider {
border-top: solid 1px #5c5c5c;
border-bottom: solid 1px #dddddd;
width: 28px;
height: 0px;
margin: 0 auto; }
#tpanel .refresh {
display: block;
background: url("../img/refresh.gif") no-repeat left top;
width: 28px;
margin: 2px;
height: 28px;
-webkit-background-size: 32px 32px;
background-size: 32px; }
#tpanel .refresh.loading {
background: url("../img/loading.gif") no-repeat left top;
-webkit-background-size: 32px 32px;
background-size: 32px; }
#tpanel .new {
text-decoration: none;
display: block;
color: #fff;
font-size: 12px;
padding: 0;
padding-top: 4px;
padding-bottom: 6px;
width: 34px;
text-align: center; }
#tpanel-refresh {
opacity: .5;
width: 32px;
height: 32px;
background-image: url("../img/refresh.gif");
-webkit-background-size: 32px 32px;
background-size: 32px;
cursor: pointer; }
#tpanel-refresh:hover {
opacity: 1; }
#tpanel-refresh.loading {
opacity: 1;
background-image: url("../img/loading.gif");
cursor: default; }
#tpanel-new {
margin-top: 2px;
border-top: solid 1px #efefef;
text-align: center;
color: darkgreen;
cursor: pointer; }
.ticket-comment-new .ticket-comment-header {
background-color: #f5f5dc; }
.ticket-comment-rating {
float: right;
color: #555; }
.ticket-rating .rating, .ticket-comment-rating .rating {
font-weight: bold; }
.ticket-rating.active .vote,
.ticket-comment-rating.active .vote {
cursor: pointer; }
.ticket-rating.active .vote.plus:hover,
.ticket-rating.inactive .vote.plus.voted,
.ticket-rating .rating.positive,
.ticket-comment-rating.active .vote.plus:hover,
.ticket-comment-rating.inactive .vote.plus.voted,
.ticket-comment-rating .rating.positive {
color: green; }
.ticket-rating.active .vote.minus:hover,
.ticket-rating.inactive .vote.minus.voted,
.ticket-rating .rating.negative,
.ticket-comment-rating.active .vote.minus:hover,
.ticket-comment-rating.inactive .vote.minus.voted,
.ticket-comment-rating .rating.negative {
color: red; }
.ticket-rating.inactive,
.ticket-comment-rating.inactive {
color: #AAA; }
.ticket-rating.active .vote.refrain:hover {
opacity: .7; }
.ticket-star.active .star,
.ticket-comment-star.active .star {
cursor: pointer; }
.ticket-star .stared,
.ticket-comment-star .stared {
color: green; }
.ticket-star .unstared,
.ticket-comment-star .unstared {
color: gray; }
.ticket-star.active .unstared:hover,
.ticket-comment-star.active .unstared:hover {
color: green; }
.ticket-meta, .section-meta {
margin: 20px 0;
padding: 20px 0;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3; }
#ticket-files-container {
margin-top: 10px; }
#ticket-files-select {
font-weight: bold; }
#ticket-files-progress-bar {
height: 1.5em;
background: lightblue;
margin-top: 5px;
width: 0; }
.clearfix {
clear: both; }
#ticket-files-list {
padding: 10px 0;
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 5px;
border-radius: 5px;
min-height: 50px; }
#ticket-files-list .ticket-file {
width: 120px;
float: left;
margin: 5px 0 5px 10px;
outline: 1px solid #efefef; }
#ticket-files-list .ticket-file-image-wrapper {
width: 120px;
height: 90px; }
#ticket-files-list .ticket-file-image {
width: 120px;
border: 1px solid #efefef; }
#ticket-files-list .ticket-file-size {
color: #777;
float: right; }
#ticket-files-list.droppable {
border-width: 3px;
border-style: dashed; }
#ticket-files-list.dragover {
border-color: darkgreen; }
#ticket-files-list .ticket-file-meta {
font-size: .8em;
padding: 0 5px; }
#ticket-files-list .ticket-file.new {
outline-color: lightblue; }
#ticket-files-list .ticket-file.deleted {
outline-color: darkred; }
#ticket-files-list .ticket-file .ticket-file-restore {
color: darkgreen; }
#ticket-files-list .ticket-file .ticket-file-delete {
color: darkred; }
#ticket-files-list .ticket-file .ticket-file-restore,
#ticket-files-list .ticket-file.deleted .ticket-file-delete {
display: none; }
#ticket-files-list .ticket-file.deleted .ticket-file-restore {
display: inline; }
.page-item:first-child .page-link {
-webkit-border-radius: 0;
border-radius: 0; }
.page-item:last-child .page-link {
-webkit-border-radius: 0;
border-radius: 0; }
.page-link {
color: #242424; }
.page-link:hover {
color: #242424; }
.page-item.active .page-link {
background: #242424;
color: #fff;
border: 1px solid #242424; }
.rower {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
@media all and (max-width: 991px) {
.blog-post .info{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-post .body .tags a{
display: inline-block;
}
.blog-post .body .date,
.blog-post .body .eye,
.blog-post .body .tags{
margin-right: 0;
border-right: none;
}
.blog-post .info > *{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
/* ---------------------- TAGS --------------------- */
.slick-list,
.slick-slider,
.slick-track {
position: relative;
display: block; }
.slick-loading.slick-slide,
.slick-loading.slick-track {
visibility: hidden; }
.slick-slider {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; }
.slick-list {
overflow: hidden;
margin: 0;
padding: 0; }
.slick-list:focus {
outline: 0; }
.slick-list.dragging {
cursor: pointer;
cursor: -webkit-grab;
cursor: grab; }
.slick-slider .slick-list,
.slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.slick-track {
top: 0;
left: 0;
margin-left: auto;
margin-right: auto; }
.slick-track:after, .slick-track:before {
display: table;
content: ''; }
.slick-track:after {
clear: both; }
.slick-slide {
display: none;
float: left;
height: 100%; }
[dir=rtl].slick-slide {
float: right; }
.slick-slide img {
display: block; }
.slick-slide.slick-loading img {
display: none; }
.slick-slide.dragging img {
pointer-events: none; }
.slick-initialized.slick-slide {
display: block; }
.slick-vertical.slick-slide {
display: block;
height: auto;
border: 1px solid transparent; }
.slick-arrow.slick-hidden {
display: none; }
.slider__container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal; }
.sub-links-2 {
font-size: 14px;
font-weight: 500;
padding: 0;
margin-right: 0 !important;
list-style: none;
margin-bottom: 10px !important;
padding-left: 35px;
padding-right: 35px;
width: auto;
position: relative;
height: 41px;
min-height: 32px !important;
overflow: hidden;
display: block !important;
line-height: 3;
}
.sub-links-2.open,
.sub-links-2.opens {
height: auto;
margin: 0;
padding: 0;
}
.form-container{
display: flex;
flex-direction: column;
align-items: center;
}
/* #reclamation-file{
display: none;
} */
.reclamation-labelFile{
font-size: 12px;
}
/* .example-2 .btn-tertiary{color:#555;padding:0;line-height:40px;width:300px;margin:auto;display:block;border:2px solid #555}
.example-2 .btn-tertiary:hover,.example-2 .btn-tertiary:focus{color:#888;border-color:#888}
.example-2 .input-file{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}
.example-2 .input-file + .js-labelFile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;cursor:pointer}
.example-2 .input-file + .js-labelFile .icon:before{content:"\f093"}
.example-2 .input-file + .js-labelFile.has-file .icon:before{content:"\f00c";color:#5AAC7B} */
.sub-links-2 li {
margin: 0 5px 10px 5px;
display: inline-block;
}
.sub-links-2 a {
background-color: #ffaf34;
border-radius: 0.3rem;
color: #fff;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
display: inline-block;
padding: 6px 20px;
vertical-align: middle;
border: 1px solid #ffaf34;
-webkit-box-shadow: 0px 0px 5px 0px rgb(34 60 80 / 6%);
-moz-box-shadow: 0px 0px 5px 0px rgba(34, 60, 80, 0.06);
box-shadow: 0px 0px 5px 0px rgb(34 60 80 / 6%)
}
.sub-links-2 a:hover {
text-decoration: none;
color: #ffaf34;
border: #ffaf34 solid 1px;
background: #ffffff;
}
.sub-links-2 .slick-arrow {
margin: auto;
}
.sub-links-2 .slick-prev {
width: auto;
height: auto;
margin: auto;
margin-left: 0;
padding: 0;
left: 0;
z-index: 3;
top: 42%;
}
.sub-links-2 .slick-prev:before {
content: "\f104";
font-family: "FontAwesome";
display: inline-block;
float: right;
margin-top: 3px;
font-weight: 900;
font-style: normal;
line-height: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #ffffff;
background: #ffaf34;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
font-size: 26px;
position: relative;
z-index: 3;
}
.sub-links-2 .slick-prev:after {
content: '';
display: inline-block;
vertical-align: middle;
width: 30px;
height: 42px;
margin-left: 35px;
position: absolute;
background: -webkit-gradient(linear, left top, right top, from(#FFFFFF), color-stop(39.58%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(left, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 39.58%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 39.58%, rgba(255, 255, 255, 0) 100%);
z-index: 2;
}
.sub-links-2 .slick-next {
width: auto;
height: auto;
margin: auto;
margin-right: 0;
padding: 0;
right: 0;
top: 42%;
}
.sub-links-2 .slick-next:after {
content: '';
display: inline-block;
vertical-align: middle;
width: 30px;
height: 42px;
position: absolute;
background: -webkit-gradient(linear, right top, left top, from(#FFFFFF), color-stop(39.58%, rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(right, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 39.58%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(-90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.4) 39.58%, rgba(255, 255, 255, 0) 100%);
z-index: 2;
right: 35px;
}
.sub-links-2 .slick-next:before {
content: "\f105";
font-family: "FontAwesome";
display: inline-block;
float: right;
margin-top: 3px;
padding-left: 4px;
font-weight: 900;
font-style: normal;
line-height: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #ffffff;
background: #ffaf34;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
font-size: 26px;
z-index: 3;
position: relative;
}
.tagster .navi {
text-align: right;
}
.tagster{
position: relative;
padding: 15px 0;
}
.items-list .w > ul{
margin-top: 30px;
}
.tagster h2{
font-size: 20px;
line-height: 25px;
color: #666;
font-weight: bold;
text-transform: uppercase;
background: url(../img/title-underline.png) no-repeat center bottom;
padding-bottom: 15px;
text-align: center;
margin-bottom: 30px;
}
.tagster .navi span {
cursor: pointer;
color: #333333;
text-decoration: dotted underline;
font-size: 14px;
}
.tagster .navi span:hover {
text-decoration: none;
}
.related_cats{
margin: 30px -5px;
}
.related_cats a{
margin-bottom: 3px;
}
.related_big_cats{
margin: 30px -5px;
}
.related_big_cats .item + .item{
margin-top: 10px;
}
.related_big_cats a{
margin-bottom: 3px;
}
.related_big_cats a + a{
position: relative;
margin-left: 30px;
}
.related_big_cats a + a:before{
content: ">";
position: absolute;
left: -23px;
color: #333;
}
.related_products{
margin: 30px 0;
}
.related_products h4,
.related_big_cats h4,
.dart_h4{
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
}
.dart_h4{
margin-bottom: 15px;
}
.pu-callback{
margin-bottom: 10px;
}
/* --------- TAGS ---------- */
.variant{
line-height: 1.3;
}
.variant *{
line-height: 1.3;
}
.dart_complects{
line-height: 1.3;
}
.dart_complects *{
line-height: 1.3;
}
.base_btn{
box-sizing: border-box;
border-radius: 0.3rem;
color: #333;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
display: inline-block;
padding: 6px 20px;
vertical-align: middle;
border: 1px solid #333;
-webkit-box-shadow: 0px 0px 5px 0px rgb(34 60 80 / 6%);
-moz-box-shadow: 0px 0px 5px 0px rgba(34, 60, 80, 0.06);
box-shadow: 0px 0px 5px 0px rgb(34 60 80 / 6%)
}
.base_btn:hover{
color: #fff;
background: #333;
border: 1px solid #333;
text-decoration: none;
}
.base_btn.base_btn-secondary-warning{
background-color: #ffaf34;
border: 1px solid #ffaf34;
color: #fff;
}
.base_btn.base_btn-secondary-warning:hover{
background-color: #fff;
border: 1px solid #ffaf34;
color: #ffaf34;
}
.promocode{
padding: 5px 15px;
background: #be0926;
color: #fff;
font-size: 24px;
line-height: 1.3;
text-align: center;
}
.bk_product .labels{
line-height: 1.3;
padding: 5px 0;
}
.btn-block{
display: block;
width: 100%;
}
@media all and (max-width: 768px) {
.questions-container{
overflow: hidden;
}
.questions-container .comments-list .comment .comment-avatar span {
display: inline-block;
width: 20px;
height: 20px;
background: #2b2a28;
border-radius: 50%;
font-size: 10px;
text-transform: uppercase;
color: #fff;
text-align: center;
line-height: 20px!important;
}
.questions-container .comments-list .comment .comment-avatar {
margin-right: 8px;
margin-top: 8px;
}
.questions-container .comments-list .comment-answer{
padding-left: 0;
}
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-header .name{
font-size: 10px;
}
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-header .date{
font-size: 10px;
}
.questions-container .comments-list .comment .comment-text-wrap .comment-content .comment-text p{
font-size: 12px;
} }
.contact{
background: #f5f5f5;
overflow: hidden;
margin-bottom: -50px;
}
.contact form{
padding: 30px 0;
}
.contact h2{
font-weight: bold;
font-size: 26px;
text-align: center;
margin-bottom: 20px;
line-height: 1.3;
}
.contact a.phone{
font-weight: bold;
font-size: 18px;
text-align: center;
color: #000;
display: block;
line-height: 1.3;
}
.contact .address{
font-weight: normal;
font-size: 16px;
text-align: center;
color: #000;
display: block;
margin: 5px 0;
line-height: 1.3;
}
.contact a.email{
font-weight: normal;
font-size: 16px;
text-align: center;
display: block;
}
.contact .form{
margin-top: 30px;
}
.contact span.title{
font-weight: bold;
font-size: 20px;
text-align: center;
display: block;
margin-bottom: 30px;
line-height: 1.3;
}
.contact .cols{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
margin: 0;
}
.contact .col{
padding: 0 15px;
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
position: relative;
}
.contact .col .ya_map{
position: relative;
height: 100%;
width: calc(100% + 100%);
}
.styled {
border: 0;
line-height: 2.5;
padding: 0 20px;
font-size: 1,5rem;
text-align: center;
color: #fff;
text-shadow: 1px 1px 1px #000;
border-radius: 10px;
background-color: blue;
box-shadow:
inset 2px 2px 3px rgba(255, 255, 255, 0.6),
inset -2px -2px 3px rgba(0, 0, 0, 0.6);
}
.styled:hover {
background-color: rgba(255, 0, 0, 1);
}
.styled:active {
box-shadow:
inset -2px -2px 3px rgba(255, 255, 255, 0.6),
inset 2px 2px 3px rgba(0, 0, 0, 0.6);
}
@media (max-width: 768px) {
.contact .col{
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
position: relative;
}
.contact .col .ya_map{
position: relative;
height: 100%;
min-height: 300px;
width: 100%;
}
}
/* Add edit */
#steiden .header-wrap{
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
margin-left: -15px;
margin-right: -15px;
}
#steiden #header-box .logo-container{
max-width: 250px;
padding: 0 15px;
}
#steiden #header-box .logo-container .logo-wrap {
background: none;
position: static;
}
#steiden #header-box .logo-container .logo-wrap img {
width: 100%;
height: auto;
}
#steiden .search-box {
max-width: 500px;
width: 40%;
padding: 0 15px;
}
#steiden .search-box form {
display: flex;
align-items: center;
position: relative;
}
#steiden .search-box input[type='text'] {
background-color: #fff;
border: 1px solid #333333;
border-radius: 4px;
padding: 10px 12px;
padding-right: 35px;
font-size: 16px;
width: 100%;
}
#steiden .search-box button {
cursor: pointer;
border: none;
background: transparent;
text-align: center;
width: 30px;
height: 24px;
padding-left: 2px;
border-left: 1px solid #333333;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
}
#steiden .search-box button .fa {
font-size: 14px;
}
#steiden #header-box .phone-block {
display: inline-block;
padding: 0 15px;
padding-left: 38px;
position: relative;
}
#steiden #header-box .phone-block i {
position: absolute;
top: 50%;
transform: translate(0, -50%);
font-size: 36px;
line-height: 1.3;
color: #be0926;
left: 0;
}
#steiden #header-box .phone-block span.desc {
display: block;
color: #4a4a4a;
line-height: 1.3;
font-size: 12px;
text-align: right;
}
#steiden #header-box .phone-block a {
color: #242424;
font-size: 18px;
line-height: 1.3;
font-weight: bold;
}
#steiden .std-cart {
position: relative;
padding: 0 15px;
line-height: 1.3;
}
#steiden .std-cart a{
display: inline-block;
position: relative;
}
#steiden .std-cart i{
color: #242424;
width: 40px;
font-size: 30px;
line-height: 1.3;
}
#steiden .std-status {
position: absolute;
right: 1px;
top: 1px;
display: flex;
justify-content: center;
align-items: center;
padding: 2px;
border-radius: 50%;
background-color: #be0926;
color: #fff;
font-size: 12px;
width: 15px;
height: 15px;
}
#steiden .navigation-new{
background: #f2f2f2;
box-shadow: none;
}
#steiden #top-bar-box .w {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
#steiden #top-bar-box :is(.selection-pages, .user-cab) {
position: static;
border-radius: 0 0 5px 5px;
overflow: hidden;
}
#steiden #mse2_form :is([name='org'], [name='token']) {
position: absolute;
top: 0;
left: 0;
}
#steiden #header-box .w {
height: auto !important;
}
#steiden .std-nav__item a{
text-align: center;
position: relative;
}
#steiden .std-nav__item a > span{
display: block;
}
.mobile-menu {
background: #0000;
pointer-events: none;
position: fixed;
top: 0;
left: -100%;
z-index: 3;
width: 100%;
height: 100vh;
z-index: 99;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s
}
.mobile-menu.show {
left: 0;
display: block;
pointer-events: all;
background: #0009
}
.mobile-menu.show .mobile-menu__close {
position: absolute;
z-index: 3;
right: 25px;
top: 0;
display: inline-block
}
.mobile-menu.show .mobile-menu__close:after {
content: "";
width: 20px;
height: 1px;
display: inline-block;
position: absolute;
right: 15px;
top: 30px;
background: #343434;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.mobile-menu.show .mobile-menu__close:before {
content: "";
width: 20px;
height: 1px;
display: inline-block;
position: absolute;
right: 15px;
top: 30px;
background: #343434;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.mobile-menu.show .mobile-menu__wrap {
-webkit-transform: translate(0%);
-moz-transform: translate(0%);
-ms-transform: translate(0%);
transform: translate(0)
}
.mobile-menu__wrap {
height: 100dvh;
background: #fff;
border-radius: 0;
width: 100%;
position: fixed;
z-index: 2;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
left: 0%;
-webkit-transform: translate(-100%);
-moz-transform: translate(-100%);
-ms-transform: translate(-100%);
transform: translate(-100%);
padding: 54px 16px 24px
}
.mobile-menu__wrap .dart-catalog-menu {
padding: 0
}
.mobile-menu__profile {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
gap: 8px;
padding-bottom: 16px;
border-bottom: 1px solid #E2E2E2
}
.mobile-menu__profile p {
font-weight: 500
}
.mobile-menu__profile-image {
width: 40px;
height: 40px!important;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%
}
.mobile-menu__profile-letter {
width: 40px;
height: 40px!important;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
background-color: #f29d61;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
color: #fff;
line-height: 1;
text-transform: uppercase
}
.mobile-menu__bold {
padding: 16px 0;
border-bottom: 1px solid #E2E2E2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
text-decoration: none;
gap: 8px
}
.mobile-menu__bold p {
color: #343434;
margin: 0
}
.mobile-menu__bold .d_icon {
font-size: 24px;
color: #343434
}
.mobile-menu__list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
margin-top: 10px
}
.mobile-menu__list ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.mobile-menu__list a,.mobile-menu__list span {
display: block;
padding: 10px 0;
color: #343434;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 18px;
text-decoration: none
}
.mobile-menu__container {
height: -webkit-calc(100% - 50px);
height: -moz-calc(100% - 50px);
height: calc(100% - 50px);
overflow-y: auto
}
.mobile-menu__container::-webkit-scrollbar {
opacity: 0;
width: 0px
}
.mobile-menu__logo {
height: 32px;
width: 100%;
position: fixed;
bottom: 24px
}
.mobile-menu__logo img {
max-height: 32px
}
.mobile-catalog {
pointer-events: none;
background: #0000;
width: 100vw;
height: 100dvh;
position: fixed;
z-index: 100;
top: 0;
left: -100%;
-webkit-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s
}
.mobile-catalog.show {
pointer-events: all;
background: #000000c7;
width: 100%;
height: 100vh;
left: 0;
-webkit-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s
}
.mobile-catalog.show .mobile-catalog__content {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translate(0);
-webkit-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s
}
.mobile-catalog__content {
height: 100dvh;
width: 400px;
background: #fff;
position: fixed;
left: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translate(-100%);
-webkit-transition: all .6s;
-moz-transition: all .6s;
transition: all .6s;
position: relative
}
.mobile-catalog__content .mobile-catalog__header {
padding: 32px 18px 10px;
margin: 0
}
.mobile-catalog__content .mobile-catalog__header i {
font-size: 14px;
margin-right: 10px
}
.mobile-catalog__content .mobile-catalog__header span {
font-size: 18px;
text-transform: uppercase;
font-weight: 700;
color: #343434
}
.mobile-catalog__content .dart-catalog-menu {
height: -webkit-calc(100% - 80px);
height: -moz-calc(100% - 80px);
height: calc(100% - 80px);
overflow: auto;
display: -webkit-box!important;
display: -webkit-flex!important;
display: -moz-box!important;
display: flex!important
}
.mobile-catalog__content .dart-catalog-menu ul {
width: 100%
}
.dart-catalog-menu {
border-radius: 5px;
padding: 18px;
background: #fff;
margin-bottom: 10px
}
.dart-catalog-menu ul {
padding: 0
}
.dart-catalog-menu__category {
list-style: none;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s
}
.dart-catalog-menu__category ul {
padding-left: 42px
}
.dart-catalog-menu__category ul li {
list-style: none
}
.dart-catalog-menu__category.active {
-webkit-transition: max-height .5s;
-moz-transition: max-height .5s;
transition: max-height .5s
}
.dart-catalog-menu__category.active .dart-catalog-menu__el.link-no-link:before {
content: "\f105";
display: inline-block;
font: normal normal normal 14px / 1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: -12px;
font-size: 18px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
z-index: 3
}
.dart-catalog-menu__el {
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
gap: 10px;
min-height: 45px;
color: #343434;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
text-decoration: none;
width: -webkit-calc(100% - 25px);
width: -moz-calc(100% - 25px);
width: calc(100% - 25px)
}
.dart-catalog-menu__el:after {
width: 55px;
content: "";
height: 100%;
position: absolute;
z-index: 1;
background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),color-stop(44%,white));
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,white 44%);
background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,white 44%);
background: linear-gradient(90deg,#fff0,#fff 44%);
right: -65px;
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
transform: translate(-50%)
}
.dart-catalog-menu__el.link-no-link:before {
content: "\f105";
display: inline-block;
font: normal normal normal 14px / 1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: -12px;
font-size: 18px;
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
z-index: 3
}
.dart-catalog-menu__el img {
border-radius: 5px;
background: #f8f7f5;
width: 44px!important;
height: 44px!important
}
.dart-catalog-menu__el:hover {
color: #1586d8
}
.dart-catalog-menu__el:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.dart-catalog-menu__el:hover:before {
color: #343434
}
.dart-catalog-menu__list {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height .5s;
-moz-transition: max-height .5s;
transition: max-height .5s
}
.dart-catalog-menu__list a {
text-decoration: none
}
.navbar-toggler {
position: relative;
display: none;
background: #242424;
border: none;
border-radius: 5px;
padding: 5px 12px
}
.navbar-toggler span {
display: block;
background-color: #fff;
height: 3px;
border-radius: 3px;
width: 25px;
margin-top: 4px;
margin-bottom: 4px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0);
position: relative;
left: 0;
opacity: 1
}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) {
-webkit-transition: -webkit-transform .35s ease-in-out;
transition: -webkit-transform .35s ease-in-out;
-moz-transition: transform .35s ease-in-out,-moz-transform .35s ease-in-out;
transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out,-webkit-transform .35s ease-in-out,-moz-transform .35s ease-in-out;
transition: transform .35s ease-in-out,-webkit-transform .35s ease-in-out
}
.navbar-toggler:not(.noactive) span:nth-child(1) {
position: absolute;
left: 12px;
top: 10px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
opacity: .9
}
.navbar-toggler:not(.noactive) span:nth-child(2) {
height: 12px;
visibility: hidden;
background-color: transparent
}
.navbar-toggler:not(.noactive) span:nth-child(3) {
position: absolute;
left: 12px;
top: 10px;
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
transform: rotate(-135deg);
opacity: .9
}
.navbar-toggler .navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
-webkit-background-size: 100% 100%;
background-size: 100% 100%
}
@media (width <= 991px) {
#steiden .header-wrap{
margin-left: -10px;
margin-right: -10px;
}
#steiden .search-box{
width: 35%;
}
#steiden #header-box .phone-block a{
font-size: 16px;
}
}
@media (width <= 768px) {
#steiden .header-wrap{
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.navbar-toggler{
display: block;
}
#steiden #header-box .logo-container{
width: 100%;
max-width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
#steiden #header-box .logo-container img{
max-width: 250px;
}
#steiden .search-box {
padding: 10px 15px;
width: 100%;
max-width: 100%;
}
#steiden #header-box .phone-block{
width: 50%;
padding: 0 15px;
}
#steiden #header-box .phone-block i,
#steiden #header-box .phone-block span.desc {
display: none;
}
#steiden #header-box .std-cart{
width: 50%;
text-align: right;
}
#steiden #header-box .std-cart a{
text-align: left;
}
#top-bar-box .user-cab{
display: none;
}
#steiden #top-bar-box .selection-pages{
width: 100%;
}
#steiden #top-bar-box .topactions {
width: 33.3333333333%;
text-align: center;
box-sizing: border-box;
}
}
#steiden .std-nav {
background-color: #555555;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
position: fixed;
bottom: 0;
left: 50%;
translate: -50% 0;
z-index: 90;
padding: 12px;
width: 100%;
}
#steiden .std-nav__list {
list-style: none;
display: flex;
justify-content: space-around;
align-items: center;
gap: 10px;
z-index: 50;
padding: 0;
margin: 0;
}
#steiden .std-nav__item,
#steiden .std-nav__item a {
cursor: pointer;
display: flex;
flex-direction: column;
gap: 5px;
color: #d3d3d3;
&:hover {
text-decoration: none;
}
}
#steiden .std-nav__item-icon {
font-size: 20px;
text-align: center;
}
.go-top {
bottom: 60px;
}
/* ______________________________Navbar toggle______________________________ */
#steiden .navbar-default .navbar-toggle {
border: none;
}
#steiden .navbar-toggle {
background: none;
border-radius: 0;
margin: 0;
width: 40px;
height: 40px;
padding: 0;
}
#steiden .navbar-toggle .fa {
font-size: 26px;
color: #003c9d;
}
#steiden #header-box .navbar .w {
max-width: none;
min-width: 0;
width: fit-content;
padding: 0;
position: relative;
}
#steiden .navbar-collapse {
@media (width <= 768px) {
position: fixed;
left: 0px;
background: white;
z-index: 100;
top: 200px;
width: 100%;
box-shadow: 0 0 15px -5px black;
height: calc(100dvh - 200px);
}
}
#steiden .navigation-new .navbar-default .dropdown-menu {
box-shadow: none;
}
/* ________________________________________________________________________ */
#steiden .std-contents {
display: contents;
}
#steiden .std-visible-mobile {
@media (width > 480px) {
display: none;
}
}
#steiden .std-hidden-mobile {
@media (width <= 480px) {
display: none;
}
}
#steiden .std-visible-tablet {
@media (width > 768px) {
display: none;
}
}
#steiden .std-hidden-tablet {
@media (width <= 768px) {
display: none;
}
}
#steiden .std-visible-desktop {
@media (width > 1024px) {
display: none;
}
}
#steiden .std-hidden-desktop {
@media (width <= 1024px) {
display: none;
}
}
body {
background-color: #ffffff;
}
#steiden #top-bar-box,
#steiden #header-box {
background-color: #f2f2f2;
}
/* ______________________________Banner list 2______________________________ */
.std-banner {
width: 100%;
height: 500px;
overflow: hidden;
}
.std-banner__item{
width: 100%;
}
.std-banner__list {
position: relative;
margin-bottom: 25px;
}
.std-banner__img, .std-banner__img > *{
width: 100%;
}
.swiper-button-next, .swiper-button-prev{
color: #242424;
}
/* ________________________________________________________________________ */
/* ______________________________Popular products______________________________ */
.swiper_wrap{
overflow: hidden;
padding: 50px 0;
}
.swiper_wrap .swiper{
overflow: visible;
}
.std-item-list {
padding: 0;
list-style: none;
position: relative;
}
.std-item-list {
display: flex;
gap: 15px;
}
.std-item-list .std-item-list__item:first-child {
margin-left: 0;
padding-left: 0;
}
.std-item-list .std-item-list__item:last-child {
margin-right: 0;
padding-right: 0;
}
/* .std-item-list:after {
content: "";
display: inline-block;
width: 100%;
height: 1px;
overflow: hidden;
} */
/* .std-item-list .std-item-list__item:last-child {
cursor: default;
min-height: 0;
} */
.std-item-list .std-item-list__item {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
box-sizing: border-box;
/* width: 33.333333%; */
min-height: 260px;
text-align: center;
vertical-align: top;
position: relative;
cursor: pointer;
}
.std-item-list .std-item-list__item .top {
border-left: 1px solid #cdcfd0;
border-right: 1px solid #cdcfd0;
border-top: 1px solid #cdcfd0;
height: 200px;
position: relative;
}
.std-item-list .std-item-list__item .top:before {
position: absolute;
left: -1px;
right: -1px;
top: -1px;
bottom: 0px;
content: "";
background: url(../img/border-gradient.png) repeat-x left bottom;
z-index: 1;
}
.std-item-list .std-item-list__item .top * {
z-index: 3;
position: relative;
line-height: normal;
list-style: none;
margin: 0;
padding: 0;
}
.std-item-list .std-item-list__item .top .logo {
position: absolute;
left: 15px;
top: 15px;
display: block;
z-index: 10;
}
.std-item-list .std-item-list__item .top .logo.rm {
width: 32px;
height: 47px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(../img/rub-rm.png) no-repeat left bottom;
}
.std-item-list .std-item-list__item:hover .top .logo {
background-position: left top;
}
.std-item-list .std-item-list__item .top .image {
text-align: center;
height: 144px;
padding-top: 15px;
overflow: hidden;
position: relative;
}
.std-item-list .std-item-list__item .top .image img {
max-height: 100%;
max-width: 100%;
}
.std-item-list .std-item-list__item .top .labels {
position: absolute;
text-align: left;
top: 10px;
right: 10px;
z-index: 10;
}
.std-item-list .std-item-list__item .top .title {
text-align: left;
position: absolute;
left: 15px;
right: 40px;
bottom: 17px;
}
.std-item-list .std-item-list__item .top .title,
.std-item-list .std-item-list__item .top .title a {
font-size: 16px;
line-height: 18px;
color: #000;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
max-width: 190px;
}
.std-item-list .std-item-list__item .top .icons {
position: absolute;
left: 5px;
top: 6px;
padding: 0;
margin: 0;
list-style: none;
}
.std-item-list .std-item-list__item .top .icons li {
padding: 0 0 0 17px;
margin: 0;
list-style: none;
background: url(../img/ico-star.png) no-repeat left 1px;
font-size: 14px;
line-height: 16px;
color: #c73030;
text-align: left;
}
.std-item-list .std-item-list__item .top .price {
position: absolute;
right: 15px;
bottom: 4px;
padding: 0;
margin: 0;
list-style: none;
}
.std-item-list .std-item-list__item .top .price li {
padding: 0;
margin: 0;
list-style: none;
font-size: 14px;
line-height: 18px;
color: #999;
font-weight: bold;
text-decoration: line-through;
text-align: right;
}
.std-item-list .std-item-list__item .top .price li:last-child {
text-decoration: none;
color: #242424;
}
.std-item-list .std-item-list__item .bottom {
border: 1px solid #b3b3b3;
background: #fff;
height: 95px;
box-sizing: border-box;
padding: 5px 10px 0 10px;
text-align: left;
overflow: auto;
}
.std-item-list .std-item-list__item .bottom,
.std-item-list .std-item-list__item .bottom a {
font-size: 14px;
line-height: 16px;
color: #4d4d4d;
text-decoration: none;
}
.std-item-list .std-item-list__item .bottom a:hover {
text-decoration: underline;
}
.std-item-list .std-item-list__item:hover .bottom {
background: #27354a;
}
.std-item-list .std-item-list__item:hover .bottom,
.std-item-list .std-item-list__item:hover .bottom a {
color: #fff;
}
.std-item-list .description {
margin-bottom: 20px;
}
.std-item-list .description .title {
font-size: 22px;
line-height: 25px;
color: #666;
font-weight: bold;
text-transform: uppercase;
background: url(../img/title-underline.png) no-repeat center bottom;
padding-bottom: 15px;
text-align: center;
margin-bottom: 30px;
}
.std-item-list .description p {
padding: 5px 5px 20px 5px;
font-size: 16px;
line-height: 20px;
color: #333;
}
.std-item-list .description li {
font-size: 16px;
line-height: 20px;
color: #333;
}
/* ________________________________________________________________________ */
.std-w {
max-width: 1050px;
margin-inline: auto;
min-width: 320px;
@media (width <= 1100px) {
padding-inline: 8px;
}
}
@media (width <= 720px) {
#steiden #top-bar-box .std-contact {
order: 2;
}
#steiden #top-bar-box {
height: fit-content;
}
}