/* Start:/bitrix/templates/expert/css/reset.css?15344333731020*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead{
margin: 0;
padding: 0;
border: none;
outline: 0;
vertical-align: baseline;
}
html, body{
height: 100%;
width: 100%;
padding: 0;
margin: 0;
}
label{
cursor: pointer;
}
ol{
list-style-type: none;
margin: 0;
padding: 0;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li{
margin: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
input:focus {
outline: none;
}
textarea:focus {
outline: none;
}
select:focus {
outline: none;
}
sup {
vertical-align: top;
font-size: 10px;
}
sub {
vertical-align: bottom;
font-size: 10px;
}
/* End */
/* Start:/bitrix/templates/expert/css/fonts.css?15344333711263*/
/* font-family: "ProximaNovaRegular"; */
@font-face {
font-family: "ProximaNovaRegular";
src: url("/bitrix/templates/expert/css/../fonts/ProximaNovaRegular/ProximaNovaRegular.eot");
src: url("/bitrix/templates/expert/css/../fonts/ProximaNovaRegular/ProximaNovaRegular.eot?#iefix")format("embedded-opentype"),
url("/bitrix/templates/expert/css/../fonts/ProximaNovaRegular/ProximaNovaRegular.woff") format("woff"),
url("/bitrix/templates/expert/css/../fonts/ProximaNovaRegular/ProximaNovaRegular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
/* font-family: "ProximaNovaBold"; */
@font-face {
font-family: "ProximaNovaBold";
src: url("/bitrix/templates/expert/css/../fonts/ProximaNovaBold/ProximaNovaBold.eot");
src: url("/bitrix/templates/expert/css/../fonts/ProximaNovaBold/ProximaNovaBold.eot?#iefix")format("embedded-opentype"),
url("/bitrix/templates/expert/css/../fonts/ProximaNovaBold/ProximaNovaBold.woff") format("woff"),
url("/bitrix/templates/expert/css/../fonts/ProximaNovaBold/ProximaNovaBold.ttf") format("truetype");
font-style: normal;
font-weight: normal;
}
@font-face {
font-family: 'Proxima Nova Semibold';
src: url('/bitrix/templates/expert/css/../fonts/Proxima Nova Semibold.eot');
src: local('вє'), url('/bitrix/templates/expert/css/../fonts/Proxima Nova Semibold.woff') format('woff'), url('/bitrix/templates/expert/css/../fonts/Proxima Nova Semibold.ttf') format('truetype'), url('/bitrix/templates/expert/css/../fonts/Proxima Nova Semibold.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/* End */
/* Start:/bitrix/templates/expert/css/general.css?175343511668598*/
html, body {
width: 100%;
min-height: 100%;
margin: 0 auto;
font-family: "ProximaNovaRegular", "Arial";
color: #222;
font-size: 14px;
font-weight: normal;
background: #fff;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
#wrapper_all, #wrapper, #header {
position: relative;
overflow: hidden;
}
#wrapper_all {
width: 100%;
min-height: 100%;
}
.wrapper {
width: 100%;
margin: 20px 0 0 0;
}
.clearing {
width: 100%;
clear: both;
height: 0;
line-height: 0;
}
.wp, .wp-h, .bottom-rubrics {
width: 1180px;
position: relative;
margin: 0 auto;
}
.wp-h {
overflow: hidden;
}
#wrapper_all h1, #wrapper_all h2, #wrapper_all h3 {
position: relative;
color: #222;
font-family: "ProximaNovaBold";
font-weight: normal;
}
#wrapper_all h1 {
font-size: 42px;
line-height: 42px;
padding: 0;
margin: 0 0 20px 0;
z-index: 1;
}
#wrapper_all h1 span {
color: #777;
}
#wrapper_all h2 {
font-size: 30px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 36px;
padding: 0;
margin: 0;
}
#wrapper_all h3 {
font-size: 20px;
line-height: 24px;
padding: 0;
margin: 0;
}
#wrapper_all h4 {
color: #222;
font-weight: normal;
font-size: 16px;
line-height: 24px;
padding: 0;
margin: 0 0 6px 0;
font-family: 'Proxima Nova Semibold';
}
/*header*/
#header .wp {
background: #fff;
}
#logo {
width: 220px;
height: 66px;
float: left;
display: block;
margin: 18px 0 0 -52px;
background: url('/bitrix/templates/expert/css/../images/logo.png') no-repeat;
}
.registration {
width: 380px;
height: 110px;
position: relative;
overflow: hidden;
float: right;
background: #005E98 url('/bitrix/templates/expert/css/../images/fon1.jpg') no-repeat top left;
}
.registration-link {
position: relative;
overflow: hidden;
height: 27px;
float: right;
padding: 8px 0 0 25px;
margin: 38px 0 0 0;
background: url('/bitrix/templates/expert/css/../images/icon1.png') no-repeat top left;
}
.registration a {
color: #fff;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Proxima Nova Semibold';
letter-spacing: 1.2px;
line-height: 11px;
border-bottom: 1px solid rgba(255,255,255,0.6);
}
.registration a:hover {
color: #59afd9;
border-bottom: 1px solid rgba(89,175,217,0.5);
}
.registration-link a {
float: right;
margin: 0 0 0 20px;
}
.blue-line {
width: 100%;
height: 110px;
position: absolute;
top: 0;
left: 50%;
background: #005E98;
}
.data {
position: relative;
overflow: hidden;
margin: 20px 0 0 15px;
display: none;
}
.data .av {
float: left;
}
.data .av img {
width: 70px;'
height: 70px;
display: block;
}
.data .name {
margin: 0 0 0 90px;
}
.data .name p {
margin: 10px 0;
color: #fff;
font-size: 12px;
text-transform: uppercase;
font-family: 'Proxima Nova Semibold';
letter-spacing: 1px;
}
/* menu */
#menu{
height: 46px;
position: relative;
background: #f5f5f5;
border-bottom: 4px solid #e5e5e5;
}
#menu .menu {
height: 46px;
float: left;
margin: 0 0 0 -13px;
}
#menu .menu li {
position: relative;
float: left;
margin: 0;
list-style: none;
}
#menu .menu li a {
display: block;
margin: 18px 13px 19px 13px;
color: #245d94;
text-transform: uppercase;
font-size: 14px;
text-decoration: none;
font-family: 'Proxima Nova Semibold';
letter-spacing: 1.4px;
line-height: 13px;
border-bottom: 1px solid rgba(36,93,148,0.5);
}
#menu .menu li a:hover {
color: #fff;
padding: 18px 13px 19px 13px;
margin: 0;
border-bottom: none;
background: #59afd9;
}
#menu .menu li a.active {
color: #fff;
padding: 18px 13px 19px 13px;
margin: 0;
border-bottom: none;
background: #245d94;
}
#menu .second-menu {
float: right;
margin: 20px 0 0 0;
}
#menu .second-menu li {
float: left;
margin: 0 0 0 22px;
}
#menu .second-menu li a {
display: block;
color: #777;
text-transform: uppercase;
font-size: 12px;
text-decoration: none;
font-family: 'Proxima Nova Semibold';
letter-spacing: 1.2px;
line-height: 11px;
border-bottom: 1px solid rgba(119,119,119,0.5);
}
#menu .second-menu li a:hover {
color: #59afd9;
border-bottom: 1px solid rgba(89,175,217,0.5);
}
#menu .second-menu li a.active {
color: #222;
border-bottom: none;
}
/* footer */
#before-footer {
height: 400px;
position: relative;
}
#footer {
width: 100%;
height: 300px;
position: absolute;
left: 0;
bottom: 0;
margin: 0;
padding: 40px 0 0 0;
background: #333;
}
#footer .left-block {
position: relative;
float: left;
}
#footer .left-block-info, .footer-menu, .informers {
width: 300px;
position: relative;
}
#footer .left-block-info {
float: left;
}
.footer-logo {
width: 200px;
height: 73px;
display: block;
background-size: contain;
background-image: url(/bitrix/templates/expert/images/footer-logo200.png);
}
#footer .left-block p {
color: #fff;
font-size: 14px;
line-height: 24px;
margin: 30px 0;
}
.social {
position: relative;
overflow: hidden;
}
.social a {
width: 30px;
height: 30px;
margin: 0 30px 0 0;
float: left;
background: url('/bitrix/templates/expert/css/../images/icon6-2.png') no-repeat;
}
.social a.fb, .social a.dz {
background-position: 0 0;
}
.social a.vk {
background-position: -60px 0;
}
.social a.g {
background-position: -120px 0;
}
.social a.yt {
background-position: -180px 0;
}
.social a.tgm {
background-position: -240px 0;
}
.social a.rtb {
background-position: -300px 0;
}
.social a.fb:hover, .social a.dz:hover {
background-position: 0 -40px;
}
.social a.vk:hover {
background-position: -60px -40px;
}
.social a.g:hover {
background-position: -120px -40px;
}
.social a.yt:hover {
background-position: -180px -40px;
}
.social a.tgm:hover {
background-position: -240px -40px;
}
.social a.rtb:hover {
background-position: -300px -40px;
}
.footer-menu {
float: right;
margin: 0;
}
.footer-menu ul li {
position: relative;
list-style: none;
}
.footer-menu .menu li {
margin: 0;
}
.footer-menu ul li a {
color: #fff;
font-size: 14px;
text-decoration: none;
letter-spacing: 1.4px;
line-height: 30px;
border-bottom: 1px solid rgba(255,255,255,0.5);
}
.footer-menu ul li a:hover {
color: #59afd9;
border-bottom: 1px solid rgba(89,175,217,0.5);
}
.footer-menu .menu li a {
text-transform: uppercase;
}
.footer-menu .second-menu {
margin: 25px 0 0 0;
}
.footer-menu .second-menu li {
margin: 0;
}
.footer-menu .second-menu li a {
line-height: 24px;
}
.informers {
float: left;
margin: 0;
}
.informers span {
display: block;
margin: 0;
color: #fff;
font-size: 14px;
letter-spacing: 1.4px;
line-height: 30px;
text-transform: uppercase;
}
.informers table td {
color: #fff;
font-size: 14px;
letter-spacing: 1.4px;
line-height: 30px;
text-transform: uppercase;
vertical-align: middle;
}
#course {
margin: 0 0 20px 0;
}
#course td {
padding: 0 5px 0 0;
}
#course td.course {
padding: 0 40px 0 0;
}
#weather td {
padding: 0 10px 0 0;
}
#footer .right-block {
position: relative;
float: right;
text-align: right;
}
#footer .right-block p {
color: #fff;
font-size: 14px;
line-height: 24px;
}
#footer .right-block p a {
color: #fff;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,0.5);
}
#footer .right-block p a:hover {
color: #59afd9;
border-bottom: 1px solid rgba(89,175,217,0.5);
}
.mob-menu-icon {
width: 30px;
height: 20px;
position: absolute;
top: 25px;
left: 0;
cursor: pointer;
display: none;
}
.mob-menu-icon {
background: url('/bitrix/templates/expert/css/../images/icon7.png') no-repeat;
}
.close {
background: url('/bitrix/templates/expert/css/../images/icon8.png') no-repeat !important;
}
.registration-icon {
width: 50px;
height: 70px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
display: none;
background: #245d94 url('/bitrix/templates/expert/css/../images/icon1.png') no-repeat center;
}
#popup_overlay {
width: 100%;
/*min-height: 100%;*/
position: absolute;
top: 0;
left: 0;
z-index: 10;
/* background: rgba(255,255,255,0.1);*/
display: none;
}
.overlay-blue {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin: 0 0 0 200px;
background: #245d94;
}
.form {
width: 360px;
position: relative;
overflow: hidden;
float: right;
padding: 40px 20px 30px 20px;
background: #245d94;
display: none;
}
#feedback-form, #message-form-ok, #message-form-err {
width: 750px;
}
#news-form {
width: 540px;
}
#wrapper_all .form h3 {
margin: 0 40px 40px 0;
color: #fff;
font-size: 24px;
text-decoration: none;
text-transform: uppercase;
font-family: 'Proxima Nova Semibold';
font-weight: normal;
letter-spacing: 1px;
}
#wrapper_all .form h3 a {
color: #fff;
font-size: 14px;
text-decoration: none;
text-transform: none;
font-family: "ProximaNovaRegular";
letter-spacing: 0;
border-bottom: 1px dashed #fff;
display: none;
}
.close-form {
width: 30px;
height: 20px;
position: absolute;
top: 47px;
right: 20px;
cursor: pointer;
background: url('/bitrix/templates/expert/css/../images/icon9.png') no-repeat;
}
.form .error {
position: relative;
padding: 5px 10px;
margin: 0 0 20px 0;
color: #fff;
font-size: 14px;
line-height: 24px;
background: #222;
}
.form .error:after {
position: absolute;
left: 15px;
bottom: -20px;
border: 10px solid transparent; border-top: 10px solid #222;
content: '';
}
.form .f-err {
position: absolute;
top: 60px;
left: 140px;
background: #222;
z-index: 2;
}
.form .f-err span {
display: block;
padding: 5px 10px;
color: #fff;
font-size: 14px;
line-height: 24px;
}
.form .f-err:after {
position: absolute;
left: 15px;
top: -20px;
border: 10px solid transparent; border-bottom: 10px solid #222;
content: '';
}
.form-item {
position: relative;
clear: both;
margin: 0 0 15px 0;
}
.form-item span, .form-item strong {
width: 140px;
float: left;
color: #fff;
font-size: 16px;
line-height: 40px;
font-weight: normal;
}
.form-item input[type="text"] {
width: 220px;
height: 38px;
color: #fff;
font-size: 16px;
background: transparent;
border: none;
border-bottom: 2px solid #fff;
}
#feedback-form textarea {
width: 560px;
}
.form-item textarea {
height: 120px;
padding: 0;
margin: 0;
color: #fff;
font-size: 16px;
line-height: 40px;
background: transparent url('/bitrix/templates/expert/css/../images/fon4.png') repeat;
border: none;
}
.form input[type="submit"] {
width: 220px;
height: 40px;
position: relative;
margin: 30px 0 30px 140px;
display: block;
color: #fff;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 35px;
letter-spacing: 1px;
text-align: center;
background: #59afd9;
border: none;
cursor: pointer;
-webkit-appearance: none;
}
.form input[type="submit"]:hover {
color: #245d94;
background: #fff;
}
.form ::-webkit-input-placeholder {color:#fff; opacity: 0; filter: alpha(opacity=0);}
.form ::-moz-placeholder {color:#fff; opacity: 0; filter: alpha(opacity=0);}
.form :-moz-placeholder {color:#fff; opacity: 0; filter: alpha(opacity=0);}
.form :-ms-input-placeholder {color:#fff; opacity: 0; filter: alpha(opacity=0);}
.password-link, .bold-link {
color: #fff;
font-size: 16px;
display: inline-block;
margin: 0 0 0 140px;
text-decoration: none;
border-bottom: 1px solid rgba(255,255,255,0.5);
}
.bold-link {
font-family: "ProximaNovaBold";
}
.focus span {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.captcha {
margin: 30px 0 5px 140px;
}
.form .message {
margin: 50px 0 20px 0;
font-size: 16px;
line-height: 24px;
color: #fff;
}
.form .message-registration-link {
overflow: hidden;
}
.form .message-registration-link a {
float: left;
margin: 0 20px 0 0;
color: #fff;
font-size: 16px;
text-decoration: none;
font-family: 'Proxima Nova Semibold';
border-bottom: 1px solid rgba(255,255,255,0.6);
}
/* search-place */
#search-place {
position: relative;
overflow: hidden;
height: 60px;
background: #f5f5f5;
}
#search-place .wp {
overflow: hidden;
background: #f5f5f5;
}
#search-place .gray-line {
width: 100%;
height: 60px;
position: absolute;
top: 0;
left: 50%;
background: #e5e5e5;
}
#search-place .newsletter {
width: 380px;
height: 60px;
position: relative;
overflow: hidden;
float: right;
background: #e5e5e5;
}
#search-place .newsletter a {
position: relative;
min-height: 26px;
float: right;
padding: 0 0 0 52px;
color: #245d94;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 60px;
}
#search-place .newsletter a img {
position: absolute;
top: 10px;
left: -4px;
}
#search-place .newsletter a:hover {
color: #00b1dc;
}
#search-place form {
margin: 8px 420px 0 0;
}
#search-form {
position: relative;
overflow: hidden;
}
#search-form input[type="text"] {
width: calc(100% - 160px);
height: 38px;
padding: 0 120px 0 40px;
color: #777;
font-size: 16px;
border: none;
border: 2px solid #245d94;
background: transparent url(/bitrix/templates/expert/css/../images/icon3.png) no-repeat 10px;
}
#search-form input[type="submit"] {
width: 120px;
height: 42px;
position: absolute;
top: 0;
right: 0;
margin: 0;
display: block;
color: #fff;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 35px;
letter-spacing: 1px;
text-align: center;
background: #245d94;
border: none;
cursor: pointer;
-webkit-appearance: none;
}
#search-form input[type="submit"]:hover {
background: #59afd9;
}
#search-form ::-webkit-input-placeholder {color:#777;}
#search-form ::-moz-placeholder {color:#777;}
#search-form :-moz-placeholder {color:#777;}
#search-form :-ms-input-placeholder {color:#777;}
/* rubrics */
#rubrics {
position: relative;
margin: 0 0 40px 0;
background: #f5f5f5;
border-bottom: 4px solid #e5e5e5;
}
#rubrics .title-place {
position: relative;
padding: 20px 0;
}
#rubrics .title {
width: 300px;
float: left;
margin: 2px 0 0 0;
}
#rubrics .title p {
color: #777;
font-size: 16px;
margin: 5px 0 0 0;
}
.rubrics-tags {
position: relative;
overflow: hidden;
margin: 5px 0 7px 0;
}
.rubrics-tags a {
position: relative;
float: left;
padding: 0 0 20px 0;
}
.rubrics-tags a span {
width: 240px;
height: 40px;
position: relative;
display: block;
color: #222;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 40px;
text-align: center;
text-decoration: underline;
background: #fff;
}
.rubrics-tags a:hover span {
color: #338dd5;
}
.rubrics-tags a.active {
text-decoration: none;
}
.rubrics-tags a.active span {
color: #fff;
text-decoration: none;
background: #245d94;
}
.rubrics-tags a.active:after {
position: absolute;
left: 110px;
bottom: 0;
border: 10px solid transparent;
border-top: 10px solid #245d94;
content: '';
}
.rubrics-list {
position: relative;
overflow: hidden;
display: none;
}
#rubrics .rubrics-list {
padding: 0 0 30px 0;
}
#rubrics .act {
display: block;
}
.rubrics-list .block {
width: 380px;
position: relative;
float: left;
}
.rubrics-list .block:nth-child(1), .rubrics-list .block:nth-child(2) {
margin-right: 20px;
}
.rubrics-list .block span {
display: block;
color: #222;
font-size: 20px;
line-height: 24px;
font-family: "ProximaNovaBold";
}
.rubrics-list .block ul {
margin: 15px 0 0 0;
}
.rubrics-list .block ul li {
margin: 0 0 10px 18px;
color: #777;
list-style: disc;
}
.rubrics-list .block ul li a {
color: #777;
font-size: 16px;
text-decoration: none;
line-height: 20px;
border-bottom: 1px solid rgba(119,119,119,0.5);
}
.rubrics-list .block ul li a:hover {
color: #338dd5;
border-bottom: 1px solid rgba(51,141,213,0.5);
}
#rubrics .blue-link {
width: 260px;
margin: 0 auto -4px auto;
}
.blue-link {
height: 40px;
position: relative;
display: block;
color: #fff;
text-decoration: none;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 40px;
text-align: center;
text-decoration: none;
background: #245d94;
}
.blue-link:hover {
background: #59afd9;
}
.inner-title {
position: relative;
overflow: hidden;
padding: 30px 0 0 0;
margin: 0 0 17px 0;
}
.inner-title p {
color: #777;
font-size: 24px;
line-height: 38px;
float: left;
margin: 0 27px 0 0;
}
.inner-title .rubrics-tags {
float: left;
margin: 0;
}
.bottom-rubrics {
position: relative;
}
.bottom-rubrics .rubrics-list {
display: block !important;
}
.bottom-rubrics .rubrics-list .block ul {
padding: 0 0 1px 0;
}
.bottom-rubrics .rubrics-list .block ul li:last-child {
margin: 0 0 0 18px;
}
#popular h3 {
padding: 0 10px !important;
margin: 0 0 0 -10px !important;
display: inline-block;
background: #fff;
}
#popular:before {
width: calc(100% + 28px);;
height: 100%;
position: absolute;
top: 12px;
left: -20px;
border: 4px solid #245d94;
content: '';
}
#popular {
margin-top: 45px !important;
}
#history {
margin-top: 55px !important;
}
.archive-link {
position: relative;
min-height: 37px;
float: right;
padding: 0 0 0 65px;
color: #777;
font-size: 12px;
font-family: 'Proxima Nova Semibold';
line-height: 37px;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.archive-link img {
position: absolute;
top: 0;
left: 0;
}
.archive-link:hover {
color: #59afd9;
}
.main-archive-link {
position: absolute;
top: 5px;
right: 0;
}
/* main-news */
#main-news {
position: relative;
margin: 52px 0 0 0;
border-bottom: 4px solid #e5e5e5;
}
.main-news {
position: relative;
margin: 32px -20px 7px 0;
padding: 0 0 36px 0;
}
.main-news .news-item {
width: 280px;
position: relative;
float: left;
margin: 0 20px 40px 0;
}
.main-news .news-img {
position: relative;
display: block;
}
.news-img img {
width: 100%;
height: auto;
display: block;
}
.news-rubric {
height: 25px;
padding: 0 5px 0 10px;
position: absolute;
left: 0;
bottom: 10px;
display: inline-block;
color: #fff;
font-size: 12px;
font-family: 'Proxima Nova Semibold';
line-height: 25px;
letter-spacing: 1.2px;
text-transform: uppercase;
background: #245d94;
}
.news-rubric:after {
width: 11px;
height: 25px;
background: url(/bitrix/templates/expert/css/../images/icon12.png) no-repeat;
content: '';
display: block;
position: absolute;
top: 0;
right: -11px;
}
.main-news .news-title {
height: 175px;
position: relative;
overflow: hidden;
margin: 15px 0 0 0;
padding: 0 0 32px 0;
}
.news-title a {
color: #222;
font-size: 20px;
font-family: 'Proxima Nova Semibold';
line-height: 24px;
text-decoration: none;
border-bottom: 1px solid rgba(34,34,34,0.5);
}
.news-title p {
font-size: 16px;
line-height: 24px;
margin: 15px 0 0 0;
}
.main-news .news-title:after {
width: 100%;
height: 50px;
position: absolute;
bottom: 0;
left: 0;
background: url(/bitrix/templates/expert/css/../images/white.png) repeat-x;
content: '';
}
.news-date {
color: #777;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
}
.main-news .news-date {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.main-news .news-item:hover .news-wp {
width: 100%;
position: absolute;
top: -20px;
left: -20px;
border: 20px solid #fff;
background: #fff;
z-index: 5;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
}
.main-news .news-item:hover .news-title:after {
display: none;
}
.main-news .news-item:hover .news-title a {
color: #338dd5;
border-bottom: 1px solid rgba(51,141,213,0.5);
}
#main-news .blue-link {
width: 220px;
position: absolute;
left: 50%;
bottom: -4px;
margin-left: -110px;
}
/* 404 */
.info-404 {
position: relative;
margin: 50px 0 90px 0;
}
.info-404 h1 {
margin: 0 0 15px 0 !important;
}
.info-404 p {
font-size: 20px;
font-family: 'Proxima Nova Semibold';
line-height: 24px;
}
.info-404 p a {
color: #245d94;
}
.info-404 p a:hover {
color: #59afd9;
}
.search-404 {
position: relative;
margin: 0 0 90px 0;
}
.bread {
position: relative;
margin: 0 0 30px 0;
color: #777;
font-size: 14px;
line-height: 14px;
}
.bread a {
color: #777;
padding: 0 30px 0 0;
margin: 0 10px 0 0;
background: url(/bitrix/templates/expert/css/../images/icon13.png) no-repeat center right;
}
/* inner-news */
.inner-news {
position: relative;
margin: 30px -20px 40px 0;
}
.inner-news .news-item {
width: 580px;
position: relative;
margin: 0 20px 40px 0;
float: left;
}
.inner-news .news-img {
width: 280px;
position: relative;
float: left;
}
.inner-news .news-img img {
width: 280px;
height: 320px;
}
.inner-news .news-title {
width: 280px;
height: 280px;
position: relative;
overflow: hidden;
float: right;
padding: 0 0 45px 0;
}
.inner-news .news-title:after {
width: 100%;
height: 40px;
position: absolute;
bottom: 0;
left: 0;
background: url(/bitrix/templates/expert/css/../images/white.png) repeat-x bottom;
content: '';
}
/*.inner-news .news-date {*/
/*position: absolute;*/
/*margin: 10px 0 0 0;*/
/*z-index: 1;*/
/*}*/
.inner-news .news-date {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
.inner-news .banner-inner {
margin: 0 0 40px 0;
}
.inner-news .news-item:hover .news-title a {
color: #338dd5;
border-bottom: 1px solid rgba(51,141,213,0.5);
}
.archive-link-place {
position: relative;
overflow: hidden;
margin: 5px 0 32px 0;
}
.archive-link-left, .archive-link-right {
width: 580px;
float: left;
}
.archive-link-left {
margin: 0 20px 0 0;
}
.archive-link-left a {
margin: 0 90px 0 0;
}
.archive-link-right a {
float: left;
}
.pages, .pages ul {
position: relative;
overflow: hidden;
}
.pages ul li {
position: relative;
float: left;
margin: 0 17px 0 0;
}
.pages ul li a {
color: #777;
font-size: 14px;
line-height: 24px;
}
.pages ul li a:hover {
color: #59afd9;
}
.pages ul li.page-current a {
color: #222;
font-size: 20px;
font-family: 'Proxima Nova Semibold';
text-decoration: none;
margin: 0 10px;
}
.news-filter {
position: relative;
overflow: hidden;
margin: -15px 0 42px 0;
}
.news-filter span, .news-filter a {
position: relative;
float: left;
margin: 0 15px 0 0;
color: #777;
font-size: 14px;
line-height: 24px;
}
.news-filter a {
text-decoration: none;
background: url(/bitrix/templates/expert/css/../images/dashed.png) repeat-x 0 19px;
}
.news-filter a:hover {
color: #59afd9;
background: url(/bitrix/templates/expert/css/../images/dashed-h.png) repeat-x 0 19px;
}
.news-filter a.current {
color: #222;
font-size: 20px;
font-family: 'Proxima Nova Semibold';
background: none;
}
.search-result {
position: relative;
overflow: hidden;
margin: 35px 300px 0 0;
counter-reset: number;
}
.search-item {
position: relative;
margin: 0 0 15px 0;
padding: 0 0 0 30px;
}
.search-item:before {
position: absolute;
top: 0;
left: 0;
color: #222;
font-size: 16px;
font-family: 'Proxima Nova Semibold';
counter-increment: number;
content: counter(number)".";
}
.search-item a {
color: #245d94;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 24px;
}
.search-item a:hover {
color: #59afd9;
}
.search-item p {
height: 73px;
position: relative;
overflow: hidden;
margin: 5px 0 0 0;
font-size: 16px;
line-height: 24px;
}
.search-item:after {
width: 100%;
height: 30px;
position: absolute;
bottom: 0;
left: 0;
background: url(/bitrix/templates/expert/css/../images/white.png) repeat-x;
content: '';
}
.search-result .pages {
margin: 40px 0 0 0;
}
/* издательство */
.fon-block {
width: 100%;
height: 300px;
position: relative;
margin: 30px 0 0 0;
background: url(/bitrix/templates/expert/css/../images/fon2.jpg) no-repeat top center;
background-size: cover;
}
.blue-block {
position: relative;
left: 50%;
margin: -160px 0 0 -300px;
background: #245d94;
}
.blue-block p {
width: 600px;
padding: 50px 0 50px 100px;
color: #fff;
font-size: 20px;
line-height: 36px;
font-family: 'Proxima Nova Semibold';
letter-spacing: 2px;
text-transform: uppercase;
}
.magazine-text-block, .magazine-gray-block {
width: 880px;
position: relative;
margin: 40px 0 0 0;
}
.magazine-text-block p {
font-size: 18px;
line-height: 30px;
}
.magazine-gray-block {
background: #f5f5f5;
border-bottom: 4px solid #e5e5e5;
}
.magazine-gray-block p {
padding: 50px 150px 50px 100px;
font-size: 20px;
line-height: 36px;
font-family: 'Proxima Nova Semibold';
letter-spacing: 2px;
text-transform: uppercase;
}
.magazine-gray-block .blue-link {
width: 260px;
margin: 0 0 -4px 100px;
}
.magazine-list {
position: relative;
margin: 75px 0 20px 0;
}
.magazine-list .magazine-item {
height: 284px;
position: relative;
margin: 40px 0 0 0;
border: 4px solid #e5e5e5;
}
.magazine-list .magazine-item:hover {
border: 4px solid #338dd5;
}
.magazine-list .magazine-img {
width: 370px;
height: 284px;
overflow: hidden;
position: relative;
float: left;
}
.magazine-list .magazine-img img {
width: 220px;
height: 250px;
display: block;
margin: 34px auto 0 auto;
-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
}
.magazine-list .magazine-info {
height: 220px;
position: relative;
overflow: hidden;
padding: 25px 0 0 0;
margin: 0 20px 0 375px;
}
.magazine-list .magazine-info:after {
width: 100%;
height: 20px;
position: absolute;
bottom: 0;
left: 0;
background: url(/bitrix/templates/expert/css/../images/white.png) repeat-x;
content: '';
}
.magazine-list .magazine-name {
position: relative;
margin: 0 200px 17px 0;
}
.magazine-list .magazine-name a {
color: #245d94;
font-size: 20px;
font-family: "ProximaNovaBold";
line-height: 24px;
text-decoration: none;
border-bottom: 1px solid rgba(36,93,148,0.5);
}
.magazine-list .magazine-name a:hover {
color: #59afd9;
border-bottom: 1px solid rgba(89,175,217,0.5);
}
.magazine-list .magazine-data {
position: relative;
margin: 0 0 15px 0;
color: #777;
font-size: 12px;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.magazine-list .magazine-data span {
position: relative;
height: 25px;
padding: 0 15px 0 14px;
margin: 0 0 0 15px;
display: inline-block;
color: #fff;
font-size: 12px;
font-family: 'Proxima Nova Semibold';
line-height: 25px;
letter-spacing: 1.2px;
text-transform: uppercase;
background: #245d94;
}
.magazine-list .magazine-data span:after {
width: 11px;
height: 25px;
background: url(/bitrix/templates/expert/css/../images/icon12.png) no-repeat;
content: '';
display: block;
position: absolute;
top: 0;
right: -11px;
}
.magazine-list .magazine-info p {
font-size: 16px;
line-height: 24px;
}
.magazine-list .magazine-item .blue-link {
width: 260px;
position: absolute;
left: 375px;
bottom: -4px;
z-index: 1;
}
.magazine-list .magazine-item .archive-link {
position: absolute;
right: 15px;
top: 20px;
}
.this-year {
position: relative;
margin: -20px 0 0 0;
}
.this-year p {
font-size: 18px;
line-height: 30px;
}
.magazine-archive {
position: relative;
overflow: hidden;
margin: 30px -20px 0 0;
}
.magazine-archive .magazine-item {
width: 272px;
position: relative;
float: left;
margin: 0 20px 20px 0;
border: 4px solid #e5e5e5;
}
.magazine-archive .magazine-item:hover {
border: 4px solid #59afd9;
}
.magazine-archive .magazine-img {
width: 100%;
height: 270px;
position: relative;
overflow: hidden;
background: #f5f5f5;
}
.magazine-archive .magazine-img img {
width: 220px;
height: 250px;
display: block;
margin: 30px auto 0 auto;
-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.25);
}
.magazine-archive .magazine-info {
margin: 20px 15px;
}
.magazine-archive .magazine-name a {
color: #245d94;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 24px;
text-decoration: none;
border-bottom: 1px solid rgba(36,93,148,0.5);
}
.magazine-archive .magazine-item:hover .magazine-name a {
color: #59afd9;
border-bottom: 1px solid rgba(89,175,217,0.5);
}
.magazine-archive .magazine-data {
position: relative;
margin: 15px 0 0 0;
color: #777;
font-size: 12px;
letter-spacing: 1.2px;
text-transform: uppercase;
}
.last-year {
position: relative;
overflow: hidden;
padding: 15px 0 0 0;
margin: 40px 0 0 0;
border-top: 4px solid #e5e5e5;
}
.last-year .year {
margin: 0 0 25px 0;
font-size: 20px;
font-family: "ProximaNovaBold";
line-height: 24px;
}
.last-magazine-archive{
position: relative;
overflow: hidden;
margin: 0 -20px 0 0;
}
.last-year .magazine-item {
width: 242px;
position: relative;
padding: 5px 15px;
float: left;
margin: 0 20px 20px 0;
background: #f5f5f5;
border: 4px solid #e5e5e5;
}
.last-year .magazine-item:hover {
border: 4px solid #59afd9;
}
.last-year .magazine-item .magazine-name {
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 36px;
}
.last-year .magazine-data {
color: #777;
font-size: 12px;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 30px;
}
.last-year .magazine-item a {
display: block;
padding: 0 0 0 30px;
margin: 3px 0;
color: #245d94;
font-size: 12px;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 30px;
background: url(/bitrix/templates/expert/css/../images/icon14.png) no-repeat center left;
}
.last-year .magazine-item:hover a {
color: #59afd9;
background: url(/bitrix/templates/expert/css/../images/icon14-h.png) no-repeat center left;
}
.s-section-subsections {
border: 2px solid #245d94;
padding: 10px 0;
}
.s-section-subsections .title {
font-size: 16px;
font-weight: bold;
margin: 10px 0 0 10px;
}
.s-section-subsections-box {
display: flex;
flex-wrap: wrap;
}
.s-section-subsections-box a {
color: #245d94;
text-decoration: none;
min-width: 25%;
margin: 10px;
}
.s-section-subsections-box a .s-section-subsections-item-name {
text-decoration: underline;
}
.s-section-subsections-box a .s-section-subsections-item-count {
color: #777;
}
.product-list {
position: relative;
overflow: hidden;
margin: 10px -20px 30px 0;
display: none;
}
.product-list-description {
padding: 10px 0;
color: #777;
}
.product-act {
display: block;
}
.product-item {
width: 280px;
position: relative;
margin: 0 17px 20px 0;
vertical-align: top;
display:-moz-inline-stack;
display:inline-block;
_overflow:hidden;
*zoom:1;
*display:inline;
}
.product-item .product-img {
position: relative;
display: block;
border: 1px solid #e5e5e5;
}
.product-item img {
width: 100%;
max-width: 280px;
height: auto;
display: block;
margin: 0 auto;
}
.product-item .info {
padding: 15px 20px;
background: #f5f5f5;
}
.product-item .info a {
color: #245d94;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 24px;
text-decoration: none;
border-bottom: 1px solid rgba(36,93,148,0.5);
}
.product-item:hover .info a {
color: #59afd9;
border-bottom: 1px solid rgba(89,175,217,0.5);
}
.product-item .info span {
color: #777;
font-size: 14px;
display: block;
margin: 10px 0;
line-height: 16px;
}
.product-item .info p {
font-size: 16px;
line-height: 24px;
margin: 0 0 5px 0;
}
.product-item .price {
position: relative;
overflow: hidden;
}
.product-item .price strong {
font-size: 20px;
font-family: 'Proxima Nova Semibold';
line-height: 24px;
float: left;
}
.product-item .price i {
color: #777;
font-size: 12px;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 30px;
font-style: normal;
float: right;
}
.pages-place {
position: relative;
overflow: hidden;
margin: 0 0 15px 0;
}
.pages-place .pages {
float: left;
}
.pages-place .number {
float: right;
}
.pages-place .number span, .pages-place .number a {
color: #777;
font-size: 14px;
line-height: 24px;
}
.pages-place .number a {
margin: 0 0 0 10px;
text-decoration: none;
background: url(/bitrix/templates/expert/css/../images/dashed.png) repeat-x bottom;
}
.pages-place .number a:hover {
color: #59afd9;
background: url(/bitrix/templates/expert/css/../images/dashed-h.png) repeat-x bottom;
}
.pages-place .number a.number-current {
color: #222;
font-size: 20px;
font-family: 'Proxima Nova Semibold';
background: none;
}
.rubrics-sorting {
position: relative;
background: url(/bitrix/templates/expert/css/../images/fon3.jpg) repeat-x top;
}
.rubrics-sorting .rubrics-tags {
float: left;
margin: 0;
}
.rubrics-sorting .rubrics-tags a span {
background: #f5f5f5;
}
.rubrics-sorting .rubrics-tags a.active span {
background: #245d94;
}
.rubrics-sorting .sorting {
float: right;
}
.rubrics-sorting .sorting span, .rubrics-sorting .sorting a {
float: left;
margin: 0 0 0 20px;
color: #777;
font-size: 14px;
line-height: 40px;
}
.rubrics-sorting .sorting a {
padding: 0 10px 0 0;
text-decoration: none;
background: url(/bitrix/templates/expert/css/../images/icon15.png) no-repeat center right;
}
.rubrics-sorting .sorting a.change {
background: url(/bitrix/templates/expert/css/../images/icon16.png) no-repeat center right !important;
}
.rubrics-sorting .sorting a em {
font-style: normal;
background: url(/bitrix/templates/expert/css/../images/dashed.png) repeat-x bottom;
}
/* #product-inner */
#product-inner {
position: relative;
}
.back {
position: relative;
margin: 0 0 15px 0;
color: #777;
display: none;
}
.back a {
color: #777;
padding: 0 0 0 30px;
background: url(/bitrix/templates/expert/css/../images/icon19.png) no-repeat center left;
}
.about-product {
position: relative;
overflow: hidden;
margin: 30px 0 0 0;
}
.product-info-wp {
width: 580px;
position: relative;
overflow: hidden;
float: right;
}
.product-name, .product-seller, .product-contact {
position: relative;
overflow: hidden;
}
.product-name {
margin: 2px 0 18px 0;
}
.product-name h1 {
margin: 0 !important;
}
.product-seller, .product-contact {
margin: 0 0 10px 0;
}
.product-contact-link {
max-width: 280px;
}
.product-price-link {
max-width: 280px;
margin: 6px 0;
}
.product-documentation-link {
max-width: 320px;
margin: 15px 0;
}
.product-name .price strong {
font-size: 20px;
font-family: 'Proxima Nova Semibold';
line-height: 24px;
display: block;
}
.product-name .price i {
color: #777;
font-size: 12px;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 14px;
font-style: normal;
display: block;
margin: 12px 0 17px 0;
}
.product-seller .block-l, .product-seller .block-r, .product-contact .block-l, .product-contact .block-r {
width: 280px;
position: relative;
}
.block-l {
float: left;
}
.block-r {
float: right;
}
.product-seller p, .product-contact p {
font-size: 16px;
line-height: 24px;
}
.product-seller p a {
color: #222;
text-decoration: none;
border-bottom: 1px solid rgba(34,34,34,0.5);
}
.product-seller p a:hover {
color: #59afd9;
border-bottom: 1px solid rgba(89,175,217,0.5);
}
.product-seller span {
min-height: 30px;
padding: 0 0 0 40px;
display: block;
font-size: 12px;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 30px;
background: url(/bitrix/templates/expert/css/../images/icon17.png) no-repeat center left;
}
.product-contact p a {
color: #245d94;
}
.product-contact p a:hover {
color: #59afd9;
}
.map-link {
min-height: 30px;
padding: 0 0 0 30px;
display: block;
font-size: 16px;
line-height: 30px;
text-decoration: none;
background: url(/bitrix/templates/expert/css/../images/icon18.png) no-repeat center left;
}
.map-link span {
color: #245d94;
border-bottom: 1px dashed #245d94;
}
.map-link:hover {
background: url(/bitrix/templates/expert/css/../images/icon18-h.png) no-repeat center left;
}
.map-link:hover span {
color: #59afd9;
border-bottom: 1px dashed #59afd9;
}
.product-text {
position: relative;
overflow: hidden;
margin: 50px 0 0 0;
}
.product-text .block-l, .product-text .block-r {
width: 580px;
position: relative;
}
.product-text h2 {
margin: 0 0 15px 0 !important;
}
.product-text h3 {
margin: 0 0 10px 0 !important;
}
.product-text p {
font-size: 16px;
line-height: 24px;
margin: 0 0 15px 0;
}
#share-place {
position: relative;
overflow: hidden;
margin: 30px 0 50px 0;
padding: 20px 0 0 0;
border-top: 4px solid #e5e5e5;
}
#share-place .block-l, #share-place .block-r {
width: 580px;
overflow: hidden;
}
#share-place h4 {
margin: 0 15px 0 0;
float: left;
line-height: 26px;
}
#share, .tags-links {
position: relative;
overflow: hidden;
float: left;
}
#share .ya-share2__icon {
width: 46px;
height: 35px;
float: left;
margin: 0 10px 0 0;
color: transparent;
cursor: pointer;
}
#share .ya-share2__badge {background: none !important;}
#share .ya-share2__container_size_m .ya-share2__item_service_gplus .ya-share2__icon {background: url(/bitrix/templates/expert/css/../images/google.png) no-repeat;}
#share .ya-share2__container_size_m .ya-share2__item_service_facebook .ya-share2__icon {background: url(/bitrix/templates/expert/css/../images/fb.png) no-repeat;}
#share .ya-share2__container_size_m .ya-share2__item_service_twitter .ya-share2__icon {background: url(/bitrix/templates/expert/css/../images/tw.png) no-repeat;}
#share .ya-share2__container_size_m .ya-share2__item_service_vkontakte .ya-share2__icon {background: url(/bitrix/templates/expert/css/../images/vk.png) no-repeat;}
#share .ya-share2__container_size_m .ya-share2__item {margin: 0;}
.tags-links a {
height: 26px;
float: left;
margin: 0 10px 10px 0;
padding: 0 10px;
color: #fff;
font-size: 14px;
text-decoration: none;
text-align: center;
line-height: 26px;
background: #245d94;
}
.product-gallery {
width: 580px;
position: relative;
overflow: hidden;
float: left;
margin: 10px 0 0 0;
}
.product-gallery .big-photo {
position: relative;
border: 1px solid #e5e5e5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product-gallery .big-photo img {
display: block;
width: 100%;
max-width: 395px;
height: auto;
margin: 0 auto;
}
.product-gallery .small-photo {
position: relative;
overflow: hidden;
margin: 20px -20px 0 0;
}
.product-gallery .small-photo li {
width: 180px;
position: relative;
overflow: hidden;
float: left;
margin: 0 20px 0 0;
border: 1px solid #e5e5e5;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.product-gallery .small-photo li img {
display: block;
width: 100%;
height: auto;
}
/* #news-inner */
#news-inner {
position: relative;
margin: 0 0 50px 0;
}
#news-inner h1 {
margin: 0 0 12px 0 !important;
}
.news-inner-date {
position: relative;
height: 25px;
padding: 0 15px;
display: inline-block;
color: #fff;
font-size: 12px;
font-family: 'Proxima Nova Semibold';
line-height: 25px;
letter-spacing: 1px;
text-transform: uppercase;
background: #245d94;
}
.news-inner-date:after {
width: 11px;
height: 25px;
background: url(/bitrix/templates/expert/css/../images/icon12.png) no-repeat;
content: '';
display: block;
position: absolute;
top: 0;
right: -11px;
}
.news-inner-img {
position: relative;
overflow: hidden;
margin: 40px 0 32px 0;
}
.news-inner-img img {
max-width: 580px;
height: auto;
position: relative;
display: block;
}
.news-inner-img span {
position: absolute;
left: 600px;
bottom: 0;
display: block;
color: #777;
font-size: 12px;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 12px;
}
/* Для текстовых страниц */
.inner-text {
position: relative;
}
.inner-text p {
font-size: 18px;
line-height: 30px;
margin: 0 0 20px 0;
}
.inner-text>p:first-child::before {
content: '';
display: table;
width: 10em;
}
#news-inner .inner-text p {
width: 880px;
}
#news-inner .inner-text h2 {
width: 580px;
padding: 5px 0 10px 0;
}
.grey-text {
position: relative;
margin: 30px 0 30px 300px;
padding: 53px 100px;
font-size: 20px;
line-height: 36px;
font-family: 'Proxima Nova Semibold';
text-transform: uppercase;
letter-spacing: 2px;
background: #f5f5f5;
}
.grey-text:before {
width: 50px;
height: 55px;
position: absolute;
top: 20px;
left: -24px;
content: '';
background: url(/bitrix/templates/expert/css/../images/icon20.png) no-repeat;
}
/* Личный кабинет */
#lk {
position: relative;
overflow: hidden;
margin: 30px 0 0 0;
}
.lk-column {
width: 280px;
position: relative;
float: left;
margin: 0 0 0 20px;
}
.lk-block {
position: relative;
padding: 0 0 50px 0;
margin-bottom: 20px;
border: 4px solid #e5e5e5;
}
.lk-block:hover {
border: 4px solid #59afd9;
}
.lk-block .lk-wp {
position: relative;
padding: 10px 15px 0 15px;
}
.lk-block h3 {
padding: 0 0 8px 0 !important;
}
#balance-lk h3 {
padding: 0 0 12px 0 !important;
}
.lk-block h3 a {
display: inline-block;
color: #245d94;
text-decoration: none;
border-bottom: 1px solid rgba(36,93,148,0.5);
}
.lk-block .blue-link {
width: 220px;
position: absolute;
bottom: -4px;
left: 50%;
margin: 0 0 0 -110px;
}
.lk-menu {
width: 280px;
position: relative;
float: left;
margin: 0 0 20px 0;
}
.lk-menu span {
color: #245d94;
text-transform: uppercase;
font-size: 14px;
font-family: 'Proxima Nova Semibold';
letter-spacing: 1.4px;
padding: 0 15px 0 0;
margin: 0 0 2px 0;
line-height: 24px;
background: url(/bitrix/templates/expert/css/../images/tr.png) no-repeat center right;
display: none;
cursor: pointer;
}
.lk-menu span.open {
background: url(/bitrix/templates/expert/css/../images/tr-up.png) no-repeat center right;
}
.lk-menu ul {
position: relative;
padding: 7px 0 3px 0;
background: #f5f5f5;
border: 4px solid #e5e5e5;
}
.lk-menu ul li {
margin: 0 15px;
}
.lk-menu ul li a {
color: #245d94;
text-transform: uppercase;
font-size: 14px;
text-decoration: none;
font-family: 'Proxima Nova Semibold';
letter-spacing: 1.4px;
line-height: 30px;
border-bottom: 1px solid rgba(36,93,148,0.5);
}
.lk-menu ul li a:hover {
color: #59afd9;
border-bottom: 1px solid rgba(89,175,217,0.5);
}
.lk-news {
position: relative;
margin: 7px 0 10px 0;
}
.lk-news span {
display: block;
margin: 0 0 5px 0;
color: #777;
font-size: 12px;
letter-spacing: 1.2px;
}
.lk-news a {
color: #245d94;
font-size: 16px;
line-height: 24px;
text-decoration: none;
border-bottom: 1px solid rgba(36,93,148,0.5);
}
.company-logo {
position: relative;
margin: 22px 0 36px 0;
}
.company-logo img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.company-data {
position: relative;
margin: 0 0 5px 0;
}
.company-data span {
display: block;
color: #777;
font-size: 16px;
line-height: 24px;
}
.company-data p {
font-size: 16px;
line-height: 24px;
}
.company-data a {
color: #245d94;
font-size: 16px;
line-height: 24px;
text-decoration: none;
border-bottom: 1px solid rgba(36,93,148,0.5);
}
.status {
min-height: 30px;
margin: 15px 0;
padding: 10px 0 10px 55px;
font-size: 16px;
line-height: 24px;
background: #f5f5f5 url(/bitrix/templates/expert/css/../images/icon17.png) no-repeat 15px 50%;
}
.status span {
color: #777;
display: block;
}
.lk-plan, .lk-user {
position: relative;
overflow: hidden;
margin: 0 0 5px 0;
}
.lk-plan p, .lk-user p {
font-size: 16px;
line-height: 24px;
}
.lk-plan span {
display: block;
color: #777;
font-size: 12px;
line-height: 24px;
}
.lk-user span {
width: 70px;
float: left;
font-size: 16px;
line-height: 24px;
}
.lk-user p {
margin: 0 0 0 70px;
}
.lk-block h3 a:hover, .lk-news a:hover, .company-data a:hover {
color: #59afd9;
border-bottom: 1px solid rgba(89,175,217,0.5);
}
/* feedback */
.feedbacks {
position: relative;
overflow: hidden;
}
.feedbacks h3 {
margin: 0 0 35px 0 !important;
}
.feedback-item {
width: 580px;
position: relative;
overflow: hidden;
float: left;
margin: 0 0 40px 0;
}
.feedback-item:nth-child(2n+1) {
float: right;
}
.feedback-item p {
position: relative;
padding: 20px 15px;
font-size: 18px;
line-height: 30px;
background: #f5f5f5;
border: 4px solid #e5e5e5;
display: table;
}
.feedback-item p:after {
width: 15px;
height: 19px;
position: absolute;
left: 100px;
bottom: -19px;
background: url(/bitrix/templates/expert/css/../images/icon22.png) no-repeat;
content: '';
}
.feedback-item p span {
vertical-align: middle;
display: table-cell;
}
.feedback-client {
position: relative;
overflow: hidden;
margin: 20px 0 0 0;
}
.feedback-client img {
width: 80px;
height: 80px;
float: left;
}
.feedback-name {
font-family: 'Proxima Nova Semibold';
font-size: 18px;
line-height: 24px;
}
.feedback-client .feedback-name {
margin: 10px 0 0 100px;
}
.feedback-name span {
display: block;
font-size: 12px;
color: #777;
text-transform: uppercase;
letter-spacing: 1.2px;
}
.feedbacks .blue-link {
width: 260px;
float: right;
margin: 20px 0 0 0;
}
#stock .rubrics-list {
margin: 15px 0 0 0;
}
#stock .banner-inner {
margin: 50px 0 20px 0;
}
/* Для текстовых страниц */
#wrapper_all .text-content h1 {
line-height: 50px;
margin: 0 0 28px 0;
}
.text-content {
position: relative;
}
.text-content p {
font-size: 18px;
line-height: 30px;
margin: 0 0 20px 0;
}
.text-content p {
width: 880px;
}
#wrapper_all .text-content h2 {
width: 580px;
margin: 44px 0 10px 0;
}
.text-content-img {
position: relative;
overflow: hidden;
margin: 21px 0 51px 0;
}
.text-content-img img {
width: 580px;
height: auto;
position: relative;
display: block;
}
.text-content-img span {
position: absolute;
left: 601px;
bottom: -3px;
display: block;
color: #777;
font-size: 12px;
letter-spacing: 1.2px;
text-transform: uppercase;
line-height: 12px;
}
#wrapper_all .text-content h3 {
font-size: 24px;
line-height: 36px;
font-family: 'Proxima Nova Semibold';
margin: 15px 0 8px 0;
}
.column-text {
position: relative;
overflow: hidden;
margin: 0 -20px 0 0;
}
.column-text div {
width: 580px;
float: left;
margin: 0 20px 0 0;
}
.column-text div p {
width: 100%;
}
#wrapper_all .text-content h4 {
font-size: 18px;
line-height: 30px;
letter-spacing: 1.8px;
margin: 0 0 3px 0;
font-family: "ProximaNovaBold";
text-transform: uppercase;
}
.text-content ul, .text-content ol {
font-size: 18px;
line-height: 24px;
list-style-position: outside;
}
.text-content ul {
margin: 0 0 14px 0;
}
.text-content ul li, .text-content ol li {
margin: 0 0 6px 0;
}
.text-content ul li {
padding: 0 0 0 20px;
background: url(/bitrix/templates/expert/css/../images/disc.png) no-repeat 0 10px;
}
.text-content ol {
margin: 0 0 14px 20px;
list-style-type: decimal;
}
.text-content ol li {
padding: 0 0 0 10px;
}
.text-content table {
width: 100%;
position: relative;
text-align: left;
font-weight: normal;
}
.text-content table th {
padding: 10px 30px;
font-size: 18px;
line-height: 30px;
font-weight: normal;
background: #f5f5f5;
border-left: 1px solid #e5e5e5;
}
.text-content table td {
padding: 10px 30px;
font-size: 16px;
line-height: 24px;
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
}
.text-content table td:first-child {
width: 150px;
padding: 10px 20px 10px 10px;
border-left: none;
}
.text-content table th:first-child {
width: 150px;
padding: 0 20px 0 10px;
border-left: none;
}
.text-content table tr:first-child th {
padding: 0 30px;
}
.text-content table tr:first-child th:first-child {
padding: 0 20px 0 10px;
}
/* элементы */
.elements {
position: relative;
overflow: hidden;
margin: 50px 0;
padding: 50px 20px;
background: #f5f5f5;
}
.radio-item, .checkbox-item {
position: relative;
margin: 0 0 30px 0;
}
/* radio */
.radio-item label {
padding: 0 0 0 30px;
margin: 0 30px 0 0;
color: #777;
font-size: 16px;
line-height: 24px;
font-weight: normal;
background: url(/bitrix/templates/expert/css/../images/radio.png) no-repeat center left;
}
.radio-item label input[type="radio"] {
display: none;
}
.radio-item label:hover {
color: #222;
background: url(/bitrix/templates/expert/css/../images/radio-h.png) no-repeat center left;
}
.radio-item label.checked {
color: #222;
background: url(/bitrix/templates/expert/css/../images/radio-ch.png) no-repeat center left;
}
/* checkbox */
.checkbox-item label {
padding: 0 0 0 30px;
margin: 0 30px 0 0;
color: #777;
font-size: 16px;
line-height: 24px;
font-weight: normal;
background: url(/bitrix/templates/expert/css/../images/checkbox.png) no-repeat center left;
}
.checkbox-item label input[type="checkbox"] {
display: none;
}
.checkbox-item label:hover {
color: #222;
background: url(/bitrix/templates/expert/css/../images/checkbox-h.png) no-repeat center left;
}
.checkbox-item label.checked {
color: #222;
background: url(/bitrix/templates/expert/css/../images/checkbox-ch.png) no-repeat center left;
}
/* селект с чекбоксами */
.checkbox-select {
position: relative;
overflow: hidden;
margin: 0 0 30px 0;
}
.checkbox-select span {
width: 140px;
float: left;
color: #222;
font-size: 16px;
line-height: 24px;
}
.checkbox-select-wp {
width: 220px;
float: left;
}
.checkbox-select-wp p {
padding: 0 10px 3px 0;
color: #777;
font-size: 16px;
line-height: 24px;
font-style: italic;
background: url(/bitrix/templates/expert/css/../images/tr-sel.png) no-repeat center right;
border: none;
border-bottom: 2px solid #272525;
cursor: pointer;
}
.checkbox-select-wp p.act {
color: #222;
font-style: normal;
}
.checkbox-select .checkbox-item {
padding: 10px;
background: #222;
display: none;
}
.checkbox-select .checkbox-item label {
display: block;
margin: 0 0 5px 0;
color: #fff !important;
}
/* просто селект */
.select {
position: relative;
overflow: hidden;
margin: 0 0 30px 0;
}
.select span {
width: 140px;
float: left;
color: #222;
font-size: 16px;
line-height: 24px;
}
.select-wp {
width: 220px;
float: left;
}
.select-wp p {
padding: 0 10px 3px 0;
color: #777;
font-size: 16px;
line-height: 24px;
font-style: italic;
background: url(/bitrix/templates/expert/css/../images/tr-sel.png) no-repeat center right;
border: none;
border-bottom: 2px solid #272525;
cursor: pointer;
}
.select-wp p.act {
color: #222;
font-style: normal;
}
.select-item {
padding: 2px 10px 10px 10px;
background: #222;
display: none;
}
.select-item label {
display: block;
font-size: 16px;
line-height: 24px;
color: #fff;
font-weight: normal;
}
.select-item label:hover {
color: #59afd9;
}
/* форма */
.wrapper form {
position: relative;
overflow: hidden;
margin: 20px 0;
}
.wrapper form .form-item {
position: relative;
clear: both;
margin: 0 0 15px 0;
}
.wrapper form .form-item span {
width: 140px;
float: left;
color: #222;
font-size: 16px;
line-height: 40px;
font-weight: normal;
}
.wrapper form .form-item input[type="text"], .wrapper form .form-item input[type="password"] {
width: 220px;
height: 38px;
color: #222;
font-size: 16px;
background: transparent;
border: none;
border-bottom: 2px solid #222;
}
.wrapper form textarea {
width: 420px;
height: 40px;
padding: 0;
margin: 0;
color: #222;
font-size: 16px;
line-height: 40px;
background: transparent url(/bitrix/templates/expert/css/../images/fon5.png) repeat;
border: none;
}
.wrapper form::-webkit-input-placeholder {color: #777; font-size: 16px; line-height: 24px; font-style: italic;}
.wrapper form::-moz-placeholder {color: #777; font-size: 16px; line-height: 24px; font-style: italic;}
.wrapper form:-moz-placeholder {color: #777; font-size: 16px; line-height: 24px; font-style: italic;}
.wrapper form:-ms-input-placeholder {color: #777; font-size: 16px; line-height: 24px; font-style: italic;}
.wrapper form .button-item {
position: relative;
overflow: hidden;
margin: 30px 0 30px 140px;
}
.wrapper form .button-item input[type="submit"]{
width: 200px;
height: 40px;
position: relative;
float: left;
margin: 0 20px 10px 0;
padding: 0;
color: #fff;
text-decoration: none;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 40px;
text-align: center;
text-decoration: none;
border: none;
background: #245d94;
-webkit-appearance: none;
}
.wrapper form .button-item input[type="submit"]:hover {
background: #59afd9;
}
.wrapper form .button-item input[type="delete"]{
width: 196px;
height: 36px;
position: relative;
float: left;
margin: 0;
padding: 0;
color: #245d94;
text-decoration: none;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 36px;
text-align: center;
text-decoration: none;
border: 2px solid #245d94;
background: none;
}
@media screen and (max-width:1300px){
#logo {margin: 20px 0 0 0;}
}
@media screen and (max-width:1190px){
.wp, .wp-h, .bottom-rubrics {width: 940px;}
#footer .left-block-info, .footer-menu, .informers {width: 240px;}
#rubrics .title {width: auto; float: none;}
.feedback-item {width: 460px;}
.feedback-item p {padding: 10px 15px;}
#search-place .newsletter {width: 300px;}
#search-place form {margin: 10px 320px 0 0;}
#rubrics .title-place {padding: 20px 0 30px 0;}
.rubrics-list .block {width: 300px;}
.main-news .news-item {width: 220px;}
.main-news .news-title a {font-size: 18px;}
.blue-block p {padding: 50px 0 50px 80px;}
.magazine-text-block, .magazine-gray-block {width: 700px;}
.magazine-gray-block p {padding: 40px 150px 40px 80px;}
.magazine-gray-block .blue-link {margin: 0 0 -4px 80px;}
.magazine-list .magazine-info:after {height: 50px;}
.magazine-archive .magazine-item {width: 292px;}
.last-year .magazine-item {width: 262px;}
.archive-link-left, .archive-link-right {width: 460px;}
.inner-news .news-item {width: 460px;}
.inner-news .news-img {width: 220px;}
.inner-news .news-img img {width: 220px; height: 250px;}
.inner-news .news-title {width: 220px; height: 205px; padding: 0 0 45px 0;}
.inner-news .news-date {bottom: 0;}
.inner-news .news-title:after {display: none;}
#news-inner .inner-text p, .text-content p {width: 100%;}
.grey-text {margin: 0 0 30px 320px; padding: 40px 20px 40px 80px;}
.product-item {width: 300px;}
.lk-menu {width: 220px;}
.lk-column {width: 220px;}
.product-gallery, .product-info-wp {width: 460px;}
.product-seller .block-l, .product-seller .block-r, .product-contact .block-l, .product-contact .block-r {width: 220px;}
.product-text .block-l, .product-text .block-r {width: 460px;}
#share-place .block-l, #share-place .block-r {width: 460px;}
.column-text div {width: 460px;}
}
@media screen and (max-width:1000px){
#popular h3 {margin: 0 0 0 10px !important;}
#popular .rubrics-list {padding: 0 0 0 20px;}
#popular:before {width: calc(100% - 8px); left: 0;}
#feedback-form textarea {width: 400px;}
#feedback-form, #message-form-ok, #message-form-err {width: 580px;}
}
@media screen and (max-width:960px){
.wp, .wp-h, .bottom-rubrics {width: auto; margin: 0 10px;}
.informers {display: none;}
.feedback-item {width: 49%;}
.rubrics-list .block {width: 30%;}
.rubrics-list .block:child(1), .rubrics-list .block:nth-child(2) {margin-right: 3%;}
.main-news {margin: 30px -2% 30px 0;}
.main-news .news-item {width: 23%; margin: 0 2% 40px 0;}
.archive-link-left, .archive-link-right {width: 50%;}
.archive-link-left {margin: 0;}
.archive-link {float: left;}
.inner-news {margin: 40px -3% 40px 0;}
.inner-news .news-item {width: 47%; margin: 0 3% 40px 0;}
.inner-news .news-img {width: 100%;}
.inner-news .news-img img {width: 100%; height: auto;}
.inner-news .news-title {width: 100%; height: auto; padding: 0;}
.inner-news .news-title p {display: none;}
.inner-news .news-title a {color: #fff; border-bottom: 1px solid rgba(255,255,255,0.5);}
.inner-news .news-date {position: absolute; margin: 0; bottom: auto; top: 10px; left: 5%; color: #fff;}
.inner-news .news-img {width: 100%; float: none; display: block;}
.inner-news .news-item .news-title {float: none; width: 90%; position: absolute; bottom: 0; left: 0; padding: 35px 5% 15px 5%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.inner-news .news-item .news-rubric {bottom: auto; top: 20px;}
#lk {margin: 15px 0 0 0;}
.lk-menu {width: 100%; float: none;}
.lk-column {width: 31%; margin: 0 2% 0 0; overflow: hidden;}
#popup_overlay .wp {margin: 0;}
.product-item {width: 31%;}
.product-list {margin: 0 -2% 20px 0;}
.product-item {margin: 0 2% 20px 0;}
.product-gallery, .product-info-wp {width: 49%;}
.product-seller .block-l, .product-seller .block-r, .product-contact .block-l, .product-contact .block-r {width: 49%;}
.product-text .block-l, .product-text .block-r {width: 49%;}
.product-gallery .small-photo {margin: 20px -3% 0 0;}
.product-gallery .small-photo li {width: 29%; margin: 0 3% 0 0;}
#share-place .block-l, #share-place .block-r {width: 49%;}
.column-text div {width: 48%; margin: 0 2% 0 0;}
.column-text {margin: 0 -2% 0 0;}
}
@media screen and (max-width:880px){
#menu .menu li a {font-size: 12px;}
#menu .second-menu {margin: 15px 0 0 0;}
#search-place .newsletter {width: 280px;}
#search-place form {margin: 10px 300px 0 0;}
.main-news .news-title a {font-size: 16px;}
.magazine-list .magazine-img {width: 300px;}
.magazine-list .magazine-info {margin: 0 20px 0 300px;}
.grey-text {margin: 0 0 30px 200px; padding: 40px 20px 40px 80px;}
}
@media screen and (max-width:840px){
.product-item {width: 30.5%;}
}
@media screen and (min-width: 700px) {
#logo { height: 110px;}
}
@media screen and (max-width:700px){
#header {/*height: 70px;*/ background: #f5f5f5; border-bottom: 4px solid #e5e5e5; overflow: visible;}
#header .wp {background: #f5f5f5;}
#logo {width: 141px; margin: 5px 0 0 80px; background: url(/bitrix/templates/expert/css/../images/logo-320.png) no-repeat;}
/*header end*/
#menu {height: auto; padding: 25px 0; border-bottom: none; display: none;}
#menu .menu {height: auto; float: none; margin: 0 0 0 10px;}
#menu .menu li {float: none; margin: 0 0 15px 0;}
#menu .menu li a {font-size: 14px; display: inline; margin: 0;}
#menu .menu li a:hover {color: #59afd9; border-bottom: 1px solid rgba(89,175,217,0.5); padding: 0; margin: 0; background: none;}
#menu .menu li a.active {color: #222; padding: 0; margin: 0; border-bottom: none; background: none;}
#menu .second-menu {margin: 35px 0 0 10px; float: none;}
#menu .second-menu li {float: none; margin: 0 0 15px 0;}
#menu .second-menu li a {color: #245d94; border-bottom: 1px solid rgba(36,93,148,0.5); display: inline; margin: 0;}
.blue-line, .registration {display: none;}
.mob-menu-icon, .registration-icon {display: block;}
/*menu end*/
#before-footer {height: 60px;}
#footer {position: relative; overflow: hidden; padding: 25px 0 50px 0; left: auto; bottom: auto; height: auto;}
.footer-menu {float: none; margin: 0;}
#footer .left-block-info, .footer-menu {width: 100%;}
#footer .left-block-info {float: none; margin: 40px 0;}
.footer-logo {display: none;}
.footer-menu .second-menu {margin: 35px 0;}
/* footer end */
.form-item span {width: auto; float: none; font-size: 12px; line-height: 16px; opacity: 0; filter: alpha(opacity=0);}
.form-item strong {width: auto; float: none; display: block;}
.form-item input[type="text"] {width: 100%;}
.form input[type="submit"] {margin: 30px auto;}
.password-link {margin: 0;}
.bold-link {display: none;}
.form ::-webkit-input-placeholder {opacity: 1; filter: alpha(opacity=100);}
.form ::-moz-placeholder {opacity: 1; filter: alpha(opacity=100);}
.form :-moz-placeholder {opacity: 1; filter: alpha(opacity=100);}
.form :-ms-input-placeholder {opacity: 1; filter: alpha(opacity=100);}
#popup_overlay .wp {width: 100%;}
#popup_overlay {top: 70px;}
.form {width: 90% !important; padding: 20px 5%;}
#feedback-form .captcha-field {width: 220px !important;}
.close-form {top: 25px;}
.captcha {margin: 30px 0 5px 0;}
.overlay-blue {display: none;}
#feedback-form textarea {width: 100%;}
/* form end */
#wrapper_all .form h3 a {display: inline;}
#search-place .gray-line {display: none;}
#search-place .newsletter {width: 100%; float: none; text-align: center;}
#search-place .newsletter a {float: none; display: inline-block;}
#search-place .wp {width: 100%; background: #fff; margin: 0;}
#search-place {height: auto; background: #fff;}
#search-place form {margin: 5px 5% 30px;}
#search-form input[type="submit"] {width: 40px; color: transparent; background: #245d94 url(/bitrix/templates/expert/css/../images/icon10.png) no-repeat center;}
#search-form input[type="text"] {width: calc(100% - 40px); padding: 0 40px 0 10px; background: none;}
#rubrics {margin: 0 0 30px 0;}
#main-news {margin: 0;}
#rubrics .title-place {padding: 20px 0 25px 0;}
.rubrics-list .block {width: 100%; float: none; margin-bottom: 30px;}
.rubrics-list .block:nth-child(1), .rubrics-list .block:nth-child(2) {margin-right: 0;}
.main-archive-link {position: relative; top: auto; right: auto; float: none !important; display: block; margin: 10px 0 0 0;}
.main-news .news-item {width: 48%; padding: 0;}
.news-item .news-rubric {bottom: auto; top: 20px;}
.main-news .news-title p, .main-news .news-title:after {display: none !important;}
.main-news {margin: 0 -2% 40px 0;}
.main-news .news-item .news-title {width: 90%; height: auto !important; position: absolute; bottom: 0; left: 0; padding: 35px 5% 15px 5%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.main-news .news-title a {color: #fff; border-bottom: 1px solid rgba(255,255,255,0.5);}
.main-news .news-date {bottom: auto; top: 10px; left: 5%; color: #fff;}
.main-news .news-item:hover .news-wp {width: auto; position: relative; top: auto; left: auto; padding: 0; border: none; background: none; z-index: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.bread {display: none;}
.search-result {margin: 25px 0 0 0;}
.blue-block {left: auto; margin: 0 0 0 10px; background: #245d94;}
.blue-block p {width: auto; padding: 50px 70px 50px 10px; font-size: 14px; line-height: 24px;}
.fon-block {margin: 0; background: url(/bitrix/templates/expert/css/../images/fon2-320.jpg) no-repeat top center; background-size: cover;}
.magazine-wp {width: 100%;}
.magazine-text-block {width: auto; margin: 30px 10px 0 10px;}
.magazine-text-block p {font-size: 14px; line-height: 24px;}
.magazine-gray-block {width: calc(100% + 20px); margin: 20px 0 0 -10px;}
.magazine-gray-block p {font-size: 14px; line-height: 24px; padding: 40px 10px;}
.magazine-gray-block .blue-link {margin: 0 auto -4px auto;}
.magazine-list {margin: 25px 0 0 0;}
.magazine-list .magazine-item {height: auto; margin: 30px 0 0 0;}
.magazine-list .magazine-img {width: 100%; height: 240px; float: none; background: #f5f5f5;}
.magazine-list .magazine-info {margin: 0 10px; padding: 0;}
.magazine-list .magazine-name {margin: 20px 0 10px 0;}
.magazine-list .magazine-name a {font-size: 16px;}
.magazine-list .magazine-item .archive-link {position: relative; right: auto; top: auto; float: none; display: block; margin: 0 0 20px 10px;}
.magazine-list .magazine-item .blue-link {width: 260px; position: relative; left: auto; bottom: auto; z-index: 1; margin: 0 auto -4px auto;}
.bottom-rubrics .rubrics-list {padding-bottom: 10px !important;}
.bottom-rubrics .rubrics-list .block {margin-bottom: 0 !important;}
.bottom-rubrics .rubrics-list .block ul {margin: 0 !important;}
#popular h3 {margin: 0 0 10px 10px !important;}
#history h3 {margin: 0 0 10px 0 !important;}
.inner-title p {font-size: 16px; line-height: 24px;}
.pages-place .number {display: none;}
.pages-place .pages {float: none;}
.rubrics-sorting {background: none; margin: 30px 0 20px 0;}
.rubrics-sorting .rubrics-tags {float: none; margin: 0 !important;}
.rubrics-sorting .rubrics-tags a {width: 50%;}
.rubrics-sorting .rubrics-tags a span {width: 100%;}
.rubrics-sorting .sorting {float: none;}
.rubrics-sorting .sorting span, .rubrics-sorting .sorting a {margin: 0 20px 0 0; line-height: 20px;}
.bread {display: none;}
.back {display: block;}
.block-l, .block-r {width: 100%; float: none;}
.product-seller .block-l, .product-seller .block-r, .product-contact .block-l, .product-contact .block-r {width: 100%; float: none;}
.product-text .block-l, .product-text .block-r {width: 100%; float: none;}
#share-place .block-l, #share-place .block-r {width: 100%; float: none;}
#share-place h4 {margin: 0 0 10px 0; float: none;}
.product-seller .block-l, .product-contact .block-l {margin: 0 0 10px 0;}
.product-name {margin: 0;}
.product-name .price i {width: 140px; float: left; line-height: 24px;}
.product-name .price strong {margin: 0 0 0 150px;}
.product-name h1 {margin: 0 0 5px 0 !important;}
.product-gallery {width: 100%; float: none; margin: 0 0 20px 0;}
.product-gallery .small-photo {margin: 15px 0 0 0; text-align: center;}
.product-gallery .small-photo li {width: 10px; height: 10px; margin: 0 5px; display: inline-block; float: none; border: 2px solid #245d94;
-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;}
.product-gallery .small-photo li.act-img {background: #245d94;}
.product-gallery .small-photo li:hover {border: 2px solid #5eb1da;}
.product-gallery .small-photo li img {display: none;}
.product-info-wp {width: 100%; float: none;}
.about-product {margin: 0;}.news-inner-img {margin: 20px 0;}
.news-inner-img img, .text-content-img img {width: 100%; max-width: 580px;}
.news-inner-img span, .text-content-img span {position: relative; left: auto; bottom: auto; float: right; margin: 10px 40px 0 0;}
.news-title a {font-size: 16px;}
.inner-text p, .text-content p {font-size: 14px; line-height: 24px; margin: 0 0 4px 0;}
.text-content ul, .text-content ol {font-size: 14px; line-height: 24px;}
#news-inner .inner-text h2, .text-content h2 {width: 100%; padding: 10px 0; font-size: 16px; line-height: 24px;}
.grey-text {font-size: 14px; line-height: 24px; margin: 30px -10px 30px 40px; padding: 30px 20px 30px 50px;}
.grey-text:before {width: 26px; height: 28px; left: -13px; background: url(/bitrix/templates/expert/css/../images/icon20-sm.png) no-repeat;}
.feedback-item {width: 100%; float: none; margin: 0 0 30px 0;}
.feedback-item:nth-child(2n+1) {float: none;}
.feedbacks .blue-link {width: 260px; float: none; display: block; margin: 40px auto 0 auto;}
.feedback-client .feedback-name {font-size: 14px;}
.feedback-item p {font-size: 14px; line-height: 21px; padding: 20px 15px;}
.lk-column {width: 100%; margin: 0; overflow: hidden;}
#share-place .block-r {margin: 25px 0 0 0;}
.product-text {margin: 20px 0 0 0;}
.product-text p {font-size: 14px;}
#wrapper_all .product-text h3 {font-size: 16px;}
.column-text div {width: 100%; float: none; margin: 0;}
.column-text {margin: 0;}
.text-content table th {font-size: 14px; line-height: 21px;}
.text-content table td {font-size: 13px; line-height: 18px;}
.text-content table th {padding: 10px;}
.text-content table tr:first-child th {padding: 0 10px;}
.text-content table td {padding: 10px;}
.wrapper form .button-item {margin: 30px 0;}
.wrapper form span {float: none; display: block; line-height: 21px; opacity: 1; filter: alpha(opacity=1);}
.wrapper form textarea {width: 100%;}
}
@media screen and (max-width:600px){
.inner-title p {margin: 0 0 20px 0;}
.product-item {width: 47%;}
.archive-link-place {margin: 10px 0 0 10px;}
.archive-link-left, .archive-link-right {width: 100%; margin: 10px 0 0 0;}
.archive-link-left a {margin: 0;}
.archive-link-place .archive-link {float: none !important; display: block;}
}
@media screen and (max-width:500px){
.news-inner-img {float: none !important;}
.wrapper {margin: 15px 0 0 0;}
#footer .left-block {float: none;}
#footer .right-block {float: none; text-align: left;}
#wrapper_all h1 {font-size: 24px; line-height: 30px; margin: 0 0 10px 0;}
#wrapper_all h2 {font-size: 20px; line-height: 36px;}
.product-text h2 {margin: 0 !important;}
#main-news .wp {width: 100%; margin: 0;}
.main-news {margin: 25px 0 30px 0;}
.main-news .news-item {width: 100%; margin: 0;}
#main-news h2 {margin: 0 10px;}
#main-news .main-archive-link {margin: 10px 0 0 10px;}
.info-404 p {font-size: 16px;}
.info-404 {margin: 0;}
.info-404 h1 {margin: 0 0 7px 0 !important;}
.search-404 {margin: 30px 0 50px 0;}
.inner-news {width: calc(100% + 20px); margin: 20px 0 0 -10px;}
.inner-news .news-item {width: 100%; margin: 0;}
.pages {margin: 20px 0 0 0;}
.news-filter {margin: -5px 0 20px 0; width: 10000px;}
.news-filter span {display: none;}
.news-filter a.current {font-size: 16px;}
.magazine-archive {margin: 20px 0 0 0;}
.magazine-archive .magazine-info {margin: 20px 5%;}
.magazine-archive .magazine-item {width: auto; float: none; margin: 0 0 20px 0;}
.last-magazine-archive {margin: 0;}
.last-year {margin: 20px 0 0 0;}
.last-year .magazine-item {width: auto; padding: 15px 5%; float: none; margin: 0 0 20px 0;}
.rubrics-list .block ul li a {font-size: 14px;}
.rubrics-list .block ul li {margin: 0 0 5px 15px !important;}
.product-item {width: 100%;}
.product-list {margin: 0 0 20px 0;}
.product-item {margin: 0 0 20px 0;}
.rubrics-sorting .sorting span {float: none; margin: 0 0 10px 0; display: block;}
#stock {display: none;}
.this-year {margin: -10px 0 0 0;}
.this-year p {font-size: 16px; line-height: 24px;}
.search-page {margin: 22px 0 0 0;}
}
/* End */
/* Start:/bitrix/templates/expert/css/slider.css?15458343923796*/
#feedbacks-partners {
position: relative;
margin: 0 0 50px 0;
border-bottom: 4px solid #e5e5e5;
}
#feedbacks-partners .flexslider {
width: 1180px;
position: relative;
margin: 0 auto;
}
#feedbacks-partners .flexslider .slides > li {
width: 100%;
min-height: 520px;
}
#feedbacks-partners .flexslider .slides > li .feedback-text {
position: relative;
padding: 80px 0 60px 0;
z-index: 1;
}
#feedbacks-partners .flexslider .slides > li p {
font-family: 'Proxima Nova Semibold';
font-size: 24px;
line-height: 36px;
}
#feedbacks-partners .flexslider .slides > li .feedback-name {
margin: 30px 0 0 0;
}
#feedbacks-partners .flexslider .slides > li img {
position: absolute;
bottom: 0;
right: 0;
margin: -100px 0 0 0;
}
#feedbacks-partners .flexslider .slides > li .feedback-text-wp {
width: 480px;
padding: 0 0 0 100px;
background: url(/bitrix/templates/expert/css/../images/icon21.png) no-repeat top left;
}
.flex-container a:active,
.flexslider a:active,
.flexslider1 a:active,
.flex-container a:focus,
.flexslider a:focus { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav {
padding: 0;
list-style: none;
}
.flex-container{position: relative;}
.flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
width: 100%;
/*height: 100%;*/
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides > li.flex-img1 {
background: url('/bitrix/templates/expert/css/../images/main/1.jpg') no-repeat center;
background-size: cover;
}
.flexslider .slides > li.flex-img2 {
background: url('/bitrix/templates/expert/css/../images/main/2.jpg') no-repeat center;
background-size: cover;
}
.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }
.flexslider {
position: relative;
zoom: 1;
padding: ;
margin: 0;
}
.flexslider .slides, .flexslider1 .slides { zoom: 1; }
.flex-direction-nav a {
display: none;
}
#feedbacks-partners .flexslider .flex-control-nav {
position: absolute;
left: 100px;
bottom: 40px;
text-align: left;
}
#feedbacks-partners .flex-control-nav li {
display: inline-block;
zoom: 1;
}
#feedbacks-partners .flex-control-paging li a {
width: 10px;
height: 10px;
margin: 0 15px 0 0;
display: block;
border: 2px solid #245d94;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
text-indent: -9999px;
}
#feedbacks-partners .flex-control-paging li a:hover {
border: 2px solid #59afd9;
}
#feedbacks-partners .flex-control-paging li a.flex-active {
background-color: #245d94;
}
@media screen and (max-width:1190px){
#feedbacks-partners .flexslider {width: 940px;}
#feedbacks-partners .flexslider .slides > li img {right: -50px;}
}
@media screen and (max-width:1024px){
#feedbacks-partners .flexslider .flex-control-nav {left: 80px;}
#feedbacks-partners .flexslider .slides > li .feedback-text-wp {padding: 0 0 0 80px;}
}
@media screen and (max-width:960px){
#feedbacks-partners .flexslider {width: auto; margin: 0 10px;}
}
@media screen and (max-width:700px){
.flex-control-paging li a {margin: 0 7px;}
#feedbacks-partners .flexslider {width: 100%;}
#feedbacks-partners .flexslider .slides > li .feedback-text {padding: 40px 0; margin: 0 3%;}
#feedbacks-partners .flexslider .slides > li .feedback-text-wp {width: 100%; padding: 50px 0 0 0; background: url(/bitrix/templates/expert/css/../images/icon21-sm.png) no-repeat top left;}
#feedbacks-partners .flexslider .flex-control-nav {left: 3%; bottom: 20px;}
#feedbacks-partners .flexslider .slides > li .feedback-name {margin: 50px 0 0 0;}
#feedbacks-partners .flexslider .slides > li img {width: 68%; position: relative; bottom: auto; right: auto; margin: -100px -20px 0 0; float: right;}
#feedbacks-partners .flexslider .slides > li p {font-size: 18px; line-height: 24px;}
}
/* End */
/* Start:/bitrix/templates/expert/css/magnific-popup.css?15344333736493*/
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
/* End */
/* Start:/bitrix/templates/expert/css/jquery-ui.css?153443337235973*/
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); /* support: IE8 */
}
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
/* support: IE10, see #8844 */
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
}
/* icon support */
.ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Support: IE <= 11 */
overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25); /* support: IE8 */
opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); /* support: IE8 */
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); /* support: IE8 */
background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("/bitrix/templates/expert/css/images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("/bitrix/templates/expert/css/images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url("/bitrix/templates/expert/css/images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url("/bitrix/templates/expert/css/images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url("/bitrix/templates/expert/css/images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("/bitrix/templates/expert/css/images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
background-image: url("/bitrix/templates/expert/css/images/ui-icons_777777_256x240.png");
}
/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}
/* End */
/* Start:/bitrix/templates/expert/css/user.css?15344333741477*/
.lk-column form.content-form {
width: 100%;
}
.lk-column .form-item span, .form-item strong {
min-width: 200px;
}
.map-block {
padding: 20px 0;
}
input[type="button"] {
width: 200px;
height: 40px;
position: relative;
float: left;
margin: 0 20px 10px 0;
padding: 0;
color: #fff;
text-decoration: none;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 40px;
text-align: center;
text-decoration: none;
border: none;
background: #245d94;
-webkit-appearance: none;
}
.profile-buttons {
float: left;
margin: 30px 0 30px 20px !important;
width: 220px;
height: 40px;
position: relative;
display: block;
color: #fff;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 35px;
letter-spacing: 1px;
text-align: center;
background: #59afd9;
border: none;
cursor: pointer;
}
.delete-button {
background-color: #FF0000;
}
.personal-right-block {
width: 74%;
}
.no-top-margin {
margin-top: 0;
}
.lk-column .text-content table td:first-child,
.lk-column .text-content table th:first-child {
width: inherit;
}
.lk-column .text-content table td,
.lk-column .text-content table th {
vertical-align: top;
}
.error-block {
color: #ff0000;
margin: 15px;
}
.success-block {
color: #008000;
margin: 15px;
}
.reload-captcha {
color: #fff;
text-decoration: none;
border-bottom: 1px dotted #fff;
}
.acts-link {
float: right;
}
#accordion h3 span{
color: #245d94;
border-bottom: 1px dashed;
display: inline-block;
cursor: pointer;
}
/* End */
/* Start:/bitrix/templates/expert/css/city.css?15344333715140*/
.pop-city {
position: absolute;
width: 100%;
z-index: 110;
display: none;
}
.pop-city-box {
background-color: #fff;
max-width: 1180px;
position: relative;
margin: 0 auto;
border: 3px solid #245d94;
padding: 20px;
}
.pop-city .title {
font-size: 20px;
}
.pop-city .list {
padding: 10px 0;
}
.pop-city .list .item {
width: 25%;
float: left;
}
.pop-city .list a {
font-size: 15px;
color: #245d94;
text-decoration: none;
display: inline-block;
padding: 5px 0;
}
.clear {
clear: both;
}
.pop-city a:hover {
color: #59afd9;
}
.pop-city .close {
width: 30px;
height: 20px;
position: absolute;
right: 10px;
cursor: pointer;
}
#logo .link {
display: block;
height: 60px;
}
.logo-city {
padding-left: 53px;
}
.logo-city-link {
color: #245d94;
text-decoration: underline;
font-size: 18px;
font-weight: bold;
cursor: pointer;
}
.pop-city-search-input, .pop-city-search-sub {
display: inline-block;
vertical-align: middle;
line-height: 33px;
height: 33px;
border: 1px solid #ccc;
box-sizing: border-box;
padding: 0 5px;
}
.pop-city-search {
padding-top: 15px;
}
.pop-city-search-input {
max-width: 200px;
width: 100%;
}
.pop-city-search-sub {
background-color: #245d94;
color: #fff;
padding: 0 15px;
border-color: #1f537b;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu .ui-menu-item-wrapper {
padding: 5px;
}
.pop-city-select {
display: none;
}
.s-main-text-footer {
padding-top: 20px;
}
.s-main-text-footer h1, .s-main-text-footer h2, .s-main-text-footer h3 {
margin: 10px 0 !important;
}
.s-main-text-footer p {
margin-bottom: 10px;
}
.s-main-text-footer-shadow {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff');
background: -webkit-linear-gradient(rgba(255, 255, 255, 0), #fff);
background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff);
background: linear-gradient(rgba(255, 255, 255, 0), #fff);
height: 145px;
margin: -145px 0 5px;
position: relative;
z-index: 1;
}
.s-main-text-footer .text {
overflow: hidden;
max-height: 150px;
padding-bottom: 10px;
}
.s-main-text-footer a {
color: #245d94;
}
.s-main-text-footer.active .s-main-text-footer-shadow {
display: none;
}
.s-main-text-footer.active .text {
max-height: none;
}
.s-catalog-section-top-table {
background-color: #f9f9f9;
display: table;
width: 100%;
}
.s-catalog-section-top-table .col {
display: table-cell;
vertical-align: middle;
}
.s-catalog-section-top-table .text {
padding: 10px;
}
.s-catalog-section-top-table .col-photo {
width: 200px;
}
.h1-inline h1 {
display: inline-block;
}
.s-catalog-stat-count {
display: inline-block;
vertical-align: 6px;
color: #777;
margin-left: 10px;
}
.s-catalog-stat-main {
padding: 10px 0;
color: #777;
}
.s-catalog-ophen {
background-color: #f9f9f9;
margin: 20px 0 10px;
padding: 10px;
}
.s-catalog-ophen .title {
font-size: 18px;
padding-bottom: 10px;
}
.s-catalog-ophen a {
color: #777;
}
.company-pred-count {
color: #777;
margin-left: 4px;
}
.s-section-sale-in-region {
border: 2px solid #245d94;
padding: 10px;
}
.s-section-sale-in-region .title {
font-size: 16px;
font-weight: bold;
display: block;
}
.s-section-sale-in-region .item {
float: left;
width: 25%;
padding: 5px 0;
}
.s-section-sale-in-region a {
color: #245d94;
}
.s-section-sale-in-region .count {
color: #777;
}
.s-sosed-region .item {
width: 50%;
}
.search-box {
display: table;
width: 100%;
}
.search-box .col {
display: table-cell;
vertical-align: middle;
}
.search-city {
height: 42px;
line-height: 42px;
color: #fff;
font-size: 16px;
font-family: "ProximaNovaBold";
letter-spacing: 1px;
text-align: center;
background: #245d94;
cursor: pointer;
}
.city-ip-pop {
position: absolute;
background-color: #e8e8e8;
padding: 15px;
display: table;
left: 250px;
top: 16px;
text-align: center;
border: 2px solid #245d94;
}
.city-ip-pop .title {
padding-bottom: 10px;
}
.city-ip-pop .title span {
font-weight: bold;
}
.city-ip-pop-buttons {
}
.ui-front{
z-index: 120;
}
@media screen and (max-width: 940px) {
.city-ip-pop {
width: 200px;
padding: 15px;
left: 50%;
margin-left: -100px;
top: 100px;
z-index: 2000;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.6);
position: fixed;
}
}
@media screen and (max-width: 700px) {
.s-catalog-section-top, .s-main-text-footer, .s-catalog-stat-main, .s-catalog-stat-countm .s-section-sale-in-region, .col-city {
display: none !important;
}
#search-form input[type="text"] {
background: #fff !important;
}
#logo .link {
height: 40px;
}
.logo-city {
padding: 5px 0 0 0;
}
.logo-city-link {
font-size: 13px;
}
.pop-city .list .item {
width: 50%;
}
.pop-city-search-input {
width: 180px;
}
}
/* End */
/* Start:/bitrix/templates/expert/css/banner.css?16741073886346*/
/* SLIDER ON MAINPAGE */
#main-slider {
width: 100%;
position: relative;
overflow: hidden;
}
#main-slider .flexslider .slides > li {
width: 100%;
height: 480px;
}
#main-slider .flexslider .slides > li a {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: block;
text-decoration: none;
}
#main-slider .sl-wp {
width: 1180px;
position: relative;
margin: 0 auto;
display: block;
}
#main-slider .sl-info {
width: 610px;
position: relative;
display: block;
margin: 88px 0 0 0;
}
#main-slider .sl-info strong {
color: #fff;
font-size: 50px;
line-height: 60px;
font-family: 'Proxima Nova Semibold';
letter-spacing: 5px;
text-transform: uppercase;
display: block;
}
#main-slider .sl-info strong em {
color: #fff;
font-size: 24px;
line-height: 40px;
font-style: normal;
letter-spacing: 2.4px;
display: block;
}
#main-slider .sl-text {
margin: 18px 0 0 0;
display: block;
color: #fff;
font-size: 16px;
line-height: 24px;
}
#main-slider .sl-info i {
width: 220px;
height: 40px;
position: relative;
display: block;
margin: 33px 0 0 0;
color: #fff;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 40px;
text-align: center;
font-style: normal;
background: #245d94;
cursor: pointer;
}
#main-slider .sl-info i:hover {
color: #245d94;
background: #fff;
}
#main-slider .flexslider .flex-control-nav {
width: 1180px;
position: relative;
/*margin: -55px auto 0 auto;*/
margin: -30px auto 0 auto;
text-align: left;
z-index: 10;
}
#main-slider .flex-control-nav li {
display: inline-block;
zoom: 1;
}
#main-slider .flex-control-paging li a {
width: 10px;
height: 10px;
margin: 0 15px 0 0;
display: block;
border: 2px solid #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
cursor: pointer;
text-indent: -9999px;
}
#main-slider .flex-control-paging li a.flex-active {
background-color: #fff;
}
@media screen and (max-width:1260px){
#main-slider .flexslider .slides > li {
background-size: contain;
padding-top: 39%;
height: 0;
}
}
@media screen and (max-width:1230px){
#main-slider .sl-wp {
left: 0;
top: 0;
height: 100%;
}
#main-slider .sl-info {
margin-top: 0;
bottom: 50px;
position: absolute;
}
}
@media screen and (max-width:1190px){
#main-slider .sl-wp {width: 940px;}
#main-slider .sl-info {width: 460px;}
#main-slider .flexslider .flex-control-nav {width: 940px;}
}
@media screen and (max-width:960px){
#main-slider .sl-wp {width: auto; margin: 0 10px;}
#main-slider .flexslider .flex-control-nav {width: auto; margin: -40px 10px 0 10px;}
#main-slider .sl-text {display: none;}
}
@media screen and (max-width:700px){
#main-slider {
padding-bottom: 50px;
overflow: auto;
}
#main-slider .flexslider .slides > li a {background: rgba(0,0,0,0.5);}
#main-slider .flexslider .flex-control-nav {width: auto; text-align: center; margin: -35px 10px 0 10px; z-index: 8;}
#main-slider .sl-info {width: 100%; height: 100%; left:0; top: 0; padding-top: 20px; box-sizing: border-box;}
#main-slider .sl-info strong {font-size: 24px; line-height: 34px;}
#main-slider .sl-info strong em {font-size: 16px; line-height: 30px;}
#main-slider .sl-info i {
position: absolute;
bottom: -50px;
left: 50%;
margin: 0 0 0 -110px;
}
}
@media screen and (max-width:480px){
#main-slider .flexslider .flex-control-nav {
display: none;
}
}
/* BANNER ON MAINPAGE UNDER SLIDER */
#banner-big {
max-width: 1260px;
position: relative;
margin: 40px auto 35px;
}
#banner-big img {
width: 100%;
height: auto;
display: block;
}
.wrapper #banner-big {
margin: 30px auto;
}
@media screen and (max-width:700px){
#banner-big {
margin: 20px auto 15px;
}
}
#banner-small {
width: 820px;
height: 98px;
float: right;
margin: 0 -40px 0 0;
border: 1px solid #e5e5e5;
}
#banner-small img {
width: 100%;
height: auto;
display: block;
}
.banner-inner {
position: relative;
margin: 30px 0;
}
.banner-inner-left, .banner-inner-right {
width: 580px;
float: left;
}
.banner-inner-left {
margin: 0 20px 0 0;
}
.banner-inner-left img, .banner-inner-right img {
width: 100%;
height: auto;
display: block;
}
.banner-inner-left img {
float: right;
}
.banner-right {
width: 270px;
position: relative;
float: right;
margin: 20px 0 0 0;
}
.banner-right div {
position: relative;
margin: 0 0 20px 0;
}
.banner-right div img {
width: 100%;
height: auto;
display: block;
}
@media screen and (max-width:1190px){
#banner-small {
float: none;
margin: 25px auto 0;
width: auto;
max-width: 820px;
height: auto;
}
.banner-inner-left, .banner-inner-right {width: 460px;}
.banner-inner-left {margin: 0 20px 0 0px;}
.banner-inner-right {margin: 0 0px 0 0;}
.banner-inner-left img {float: none;}
}
@media screen and (max-width:960px){
.banner-inner-left, .banner-inner-right {max-width: 580px;width: 100%; margin: 0 auto 20px;float: none;}
}
@media screen and (max-width:700px){
.banner-inner {
margin: 20px -10px 0;
}
}
.banner-vertical-right {
float: right;padding: 0 0 15px 15px; margin:0px;
z-index: 1;
position: relative;
}
.banner-vertical-right-mobile div {
display: none;
}
@media screen and (max-width:460px){
.banner-vertical-right {
display: none;
}
.banner-vertical-right-mobile {
max-width: 240px;
padding: 0;
float: none;
margin: 30px auto 0;
display: block;
z-index: 1;
position: relative;
}
.banner-vertical-right-mobile div {
display: block;
}
}
.banner-goods-and-services {
max-width: 1180px;
margin: 20px auto;
}
.banner-goods-and-services img {
max-width: 100%;
height: auto;
display: block;
}
@media screen and (max-width:1190px){
.banner-goods-and-services {
max-width: 940px;
}
}
@media screen and (max-width:960px){
.banner-goods-and-services {
margin-left: 10px;
margin-right: 10px;
}
}
@media screen and (max-width:480px){
.banner-goods-and-services {
margin: 20px 0 0 0;
}
}
.banner-head {
text-align: center;
}
.banner-head div {
max-width: 468px;
height: 110px;
line-height: 110px;
display: inline-block;
}
.banner-head img {
width: 100%;
height: auto;
max-height: 100%;
vertical-align: middle;
}
@media screen and (max-width:1190px){
.banner-head div {
/* max-width: 270px;*/
}
}
@media screen and (max-width:960px){
.banner-head {
/* display: none;*/
}
}
/* End */
/* Start:/bitrix/templates/expert/css/news.css?15487530183867*/
.related_news {
margin-top: 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.related_news__item {
width: 32%;
margin-bottom: 20px;
}
.related_news__item img {
width: 100%;
height: auto;
}
.related_news__item .news-item {
display: flex;
}
.related_news__item .news-img {
width: 40%;
flex-shrink: 0;
margin-right: 10px;
}
.related_news__item .news-title a {
font-size: 16px;
}
@media screen and (max-width:900px) {
.related_news__item {
width: 49%;
}
}
@media screen and (max-width:640px) {
.related_news__item {
width: 100%;
}
}
/* Text overflow ellipsis
.related_news__item .news-title {
overflow: hidden;
height: 120px;
line-height: 24px;
}
.related_news__item .news-title:before {
content:"";
float: left;
width: 5px; height: 120px; }
.related_news__item .news-title > *:first-child {
float: right;
width: 100%;
margin-left: -5px; }
.related_news__item .news-title:after {
content: "\02026";
box-sizing: content-box;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
float: right; position: relative;
top: -24px; left: 100%;
width: 3em; margin-left: -3em;
padding-right: 5px;
text-align: right;
background-size: 100% 100%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);
background: -webkit-gradient(linear, left top, right top,
from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}
/* END Text overflow ellipsis */
/* End */
/* Start:/bitrix/templates/expert/components/bitrix/system.auth.form/popup/style.css?1534433359218*/
.form-item input[type="password"] {
width: 220px;
height: 38px;
color: #fff;
font-size: 16px;
background: transparent;
border: none;
border-bottom: 2px solid #fff;
}
p.error {
color: #ff1118;
padding: 5px 0;
}
/* End */
/* Start:/bitrix/components/expert/form.sender/templates/request/style.css?149443980052*/
.success-message {
font-size: 14px;
color: #fff;
}
/* End */
/* Start:/bitrix/templates/expert/styles.css?17208744881411*/
.social a.ok {
background: url('/bitrix/templates/expert/images/nn/icon-ok.png') no-repeat;
background-position: 0 -1px;
}
.social a.ok:hover {
background-position: 0 -40px;
}
.scrollup {
width: 40px;
height: 40px;
opacity: 0.7;
position: fixed;
bottom: 50px;
right: 100px;
display: none;
text-indent: -9999px;
background: url('/bitrix/templates/expert/images/nn/arrow-up.png') white no-repeat;
background-size: auto auto;
z-index: 999;
background-size: 43px;
transition: 0.6s;
border-radius: 50%;
background-position: -2px -2px;
}
.scrollup:hover {
opacity: 1;
}
@media screen and (max-width: 992px) {
.scrollup {
right: 50px;
}
}
@media screen and (max-width: 768px) {
.scrollup {
bottom: 10px;
}
}
/*РЎРўРЛРДЛЯ РџРћРРЎРљРђ*/
#search-form input[type="text"] {
background: white url(/bitrix/templates/expert/css/../images/icon3.png) no-repeat 10px;
}
#search-place {
background: #e5e5e5;
}
#search-place .wp {
background: #e5e5e5;
}
/*РЎРўРЛРПроверен модератором*/
.product-seller span.accept-moder {
background: url(/bitrix/templates/expert/css/../images/newicon17.png) no-repeat center left;
color: #02873c;
}
/**/
#menu {
min-height: 46px;
position: relative;
background: #f5f5f5;
border-bottom: 4px solid #cccccc;
}
/*Ховер разделов*/
.section-link {
transition: 0.3s;
}
.section-link:hover {
color: #338dd5;
}
/* End */
/* Start:/bitrix/templates/expert/template_styles.css?17208744885733*/
.form-item input[type="password"] {
width: 220px;
height: 38px;
color: #fff;
font-size: 16px;
background: transparent;
border: none;
border-bottom: 2px solid #fff;
}
p.error {
color: #ff1118;
padding: 5px 0;
}
form.content-form {
display: block;
float: none;
background: none;
width: 50%;
padding-left: 0;
}
form.content-form .form-item input[type="text"],
form.content-form .form-item input[type="password"] {
border-bottom: 2px solid #000;
color: #000;
}
form.content-form .form-item span,
form.content-form .form-item strong {
color: #000;
}
form.content-form input[type="submit"] {
width: 220px;
height: 40px;
position: relative;
margin: 30px 0 30px 140px;
display: block;
color: #fff;
font-size: 16px;
font-family: "ProximaNovaBold";
line-height: 35px;
letter-spacing: 1px;
text-align: center;
background: #59afd9;
border: none;
cursor: pointer;
}
form.content-form .password-link,
form.content-form .bold-link {
color: #000;
border-bottom: 1px solid #000;
}
.register-note {
color: #fff;
padding: 20px 0 0;
}
.register-note-success {
color: #fff;
padding: 10px 0;
}
.inner-news .news-img img {
height: auto;
}
.detail-contact-info {
padding: 20px 0 0;
}
.wrapper .magazine-list .magazine-info {
height: auto;
}
.wrapper .magazine-list .magazine-item,
.wrapper .magazine-list .magazine-info {
height: auto;
padding-bottom: 55px;
min-height: 220px;
}
.magazine-list .magazine-info ul {
font-size: 16px;
}
#wrapper_all .magazine-info h3 {
padding: 20px 0;
}
.wrapper .magazine-list .magazine-info:after {
height: 50px;
}
.wrapper .magazine-list .magazine-item {
height: 250px;
overflow: hidden;
}
.wrapper .magazine-list .magazine-info {
height: 200px;
}
.hide-magazine-info {
padding: 30px 0 0;
display: inline-block;
text-decoration: none;
color: grey;
border-bottom: 1px dashed;
}
.inner-news .news-item {
min-height: 358px;
}
.text-content .pages ul li {
background: none;
}
.product-gallery .small-photo li {
width: 178px !important;
}
.photo-gallery-link {
/*position: absolute;
left: 400px;*/
font-size: 20px;
color: #245d94;
font-weight: bold;
margin-bottom: 15px;
display: block;
}
#accordion {
width: 70%;
vertical-align: top;
display: inline-block;
}
#accordion h3:first-child {
display: inline-block;
}
#accordion .magazine-archive {
margin: 30px 20px 0 0;
}
p.m span {
font-size: 30px;
margin: 20px 0 0;
display: inline-block;
background: #245d94;
padding: 10px 10px 0;
border-radius: 15px 15px 0 0;
color: #fff;
}
.magazine-archive hr {
padding-top: 0;
margin-top: 0;
height: 3px;
background: #245d94;
}
.app-links {
display: inline-block;
}
#rubrics.goods-sections-block,
#rubrics.services-sections-block {
position: relative;
padding-top: 25px;
margin-top: -20px;
z-index: 10;
}
.rubrics-sorting {
z-index: 100;
}
.hidden {
display: none;
}
.magazine-item .magazine-img a img {
height: inherit;
}
.magazine-list .magazine-img {
overflow: inherit;
height: inherit;
min-height: 284px;
}
.app-mobile-block {
padding: 0 0 45px 0;
text-align: right;
text-transform: uppercase;
color: #fff;
letter-spacing: 1.4px;
font-size: 14px;
width: 230px;
}
.app-mobile-block span {
line-height: 30px;
text-align: right;
display: block;
}
.app-mobile-block table td {
color: #fff;
font-size: 14px;
letter-spacing: 1.4px;
line-height: 30px;
vertical-align: middle;
text-transform: capitalize;
}
.app-mobile-block table td a {
display: block;
}
#footer .informers {
width: 220px;
}
@media screen and (max-width: 730px) {
.app-mobile-block {
width: 200px;
}
#before-footer {
height: 450px;
}
#footer {
height: auto;
}
}
@media screen and (max-width: 700px) {
.app-mobile-block {
width: 300px;
text-align: left;
}
#footer .right-block {
float: left;
}
.app-mobile-block span {
text-align: left;
}
}
.lk-column .text-content table td {
padding: 10px;
}
.product-gallery .big-photo img {
max-width: 100% !important;
}
.wrapper form .form-item span.section-description {
position: absolute;
left: 0;
top: 43px;
line-height: 15px;
font-size: 11px;
color: grey;
}
.wrapper form .form-item span.bx-input-file-desc {
float: none;
width: inherit;
}
div[id^="wait_comp_"]{
display: none !important;
}
.personal-right-block form .form-item textarea {
height: 300px;
background: none;
border: 1px solid;
padding: 10px;
line-height: 20px;
}
.wrapper form .button-item {
clear: both;
}
.event-link {
position: relative;
min-height: 37px;
color: #777;
font-size: 12px;
font-family: 'Proxima Nova Semibold';
line-height: 37px;
letter-spacing: 1.2px;
text-transform: uppercase;
}
font.errortext {
color: red!important;
}
/*.news-inner-img img {
width: auto !important;
}*/
.section-link {
color: #000;
text-decoration: none;
}
.statistics {
position: relative;
bottom: 0px;
font-size: 12px;
}
.prices-list-block {
float: left;
}
.prices-list-block .fields.files {
/*border: 1px solid #000;*/
padding: 10px 0;
}
.personal-photo-wrapper {
padding-top: 20px;
}
.personal-photo-wrapper .personal-photo {
padding-left: 0;
}
.form-item textarea {
min-height: 200px;
}
.form-item .info {
margin-left: 200px;
padding-top: 10px;
}
.form-item .info.error-field {
color: #FF0000;
}
.form-item .info.success-field {
color: #008000;
}
.product-item .price {
position: absolute;
overflow: hidden;
width: 85%;
bottom: 10px;
}
.product-item .info {
padding: 15px 20px;
background: #f5f5f5;
min-height: 270px;
position: relative;
}
.magazine-img a.picture-magazine img {
height: 250px !important;
}
.exbt .m {
border-bottom: 5px solid #245d94;
margin-bottom: 10px;
}
@media (max-width: 770px) {
.photo-gallery-link {
position: static !important;
display: block !important;
}
}
/* End */
/* /bitrix/templates/expert/css/reset.css?15344333731020 */
/* /bitrix/templates/expert/css/fonts.css?15344333711263 */
/* /bitrix/templates/expert/css/general.css?175343511668598 */
/* /bitrix/templates/expert/css/slider.css?15458343923796 */
/* /bitrix/templates/expert/css/magnific-popup.css?15344333736493 */
/* /bitrix/templates/expert/css/jquery-ui.css?153443337235973 */
/* /bitrix/templates/expert/css/user.css?15344333741477 */
/* /bitrix/templates/expert/css/city.css?15344333715140 */
/* /bitrix/templates/expert/css/banner.css?16741073886346 */
/* /bitrix/templates/expert/css/news.css?15487530183867 */
/* /bitrix/templates/expert/components/bitrix/system.auth.form/popup/style.css?1534433359218 */
/* /bitrix/components/expert/form.sender/templates/request/style.css?149443980052 */
/* /bitrix/templates/expert/styles.css?17208744881411 */
/* /bitrix/templates/expert/template_styles.css?17208744885733 */