/* Start:/bitrix/templates/runo-mob/header.css?17383021633585*/
#headerBox {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
padding: 21px 0px;
position: relative;
min-height: 90px;
line-height: 24px;
}
#headerBox .pRow a:hover,
#headerBox .pRow a,
#headerBox .logoBox a:hover,
#headerBox .logoBox a,
#headerBox .whatBox a:hover,
#headerBox .whatBox a {
text-decoration: none !important;
border-bottom: none !important;
background-color: transparent !important;
color: #3E5062 !important;
}
#auth_link {
color: #3E5062;
}
.procentUser {
position: absolute;
right: -10px;
top: -25px;
height: 30px;
width: 30px;
border-radius: 15px;
background-color: #e84c3d;
color: #FFF;
font-size: 14px;
line-height: 30px;
text-align: center;
}
header .container-fluid {
background-color: #FFF;
}
.pRow {
display: flex;
flex-flow: row nowrap;
clear: both;
font-size: 16px;
line-height: 22px;
margin-top: -2px;
}
.pRow div:first-child {
padding-right: 10px;
width: 130px;
text-align: right;
white-space: nowrap;
}
.pRow div:last-child {
text-align: left;
padding-left: 10px;
font-size: 19px;
font-weight: 600;
white-space: nowrap;
}
.logoBox {
min-width: 180px;
}
.logoBox a {
display: block;
position: absolute;
left: 0px;
}
.menubox {
margin-top: 8px;
max-width: 750px;
}
.whatBox {
margin-top: -5px;
}
.callBackBox {
padding-top: 8px;
white-space: nowrap;
margin-bottom: 20px;
}
.authHatBox {
font-weight: 600;
font-size: 24px;
padding-right: 70px;
padding-top: 9px;
}
.authHatBox a {
/* color: #3E5062; */
}
.authHatBox .dropdown-content {
top: 38px;
}
#mobPhonesBox {
position: absolute;
left: 20px;
z-index: 9999;
font-size: 20px;
font-weight: 400;
}
#mobPhonesBox .pRowMob a {
color: #3E5062 !important;
font-size: 30px;
font-weight: 700;
}
#mobPhonesBox .callBackBox {
padding: 0px;
margin-top: -4px;
}
#mobPhonesBox .callBackBox a.feed-back {
font-size: 24px;
font-weight: 600;
line-height: 48px;
height: 56px;
display: inline-block;
padding: 0px 20px;
}
.phHat_m {
padding-bottom: 24px;
}
.mObIlE .catalog-cart-counter-menu {
top: -35px;
right: -18px;
}
#menu {
overflow: auto !important;
height: auto !important;
}
@media (max-width: 1200px) {
.pRow {
font-size: 11px;
}
.pRow div:first-child {
}
.pRow div:last-child {
font-size: 14px;
}
}
@media (max-width: 1650px) {
.pRow {
font-size: 13px;
}
.pRow div:first-child {
padding: 0px;
}
.pRow div:last-child {
font-size: 13px;
padding-left: 5px;
}
#navbar > li > a {
padding: 10px !important;
}
#navbar > li > ul {
margin-top: -10px;
}
}
@media (max-width: 1150px) {
#navbar > li > a {
padding: 5px !important;
}
}
@media (max-width: 991px) {
.auth a.nam {
position: relative;
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #3E5062 !important;
top: 13px;
right: auto;
left: 20%;
}
.mObIlE .d-flex.g-text-decoration-none--hover img {
max-width: 33px;
height: auto;
}
.mObIlE a.d-flex.g-text-decoration-none--hover {
top: 13px;
right: 95px;
}
.logo-mob {
max-width: 96px;
margin-top: 15px;
}
.hamburger {
padding: 12px;
}
}
/* End */
/* Start:/local/components/runo/trial.form/templates/.default/style.css?1737118373678*/
.runoLoader {
position: absolute;
z-index: 9999;
width: 100%;
height: 100%;
left: 0px;
right: 0px;
bottom: 0px;
background-color: rgba(255, 255, 255, 0.8);
background-image: url("/local/components/runo/trial.form/templates/.default/i/loading.gif");
background-repeat: no-repeat;
background-position: center center;
display: none;
}
.modal7 .buttons-wrap {
max-width: 280px;
text-align: center;
margin: auto;
}
.modal7 .politic {
margin: auto;
display: block;
font-size:12px;
max-width: 280px;
padding-bottom: 30px;
}
.errortext {
display: block;
max-width: 360px;
}
#modal_authorize_box {
background-color: #FFF;
border-radius: 10px;
}
/* End */
/* Start:/bitrix/templates/runo-mob/template_styles.css?1752053081289942*/
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
a#tgLinkFooter {
background-image: url("/bitrix/templates/runo-mob/images/telegram-svgrepo-com.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: block;
position: fixed;
bottom: 8px;
height: 60px;
width: 60px;
right: 91px;
z-index: 99999;
text-decoration: none !important;
border: none !important;
-webkit-box-shadow: 0px 0px 26px -13px rgba(34, 60, 80, 0.28);
-moz-box-shadow: 0px 0px 26px -13px rgba(34, 60, 80, 0.28);
box-shadow: 0px 0px 26px -13px rgba(34, 60, 80, 0.28);
}
a#tgLinkFooter:hover {
text-decoration: none !important;
border: none !important;
}
body {
font-family: 'Source Sans Pro', sans-serif !important;
font-size: 18px !important;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
margin: 0;
padding: 0;
color: #000;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
header {
position: fixed;
top: 0;
width: 100%;
z-index: 8000
}
.str-news,
.str-katalog-ochnih,
.str-prepodavateli {
margin-top: 6.25vw
}
.str-katalog-dist {
margin-top: 2vw
}
[hidden],
template {
display: none
}
a {
color: #0072bc;
background-color: transparent;
border-bottom: 1px solid transparent;
text-decoration: none;
transition: .3s linear
}
a:hover {
text-decoration: none !important;
border-bottom: 1px solid #e84c3d
}
a:hover {
text-decoration: none
}
a:active,
a:hover {
outline: 0
}
:active,
:hover,
:focus {
outline: 0;
outline-offset: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b,
strong {
font-weight: 600 !important;
}
dfn {
font-style: italic
}
.topstr {
position: absolute;
top: 100px
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
outline: 0
}
button {
overflow: visible
}
button,
select {
text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
margin-right: 12px !important
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
@-moz-document url-prefix() {
table {
border-collapse: collapse;
border-spacing: 0;
width: 250px
}
td,
th {
padding: 0px
}
}
td,
th {
padding: 10px !important
}
.quotes,
.quotes a {
height: 310px;
display: block
}
.quotes {
width: 190px;
float: left;
margin: 0 7px;
text-align: center;
border-radius: 4px
}
.quotes:hover {
border: 1px solid #e84c3d
}
.quotes img {
width: 160px;
padding: 10px 0
}
.clear {
clear: both;
float: none;
height: 0px;
font-size: 0px;
line-height: 0px
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top
}
.fancybox-wrap,
.fancybox-inner {
width: auto !important
}
.fancybox-inner img {
width: 100%;
height: auto
}
.fancybox-inner .img-captcha {
width: 220px !important;
margin: 10px 0 20px
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020
}
.fancybox-skin {
position: relative;
color: #444;
text-shadow: none;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
}
.fancybox-opened {
z-index: 8030
}
.fancybox-opened .fancybox-skin {
border-radius: 30px;
background: transparent;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}
.fancybox-outer,
.fancybox-inner {
position: relative;
background: transparent
}
.fancybox-inner {
overflow: hidden;
border-radius: 20px;
height: 100% !important
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch
}
.fancybox-error {
color: #444;
font: 14px/20px 'Source Sans Pro', sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap
}
.fancybox-image,
.fancybox-iframe {
display: block;
width: 100%
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
border-radius: 15px
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image: url('/bitrix/templates/runo-mob/css/fancybox_sprite.png')
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('/bitrix/templates/runo-mob/css/fancybox_loading.gif') center center no-repeat
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040
}
.fancybox-close:hover {
text-decoration: none;
border-bottom: 0
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('/bitrix/templates/runo-mob/css/blank.gif');
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
z-index: 8040
}
.fancybox-prev {
left: 0
}
.fancybox-next {
right: 0
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px !important
}
.fancybox-next span {
right: 10px;
background-position: 0 -70px !important
}
.fancybox-nav:hover span {
visibility: visible
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important
}
.fancybox-lock {
overflow: hidden !important;
width: auto
}
.fancybox-lock body {
overflow: hidden !important
}
.fancybox-lock-test {
overflow-y: hidden !important
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('/bitrix/templates/runo-mob/css/fancybox_overlay.png')
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll
}
.fancybox-title {
visibility: hidden;
font: normal 13px/20px 'Source Sans Pro', sans-serif;
position: relative;
text-shadow: none;
z-index: 8050
}
.fancybox-opened .fancybox-title {
visibility: visible
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff
}
.fancybox-title-inside-wrap {
padding-top: 10px
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, 0.8)
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image: url('/bitrix/templates/runo-mob/css/fancybox_sprite@2x.png');
background-size: 44px 152px
}
#fancybox-loading div {
background-image: url('/bitrix/templates/runo-mob/css/fancybox_loading@2x.gif');
background-size: 24px 24px
}
}
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
top: 0;
-webkit-transform: translate3d(0px, 0px, 0px);
overflow: hidden
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {
float: left
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.grabbing {
cursor: url(/bitrix/templates/runo-mob/css/grabbing.png) 8 8, move
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-theme .owl-controls {
margin-top: 30px;
text-align: center
}
.owl-theme .owl-controls .owl-buttons div {
color: #FFF;
display: inline-block;
zoom: 1;
display: inline;
margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: alpha(opacity=50);
opacity: 0.5
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
filter: alpha(opacity=100);
opacity: 1;
text-decoration: none
}
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline
}
.owl-theme .owl-controls .owl-page span {
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: alpha(opacity=50);
opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
filter: alpha(opacity=100);
opacity: 1
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px
}
.owl-item.loading {
min-height: 150px;
background: url(/bitrix/templates/runo-mob/css/AjaxLoader.gif) no-repeat center center
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
ul,
li {
margin: 0;
padding: 0
}
h2 a:hover,
aside a:hover {
border-bottom: 0
}
.new-header,
.top-header,
.top-header a {
color: #000
}
.top-header a:hover {
border-bottom: 0
}
.top-header .under {
border-bottom: 1px solid #949494 !important
}
.top-header .under:hover {
color: #405163 !important
}
.top-header:before,
.top-header:after {
content: " ";
display: table
}
.top-header:after {
clear: both
}
.top-header-left {
margin-top: 17px;
float: left
}
.top-header-left img {
margin-right: 15px
}
.top-header-right .contacts {
margin-top: 16px;
float: right;
text-align: right
}
.top-head.popup-menuer-right .contacts a {
display: block;
font-size: 19px;
padding-left: 35px;
height: 25px
}
.top-header-right .contacts a[href^="whatsapp"],
.top-header-right .contacts a[href^="tel"] {
transition: .2s linear;
font-weight: bold;
border-bottom: 1px solid transparent
}
.top-header-right .contacts a[href^="whatsapp"]:hover,
.top-header-right .contacts a[href^="tel"]:hover {
text-decoration: none;
border-bottom: 1px solid #7a8b9d
}
.top-header-right .contacts.fone a[href^="tel"]:first-of-type {
background: url('/bitrix/templates/runo-mob/img/icon-phone.png') 5px 1px no-repeat
}
.top-header-right .contacts a[href^="mailto"] {
transition: .2s linear !important;
border-bottom: 1px solid transparent
}
.top-header-right .contacts a[href^="mailto"]:hover {
text-decoration: none !important;
border-bottom: 1px solid #7a8b9d
}
.contacts-a {
font-size: 19px;
transition: .2s linear;
font-weight: 500;
border-bottom: 1px solid transparent
}
.contacts-a:hover {
text-decoration: none;
border-bottom: 1px solid #7a8b9d !important
}
.mail-img {
float: left;
margin-top: 4px;
margin-right: 5px
}
.red-bar {
background-color: #e84c3d;
text-align: center;
text-transform: none;
padding: 4px 0 5px 0;
font-weight: 500;
font-size: 15px
}
.pm-click {
position: relative
}
.pm-click .popup-menu {
z-index: 999999;
color: #f1f3f4;
width: 853px;
display: none;
position: absolute;
top: 44px;
left: 0;
background-color: #6f88a2;
padding: 17px 42px
}
.pm-click .popup-menu h3,
.pm-click .popup-menu div.h3 {
font-weight: bold;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
margin: 11px 0 5px
}
.pm-click .popup-menu h3:hover,
.pm-click .popup-menu div.h3:hover {
text-decoration: underline
}
.pm-click .popup-menu ul {
border: none
}
.pm-click .popup-menu li {}
.pm-click .popup-menu li a {
font-weight: 300;
font-size: 17px;
text-decoration: none;
text-transform: none;
line-height: 19px
}
.pm-click .popup-menu li a:hover {
border-bottom: 0
}
.pm-click .popup-menu .svedenia {
border-right: 1px solid #aac0d7;
float: left;
width: 240px;
min-height: 310px
}
.pm-click .popup-menu .dop-info {
float: left;
width: 270px;
padding-left: 65px;
border-right: 1px solid #aac0d7;
min-height: 310px
}
.pm-click .popup-menu .news-publ {
float: left;
width: 255px;
padding-left: 60px;
min-height: 310px
}
.pm-click .popup-menu1 {
display: none;
z-index: 999999;
position: absolute;
top: 44px;
left: 0;
background-color: #adb9ca;
border-top: 10px solid #6f88a2;
padding: 0
}
.pm-click .popup-menu1 h3,
.pm-click .popup-menu1 div.h3 {
font-weight: 400;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
margin: 10px 0 5px 10px
}
.pm-click .popup-menu1 h3:hover,
.pm-click .popup-menu1 div.h3:hover {
text-decoration: underline
}
.pm-click .popup-menu1 ul {
border: none;
float: left;
width: 750px;
padding-right: 0
}
.pm-click .popup-menu ul {
width: 100%
}
.pm-click .popup-menu li,
.pm-click .popup-menu1 li {
border: none;
padding: 7px 10px;
line-height: 17px;
float: none;
text-decoration: none !important
}
.pm-click .popup-menu li {
margin: 0;
transition: .2s linear;
width: 340px
}
.pm-click .popup-menu1 li {
margin: 0 10px;
width: 350px
}
.pm-click .popup-menu li:hover {
background-color: #849db7;
text-decoration: none !important
}
.pm-click .popup-menu1 li:hover {
background-color: #405163;
text-decoration: none !important
}
.pm-click .popup-menu1 li a {
color: #1b293b;
font-weight: 400;
font-size: 19px;
text-decoration: none;
text-transform: none;
line-height: 19px
}
.pm-click .popup-menu1 li:hover a {
color: #fff
}
.pm-click .vseochno li a {
color: #e84c3d
}
.pm-click .popup-menu1 .svedenia {
padding: 17px 10px 20px;
padding-right: 0;
float: left
}
.pm-click .popup-menu1 .svedenia:first-of-type {
padding-right: 20px;
padding-left: 15px;
border-left: 0;
width: 400px
}
.pm-click .popup-menu1 .svedenia {
border-left: 1px solid #6f88a2;
padding-left: 15px;
width: 320px
}
.pm-click .popup-menu1 .svedenia ul:last-of-type {
width: 400px
}
.pm-click .popup-menu1 .svedenia>a div.h3 {
color: #eee;
background-color: #6f88a2;
padding: 10px 20px 7px;
width: 350px;
transition: .3s linear
}
.pm-click .popup-menu1 .svedenia>a div.h3:hover {
color: #fff
}
.pm-click .popup-menu3,
.pm-click .popup-menu4 {
display: none;
z-index: 999999;
color: #f1f3f4;
width: 455px;
position: absolute;
top: 54px;
left: 0;
background-color: #6f88a2;
padding: 0
}
body .pm-click .popup-menu4 {
width: 600px
}
.pm-click .popup-menu3 h3,
.pm-click .popup-menu3 div.h3,
.pm-click .popup-menu4 h3,
.pm-click .popup-menu4 div.h3 {
font-weight: bold;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;
margin: 11px 0 5px
}
.pm-click .popup-menu3 h3:hover,
.pm-click .popup-menu3 div.h3:hover,
.pm-click .popup-menu4 h3:hover,
.pm-click .popup-menu4 div.h3:hover {
text-decoration: underline
}
.pm-click .popup-menu3 .svedenia,
.pm-click .popup-menu4 .svedenia {
padding: 17px 40px;
padding-right: 40px;
float: left
}
.pm-click .popup-menu3 .svedenia:first-of-type,
.pm-click .popup-menu4 .svedenia:first-of-type {
border-right: 1px solid #aac0d7
}
.pm-click:hover .popup-menu,
.pm-click:hover .popup-menu1,
.pm-click:hover .popup-menu3,
.pm-click:hover .popup-menu4 {
display: block
}
.top-slider {
min-width: 1044px;
position: relative;
height: 347px;
background-color: #00ff00
}
.top-slider .item {
height: 347px
}
.top-slider .item h2 {
margin-top: 0;
margin-left: 0;
color: #405163;
text-transform: uppercase;
font-weight: bold;
font-size: 29px
}
.top-slider .item h2 span {
color: #e84c3d
}
.top-slider .arrow-left,
.top-slider .arrow-right {
display: block;
position: absolute;
top: 40%;
width: 80px;
height: 109px;
cursor: pointer;
z-index: 10
}
.arrow-left {
background: url(/bitrix/templates/runo-mob/img/arrow-left.png) no-repeat;
left: 35px;
background-size: 55px
}
.arrow-right {
background: url(/bitrix/templates/runo-mob/img/arrow-right.png) no-repeat;
right: 35px;
background-size: 55px
}
.top-slider_catalog {
min-width: 250px;
position: relative;
height: 435px;
background-color: #ededed
}
.top-slider_catalog .item {
height: 435px;
background: url(/bitrix/templates/runo-mob/img/slide1.jpg) 50% 0 no-repeat
}
.top-slider_catalog .item h2 {
margin-top: 0;
margin-left: 0;
color: #405163;
text-transform: uppercase;
font-weight: bold;
font-size: 29px
}
.top-slider_catalog .item h2 span {
color: #e84c3d
}
.top-slider_catalog .arrow-left,
.top-slider_catalog .arrow-right {
display: block;
position: absolute;
top: 50%;
width: 50px;
height: 79px;
cursor: pointer;
z-index: 10
}
.top-slider_catalog .arrow-left {
background: url(/bitrix/templates/runo-mob/img/arrow-left.png) no-repeat;
left: 35px;
background-size: 35px
}
.top-slider_catalog .arrow-right {
background: url(/bitrix/templates/runo-mob/img/arrow-right.png) no-repeat;
right: 35px;
background-size: 35px
}
.top-red {
min-width: 1044px;
text-align: center;
color: #fff;
background-color: #e84c3d
}
.top-red.top-red2 {
background: #e03c3c;
background: -moz-linear-gradient(top, #e03c3c 0%, #e84c3d 20%, #e84c3d 82%, #e03c3c 100%);
background: -webkit-linear-gradient(top, #e03c3c 0%, #e84c3d 20%, #e84c3d 82%, #e03c3c 100%);
background: linear-gradient(to bottom, #e03c3c 0%, #e84c3d 20%, #e84c3d 82%, #e03c3c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03c3c', endColorstr='#e03c3c', GradientType=0)
}
.top-red .picture {
background-color: #fff;
background-repeat: no-repeat;
background-position: 50% 50%;
border-radius: 50%;
width: 60px;
margin: 14px auto;
height: 60px;
float: left;
margin-left: 26px
}
.top-red .num {
font-size: 27px;
line-height: 1.2;
margin-top: 8px;
display: block
}
.top-red .description {
margin: 0;
text-transform: uppercase;
font-size: 16px
}
.top-red ul {
list-style-type: none;
border-left: 1px solid #e7b2b0;
margin-top: 14px
}
.top-red ul:before,
.top-red ul:after {
content: " ";
display: table
}
.top-red ul:after {
clear: both
}
.top-red li {
float: left;
width: 30%;
height: 90px;
border-right: 1px solid #e7b2b0
}
.top-red li:hover {
background-color: #b5190a
}
.top-red li:nth-of-type(1) .picture {
background-image: url(/bitrix/templates/runo-mob/img/icon-peoples.png);
background-position: 40% 50%;
background-size: 36px
}
.top-red li:nth-of-type(2) .picture {
background-image: url(/bitrix/templates/runo-mob/img/icon-women.png);
background-position: 50% 45%;
background-size: 40px
}
.top-red li:nth-of-type(3) .picture {
background-image: url(/bitrix/templates/runo-mob/img/icon-map.png);
background-size: 58px
}
.dlya-buhgalterov {
color: #505050
}
.dlya-buhgalterov .half {
display: block;
padding-bottom: 13px;
padding-right: 40px
}
.dlya-buhgalterov .half:nth-child(2n+1) {
padding-right: 75px
}
.dlya-buhgalterov .half:nth-child(3) {
padding-right: 75px
}
.dlya-buhgalterov .half:last-child {
border: none
}
.dlya-buhgalterov .half li {
padding-left: 30px
}
.dlya-buhgalterov .half li .right-buttons {
margin-top: 0px
}
.dlya-buhgalterov .half ul>.right-buttons {
float: left;
margin-left: -20px;
margin-top: 20px;
margin-bottom: 20px
}
.dlya-buhgalterov img {
width: 250px;
height: 264px;
border: none;
border: 1px solid #adb4bc;
float: left
}
.dlya-buhgalterov a {
transition: .2s linear !important;
color: #405163;
border-bottom: 1px solid transparent
}
.dlya-buhgalterov a:hover {
text-decoration: none;
border-bottom: 1px solid #7a8b9d
}
.dlya-buhgalterov .row {
padding-top: 40px;
min-height: 345px;
border-top: 1px solid #f1f3f4;
padding-bottom: 10px
}
.dlya-buhgalterov .row:before,
.dlya-buhgalterov .row:after {
content: " ";
display: table
}
.dlya-buhgalterov .row:after {
clear: both
}
.dlya-buhgalterov .row:first-of-type img {
padding: 15px 0 15px 18px
}
.dlya-buhgalterov .row:last-of-type img {
padding: 21px 10px 12px 5px
}
.info_i h2,
.info_i .news4 h2,
.dlya-buhgalterov>div>div>h2 {
text-transform: uppercase;
font-size: 18pt;
line-height: 18pt;
font-weight: 500;
display: block;
position: relative;
margin: 0 0 35px
}
.info_i .news4 h2:after,
.dlya-buhgalterov>div>div>h2:after {
content: "";
position: absolute;
bottom: -12px;
left: 0;
width: 100px;
height: 2px;
background: #e84c3d;
-wekbit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s
}
.news4 ul {
margin-top: 40px
}
.dlya-buhgalterov .content {
width: 725px;
float: right
}
.dlya-buhgalterov ul {
list-style-type: none
}
.dlya-buhgalterov ul:before,
.dlya-buhgalterov ul:after {
content: " ";
display: table
}
.dlya-buhgalterov ul:after {
clear: both
}
.dlya-buhgalterov ul>.right-buttons {
margin-top: 17px
}
.dlya-buhgalterov ul>.right-buttons a {
transition: .3s linear;
width: 200px;
text-align: center;
display: inline-block;
color: #e84c3d;
border: 1px solid #e84c3d;
padding: 0px 0 3px;
margin: 3px 0 2px 18px;
border-radius: 5px;
font-size: 18px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif;
margin-right: 10px
}
.dlya-buhgalterov ul>.right-buttons a {
text-decoration: none
}
.dlya-buhgalterov li {
padding-left: 40px;
padding-bottom: 20px;
font-size: 17px;
line-height: 120%;
margin: 3px 0 -13px;
background: url(/bitrix/templates/runo-mob/img/list-pointer.png) no-repeat
}
.dlya-buhgalterov li:before,
.dlya-buhgalterov li:after {
content: " ";
display: table
}
.dlya-buhgalterov li:after {
clear: both
}
.dlya-buhgalterov p {
width: 100%;
margin: 0;
float: left
}
.dlya-buhgalterov .right-buttons {
float: right;
margin-right: -154px
}
.dlya-buhgalterov .right-buttons a {
width: 69px;
height: 25px;
text-align: center;
color: #e84c3d;
padding: 3px 0 3px;
text-transform: uppercase;
margin-left: 0px;
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif
}
.dlya-buhgalterov .right-buttons a:hover,
.dlya-buhgalterov .right-buttons a.active {
border-color: #e84c3d;
color: #fff;
background-color: #e84c3d
}
.border-top {
border-top: 1px solid #ddd
}
.border-bottom {
border-bottom: 1px solid #ddd
}
.info {
min-width: 1044px;
font-size: 15px;
background-color: #f5f5f5;
color: #505050
}
.info a {
color: #505050
}
.info h2 {
font-size: 18px;
text-transform: uppercase;
font-weight: 500
}
.info.custom h2 {
text-transform: uppercase;
font-size: 18px;
margin-top: 13px;
margin-bottom: 15px;
font-weight: 500
}
.seo1 {
min-height: 100px;
float: left;
width: 48%;
padding-top: 25px;
padding-bottom: 40px;
padding-right: 40px;
font-family: 'Source Sans Pro', sans-serif
}
.seo1 img,
.seo2 img,
.o-centre img {
float: left;
margin-right: 20px !important;
margin-bottom: 7px !important;
padding: 0 !important
}
.o-centre img {
width: 180px !important;
height: 100% !important;
margin: 0 30px 40px 0 !important
}
.seo1 p,
.seo2 p,
.o-centre p {
line-height: 1.4;
font-size: 15px !important
}
.seo1 p:last-of-type {
margin: 0
}
.o-centre {
min-height: 400px
}
.o-centre {
line-height: 1.4;
float: left;
width: 50%;
padding: 35px 35px 35px 0
}
.o-centre img {
width: 239px;
height: 175px;
float: left;
margin-top: 3px;
margin-right: 25px;
margin-bottom: 20px
}
.o-centre p:last-of-type {
float: left;
margin: 0
}
.seo2 {
width: 50%;
float: left;
padding-top: 25px;
padding-bottom: 40px;
padding-left: 40px;
font-family: 'Source Sans Pro', sans-serif
}
.seo2 h2 {
margin-bottom: 13px
}
.nashi-klienti {
padding: 25px 0 60px;
border-top: 1px solid #ddd
}
.nashi-klienti h2 {
text-align: center;
font-size: 28px;
text-transform: uppercase;
color: #3a434a;
margin: 26px 0
}
.nashi-klienti img:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%)
}
.nashi-klienti .slider {
margin-top: 36px
}
.nashi-klienti .owl-item {
text-align: center
}
.direct-left,
.direct-right {
display: block;
position: absolute;
top: 50%;
width: 28px;
height: 44px;
cursor: pointer
}
.direct-left {
background: url(/bitrix/templates/runo-mob/img/arrow-left-red.png) no-repeat;
left: -45px
}
.direct-right {
background: url(/bitrix/templates/runo-mob/img/arrow-right-red.png) no-repeat;
right: -25px
}
.est-voprosi {
min-width: 1044px;
color: #3a434a;
background-color: #f4f7fa;
border-top: 1px solid #ddd
}
.tel-footer {
padding-top: 36px;
padding-left: 470px
}
.tel-footer-ps {
font-weight: 400;
float: left;
font-size: 18px;
padding: 4px 0 0 10px
}
.women-operator {
height: 385px;
padding-top: 50px;
padding-left: 0;
font-weight: bold;
width: 765px;
float: left;
background: url(/bitrix/templates/runo-mob/img/women-operator.jpg) 0 30px no-repeat;
color: #405163
}
.women-operator h4,
.women-operator div.h4 {
font-size: 24px;
text-transform: uppercase;
text-align: center;
font-weight: 500
}
.women-operator h5,
.women-operator div.h5 {
font-size: 22px;
text-align: left;
font-weight: 500
}
.women-operator a {
display: block;
font-size: 20px;
color: #e84c3d !important;
text-align: center;
padding-bottom: 1px;
float: left
}
.women-operator a:hover {
text-decoration: none;
border-bottom: 1px solid transparent
}
.est-voprosi .zakazhite-zvonok {
position: relative;
width: 256px;
height: 252px;
border: 1px solid #ddd;
float: right;
margin-top: 66px;
background-color: #fff;
text-align: center
}
.no-display,
.est-voprosi .zakazhite-zvonok:after {
display: none !important
}
.zakazhite-zvonok {
position: relative;
width: 256px;
height: 265px;
float: right;
margin-top: 40px;
background-color: #fff
}
.zakazhite-zvonok h2,
.zakazhite-zvonok div.h2 {
margin: 0;
text-align: center;
font-weight: bold;
line-height: 232%;
font-size: 22px;
height: 52px;
color: #fff;
text-transform: uppercase;
background-color: #405163
}
.zakazhite-zvonok p {
font-size: 13px;
font-weight: 300;
color: #505050;
margin: 15px 27px 5px
}
.zakazhite-zvonok input {
display: block;
width: 205px;
height: 35px;
margin: 15px auto;
border-radius: 3px;
font-weight: 300;
font-size: 16px
}
.zakazhite-zvonok input[type="text"],
.zakazhite-zvonok input[type="tel"] {
border: 1px solid #ddd;
background: #f9f9f9;
padding: 10px
}
.zakazhite-zvonok input[type="text"]::-moz-placeholder,
.zakazhite-zvonok input[type="tel"]::-moz-placeholder {
color: #405163;
opacity: 1
}
.zakazhite-zvonok input[type="text"]:-ms-input-placeholder,
.zakazhite-zvonok input[type="tel"]:-ms-input-placeholder {
color: #405163
}
.zakazhite-zvonok input[type="text"]::-webkit-input-placeholder,
.zakazhite-zvonok input[type="tel"]::-webkit-input-placeholder {
color: #405163
}
.sp-form .sp-lg .sp-field .sp-button,
.zakazhite-zvonok a.input,
.zakazhite-zvonok input[type="submit"],
.zakazhite-zvonok input[type="button"] {
color: #fff !important;
background-color: #e84c3d;
border: 0 !important;
margin-top: 18px !important;
transition: .4s linear;
text-transform: uppercase;
font-size: 16px !important;
line-height: 1 !important;
height: 36px !important;
padding: 11px 30px
}
.sp-form .sp-lg .sp-field .sp-button:hover,
.zakazhite-zvonok a.input:hover,
.zakazhite-zvonok input[type="submit"]:hover,
.zakazhite-zvonok input[type="button"]:hover {
background-color: #59769f
}
.str-uslugi-dis .unical-metodic .description a.green-lnk {
background-color: #2D8266 !important;
padding: 5px 0 !important;
margin: 0 0 8px 0;
font-size: 16px;
font-weight: 300
}
.str-uslugi-dis .unical-metodic .description a.green-lnk:hover {
background-color: #0d3b30 !important
}
.str-uslugi-dis .unical-metodic .description a.under-lnk {
display: initial;
color: #3d5b99 !important;
font-size: 16px;
background-color: #fff !important;
transition: .2s linear !important;
padding: 0 !important;
margin: 0 0 8px 0;
border-bottom: 1px solid #6879ac;
text-decoration: none !important
}
.str-uslugi-dis .unical-metodic .description a.under-lnk:hover {
background-color: #fff !important;
border: 0 !important
}
.zakazhite-zvonok::after {
content: '';
position: absolute;
left: 0;
bottom: -40px;
border: 128px solid transparent;
border-top: 40px solid #fff;
border-bottom: 0
}
.dop_footer {
min-height: 35vw
}
footer {
z-index: 10;
background-color: #3e5062;
color: #fff;
font-size: 16px;
font-weight: 300;
padding-top: 70px;
padding-bottom: 40px
}
footer a {
transition: .2s linear;
color: rgba(255, 255, 255, 0.8);
border-bottom: 1px solid transparent
}
footer a:hover,
footer a:active,
footer a:focus {
color: #fff;
text-decoration: none;
border-bottom: 1px solid transparent !important
}
footer h2,
footer div.h2 {
font-size: 23px;
font-weight: 500;
margin-top: 10px;
margin-bottom: 40px
}
footer ul {
list-style-type: none
}
footer li {
margin-bottom: 17px;
line-height: 1.2
}
footer .contact {
font-size: 14px
}
footer .contact .tel,
footer .contact .mailto {
font-size: 25px;
font-weight: 600
}
footer .contact .address {
font-size: 18px;
font-weight: 500;
line-height: 1.2
}
footer .contact .tel img,
footer .contact .mailto img,
footer .contact .address img {
width: 28px;
margin: 5px 20px 10px 0
}
footer .contact .social {
display: inline-block;
width: 40px;
height: 40px;
background-size: 34px !important;
border-radius: 50%;
border: none !important
}
footer .contact .social:hover {
background-color: #8ea0b2
}
footer .contact .fb {
background: url(/bitrix/templates/runo-mob/img/icons/soc-facebook.png) center no-repeat;
border: 0
}
footer .contact .vk {
background: url(/bitrix/templates/runo-mob/img/icons/soc-vkontakte.png) center no-repeat;
border: 0
}
footer .contact .yt {
background: url(/bitrix/templates/runo-mob/img/icons/soc-youtube.png) center no-repeat;
border: 0
}
footer .contact .tg {
background: url(/bitrix/templates/runo-mob/img/icons/soc-telegram.png) center no-repeat;
border: 0
}
footer .contact .in {
background: url(/bitrix/templates/runo-mob/img/icons/soc-instagram.png) center no-repeat;
border: 0
}
footer .contact .ok {
background: url(/bitrix/templates/runo-mob/img/icons/soc-ok.png) center no-repeat;
border: 0
}
footer .contact .dzen {
background: url(/bitrix/templates/runo-mob/img/icons/soc-dzen.png) center no-repeat;
border: 0
}
footer .contact .rutube {
background: url(/bitrix/templates/runo-mob/img/icons/rutube.png) center no-repeat;
border: 0
}
footer .distancionno,
footer .ochno {
width: 170px;
float: left
}
footer .distancionno h2,
footer .ochno h2,
footer .distancionno div.h2,
footer .ochno div.h2 {
margin-bottom: -4px
}
footer .distancionno li,
footer .ochno li {
line-height: 1.2;
margin: 13px 0
}
footer .distancionno {
margin-left: 100px
}
footer .contact,
footer .o-kompanii,
footer .catalog,
footer .for-clients {
display: block;
padding-bottom: 30px
}
footer .copy {
font-size: 14px;
line-height: 1.3
}
footer .copy_ps {
font-size: 12.5px;
line-height: 1.3;
font-weight: 300;
opacity: .6
}
@media (max-width:1024px) {
footer {
font-size: 17px
}
footer h2,
footer div.h2 {
margin-bottom: 25px
}
footer .o-kompanii,
footer .catalog {
padding-bottom: 20px
}
footer .copy_ps {
font-size: 14px
}
}
@media (max-width:992px) {
footer .o-kompanii {
padding-left: 15px
}
}
@media (min-width:767px) {
footer .o-kompanii,
footer .catalog {
min-height: 490px
}
}
.socialb {
position: fixed;
left: 3px;
top: 60%;
z-index: 999
}
.socialb span {
display: block;
margin-bottom: 13px;
width: 24px;
height: 24px
}
.socialb .fb2 {
background: url(/bitrix/templates/runo-mob/img/icon-fb.png)
}
.socialb .vk2 {
background: url(/bitrix/templates/runo-mob/img/icon-vk.png)
}
.socialb .gp2 {
background: url(/bitrix/templates/runo-mob/img/icon-gp.png)
}
.socialb .yt2 {
background: url(/bitrix/templates/runo-mob/img/icon-tube.png)
}
.socialb .ok2 {
background: url(/bitrix/templates/runo-mob/img/icon-ok.png)
}
.socialb .inst2 {
background: url(/bitrix/templates/runo-mob/img/icon-inst.png)
}
#top,
#top:focus,
#top:active {
display: none;
-wekbit-transition: all .6s;
-moz-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
width: 40px;
height: 40px;
color: #fff;
background-color: #e84c3d;
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%) !important;
background-image: -o-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%) !important;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .01) 100%) !important;
background-repeat: repeat-x;
border: 1px solid #e84c3d;
border-radius: 100%;
position: fixed;
right: 23px;
bottom: 78px;
z-index: 9999;
text-align: center;
font-size: 20px;
line-height: 34px;
outline: 0;
cursor: pointer;
opacity: .6
}
#top:hover {
opacity: 1;
animation: bounceInUp .7s both
}
.hidden {
display: none
}
.str-contact .main {
color: #405163;
font-size: 15px
}
.str-contact .main h2 {
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
text-align: center
}
.str-contact .main .bold-upper {
text-transform: uppercase;
font-weight: bold
}
.str-contact .main .left-content {
float: left
}
.str-contact .main .left-content p:first-of-type {
margin-top: 0
}
.str-contact .main .right-content {
float: right
}
.str-contact .main .right-content p:first-of-type {
margin-top: 0
}
.str-contact .main .row:before,
.str-contact .main .row:after {
content: " ";
display: table
}
.str-contact .main .row:after {
clear: both
}
.str-contact .main .row1 img {
float: right;
width: 46%
}
.str-contact .main .row2 {
margin-top: 40px;
margin-bottom: 40px
}
.str-contact .main .row2 img {
float: left;
width: 46%
}
.str-contact .main .container-box {
text-align: center;
margin: 15px 0 65px
}
.str-contact .main .box {
text-align: center;
text-transform: uppercase;
width: 365px;
padding: 10px 0;
border: 1px solid #ddd;
display: inline-block;
border-radius: 5px;
font-weight: bold;
margin-bottom: 40px
}
.str-contact .main .red-box {
padding-left: 40px;
margin-right: 55px;
margin-top: 20px;
color: #e84c3d;
border-color: #e84c3d;
display: block;
background: url(/bitrix/templates/runo-mob/img/uslugi/item-list-img.png) 10px 45% no-repeat
}
.str-contact iframe {
margin-bottom: -5px
}
.str-istoriya ul {
list-style-type: none
}
.str-istoriya .main {
font-size: 15px;
color: #405163
}
.str-istoriya .nashi-proekti:before,
.str-istoriya .nashi-proekti:after {
content: " ";
display: table
}
.str-istoriya .nashi-proekti:after {
clear: both
}
.str-istoriya .nashi-proekti h3 {
color: #e84c3d;
font-size: 28px;
font-weight: normal;
margin: 0
}
.str-istoriya .nashi-proekti p {
margin: 10px 0 22px;
font-weight: 300;
line-height: 160%
}
.str-istoriya .nashi-proekti b {
font-weight: bold;
text-transform: uppercase
}
.str-istoriya .photo-row {
background-color: #dfe4ea;
margin-bottom: 10px;
margin-top: 10px
}
.str-istoriya .photo-row img {
margin: 29px 0 29px 29px
}
.str-istoriya .photo-row-last {
background-color: #dfe4ea;
margin-bottom: 60px;
margin-top: 25px;
padding-bottom: 33px
}
.str-istoriya .photo-row-last img {
margin: 35px 0 0 35px
}
.table-light,
.table-light td,
.table-light th,
.str-katalog-ochnih .tables table,
.str-katalog-ochnih .tables td,
.str-katalog-ochnih .tables th,
.str-katalog-dist .tables table,
.str-katalog-dist .tables td,
.str-katalog-dist .tables th {
border: 1px solid #ddd
}
.str-katalog-ochnih .catal table {
width: 1044px
}
.str-katalog-ochnih .catal table,
.str-katalog-ochnih .catal td,
.str-katalog-ochnih .catal th {
border: 0px solid #ddd;
padding: 10px
}
.str-katalog-ochnih .catal h3 {
font-size: 30px;
font-weight: normal;
line-height: 100%;
margin-top: 10px;
text-align: center;
text-decoration: underline
}
.table-light,
.str-katalog-ochnih .tables table,
.str-katalog-dist .tables table {
font-size: 16px;
color: #505050;
width: 100%;
text-align: center;
border-collapse: collapse;
background: #fff
}
.table-light {
text-align: left
}
.table-light h3,
.str-katalog-ochnih .tables table h3,
.str-katalog-dist .tables table h3 {
font-weight: 400;
font-size: 18px;
margin: 5px 0
}
.table-light th,
.str-katalog-ochnih .tables th,
.str-katalog-dist .tables th {
padding: 10px 50px !important;
font-weight: 500;
vertical-align: middle;
color: #333;
overflow: hidden;
background-color: #f0f0f0;
border: 1px solid #d1d1d1 !important;
line-height: 1.1
}
.str-katalog-ochnih .tables td,
.str-katalog-dist .tables td {
height: 100%;
padding: 10px !important;
line-height: 1.4em;
overflow: hidden
}
.str-katalog-dist .tables td p {
text-align: left !important;
line-height: 1.4 !important
}
.str-katalog-ochnih .tables td:first-of-type,
.str-katalog-dist .tables td:first-of-type {
width: 307px;
text-align: left;
padding: 20px 10px
}
.str-katalog-ochnih .tables td:first-of-type a,
.str-katalog-dist .tables td:first-of-type a {
transition: .3s linear;
color: #505050;
text-decoration: none;
border-bottom: 1px solid #aeaeae
}
.str-katalog-ochnih .tables td:first-of-type a:hover,
.str-katalog-dist .tables td:first-of-type a:hover {
text-decoration: none;
border-bottom: 1px solid transparent
}
.str-katalog-ochnih .tables thead span,
.str-katalog-dist .tables thead span {
font-weight: normal;
font-size: 10pt !important;
line-height: 1
}
.str-katalog-ochnih .tables tr:nth-of-type(even),
.str-katalog-dist .tables tr:nth-of-type(even) {
background-color: #fff
}
.str-katalog-ochnih .tables tr:nth-of-type(odd),
.str-katalog-dist .tables tr:nth-of-type(odd) {
background-color: #f8f8f8
}
.str-katalog-ochnih .tables .color-red,
.str-katalog-dist .tables .color-red,
.str-katalog-ochnih .tables .color-red a,
.str-katalog-dist .tables .color-red a {
font-size: 15px !important;
color: #e84c3d
}
.str-katalog-ochnih .tables td p,
.str-katalog-dist .tables td p {
padding: 0;
margin: 0
}
.nobr {
white-space: nowrap
}
.black,
.black-14pt {
color: #000 !important
}
.font-14pt,
.black-14pt {
font-size: 14pt
}
.blue-b-text {
color: #2D8266 !important
}
.green-b-text {
color: #2D8266 !important
}
.green-b {
transition: .3s linear;
color: #fff !important;
background-color: #2D8266 !important
}
.green-b:hover {
background-color: #0d3b30 !important
}
.big,
.main-1 .doska p {
font-size: 120% !important
}
.big-p {
font-size: 110% !important
}
.big-125 {
font-size: 125% !important
}
.big-130 {
font-size: 130% !important
}
.red-color,
.red–color {
color: #e84c3d !important
}
.green-color {
color: #2D8266 !important
}
.blue-color {
color: #3d5b99 !important
}
.gray-color {
color: #3e5062 !important
}
.light-color {
color: #999 !important
}
.black-color {
color: #000 !important
}
.white-color {
color: #fff !important
}
.white-bg {
background-color: #fff !important
}
.text-color {
color: #333 !important
}
.small {
font-size: 70% !important
}
.midl {
font-size: 85% !important
}
.fat {
font-weight: 600
}
.light {
font-weight: 300
}
.kurs-uk {
color: #888 !important;
margin-top: 0
}
.econom {
font-size: 80%;
display: block;
padding-top: 5px;
font-weight: 300
}
.normal {
font-style: normal !important;
font-weight: 400 !important;
text-transform: none
}
.salat {
background: #edf8da;
line-height: 48px;
padding: 1px 25px 0;
margin-top: 7px;
margin-bottom: 15px
}
.inner-salat {
line-height: 1.3;
display: inline-block;
vertical-align: middle
}
.sk-red-summary {
display: inline-block;
color: #e84c3d !important;
font-size: 1.5em !important;
margin-right: 10px
}
.sk-summary:focus,
.sk-summary:hover,
.sk-summary {
font-weight: 600 !important;
padding-top: 5px;
padding-bottom: 5px
}
.sk-headers {
font-weight: 400 !important;
margin: 5px 0 5px
}
.sk-details {
line-height: 1.5;
font-weight: 400;
margin-top: 10px;
margin-bottom: 5px
}
.green-font,
font.notetext {
display: block;
font-weight: 400;
color: #2D8266 !important;
background: #edf8da;
padding: 0 8px 3px 8px;
margin-left: -8px;
}
font.notetext {
text-align: center;
font-size: 110%;
padding: 12px 20px;
margin: 20px auto
}
font.errortext,
.white-cont>div.red-color,
.white-cont .errortext {
display: block;
text-align: center;
font-weight: 400;
/*font-size: 110%;*/
color: #c02415 !important;
background: #f4e7ee;
padding: 12px 20px;
margin: 0 auto -10px;
}
.white-cont .podrob {
margin-top: 15px
}
.outer-div {
position: relative
}
.outer-div .inner-div {
position: relative;
top: 50%;
transform: translateY(-50%)
}
.fs-13 {
font-size: 13pt
}
.italic {
font-style: italic
}
.centred {
text-align: center !important;
margin-left: auto;
margin-right: auto
}
.red,
.red-b-text {
color: #e84c3d !important
}
table.forum-table th.forum-column-title .forum-head-title,
table.forum-table th.forum-column-lastpost {
text-align: center;
}
.red-b,
.str-katalog-ochnih .red-b,
.str-profile .main .pass-form [type="submit"] {
transition: .3s linear;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #e84c3d !important;
color: #fff !important;
padding: 4px 8px 7px;
border-radius: 3px;
border: 0;
text-decoration: none
}
.red-b:hover,
.str-katalog-ochnih .red-b:hover,
.str-profile .main .pass-form [type="submit"]:hover {
text-decoration: none;
background-color: #d23627 !important;
border: 0
}
.str-katalog-ochnih .metodika {
margin-bottom: 55px
}
.str-katalog-ochnih .metodika:before,
.str-katalog-ochnih .metodika:after {
content: " ";
display: table
}
.str-katalog-ochnih .metodika:after {
clear: both
}
.str-katalog-ochnih .metodika iframe {
display: inline;
float: right;
width: 460px;
margin: 0 40px
}
.str-katalog-ochnih .metodika .left-content {
float: left;
width: 450px
}
.str-katalog-ochnih .metodika h2 {
color: #505050;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
margin-top: 0
}
.str-katalog-ochnih .metodika ul {
list-style-type: none;
font-size: 15px;
color: #5b656b
}
.str-katalog-ochnih .metodika li {
padding: 10px 0 5px 40px;
margin-bottom: 5px;
background: url(/bitrix/templates/runo-mob/img/uslugi/item-list-img.png) 0 45% no-repeat
}
.str-nashi-klienti ul {
list-style-type: none
}
.str-nashi-klienti .main h2 {
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
text-align: center;
color: #405163
}
.str-nashi-klienti .client-item {
text-align: center;
width: 225px;
float: left;
margin-bottom: 55px;
margin-right: 41px;
border: 1px solid #e84c3d;
padding: 15px 15px 20px;
color: #e84c3d;
font-size: 15px
}
.str-nashi-klienti .client-item:before,
.str-nashi-klienti .client-item:after {
content: " ";
display: table
}
.str-nashi-klienti .client-item:after {
clear: both
}
.str-nashi-klienti .client-item:nth-of-type(4n) {
margin-right: 0
}
.str-nashi-klienti .client-item img {
margin-bottom: 10px;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%)
}
.str-nashi-klienti .client-item img:hover {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%)
}
.str-nashi-klienti .client-item .name,
.str-nashi-klienti .client-item .company,
.str-nashi-klienti .client-item .otziv,
.str-nashi-klienti .client-item p,
.str-nashi-klienti .client-item a {
text-align: left
}
.str-nashi-klienti .client-item .name {
font-size: 21px;
font-weight: bold
}
.str-nashi-klienti .client-item .company {
font-weight: bold;
text-transform: uppercase
}
.str-nashi-klienti .client-item .otziv {
line-height: 135%;
font-weight: bold;
font-size: 26px;
color: #405163;
text-transform: uppercase
}
.str-nashi-klienti .client-item p {
margin: 0 0 20px;
color: #111;
font-weight: 300
}
.str-nashi-klienti .client-item a {
display: inline-block;
float: left;
color: #fff;
padding: 5px 15px;
background-color: #818a95;
text-transform: uppercase;
font-weight: bold
}
.str-nashi-klienti .client-item a:hover {
text-decoration: none;
background-color: #405163
}
.pagination {
margin: 15px auto;
text-align: center
}
.pagination a,
.pagination a:focus,
.pagination a:active {
display: inline-block;
color: #e84c3d;
background-color: #fff;
border: 2px solid #e84c3d !important;
padding: 5px 7px;
font-size: 17px;
font-weight: 600;
margin-right: 9px;
margin-bottom: 9px;
width: 40px;
height: 40px;
border-radius: 100%
}
.pagination a:hover,
.pagination a.active {
background-color: #e84c3d;
color: #fff;
text-decoration: none
}
.str-oplata .red-present {
min-width: 1044px;
padding: 45px 0;
background-color: #e84c3d;
color: #fff
}
.red-error {
padding: 10px 20px;
display: inline-block;
background-color: #fff;
color: #e84c3d;
border: 3px solid #e84c3d;
font-weight: 600
}
.str-oplata .red-present:before,
.str-oplata .red-present:after {
content: " ";
display: table
}
.str-oplata .red-present:after {
clear: both
}
.str-oplata .red-present h2 {
text-transform: uppercase;
text-align: center;
border: 1px solid #fff;
font-size: 27px;
font-weight: bold;
line-height: 100%;
padding: 15px 50px;
background: url(/bitrix/templates/runo-mob/img/uslugi/icon-podarok.png) no-repeat 40px 45%;
width: 560px;
margin: 0 auto 25px
}
.str-oplata .red-present h4 {
text-transform: uppercase;
font-size: 27px;
font-weight: bold;
margin: 5px 0
}
.str-oplata .red-present img {
display: block;
margin-left: 170px;
margin-right: 25px;
float: left
}
.str-oplata .red-present ul {
list-style-type: none
}
.str-oplata .red-present li {
display: block;
padding-left: 30px;
line-height: 240%;
background: url(/bitrix/templates/runo-mob/img/uslugi/list-item-white.png) 0 4px no-repeat
}
.str-oplata .red-present .c-right {
float: left;
width: 500px
}
.str-oplata .main {
font-size: 15px;
color: #405163;
padding-bottom: 50px
}
.str-oplata .main .container {
padding: 0 90px
}
.str-oplata .main h2 {
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
text-align: center
}
.str-oplata .main h3 {
font-size: 15px;
text-transform: uppercase;
color: #e84c3d;
font-weight: bold;
margin-top: 25px
}
.str-oplata .main ul {
list-style-type: decimal;
list-style-position: inside;
margin-bottom: 30px
}
.str-oplata .main li {
font-weight: bold
}
.str-oplata .main h4 {
font-size: 15px;
margin: 0;
text-transform: uppercase
}
.str-oplata .main p {
font-weight: normal;
margin-top: 0;
margin-bottom: 20px
}
.str-oplata .main p b {
color: #e84c3d;
text-transform: uppercase
}
.str-oplata .main .m10 {
margin-bottom: 10px
}
.str-oplata .main .color-red {
color: #e84c3d
}
.str-oplata .main img {
float: right;
clear: right;
margin-top: 40px;
margin-left: 60px
}
.str-oplata .main .small-text {
font-size: 12px;
margin-top: -20px;
margin-bottom: 30px
}
.str-oplata .redline {
margin-bottom: 20px
}
.str-oplata .redline.green h2 {
background-color: #91AA42
}
.str-oplata .redline h2 {
margin: 0;
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
text-align: center;
color: #fff;
background-color: #e84c3d;
padding: 10px 0
}
.str-otzivi ul {
list-style-type: none
}
.str-otzivi .main {
text-align: center
}
.str-otzivi .main h2 {
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
text-align: center;
color: #405163
}
.str-otzivi .main .title-box {
font-weight: bold;
font-size: 15px;
display: inline-block;
width: 380px;
height: 63px;
border: 1px solid;
color: #405163;
border-radius: 5px;
text-align: center;
padding-left: 30px;
padding-top: 12px;
margin-bottom: 26px;
background: url(/bitrix/templates/runo-mob/img/otziv/list-blue-point.png) 10px 45% no-repeat
}
.str-otzivi .main .title-box.red {
background: url(/bitrix/templates/runo-mob/img/uslugi/read-more.png) 10px 45% no-repeat;
color: #e84c3d;
margin-right: 30px
}
.str-otzivi .main .title-box.red a {
color: inherit;
border-bottom: 1px solid #e84c3d
}
.str-otzivi .main .title-box.red a:hover {
border-bottom: 1px solid transparent
}
.str-otzivi .otziv-item {
color: #e84c3d;
font-size: 15px;
padding: 50px 0 30px;
border-bottom: 1px solid #dce3e6
}
.str-otzivi .otziv-item:before,
.str-otzivi .otziv-item:after {
content: " ";
display: table
}
.str-otzivi .otziv-item:after {
clear: both
}
.str-otzivi .otziv-item img {
float: left;
margin: 0 60px 0 60px;
width: 160px;
height: auto
}
.str-otzivi .otziv-item .content {
text-align: left;
width: 740px;
float: left
}
.str-otzivi .otziv-item .name {
padding-left: 3px;
font-size: 17px
}
.str-otzivi .otziv-item .city {
padding-left: 3px;
font-size: 17px
}
.str-otzivi .otziv-item .vopros {
padding: 3px 20px;
margin: 10px 0 20px;
color: #fff;
background-color: #e84c3d
}
.str-otzivi .otziv-item .otvet {
padding-left: 3px;
color: #405163
}
.str-otzivi .otziv-item b {
text-transform: uppercase;
font-weight: bold
}
.str-otzivi .hidden {
display: none
}
.str-otzivi .send-otziv {
width: 400px;
min-height: 430px;
padding: 25px;
border: 4px solid #e84c3d;
font-size: 17px;
color: #333;
font-weight: normal;
text-align: center;
background-color: #fff
}
.str-otzivi .send-otziv input {
width: 260px;
height: 35px;
float: right;
border-radius: 5px;
border: 1px solid #555;
padding: 5px 10px
}
.str-otzivi .send-otziv input[type="button"],
.str-otzivi .send-otziv input[type="submit"] {
width: 341px;
height: 50px;
display: inline-block;
float: none;
background-color: #e84c3d;
color: #fff;
text-transform: uppercase;
border: 0
}
.str-otzivi .send-otziv input[type="button"]:hover,
.str-otzivi .send-otziv input[type="submit"]:hover {
background-color: #c50f00
}
.str-otzivi .send-otziv span {
display: inline-block;
margin-top: 6px
}
.str-otzivi .send-otziv textarea {
padding: 5px;
width: 260px;
height: 140px;
float: right;
border-radius: 5px;
border: 1px solid #555
}
.str-otzivi .send-otziv .row {
text-align: left;
margin-bottom: 20px
}
.str-otzivi .send-otziv .row:before,
.str-otzivi .send-otziv .row:after {
content: " ";
display: table
}
.str-otzivi .send-otziv .row:after {
clear: both
}
.send-otziv {
width: 400px;
min-height: 430px;
padding: 25px;
border: 4px solid #e84c3d;
font-size: 17px;
color: #333;
font-weight: normal;
text-align: center;
background-color: #fff
}
.send-otziv input {
width: 260px;
height: 35px;
float: right;
border-radius: 5px;
border: 1px solid #555;
padding: 5px 10px
}
.send-otziv input[type="button"],
.send-otziv input[type="submit"] {
width: 341px;
height: 50px;
display: inline-block;
float: none;
background-color: #e84c3d;
color: #fff;
text-transform: uppercase;
border: 0
}
.send-otziv input[type="button"]:hover,
.send-otziv input[type="submit"]:hover {
background-color: #c50f00
}
.send-otziv span {
display: inline-block;
margin-top: 6px
}
.send-otziv textarea {
padding: 5px;
width: 260px;
height: 140px;
float: right;
border-radius: 5px;
border: 1px solid #555
}
.send-otziv .row {
text-align: left;
margin-bottom: 20px
}
.send-otziv .row:before,
.send-otziv .row:after {
content: " ";
display: table
}
.send-otziv .row:after {
clear: both
}
.str-otzivi-klientov ul {
list-style-type: none
}
.str-otzivi-klientov .main h2 {
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
text-align: center;
color: #405163
}
.arhives {
font-size: 19.3px;
text-align: left;
color: #304246;
padding: 0 0 20px;
min-width: 10px
}
.arhives span {
background-color: #fff;
font-weight: 400;
display: block;
color: #304246;
text-transform: uppercase;
padding: 7px 10px
}
.arhives a,
.arhives a:focus {
display: block;
font-weight: 600;
font-size: 18px;
color: #3e5062;
background-color: #fff;
border: 2px solid #3e5062 !important;
border-radius: 20px;
padding: 5px 15px;
margin-right: 10px;
margin-bottom: 15px
}
.arhives .active,
.arhives a:hover {
color: #fff;
background-color: #3e5062
}
.arhives ul {
border: 0;
display: inline-block
}
.arhives ul:before,
.arhives ul:after {
content: " ";
display: table
}
.arhives ul:after {
clear: both
}
.arhives li {
float: left
}
.str-otzivi-klientov .client-item {
width: 225px;
float: left;
margin-bottom: 55px;
margin-right: 41px;
border: 1px solid #e84c3d;
padding: 20px 10px 20px 18px;
color: #e84c3d;
font-size: 15px
}
.str-otzivi-klientov .client-item:before,
.str-otzivi-klientov .client-item:after {
content: " ";
display: table
}
.str-otzivi-klientov .client-item:after {
clear: both
}
.str-otzivi-klientov .client-item:nth-of-type( 4n+1) {
margin-right: 0
}
.str-otzivi-klientov .client-item img {
margin-bottom: 10px
}
.client-item .name {
font-size: 16px;
line-height: 120%;
color: #000;
margin-top: 5px;
text-align: left;
font-weight: 400
}
.client-item .company {
font-weight: 400;
font-size: 16px;
line-height: 112%;
color: rgba(0, 0, 0, 0.4);
text-align: left;
margin-top: 4px
}
.client-item .otziv {
color: #405163;
font-size: 11pt !important;
font-weight: 400 !important;
margin: 20px 0 15px;
height: 75px;
overflow: hidden
}
.client-item p {
margin: 0 0 20px;
color: #111;
font-weight: 300
}
.str-otzivi-klientov .hidden {
display: none
}
.str-prepodavateli .sotrudnik-item:before,
.str-prepodavateli .sotrudnik-item:after {
content: " ";
display: table
}
.str-prepodavateli .sotrudnik-item:after {
clear: both
}
.str-prepodavateli .sotrudnik-item img {
margin: 100px 0 30px 0
}
.str-prepodavateli .sotrudnik-item h3 {
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
margin: 5px 0
}
.str-sotrudniki .main h2 {
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
text-align: center
}
.str-sotrudniki .sotrudnik-item {
width: 860px;
margin: 0 auto 60px
}
.str-sotrudniki .sotrudnik-item:before,
.str-sotrudniki .sotrudnik-item:after {
content: " ";
display: table
}
.str-sotrudniki .sotrudnik-item:after {
clear: both
}
.str-sotrudniki .sotrudnik-item img {
margin: 0 25px;
float: left
}
.str-sotrudniki .sotrudnik-item span {
display: block
}
.str-sotrudniki .sotrudnik-item .name {
font-size: 28px;
color: #e84c3d
}
.str-sotrudniki .sotrudnik-item .dolzhnost {
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
margin: 10px 0
}
.str-svedeniya .cont-655 {
width: 1023px;
margin: 0 auto
}
.str-svedeniya .main .red-but {
display: inline-block;
text-align: center;
width: 260px;
padding: 11px 0 11px 25px;
border-radius: 5px;
text-transform: uppercase;
font-weight: bold;
color: #e84c3d;
border: 1px solid #e84c3d;
background: url(/bitrix/templates/runo-mob/img/uslugi/read-more.png) 10px 45% no-repeat
}
.str-uslugi .cours-popups {
z-index: 200;
position: fixed;
left: 0;
top: 40%
}
.str-uslugi .red-popup {
color: #e84c3d;
width: 140px;
height: 40px;
padding-left: 12px;
font-size: 16px;
line-height: 240%;
border: 1px solid #e84c3d;
background-color: #ededed;
overflow: hidden
}
.str-uslugi .red-popup:hover {
background-color: #e84c3d;
color: #fff
}
.str-uslugi .blue-popup {
color: #fff;
width: 140px;
height: 40px;
padding-left: 12px;
font-size: 16px;
line-height: 240%;
background-color: #405163;
border: 1px solid #1e2f41;
overflow: hidden
}
@media only screen and (max-width:1070px) {
.str-uslugi .red-popup,
.str-uslugi .blue-popup {
width: 40px;
letter-spacing: 20px
}
.str-uslugi .red-popup:hover,
.str-uslugi .blue-popup:hover {
width: 140px;
letter-spacing: normal
}
}
.str-uslugi .dlya-nachinauschih {
height: 527px;
min-width: 1044px;
background: url(/bitrix/templates/runo-mob/img/uslugi/first-section.jpg) no-repeat center #ecedf2
}
.str-uslugi .dlya-nachinauschih .container {
padding-left: 440px
}
.str-uslugi .dlya-nachinauschih a {
color: #405163
}
.str-uslugi .dlya-nachinauschih .big-title,
.str-uslugi-dis .dlya-nachinauschih .big-title {
color: #fff;
text-transform: none;
font-weight: bold;
font-size: 2.8vw;
line-height: 100%;
margin-top: 3.4vw;
overflow: hidden
}
.str-uslugi .dlya-nachinauschih .blue-box-wrap {
float: left;
width: 300px
}
.str-uslugi-dis .dlya-nachinauschih .blue-box-wrap {
float: left;
width: 300px
}
.str-uslugi .dlya-nachinauschih .blue-box {
background-color: #405163;
padding: 15px 15px 15px 20px;
margin: 0 0 15px;
font-size: 17px;
font-weight: 300;
width: 300px;
color: #fff;
float: left
}
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok {
width: 256px;
height: auto;
float: left;
margin-top: 0px;
padding-top: 7px;
margin-left: 24px
}
.sp-form .sp-lg .sp-field .sp-button,
.sp-form .sp-lg .sp-field .sp-form-control,
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input {
display: block;
margin: 10px auto !important;
border-radius: 3px;
font-weight: 300;
font-size: 16px !important;
font-family: 'Source Sans Pro', sans-serif !important
}
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="text"],
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="tel"],
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="email"] {
border: 1px solid #e9e9e9;
background: #f9f9f9;
padding: 10px
}
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="text"]::-moz-placeholder,
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="tel"]::-moz-placeholder,
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="email"]::-moz-placeholder {
color: #405163;
opacity: 1
}
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="text"]:-ms-input-placeholder,
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="tel"]:-ms-input-placeholder,
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="email"]:-ms-input-placeholder {
color: #405163
}
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="text"]::-webkit-input-placeholder,
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="tel"]::-webkit-input-placeholder,
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="email"]::-webkit-input-placeholder {
color: #405163
}
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok a.input,
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="submit"],
.str-uslugi .dlya-nachinauschih .zakazhite-zvonok input[type="button"] {
margin-bottom: 10px
}
.str-uslugi .unical-metodic {
height: 350px;
padding-top: 20px;
padding-left: 5px
}
.str-uslugi .unical-metodic ul {
list-style-type: none;
padding-top: 15px
}
.str-uslugi .unical-metodic .left-list,
.str-uslugi .unical-metodic .left-list a {
color: #505050
}
.str-uslugi .unical-metodic h2,
.str-uslugi .unical-metodic div.h2 {
margin-top: 0;
margin-bottom: 13px;
font-size: 20px;
text-transform: uppercase;
font-weight: bold
}
.str-uslugi .unical-metodic .left-list {
width: 430px;
float: left
}
.str-uslugi .unical-metodic .left-list li {
padding-left: 30px;
padding-top: 8px;
padding-bottom: 8px;
background: url(/bitrix/templates/runo-mob/img/uslugi/item-list-img.png) no-repeat;
line-height: 110%;
margin: 10px 0
}
.str-uslugi .unical-metodic .right-red-box {
float: right;
width: 545px;
height: 280px;
background-color: #e84c3d;
color: #fff;
padding: 0 10px
}
.str-uslugi .unical-metodic .right-red-box h3,
.str-uslugi .unical-metodic .right-red-box div.h3 {
border: 1px solid #fff;
text-transform: uppercase;
text-align: center;
font-weight: bold;
font-size: 20px;
padding: 15px;
width: 380px;
margin: 25px auto 10px
}
.str-uslugi .unical-metodic .right-red-box li {
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
text-align: center;
width: 33%;
padding-top: 100px;
float: left
}
.str-uslugi .unical-metodic .right-red-box li:nth-of-type(1) {
background: url(/bitrix/templates/runo-mob/img/uslugi/red-box-2.png) 50% 0 no-repeat
}
.str-uslugi .unical-metodic .right-red-box li:nth-of-type(2) {
background: url(/bitrix/templates/runo-mob/img/uslugi/red-box-3.png) 50% 33% no-repeat
}
.str-uslugi .unical-metodic .right-red-box li:nth-of-type(3) {
background: url(/bitrix/templates/runo-mob/img/uslugi/red-box-1.png) 45% 35% no-repeat
}
.str-uslugi .nashe-obuchenie {
color: #505050
}
.str-uslugi .nashe-obuchenie h2,
.str-uslugi .nashe-obuchenie div.h2 {
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
margin-top: 0;
margin-bottom: 16px
}
.str-uslugi .nashe-obuchenie a {
transition: .4s linear
}
.str-uslugi .nashe-obuchenie ul {
list-style-type: none
}
.str-uslugi .nashe-obuchenie .left-video {
width: 330px;
float: right;
margin-right: 33px
}
.str-uslugi .nashe-obuchenie .right-courses {
width: 1024px;
float: left;
border: 1px solid #e9eff2
}
.str-uslugi .nashe-obuchenie .raspisanie {
float: left;
padding: 25px 0px;
background-color: #e9eff2;
width: 600px;
overflow: hidden
}
@-moz-document url-prefix() {
.str-uslugi .nashe-obuchenie .raspisanie table {
width: 80%
}
.str-uslugi .nashe-obuchenie .raspisanie table td {
padding: 3px
}
}
.str-uslugi .nashe-obuchenie .raspisanie h3,
.str-uslugi .nashe-obuchenie .raspisanie div.h3 {
margin-top: 0;
margin-bottom: 10px;
font-size: 21px;
font-weight: bold;
font-family: 'Source Sans Pro', sans-serif
}
.str-uslugi .nashe-obuchenie .raspisanie h4 {
font-weight: bold;
font-size: 19px;
margin: 4px 0;
font-family: 'Source Sans Pro', sans-serif
}
.str-uslugi .nashe-obuchenie .raspisanie li {
line-height: 160%
}
.str-uslugi .nashe-obuchenie2 {
margin-top: 40px;
border: none;
color: #505050;
height: 313px
}
.str-uslugi .nashe-obuchenie2 h2,
.str-uslugi .nashe-obuchenie2 div.h2 {
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
margin-top: 0;
margin-bottom: 16px
}
.str-uslugi .nashe-obuchenie2 a {
color: inherit
}
.str-uslugi .nashe-obuchenie2 ul {
list-style-type: none
}
.str-uslugi .nashe-obuchenie2 .right-courses2 {
width: 1022px;
float: left;
border: none
}
.str-uslugi .nashe-obuchenie2 .leftblock {
float: left;
padding: 0;
max-width: 520px
}
.str-uslugi .nashe-obuchenie2 .leftblock h3,
.str-uslugi .nashe-obuchenie2 .leftblock div.h3 {
margin-top: 0;
margin-bottom: 10px;
font-size: 21px;
font-weight: bold;
font-family: 'Source Sans Pro', sans-serif
}
.str-uslugi .nashe-obuchenie2 .leftblock h4 {
font-weight: bold;
font-size: 19px;
margin: 4px 0;
font-family: 'Source Sans Pro', sans-serif
}
.str-uslugi .nashe-obuchenie2 .leftblock li {
padding-left: 30px;
padding-top: 8px;
padding-bottom: 8px;
background: url(/bitrix/templates/runo-mob/img/uslugi/item-list-img.png) no-repeat;
line-height: 1.3;
margin: 10px 0
}
.professionali .prepod {
float: left;
margin-left: 30px;
border: 1px solid #eee;
padding: 20px 30px;
max-width: 430px;
background: #fafafa;
border-radius: 5px;
min-width: 430px
}
.fon-video,
.professionali .left-video2,
.str-uslugi .nashe-obuchenie2 .left-video2 {
max-width: 407px;
float: right;
margin: 0 0 30px 0;
background-color: #f4f5fa
}
.fon-video {
max-width: 100%;
margin: 4px 0 0 0;
float: none
}
.fon-video iframe,
.str-uslugi .nashe-obuchenie2 .left-video2 iframe {
width: 100%
}
.fon-video p {
padding: 15px 15px 0 30px;
margin: 0
}
.fon-video div {
padding: 10px 15px 20px 30px !important;
height: 80px !important
}
.fon-video p,
.fon-video div {
display: none !important
}
#___ytsubscribe_0 iframe {
padding-right: 15px
}
.str-uslugi .nashe-obuchenie .description {
padding: 10px 35px;
float: left
}
.str-uslugi .nashe-obuchenie .description p {
margin: 0
}
.str-uslugi .nashe-obuchenie .description>p {
font-size: 18px;
margin-top: 8px;
margin-bottom: 13px;
color: #e84c3d;
font-weight: bold
}
.str-uslugi .nashe-obuchenie .description .title {
font-size: 18px
}
.str-uslugi .nashe-obuchenie .description .green {
color: #e84c3d;
font-size: 22px
}
.str-uslugi .nashe-obuchenie .description span {
color: #e84c3d
}
.str-uslugi .nashe-obuchenie .description li {
padding-left: 75px;
padding-top: 10px;
padding-bottom: 7px
}
.str-uslugi .nashe-obuchenie .description li:nth-of-type(1) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-1.png) 10px 0 no-repeat
}
.str-uslugi .nashe-obuchenie .description li:nth-of-type(2) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-2.png) 10px 0 no-repeat
}
.str-uslugi .nashe-obuchenie .description li:nth-of-type(3) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-3.png) 4px -3px no-repeat
}
.str-uslugi .nashe-obuchenie .description a {
display: block;
width: 200px;
height: 35px;
margin-top: 7px;
text-align: center;
font-size: 19px;
background-color: #e84c3d;
color: #fff;
line-height: 1.8;
border-bottom: 2px solid #b5190a
}
.str-uslugi .nashe-obuchenie .description a:hover {
background-color: #c62a1b
}
.course_name,
.str-uslugi .programma {
padding-bottom: 30px;
color: #505050;
font-weight: 300;
font-size: 14px;
line-height: 1.6
}
.str-uslugi .programma b {
font-size: 14px
}
.course_name {
padding: 0 10px
}
.str-uslugi .programma img {
float: left
}
.str-uslugi .programma h2,
.str-uslugi .programma div.h2 {
text-transform: uppercase;
font-weight: bold;
font-size: 18px;
margin-top: 0;
line-height: 80%;
margin-bottom: 20px;
text-align: left
}
.str-uslugi .programma a {
color: inherit
}
.str-uslugi .programma b {
display: block
}
.str-uslugi .programma .read-more,
.str-uslugi-dis .programma2 .read-more {
display: inline-block;
background: url(/bitrix/templates/runo-mob/img/uslugi/GreenDownloadArrow.png) no-repeat;
text-decoration: underline;
font-size: 18px;
color: #e84c3d;
font-weight: normal;
padding: 0 0 0 50px;
line-height: 40px
}
.str-uslugi .programma .read-more:hover,
.str-uslugi-dis .programma2 .read-more:hover {
text-decoration: none
}
.str-uslugi .programma .programma_pod {
padding-bottom: 30px;
background-color: #e9eff2
}
.str-uslugi .programma2 {
line-height: 133%;
padding-bottom: 30px;
padding-top: 10px;
color: #505050;
font-weight: 300;
font-size: 16px;
height: 100%;
width: 100%
}
.str-uslugi .programma2 img {
float: left;
margin-right: 50px
}
.str-uslugi .programma2 h2,
.str-uslugi .programma2 div.h2 {
text-transform: uppercase;
font-weight: bold;
font-size: 25px;
margin-top: 0;
line-height: 80%;
margin-bottom: 15px
}
.str-uslugi .programma2 a {
color: inherit
}
.str-uslugi .programma2 b {
display: block;
color: #000;
font-size: 17px;
font-weight: 500
}
.str-uslugi .programma2 .read-more {
display: inline-block;
background: url(/bitrix/templates/runo-mob/img/uslugi/read-more.png) no-repeat;
text-decoration: underline;
font-size: 15px;
color: #e84c3d;
font-weight: normal;
padding: 8px 33px;
margin-top: 8px
}
.str-uslugi .programma2 .read-more:hover {
text-decoration: none
}
.str-uslugi .programma2 .programma_pod {
padding-bottom: 20px;
height: 100%;
overflow: hidden;
padding-right: 10px
}
.str-uslugi .professionali {
text-align: center;
padding: 20px 0
}
.str-uslugi .professionali:before,
.str-uslugi .professionali:after {
content: " ";
display: table
}
.str-uslugi .professionali:after {
clear: both
}
.str-uslugi .professionali a {
color: #505050;
margin-top: 20px
}
.str-uslugi .professionali h3 {
font-size: 30px;
font-weight: normal;
line-height: 100%
}
.prepody ul,
.str-uslugi .professionali ul {
list-style-type: none
}
.prepody li,
.str-uslugi .professionali li {
width: 20%;
display: inline-block;
text-align: center;
vertical-align: top;
margin: 15px
}
.prepody li a,
.str-uslugi .professionali li a {
display: block;
color: #70708f;
max-width: 180px;
margin: 0 auto;
min-height: 39px
}
.prepody li a:hover,
.str-uslugi .professionali li a:hover {
border-bottom: 1px solid #70708f
}
.prepody li img,
.str-uslugi .professionali li img {
margin-bottom: 10px;
clear: both
}
.str-uslugi .red-present {
min-width: 1044px;
padding: 45px 0;
background-color: #e84c3d;
color: #fff
}
.str-uslugi .red-present:before,
.str-uslugi .red-present:after {
content: " ";
display: table
}
.str-uslugi .red-present:after {
clear: both
}
.str-uslugi .red-present h2,
.str-uslugi .red-present div.h2 {
text-transform: uppercase;
text-align: center;
border: 1px solid #fff;
font-size: 27px;
font-weight: bold;
line-height: 100%;
padding: 15px 50px;
background: url(/bitrix/templates/runo-mob/img/uslugi/icon-podarok.png) no-repeat 40px 45%;
width: 560px;
margin: 0 auto 25px
}
.str-uslugi .red-present h4,
.str-uslugi .red-present div.h4 {
text-transform: uppercase;
font-size: 22px;
font-weight: bold;
margin-bottom: 5px
}
.str-uslugi .red-present img {
display: block;
margin-left: 170px;
margin-right: 25px;
float: left
}
.str-uslugi .red-present ul {
list-style-type: none
}
.str-uslugi .red-present li {
display: block;
padding-left: 30px;
line-height: 240%;
background: url(/bitrix/templates/runo-mob/img/uslugi/list-item-white.png) 0 4px no-repeat
}
.str-uslugi .red-present .c-right {
font-size: 18px;
float: left;
width: 500px
}
.str-uslugi .akcia {
min-width: 1044px;
background-color: #e84c3d;
color: #fff;
padding-bottom: 45px;
padding-top: 15px
}
.str-uslugi .akcia h2,
.str-uslugi .akcia div.h2 {
text-transform: uppercase;
font-size: 27px;
font-weight: normal;
margin: 22px 0 27px
}
.str-uslugi .akcia .white-bg {
background-color: #fff;
color: #e84c3d;
font-weight: bold
}
.str-uslugi .akcia .grey-bg {
background-color: #f9cdc9;
color: #e84c3d;
font-weight: bold
}
.str-uslugi .akcia div>iframe {
display: block;
float: left;
margin-right: 30px !important;
margin-left: 3px;
border: 5px solid #e62117;
width: 350px
}
.str-uslugi .akcia div>div>iframe {
height: 70px !important;
background-color: #f4f5fa;
padding: 10px 15px;
border-radius: 8px
}
.str-uslugi .akcia iframe a {
color: #00ff00
}
.str-uslugi .akcia ul {
list-style-type: none;
font-size: 15px
}
.str-uslugi .akcia li {
margin: 0 0 2px;
padding: 6px 32px;
background: url(/bitrix/templates/runo-mob/img/uslugi/list-item-white.png) 0 0px no-repeat;
font-size: 16px
}
.str-uslugi .akcia .right-descr {
width: 640px;
float: left
}
.str-uslugi .akcia .right-descr a {
display: inline-block;
width: 318px;
position: relative;
left: -5px;
margin-top: 15px;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
background-color: #fff;
color: #e84c3d;
padding: 7px 10px 5px 55px;
background: url(/bitrix/templates/runo-mob/img/uslugi/read-more.png) 10px 1px no-repeat #ffffff;
text-decoration: underline;
height: 35px;
border-radius: 3px
}
.str-uslugi .akcia .right-descr a:hover {
text-decoration: none;
border-bottom: 1px solid #fff
}
.str-uslugi .last-white {
padding: 50px 0;
color: #505050
}
.str-uslugi .last-white h3 {
text-transform: uppercase;
font-size: 19px;
font-weight: bold;
margin: 10px 0
}
.last-white>div>ul>li>a,
.last-white>div>ul>li>span>a {
transition: .2s linear;
border-bottom: 1px solid #c0c0c0;
border-top: 0;
border-left: 0;
border-right: 0;
text-decoration: none;
color: #505050;
font-size: 16px
}
.last-white>div>ul>li>a:hover,
.last-white>div>ul>li>span>a:hover {
text-decoration: none;
border-bottom: 1px solid transparent
}
.out-btn,
.trans-btn,
.red-btn-small,
.last-white>div>b>span>a,
.last-white>div>p>b>span>a {
display: inline-block;
font-size: 15px;
font-weight: normal;
color: #4d555a !important;
text-transform: none;
padding: 2px 12px 3px;
border: 1px solid #4d555a !important;
border-radius: 5px
}
.trans-btn:hover,
.red-btn-small:hover,
.last-white>div>b>span>:hover,
.last-white>div>p>b>span>a:hover {
background-color: #e84c3d;
color: #fff !important;
border-color: #e84c3d !important;
text-decoration: none
}
.red-btn-small {
font-size: 18px;
color: #e84c3d !important;
border: 1px solid #e84c3d !important;
border-radius: 20px;
padding: 5px 20px !important;
height: 38px !important;
line-height: 140%;
}
.out-btn {
display: block;
background-color: #e84c3d;
left: 0;
top: -7px;
padding: 0 10px;
margin-top: 12px;
color: #fff !important;
border-color: #e84c3d !important;
text-decoration: underline !important;
text-align: center;
float: left;
margin: 17px 11px 0 0
}
.out-btn:hover {
background-color: #d23627;
border-color: #d23627 !important;
text-decoration: none
}
.str-uslugi .last-white ul {
list-style-type: none
}
.str-uslugi .last-white li {
margin-bottom: 17px
}
.str-uslugi .last-white .right-p {
width: 48%;
float: left
}
.str-uslugi .last-white .left-p,
.str-uslugi .last-white .left-r {
width: 48%;
float: left;
margin-right: 40px
}
.str-uslugi .hidden {
display: none
}
.str-uslugi #modal-programma {
padding: 20px;
width: 800px
}
.main-prosmotr-kursa {
padding-bottom: 80px
}
.main-prosmotr-kursa:before,
.main-prosmotr-kursa:after {
content: " ";
display: table
}
.main-prosmotr-kursa:after {
clear: both
}
.main-prosmotr-kursa aside {
display: inline-block;
width: 100%
}
.main-prosmotr-kursa aside .popup-box {
position: relative;
height: auto;
z-index: 999;
float: left;
width: 260px;
font-size: 16px;
display: none;
text-transform: none
}
.main-prosmotr-kursa aside .popup-box .close-box {
width: 33px;
height: 33px;
position: absolute;
bottom: 0;
right: 0px;
cursor: pointer;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/fancybox_sprite.png) 0 0 no-repeat
}
.main-prosmotr-kursa aside .popup-box ul {
background-color: #fff;
height: auto;
overflow: auto;
padding-bottom: 20px
}
.main-prosmotr-kursa aside .popup-box ul li {
padding-left: 5px;
margin: 10px 0
}
.main-prosmotr-kursa aside .popup-box ul li:nth-of-type(1) {
/*color: #2D8266;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/pointer1.png) 12px 3px no-repeat;*/
background: url('/bitrix/templates/runo-mob/img/prosmotr-kursa/right_arrow_green.svg') 12px 3px no-repeat;
background-size: 18px !important;
background-position: 10px 4px !important;
}
.main-prosmotr-kursa aside .popup-box ul li:nth-of-type(2) {
color: #e8c13d;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/pointer2.png) 12px 3px no-repeat
}
.main-prosmotr-kursa aside .popup-box ul li:nth-of-type(3) {
color: #903de8;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/pointer3.png) 12px 3px no-repeat
}
.main-prosmotr-kursa aside .popup-box ul li:nth-of-type(4) {
color: #e84c3d;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/pointer4.png) 12px 3px no-repeat
}
body .main-prosmotr-kursa aside .popup-box ul li.pointer1 {
color: #2D8266;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/pointer1.png) 12px 3px no-repeat
}
body .main-prosmotr-kursa aside .popup-box ul li.pointer2 {
color: #e8c13d;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/pointer2.png) 12px 3px no-repeat
}
body .main-prosmotr-kursa aside .popup-box ul li.pointer3 {
color: #903de8;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/pointer3.png) 12px 3px no-repeat
}
body .main-prosmotr-kursa aside .popup-box ul li.pointer4 {
/*color: #e84c3d;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/pointer4.png) 12px 3px no-repeat;*/
background: url('/bitrix/templates/runo-mob/img/prosmotr-kursa/right_arrow_red.svg') 12px 3px no-repeat;
background-size: 18px !important;
background-position: 10px 4px !important;
}
body .main-prosmotr-kursa aside .popup-box ul li.pointer5 {
color: #bc6b40;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/pointer5.png) 12px 3px no-repeat
}
body .main-prosmotr-kursa aside .popup-box ul li.pointer6 {
color: #5777e9;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/pointer6.png) 12px 3px no-repeat
}
.main-prosmotr-kursa aside .popup-box h4 {
font-weight: normal;
padding-left: 26px;
margin: 0
}
.main-prosmotr-kursa aside .popup-box .title {
min-height: 40px;
background-color: #49556b;
padding: 6px 7px 4px;
color: #fff;
line-height: 100%;
font-size: 15px
}
.main-prosmotr-kursa aside .popup-box a {
transition: .3s linear;
background-color: transparent;
color: #555;
display: block;
font-size: 14px;
line-height: 105%;
font-weight: 400 !important;
padding: 5px 10px 5px 30px;
margin-right: 20px;
}
.main-prosmotr-kursa aside .popup-box a:hover {
text-decoration: none;
color: #222;
background-color: #f7f7f7;
border-bottom: 1px solid transparent
}
/*
.main-prosmotr-kursa aside .popup-box a:before {
font-family: FontAwesome;
content: "\f0da";
}
*/
.main-prosmotr-kursa aside .popup-box a.active {
font-weight: 600 !important;
color: #3e5062;
background-color: rgba(27, 128, 101, .18);
}
.zaver_green, .zaver_grey {
display: block;
height: 17px;
position: absolute;
right: 3px;
top: 0;
transform: translateY(-100%);
margin-top: 19px;
}
.zaver_green {color: #1b8065;}
.zaver_grey {color: #ddd;}
.relative {position: relative;}
.main-prosmotr-kursa aside li {
list-style-type: none
}
.main-prosmotr-kursa aside>.slider3>div>ul>li {
text-transform: uppercase;
font-size: 20px;
font-weight: 300;
margin: 5px 0;
width: 350px
}
.main-prosmotr-kursa aside>.slider3>div>ul>li:before,
.main-prosmotr-kursa aside>.slider3>div>ul>li:after {
content: " ";
display: table
}
.main-prosmotr-kursa aside>.slider3>div>ul>li:after {
clear: both
}
.main-prosmotr-kursa aside>.slider3>div>ul>li>a {
min-height: 40px;
width: 90px;
float: none;
padding: 7px 0;
text-align: center;
display: block;
background-color: #777f8d;
color: #fff
}
.main-prosmotr-kursa aside>.slider3>div>ul>li>a:hover {
background-color: #49556b;
text-decoration: none
}
.main-prosmotr-kursa aside>.slider3>div>ul>li.active>a {
background-color: #49556b
}
.main-prosmotr-kursa aside .slider3 {
position: relative
}
.main-prosmotr-kursa aside .slider3 .arrow-b,
.main-prosmotr-kursa aside .slider3 .arrow-t {
cursor: pointer;
position: absolute;
z-index: 50;
left: 30px;
width: 33px;
height: 21px
}
.main-prosmotr-kursa aside .slider3 .arrow-b {
bottom: -25px;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/arrow-b.png) no-repeat
}
.main-prosmotr-kursa aside .slider3 .arrow-t {
top: -25px;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/arrow-t.png) no-repeat
}
.main-prosmotr-kursa #sidecarousel {
height: 465px;
position: relative;
width: auto;
z-index: 999;
overflow: hidden
}
.main-prosmotr-kursa #sidecarousel .jcarousel-skin-name {
display: block;
overflow-x: visible;
position: relative;
-webkit-transition: top 1s;
-o-transition: top 1s;
transition: top 1s
}
.main-prosmotr-kursa .top-row {
color: #fff;
display: none
}
.main-prosmotr-kursa .top-row h2 {
margin: 0;
font-weight: 300;
font-size: 17px
}
.main-prosmotr-kursa .top-row:before,
.main-prosmotr-kursa .top-row:after {
content: " ";
display: table
}
.main-prosmotr-kursa .top-row:after {
clear: both
}
.main-prosmotr-kursa .top-row {
background-color: rgba(227, 0, 15, 0.5)
}
.main-prosmotr-kursa .top-row .left-p {
padding: 8px 10px;
min-height: 55px;
float: left;
width: 300px;
background-color: #767E8C
}
.main-prosmotr-kursa .top-row .right-p {
padding: 8px 15px;
width: 505px;
height: 55px;
float: left
}
.main-prosmotr-kursa .video-block {
position: relative
}
.main-prosmotr-kursa aside .programmCont {
max-height: 48.2vw
}
.video-output {
height: 29vw;
width: 100%
}
.main-prosmotr-kursa .video-block:before,
.main-prosmotr-kursa .video-block:after {
content: " ";
display: table
}
.main-prosmotr-kursa .video-block:after {
clear: both
}
.main-prosmotr-kursa .video-block .green-buttons {
position: absolute;
right: -75px;
top: 0;
z-index: 900
}
.main-prosmotr-kursa .video-block .green-buttons ul {
list-style-type: none
}
.main-prosmotr-kursa .video-block .green-buttons .but {
cursor: pointer;
float: right;
width: 42px;
height: 42px;
background-color: #2D8266;
background-repeat: no-repeat;
background-position: 3px 2px
}
.main-prosmotr-kursa .video-block .green-buttons li {
display: block;
margin-bottom: 20px;
width: 50px
}
.main-prosmotr-kursa .video-block .green-buttons li:before,
.main-prosmotr-kursa .video-block .green-buttons li:after {
content: " ";
display: table
}
.main-prosmotr-kursa .video-block .green-buttons li:after {
clear: both
}
.main-prosmotr-kursa .video-block .green-buttons li:nth-of-type(1) .but {
background-image: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/green-icon1.png)
}
.main-prosmotr-kursa .video-block .green-buttons li:nth-of-type(2) .but {
background-image: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/green-icon2.png);
background-position: 0px -1px
}
.main-prosmotr-kursa .video-block .green-buttons li:nth-of-type(3) .but {
background-image: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/green-icon3.png)
}
.main-prosmotr-kursa .video-block .green-buttons .box {
display: none;
float: left;
border: 2px solid #2D8266;
background-color: #fff;
width: 185px
}
.main-prosmotr-kursa .video-block .green-buttons .box .title-green {
height: 40px;
padding: 5px 8px 5px;
background-color: #2D8266;
text-transform: uppercase;
color: #fff;
font-size: 13px;
font-weight: bold
}
.main-prosmotr-kursa .video-block .green-buttons .box form {
padding: 7px
}
.main-prosmotr-kursa .video-block .green-buttons .box form:before,
.main-prosmotr-kursa .video-block .green-buttons .box form:after {
content: " ";
display: table
}
.main-prosmotr-kursa .video-block .green-buttons .box form:after {
clear: both
}
.main-prosmotr-kursa .video-block .green-buttons .box form input,
.main-prosmotr-kursa .video-block .green-buttons .box form textarea {
color: #3a434a;
font-size: 12px;
font-weight: 300;
padding: 8px;
border: 1px solid #333;
border-radius: 3px;
width: 96%;
margin: 5px 2%
}
.main-prosmotr-kursa .video-block .green-buttons .box form input::-moz-placeholder,
.main-prosmotr-kursa .video-block .green-buttons .box form textarea::-moz-placeholder {
color: #3a434a;
opacity: 1
}
.main-prosmotr-kursa .video-block .green-buttons .box form input:-ms-input-placeholder,
.main-prosmotr-kursa .video-block .green-buttons .box form textarea:-ms-input-placeholder {
color: #3a434a
}
.main-prosmotr-kursa .video-block .green-buttons .box form input::-webkit-input-placeholder,
.main-prosmotr-kursa .video-block .green-buttons .box form textarea::-webkit-input-placeholder {
color: #3a434a
}
.main-prosmotr-kursa .video-block .green-buttons .box form textarea {
height: 65px
}
.main-prosmotr-kursa .video-block .green-buttons .box form [type='submit'] {
color: #fff;
text-align: center;
width: 73px;
padding: 7px 0;
margin-top: 4px;
border: 0;
border-radius: 2px;
float: right;
text-transform: uppercase;
background-color: #e8585b
}
.main-prosmotr-kursa .video-block .green-buttons .box form [type='submit']:hover {
background-color: #c72f2f
}
.main-prosmotr-kursa .video-block .green-buttons .box .name {
font-size: 12px;
margin-bottom: 9px
}
.main-prosmotr-kursa .video-block .green-buttons .box .name img {
float: left;
margin-right: 5px
}
.main-prosmotr-kursa .video-block .green-buttons .box .name p {
margin: 0;
padding: 5px
}
.main-prosmotr-kursa .tabs_block {
width: 100%;
margin-top: 20px
}
.main-prosmotr-kursa .tabs_block:after {
content: "";
display: block;
clear: both
}
.main-prosmotr-kursa .tabs_block .tabs {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 100%;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
background: #f9f9f9
}
.main-prosmotr-kursa .tabs_block .tabs li {
float: left;
padding: 12px 10px 0 15px;
height: 60px;
width: 20%;
cursor: pointer;
color: #fff;
font-size: 14px;
line-height: 115%;
font-weight: 300;
-webkit-transition: all .2s linear 0s;
transition: all .2s linear 0s;
background-color: #4c6992;
border: 1px solid #fff
}
.main-prosmotr-kursa .tabs_block .tabs li:hover {
background-color: #617ea7
}
.main-prosmotr-kursa .tabs_block .tabs li.active {
background-color: #e84c3d;
cursor: default;
color: #fff
}
.main-prosmotr-kursa .tabs_block .box {
background: #fff;
width: 100%;
padding: 5px 2% 6px;
display: none;
text-align: left;
float: left
}
.main-prosmotr-kursa .tabs_block .box p {
margin-bottom: 15px
}
.main-prosmotr-kursa .tabs_block .visible,
.main-prosmotr-kursa .tabs_block .open_tab {
display: block
}
.main-prosmotr-kursa .tabs_block .box img {
height: 9vw
}
.main-prosmotr-kursa .tabs_block .pl-left {
float: left;
margin: 5px 15px 5px 0
}
.main-prosmotr-kursa .tabs_block .pl-right {
float: right;
margin: 5px 0 5px 15px
}
.main-prosmotr-kursa .tabs_block .box.booked {
position: relative;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/box2-bg.png) 51.5% 0 repeat-y #ffffff;
font-size: 15px;
color: #49556b
}
.main-prosmotr-kursa .tabs_block .box.booked:before,
.main-prosmotr-kursa .tabs_block .box.booked:after {
content: " ";
display: table
}
.main-prosmotr-kursa .tabs_block .box.booked:after {
clear: both
}
.main-prosmotr-kursa .tabs_block .box.booked .left-p,
.main-prosmotr-kursa .tabs_block .box.booked .right-p {
width: 50%;
float: left;
padding: 35px 55px 55px
}
.main-prosmotr-kursa .tabs_block .box.booked_gal {
position: relative;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/box2-bg.png) 51.5% 0 repeat-y #ffffff;
font-size: 15px;
color: #49556b
}
.main-prosmotr-kursa .tabs_block .box.booked_gal:before,
.main-prosmotr-kursa .tabs_block .box.booked_gal:after {
content: " ";
display: table
}
.main-prosmotr-kursa .tabs_block .box.booked_gal:after {
clear: both
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .left-p,
.main-prosmotr-kursa .tabs_block .box.booked_gal .right-p {
width: 50%;
float: left;
padding: 35px 55px 55px
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .button {
position: absolute;
bottom: 15px;
right: 15px;
font-weight: 300;
font-size: 17px;
padding: 7px 40px;
cursor: pointer;
border-bottom: 3px solid #941509;
background-color: #e84c3d;
color: #fff;
border-radius: 3px;
display: inline-block
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .button:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .numbers {
width: 100%;
font-size: 20px;
font-weight: 300;
text-align: center;
position: absolute;
bottom: 15px;
left: 0
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .numbers ul {
display: inline-block
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .numbers li {
display: inline-block;
list-style-type: none
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .numbers a {
color: #2D8266;
padding: 0px 8px;
display: inline-block;
border: 1px solid #2D8266;
background-color: #fff
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .numbers a.active,
.main-prosmotr-kursa .tabs_block .box.booked_gal .numbers a:hover {
color: #fff;
background-color: #2D8266;
text-decoration: none
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .arrow-r,
.main-prosmotr-kursa .tabs_block .box.booked_gal .arrow-l {
cursor: pointer;
position: absolute;
top: 45%;
width: 21px;
height: 33px;
background-repeat: no-repeat
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .arrow-r:hover,
.main-prosmotr-kursa .tabs_block .box.booked_gal .arrow-l:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .arrow-r {
right: 10px;
background-image: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/arrow-r.png)
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .arrow-l {
left: 10px;
background-image: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/arrow-l.png)
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .full-size {
width: 24px;
height: 23px;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/full-size.png) no-repeat;
cursor: pointer;
position: absolute;
top: 15px;
right: 15px
}
.main-prosmotr-kursa .tabs_block .box.booked_gal .full-size:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.main-prosmotr-kursa .tabs_block .box.harmon {
font-size: 15px;
font-weight: 300;
padding: 20px 30px;
background: #f9f9f9;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.main-prosmotr-kursa .tabs_block .box.harmon .item {
margin: 10px 0
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .title {
position: relative;
cursor: pointer;
font-size: 20px;
color: #0072bc;
background-color: #e5e5e7;
font-weight: 500;
padding: 10px 20px;
display: block;
transition: .3s linear
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .title:hover {
color: #e84c3d;
background-color: #d8d8da
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .title a.down {
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/white-str.png) 6px 1px no-repeat;
font-weight: 300;
font-size: 17px;
padding: 7px 15px 7px 40px;
cursor: pointer;
border-bottom: 3px solid #941509;
background-color: #e84c3d;
color: #fff;
border-radius: 3px;
display: inline-block;
position: absolute;
right: 20px;
top: 3px
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .title a.down:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content {
display: none;
color: #4e575d;
border: 1px solid #e84c3d;
padding: 15px 15px 70px;
overflow: hidden;
position: relative
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content.imaged {
text-align: center
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content.imaged img {
float: none;
margin: 0
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .owl-imaged .owl-pagination {
font-size: 20px;
font-weight: 300;
text-align: center
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .owl-imaged .owl-controls .owl-page {
display: inline-block
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .owl-imaged .owl-controls .owl-page span {
background-color: #fff;
border: 1px solid #2D8266;
border-radius: 0;
color: #2D8266;
font-size: 20px;
display: inline-block;
padding: 0 8px;
margin: 0;
opacity: 1;
margin-right: 5px
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .owl-imaged .owl-controls .owl-page span.owl-numbers {
display: inline-block;
color: #e84c3d;
background-color: #fff;
border: 2px solid #e84c3d !important;
padding: 5px 7px;
font-size: 17px;
font-weight: 600;
margin-right: 9px;
margin-bottom: 9px;
width: 40px;
height: 40px;
border-radius: 100%;
transition: .3s linear
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .owl-imaged .owl-controls .owl-page.active span.owl-numbers,
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .owl-imaged .owl-controls .owl-page:hover span.owl-numbers {
background-color: #e84c3d;
color: #fff;
text-decoration: none
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .arrow-r,
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .arrow-l {
background-repeat: no-repeat;
background-size: 1.5vw;
cursor: pointer;
position: absolute;
top: 35%;
width: 3vw;
height: 3vw;
opacity: .5;
transition: .3s linear
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .arrow-l {
background: url(/images/carousel-control-left.svg) no-repeat 50% 50% / 30px 52px;
left: 0
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .arrow-r {
background: url(/images/carousel-control-right.svg) no-repeat 50% 50% / 30px 52px;
right: 0
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .arrow-l:hover {
background: url(/images/carousel-control-left-hover.svg) no-repeat 50% 50% / 30px 52px
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .arrow-r:hover {
background: url(/images/carousel-control-right-hover.svg) no-repeat 50% 50% / 30px 52px
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .numbers {
bottom: 15px;
font-size: 20px;
font-weight: 300;
left: 0;
position: absolute;
text-align: center;
width: 100%
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .numbers ul {
display: inline-block
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .numbers li {
display: inline-block;
list-style-type: none
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .numbers a {
background-color: #fff;
border: 1px solid #2D8266;
color: #2D8266;
display: inline-block;
padding: 0 8px
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .numbers a.active,
.main-prosmotr-kursa .tabs_block .box.harmon .item .content .numbers a:hover {
background-color: #2D8266;
color: #fff;
text-decoration: none
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content h2 {
color: #e84c3d;
font-size: 18px;
font-weight: normal;
margin: 0;
line-height: 100%
}
.main-prosmotr-kursa .tabs_block .box.harmon .item .content img {
float: left;
width: auto;
max-width: 90%;
height: auto;
margin-right: 15px
}
.main-prosmotr-kursa .tabs_block .box.harmon .item.active .title {
display: block;
background-color: #e84c3d;
color: #fff
}
.main-prosmotr-kursa .tabs_block .box.harmon .item.active .content {
display: block
}
.main-prosmotr-kursa .tabs_block .box.conspect .owl-conspect .item img {
max-width: 800px;
width: auto;
height: auto;
border: 1px solid #d7dfe2
}
.main-prosmotr-kursa .tabs_block .box.conspect .owl-conspect .owl-pagination {
font-size: 20px;
font-weight: 300;
text-align: center
}
.main-prosmotr-kursa .tabs_block .box.conspect .owl-conspect .owl-controls .owl-page {
display: inline-block
}
.main-prosmotr-kursa .tabs_block .box.conspect .owl-conspect .owl-controls .owl-page span {
background-color: #fff;
border: 1px solid #2D8266;
border-radius: 0;
color: #2D8266;
font-size: 20px;
display: inline-block;
padding: 0 8px;
margin: 0;
opacity: 1;
margin-right: 5px;
height: 28px;
min-width: 28px
}
.main-prosmotr-kursa .tabs_block .box.conspect .owl-conspect .owl-controls .owl-page span.owl-numbers {
background-color: #fff;
border: 1px solid #2D8266;
border-radius: 0;
color: #2D8266;
font-size: 20px;
display: inline-block;
padding: 0 8px;
margin-bottom: 15px
}
.main-prosmotr-kursa .tabs_block .box.conspect .owl-conspect .owl-controls .owl-page.active span.owl-numbers,
.main-prosmotr-kursa .tabs_block .box.conspect .owl-conspect .owl-controls .owl-page:hover span.owl-numbers {
background-color: #2D8266;
color: #fff;
text-decoration: none
}
.main-prosmotr-kursa .tabs_block .box.conspect .content {
position: relative;
text-align: center;
padding: 0 0 60px
}
.main-prosmotr-kursa .tabs_block .box.conspect .arrow-r,
.main-prosmotr-kursa .tabs_block .box.conspect .arrow-l {
cursor: pointer;
position: absolute;
top: 45%;
width: 21px;
height: 33px;
background-repeat: no-repeat
}
.main-prosmotr-kursa .tabs_block .box.conspect .arrow-r:hover,
.main-prosmotr-kursa .tabs_block .box.conspect .arrow-l:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.main-prosmotr-kursa .tabs_block .box.conspect .arrow-r {
right: 0px;
background-image: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/arrow-r.png)
}
.main-prosmotr-kursa .tabs_block .box.conspect .arrow-l {
left: 0px;
background-image: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/arrow-l.png)
}
.main-prosmotr-kursa .tabs_block .box.fullsize_doc {
position: relative;
font-size: 18px;
color: #49556b;
padding: 25px;
padding-bottom: 50px
}
.main-prosmotr-kursa .tabs_block .box.fullsize_doc:before,
.main-prosmotr-kursa .tabs_block .box.fullsize_doc:after {
content: " ";
display: table
}
.main-prosmotr-kursa .tabs_block .box.fullsize_doc:after {
clear: both
}
.main-prosmotr-kursa .tabs_block .box.fullsize_doc a {
color: inherit;
text-decoration: underline
}
.main-prosmotr-kursa .tabs_block .box.fullsize_doc a:hover {
text-decoration: none
}
.main-prosmotr-kursa .tabs_block .box.fullsize_doc .button {
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/white-str.png) 6px 1px no-repeat;
position: absolute;
bottom: 15px;
right: 15px;
font-weight: 300;
font-size: 17px;
padding: 7px 15px 7px 40px;
cursor: pointer;
border-bottom: 3px solid #941509;
background-color: #e84c3d;
color: #fff;
border-radius: 3px;
display: inline-block
}
.main-prosmotr-kursa .tabs_block .box.fullsize_doc .button:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.main-prosmotr-kursa .tabs_block .box.fullsize_doc img {
width: 100%;
height: auto;
margin: 25px 0
}
.main-prosmotr-kursa .tabs_block .box.fullsize_doc .full-size {
width: 24px;
height: 23px;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/full-size.png) no-repeat;
cursor: pointer;
position: absolute;
top: 15px;
right: 15px
}
.main-prosmotr-kursa .tabs_block .box.fullsize_doc .full-size:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.main-prosmotr-kursa .tabs_block .box.links {
font-size: 18px;
padding: 25px 25px 5px 25px;
background: #f9f9f9;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.main-prosmotr-kursa .tabs_block .box.links:before,
.main-prosmotr-kursa .tabs_block .box.links:after {
content: " ";
display: table
}
.main-prosmotr-kursa .tabs_block .box.links:after {
clear: both
}
.main-prosmotr-kursa .tabs_block .box.links .button {
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/white-str.png) 6px 1px no-repeat;
position: absolute;
bottom: 15px;
right: 15px;
font-weight: 300;
font-size: 17px;
padding: 7px 15px 7px 40px;
cursor: pointer;
border-bottom: 3px solid #941509;
background-color: #e84c3d;
color: #fff;
border-radius: 3px;
display: inline-block
}
.main-prosmotr-kursa .tabs_block .box.links .button:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.main-prosmotr-kursa .tabs_block .box.links li:before {
position: relative;
top: 3px;
font: normal normal normal 25px/1 FontAwesome;
content: "\f138";
color: #e84c3d;
margin-right: 12px;
margin-bottom: 25px;
float: left
}
.main-prosmotr-kursa .tabs_block .box.links li {
list-style-type: none;
margin-bottom: 30px
}
.main-prosmotr-kursa .tabs_block .full-screen {
position: fixed !important;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999999
}
.main-1 {
padding: 0 0 80px;
position: relative
}
.main-1:before,
.main-1:after {
content: " ";
display: table;
clear: both
}
.main-3 img {
width: 35px;
/*height: 35px;*/
}
.main-1 .green-button {
cursor: pointer;
background: url(/bitrix/templates/runo-mob/img/1/green-but.png) 3px 1px no-repeat;
width: 43px;
height: 40px;
position: absolute;
top: 65px;
right: -55px;
background-color: #2D8266
}
.main-1 .profile>ul {
display: flex
}
.main-1 .profile>ul {
display: flex
}
.main-1 .profile>ul>li {
display: block;
margin: 0;
padding: 0;
border-left: #fff 1px solid;
max-height: 100%
}
.main-1 .profile>ul>li:first-child {
border-left: none
}
.main-1 .profile>ul>li.width25per {
width: 25%
}
.main-1 .profile>ul>li.width35per {
width: 35%
}
.main-1 .profile>ul>li.width40per {
width: 40%
}
.main-1 .profile a {
color: inherit
}
.main-1 .profile a:hover {
text-decoration: none;
border-bottom: 1px solid transparent
}
.main-1 .profile .title {
background: rgba(227, 0, 15, 0.5)
}
.main-1 .profile .title>li {
padding: 10px 30px
}
.main-1 .profile .title img {
width: 37px;
height: 37px;
float: left;
margin-right: 30px
}
.main-1 .profile .title h2 {
color: #fff;
font-size: 22px;
font-weight: normal;
margin: 0;
line-height: 37px
}
.main-1 .profile .green-cont {
font-size: 15px;
background-color: #e0f9dc
}
.main-1 .profile .green-cont:before,
.main-1 .profile .green-cont:after {
content: " ";
display: table
}
.main-1 .profile .green-cont:after {
clear: both
}
.main-1 .profile .content-p ul {
display: inline-block;
list-style-type: none;
vertical-align: middle;
padding-left: 10px
}
.main-1 .profile .content-p>ul>li {
overflow: hidden;
margin: 10px 0
}
.main-1 .profile .content-p>ul>li:after {
content: " ";
display: table
}
.main-1 .profile .content-p>ul>li p {
width: 200px;
float: left;
margin: 0
}
.main-1 .profile .content-p>ul>li .right-buttons {
float: right;
margin-top: 4px
}
.main-1 .profile .content-p>ul>li .right-buttons a {
width: 110px;
text-align: center;
display: inline-block;
border-color: #e84c3d;
color: #fff;
border: 1px solid #fff;
padding: 2px 0 3px;
margin-left: 10px;
border-radius: 5px;
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif;
text-decoration: none
}
.main-1 .profile .content-p>ul>li .right-buttons a:hover {
border-color: #e84c3d;
color: #fff;
background-color: #e84c3d
}
.main-1 .profile .content-p {
padding: 20px
}
.main-1 .doska {
background-color: #fff;
-webkit-box-shadow: 5px 5px 15px 5px #dddddd;
box-shadow: 5px 5px 15px 5px #dddddd;
position: relative;
border-radius: 35px;
padding: 25px 60px 10px;
}
.main-1 .doska::after {
content: ' ';
display: block;
position: absolute;
left: -5px;
top: -10px;
width: 43px;
height: 33px;
background: url(/bitrix/templates/runo-mob/img/1/left-red.png) no-repeat
}
.main-1 .doska::before {
content: ' ';
display: block;
position: absolute;
right: -5px;
top: -10px;
width: 43px;
height: 33px;
background: url(/bitrix/templates/runo-mob/img/1/right-red.png) no-repeat
}
.main-2 {
padding: 20px 0 15px;
background: #ffffff;
background-size: cover;
position: relative
}
.main-2:before,
.main-2:after {
content: " ";
display: table
}
.main-2:after {
clear: both
}
.main-2 .green-button {
cursor: pointer;
background: url(/bitrix/templates/runo-mob/img/1/green-but.png) 3px 1px no-repeat;
width: 43px;
height: 40px;
position: absolute;
top: 65px;
right: -55px;
background-color: #2D8266
}
.main-2 .main-box {
margin: 50px 0;
/*max-width: 870px*/
}
.main-2 .main-box .title {
padding: 0 0 0 20px;
/*margin-right: 20px*/
}
.main-2 .main-box .title h2 {
font-size: 27px;
font-weight: normal;
margin: 0;
color: #000000;
border: 1px solid #000000;
margin-left: 40px;
padding: 10px
}
.main-2 .main-box .left-p,
.main-2 .main-box .right-p {
float: left;
width: 50%
}
.main-2 .main-box .right-p {
padding-left: 20px
}
.main-2 .main-box .white-cont {
padding: 25px 50px 25px 30px;
margin-left: 60px;
font-size: 17px;
line-height: 120%
}
.main-2 .main-box .row {
margin: 10px 0
}
.main-2 .main-box .row:before,
.main-2 .main-box .row:after {
content: " ";
display: table
}
.main-2 .main-box .row:after {
clear: both
}
.main-2 .main-box .row p {
float: left;
margin: 4px 0
}
.main-2 .main-box form {
width: auto
}
.main-2 .main-box input,
.main-2 .main-box textarea {
padding: 5px;
width: 250px;
height: 30px;
border-radius: 3px;
border: 1px solid #777;
background-color: transparent
}
.main-2 .main-box .top-row {
margin: 0
}
.main-2 .main-box .top-row:nth-of-type(2) {
margin-bottom: 15px
}
.main-2 .main-box .white-cont input[type=reset],
.main-2 .main-box [type="submit"] {
width: auto
}
.main-2 .main-box [type="submit"]:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.main-2 .main-box textarea {
height: 50px
}
.main-2 .main-box [type="reset"]:focus,
.main-2 .main-box [type="reset"]:active {
outline: 0
}
.main-2 .main-box [type="reset"]:hover {
text-decoration: none
}
.main-2 .main-box .please {
width: 250px;
float: right !important;
margin-bottom: 0;
font-size: 14px;
font-weight: 300
}
.main-3 {
margin-bottom: 50px
}
.main-3:before,
.main-3:after {
content: " ";
display: table
}
.main-3:after {
clear: both
}
.main-3 .green-button {
cursor: pointer;
background: url(/bitrix/templates/runo-mob/img/1/green-but.png) 3px 1px no-repeat;
width: 43px;
height: 40px;
position: absolute;
top: 65px;
right: -55px;
background-color: #2D8266
}
.main-3 .main-box {
margin-bottom: 6px
}
.main-3 .main-box .title {
padding: 2px 0 20px 25px
}
.main-2 .main-box .title h2,
.main-3 .main-box .title h2 {
transition: .3s linear;
font-size: 16px;
font-weight: normal;
margin: 0;
color: #000000;
border: 1px solid #ddd;
margin-left: 40px;
padding: 8px 20px;
background: #f9f9f9;
border-radius: 5px;
transition: .3s linear;
font-size: 16px;
font-weight: normal;
margin: 0;
color: #000000;
border: 1px solid #ddd;
margin-left: 40px;
padding: 9px 20px;
background: #f9f9f9;
border-radius: 5px
}
.main-2 .main-box .title h2:after,
.main-3 .main-box .title h2:after {
height: 1.3em;
content: "";
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
position: absolute;
transition: transform .5s;
right: 0
}
.main-2 .main-box .title h2:hover:after,
.main-3 .main-box .title h2:hover:after {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg)
}
.main-2 .main-box .title h2:after {
left: 500px
}
.main-3 .main-box .title h2:after {
left: 57%
}
.main-2 .main-box .title h2:hover,
.main-3 .main-box .title h2:hover {
background: #efefef
}
.main-3 .main-box .left-p,
.main-3 .main-box .right-p {
float: left;
width: 50%
}
.main-3 .main-box .right-p {
padding-left: 20px
}
.main-3 .main-box .white-cont,
.main-3 .main-box .white-cont2 {
background-color: rgba(255, 255, 255, 0.9);
font-size: 16px;
color: #4e575d;
}
.main-3 .main-box .white-cont {
padding: 0 0 30px 10px;
margin: 0 0 0 55px
}
.main-3 .main-box table {
width: 100%;
border-radius: 0;
border-top: 1px solid #dddfe3;
border-left: 1px solid #dddfe3;
border-right: 1px solid #dddfe3;
margin: 0
}
.main-3 .main-box table td {
text-align: center;
border-bottom: 1px solid #e5e5e5;
padding: 12px 20px !important;
}
.main-3 .main-box table td:first-child,
.main-3 .main-box table td:last-child {
text-align: left
}
.main-3 .main-box th,
.main-3 .main-box thead {
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
background-color: #f4f7fa;
border-bottom: 1px solid #dddfe3
}
.main-3 .main-box thead th,
.main-3 .main-box th {
text-align: center;
padding: 12px 20px !important;
font-weight: 400
}
.sale_order_full_table td,
th {
padding: 0
}
.main-3 .main-box input,
.main-3 .main-box textarea,
.btn-primary {
width: 120px;
outline: none;
border: 1px solid #ddd;
border-radius: 20px;
background: #f9f9f9;
padding: 6px 15px
}
.payit,
.btn-primary {
text-decoration: none;
display: inline-block
}
.btn-primary {
background-color: #e84c3d;
color: #fff;
font-weight: 300;
font-size: 16px;
width: auto;
border: 0;
padding: 6px 20px 7px !important;
border-radius: 3px;
line-height: 100%
}
.main-3 .main-box [type="date"],
.main-3 .main-box input.datepicker {
cursor: pointer;
background: url(/bitrix/templates/runo-mob/img/3/date.png) 99.5% 1px no-repeat;
background-color: #f9f9f9;
background-position-x: 175px;
background-position-y: 4px;
width: 215px;
padding: 5px 15px
}
.main-3 .main-box textarea {
height: 50px
}
.main-3 .main-box .pereschet {
float: none;
font-size: 14px !important;
color: #0072bc !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
width: 80px;
height: 26px;
padding: 5px 0 !important
}
.main-3 .main-box .pereschet:hover {
color: #23527c;
border-bottom: 1px solid #e84c3d !important
}
.main-3 .main-box .pereschet:focus,
.main-3 .main-box .pereschet:active {
outline: 0
}
.main-3 .main-box .name {
float: left;
}
.main-3 .main-box .delete {
font-size: 14px;
float: right;
margin: 4px 0 0 30px;
}
.main-3 .main-box .please {
width: 250px;
float: right !important;
margin-bottom: 0;
font-size: 14px;
font-weight: 300
}
.main-3 .main-box .cena {
/*color: #e84c3d;*/
font-weight: 600;
margin: 0;
text-align: right;
font-size: 110%;
}
.main-3 .main-box .oplacheno {
color: #2D8266;
text-align: center
}
.main-3 .main-box .timer {
font-weight: 400;
color: #e84c3d
}
.main-3 .main-box .timer_numbers {
display: inline-block;
margin-right: 5px;
line-height: 100%
}
.main-3 .main-box .timer-text {
margin-left: 7px
}
.main-3 .main-box .start {
float: right;
margin: 0 15px
}
.main-3 .main-box .l-p,
.main-3 .main-box .r-p {
text-align: center
}
.main-3 .main-box .r-p {
float: left;
width: 70%
}
.main-3 .main-box .r-p a {
font-size: 21px;
margin-top: 1px;
display: block;
float: right;
margin-right: 5px
}
.main-3 .main-box .prodlit {
margin-right: 0;
width: 100%
}
.main-3 .main-box .prodlit a {
text-decoration: none
}
.main-3 .main-box .prodlit a:hover {
text-decoration: underline
}
.main-1 .green-button,
.main-2 .green-button,
.main-3 .green-button,
.main-modals .green-button {
cursor: pointer;
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/green-icon3.jpg) 3px 1px no-repeat;
width: 43px;
height: 40px;
position: absolute;
top: 65px;
right: -55px;
background-color: #FFFFFF
}
.main-3 .green-buttons,
.main-modals .green-buttons {
position: absolute;
right: 25.5%;
top: 30px
}
.main-1 .green-buttons ul,
.main-2 .green-buttons ul,
.main-3 .green-buttons ul,
.main-modals .green-buttons ul {
list-style-type: none
}
.lk-img,
.main-1 .green-buttons .but,
.main-2 .green-buttons .but,
.main-3 .green-buttons .but,
.main-modals .green-buttons .but {
width: 35px;
height: 35px
}
.main-3 .green-buttons li,
.main-modals .green-buttons li {
display: block;
margin-bottom: 15px
}
.main-1 .green-buttons li,
.main-2 .green-buttons li {
width: auto !important
}
.main-1 .green-buttons li:before,
.main-2 .green-buttons li:before,
.main-3 .green-buttons li:before,
.main-modals .green-buttons li:before,
.main-1 .green-buttons li:after,
.main-2 .green-buttons li:after,
.main-3 .green-buttons li:after,
.main-modals .green-buttons li:after {
content: " ";
display: table
}
.main-1 .green-buttons li:after,
.main-2 .green-buttons li:after,
.main-3 .green-buttons li:after,
.main-modals .green-buttons li:after {
clear: both
}
.main-1 .green-buttons li .but,
.main-3 .green-buttons li .but,
.main-modals .green-buttons li .but {
background-image: url(/bitrix/templates/runo-mob/images/icons/lk-support-new.png);
background-repeat: no-repeat;
background-size: 40px
}
.main-1 .green-buttons li .but {
float: none !important;
margin: 15px auto 0
}
.main-2 .green-buttons li .but {
float: left !important;
background-image: url(/bitrix/templates/runo-mob/images/icons/lk-support-new.png);
background-repeat: no-repeat
}
.main-2 .green-buttons .box,
.main-3 .green-buttons .box,
.main-modals .green-buttons .box {
display: none;
max-width: 270px;
position: absolute;
top: 4px;
right: -110px;
border: 2px solid #3e5062;
border-radius: 0 25px 25px 25px;
z-index: 999
}
.main-1 .green-buttons .box {
display: none;
float: left
}
.main-2 .green-buttons .box {
position: static;
margin: 4px 0 25px 90px
}
.main-1 .green-buttons .box {
margin: 20px auto -25px
}
.main-2 .green-buttons .box .title-green,
.main-3 .green-buttons .box .title-green,
.main-modals .green-buttons .box .title-green {
height: 60px;
background-color: #3e5062;
color: #fff;
font-size: 18px;
line-height: 110%;
border-radius: 0 20px 0 0;
padding: 9px 30px;
text-transform: uppercase
}
.main-1 .green-buttons .box .title-green {
color: #3e5062;
text-transform: uppercase;
letter-spacing: .5px
}
.main-1 .green-buttons .box form,
.main-2 .green-buttons .box form,
.main-3 .green-buttons .box form,
.main-modals .green-buttons .box form {
padding: 25px 25px 15px;
background: #f9f9f9;
border-radius: 0 0 25px 25px
}
.main-1 .green-buttons .box form {
background: inherit
}
.main-1 .green-buttons .box form:before,
.main-2 .green-buttons .box form:before,
.main-3 .green-buttons .box form:before,
.main-modals .green-buttons .box form:before,
.main-1 .green-buttons .box form:after,
.main-2 .green-buttons .box form:after,
.main-3 .green-buttons .box form:after,
.main-modals .green-buttons .box form:after {
content: " ";
display: table
}
.main-1 .green-buttons .box form:after,
.main-2 .green-buttons .box form:after,
.main-3 .green-buttons .box form:after,
.main-modals .green-buttons .box form:after {
clear: both
}
.main-1 .green-buttons .box form input,
.main-2 .green-buttons .box form input,
.main-3 .green-buttons .box form input,
.main-modals .green-buttons .box form input,
.main-1 .green-buttons .box form textarea,
.main-2 .green-buttons .box form textarea,
.main-3 .green-buttons .box form textarea,
.main-modals .green-buttons .box form textarea,
.sendotziv textarea {
width: 96%;
height: 38px;
font-size: 16px;
color: #000;
background: #fff;
border-radius: 20px;
border: 1px solid #ddd;
margin: 10px 2%;
padding: 7px 25px
}
.sendotziv textarea {
margin: 4px !important
}
.main-1 .green-buttons .box form input::-moz-placeholder,
.main-2 .green-buttons .box form input::-moz-placeholder,
.main-3 .green-buttons .box form input::-moz-placeholder,
.main-modals .green-buttons .box form input::-moz-placeholder,
.main-1 .green-buttons .box form textarea::-moz-placeholder,
.main-2 .green-buttons .box form textarea::-moz-placeholder,
.main-3 .green-buttons .box form textarea::-moz-placeholder,
.main-modals .green-buttons .box form textarea::-moz-placeholder {
color: #3a434a;
opacity: 1
}
.main-1 .green-buttons .box form input:-ms-input-placeholder,
.main-2 .green-buttons .box form input:-ms-input-placeholder,
.main-3 .green-buttons .box form input:-ms-input-placeholder,
.main-modals .green-buttons .box form input:-ms-input-placeholder,
.main-1 .green-buttons .box form textarea:-ms-input-placeholder,
.main-2 .green-buttons .box form textarea:-ms-input-placeholder,
.main-3 .green-buttons .box form textarea:-ms-input-placeholder,
.main-modals .green-buttons .box form textarea:-ms-input-placeholder {
color: #3a434a
}
.main-1 .green-buttons .box form input::-webkit-input-placeholder,
.main-2 .green-buttons .box form input::-webkit-input-placeholder,
.main-3 .green-buttons .box form input::-webkit-input-placeholder,
.main-modals .green-buttons .box form input::-webkit-input-placeholder,
.main-1 .green-buttons .box form textarea::-webkit-input-placeholder,
.main-2 .green-buttons .box form textarea::-webkit-input-placeholder,
.main-3 .green-buttons .box form textarea::-webkit-input-placeholder,
.main-modals .green-buttons .box form textarea::-webkit-input-placeholder {
color: #3a434a
}
.main-1 .green-buttons .box form textarea,
.main-2 .green-buttons .box form textarea,
.main-3 .green-buttons .box form textarea,
.main-modals .green-buttons .box form textarea {
height: 65px
}
.main-1 .green-buttons .box form [type='submit'],
.main-2 .green-buttons .box form [type='submit'],
.main-3 .green-buttons .box form [type='submit'],
.main-modals .green-buttons .box form [type='submit'] {
color: #fff;
text-align: center;
width: 150px;
padding: 8px 0;
margin-top: 4px;
border: 0;
border-radius: 3px;
float: right;
background-color: #e84c3d;
transition: .3s linear
}
.main-1 .green-buttons .box .name img,
.main-2 .green-buttons .box .name img,
.main-3 .green-buttons .box .name img,
.main-modals .green-buttons .box .name img {
float: left;
margin-right: 13px;
margin-left: 5px;
margin-bottom: 10px
}
.main-1 .green-buttons .box .name p,
.main-2 .green-buttons .box .name p,
.main-3 .green-buttons .box .name p,
.main-modals .green-buttons .box .name p {
margin: 0;
padding: 5px
}
.main-modals {
padding: 80px 0 15px;
min-height: 800px;
background: url(/bitrix/templates/runo-mob/img/main-bg.jpg) no-repeat;
background-size: cover;
position: relative
}
.main-modals:before,
.main-modals:after {
content: " ";
display: table
}
.main-modals:after {
clear: both
}
.modal1 .title {
padding: 24px;
background-color: #405163;
text-align: center
}
.modal1 .title h2,
.modal1 .title div.h2 {
margin: 0;
line-height: 100%;
font-size: 22px;
font-weight: 400;
text-transform: uppercase;
color: #fff
}
.modal1 form {
background-color: #fff;
text-align: center;
padding: 30px;
color: #4e575d;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
max-width: 400px;
margin: 0 auto;
}
.modal1 input[type=text],
.modal1 input[type=tel],
.modal1 input[type=password],
.modal1 textarea,
.modal1 select {
display: block;
width: 100%;
height: 38px;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 20px;
margin: 0 auto 15px;
padding: 5px 30px;
font-weight: 300;
font-size: 16px
}
.modal1 select {
padding: 5px 10px;
width: 120px;
display: inline-block
}
.modal1 input::-moz-placeholder,
.modal1 textarea::-moz-placeholder {
color: #4e575d;
opacity: 1
}
.modal1 input:-ms-input-placeholder,
.modal1 textarea:-ms-input-placeholder {
color: #4e575d
}
.modal1 input::-webkit-input-placeholder,
.modal1 textarea::-webkit-input-placeholder {
color: #4e575d
}
.modal1 [type="submit"]:hover {
background-color: #d23627
}
.modal1 textarea {
height: 50px
}
.modal1 [type="reset"] {
font-weight: 300;
font-size: 14px;
margin-right: 4px;
width: auto;
background: transparent;
border: 0;
text-decoration: underline
}
.modal1 [type="reset"]:focus,
.modal1 [type="reset"]:active {
outline: 0
}
.modal1 [type="reset"]:hover {
text-decoration: none
}
.modal1 .please {
margin-top: 10px;
font-size: 14px;
font-weight: 300
}
.modal2 .title {
padding: 24px !important;
background-color: #405163;
text-align: center
}
.modal2 .title h2,
.modal2 .title div.h2 {
margin: 0;
line-height: 100%;
text-align: center;
font-family: 'Source Sans Pro', sans-serif !important;
font-weight: 400 !important;
font-size: 22px !important;
color: #fff !important;
text-transform: uppercase
}
.modal2 ul {
list-style-type: none;
font-size: 15px
}
.modal2 ul li {
background: url(/bitrix/templates/runo-mob/img/modals/red-pointer.png) 45px 8px no-repeat;
margin: 20px
}
.modal2 form,
.modal2 .white {
color: #4e575d;
background-color: #fff;
text-align: center;
padding: 30px 20px 45px
}
.modal2 input,
.modal2 textarea {
display: inline-block;
padding: 5px 10px;
width: 280px;
height: 35px;
border-radius: 3px;
border: 1px solid #777;
margin: 6px;
background-color: transparent
}
.modal2 input::-moz-placeholder,
.modal2 textarea::-moz-placeholder {
color: #4e575d;
opacity: 1
}
.modal2 input:-ms-input-placeholder,
.modal2 textarea:-ms-input-placeholder {
color: #4e575d
}
.modal2 input::-webkit-input-placeholder,
.modal2 textarea::-webkit-input-placeholder {
color: #4e575d
}
.modal2 [type="submit"] {
background-color: #e84c3d;
color: #fff;
font-weight: 300;
font-size: 18px;
border: 0;
padding: 6px 20px;
border-radius: 3px;
line-height: 100%;
margin-top: 5px
}
.modal2 [type="submit"]:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.modal2 textarea {
height: 50px
}
.modal2 [type="reset"] {
font-weight: 300;
font-size: 18px;
margin-right: 4px;
float: right;
width: auto;
background: transparent;
border: 0;
text-decoration: underline
}
.modal2 [type="reset"]:focus,
.modal2 [type="reset"]:active {
outline: 0
}
.modal2 [type="reset"]:hover {
text-decoration: none
}
.modal2 .please {
display: inline-block;
max-width: 250px;
margin-top: 5px;
font-size: 14px;
font-weight: 300
}
.modal2 .top-text {
font-size: 16px;
max-width: 300px;
margin: 5px 0
}
.modal3_3 {
width: 410px
}
.modal3_3 .title {
padding: 24px;
background-color: #405163;
text-align: center
}
.modal3_3 .title h2,
.modal3_3 .title div.h2 {
margin: 0;
line-height: 100%;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
color: #fff
}
.modal3_3 form {
background-color: #fff;
text-align: center;
padding: 30px 0;
color: #4e575d;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px
}
.modal3_3 select {
display: inline-block;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
background: url(/bitrix/templates/runo-mob/img/modals/select.png) 93.8% -4px no-repeat
}
.modal3_3 input,
.modal3_3 textarea,
.modal3_3 select {
display: inline-block;
padding: 5px 10px;
width: 280px;
height: 35px;
border-radius: 3px;
border: 1px solid #777;
margin: 6px;
background-color: transparent
}
.modal3_3 input::-moz-placeholder,
.modal3_3 textarea::-moz-placeholder,
.modal3_3 select::-moz-placeholder {
color: #4e575d;
opacity: 1
}
.modal3_3 input:-ms-input-placeholder,
.modal3_3 textarea:-ms-input-placeholder,
.modal3_3 select:-ms-input-placeholder {
color: #4e575d
}
.modal3_3 input::-webkit-input-placeholder,
.modal3_3 textarea::-webkit-input-placeholder,
.modal3_3 select::-webkit-input-placeholder {
color: #4e575d
}
.modal3_3 [type="submit"] {
background-color: #e84c3d;
color: #fff;
font-weight: 300;
font-size: 18px;
border: 0;
padding: 6px 20px;
border-radius: 3px;
line-height: 100%;
margin-top: 5px;
text-transform: uppercase
}
.modal3_3 [type="submit"]:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.modal3_3 textarea {
height: 70px
}
.modal3_3 [type="reset"] {
font-weight: 300;
font-size: 18px;
margin-right: 4px;
float: right;
width: auto;
background: transparent;
border: 0;
text-decoration: underline
}
.modal3_3 [type="reset"]:focus,
.modal3_3 [type="reset"]:active {
outline: 0
}
.modal3_3 [type="reset"]:hover {
text-decoration: none
}
.modal3_3 .please {
display: inline-block;
width: 250px;
margin-top: 5px;
font-size: 14px;
font-weight: 300
}
.modal36 {
width: 410px
}
.modal36 .title {
padding: 24px;
background-color: #405163;
text-align: center
}
.modal36 .title h2,
.modal36 .title div.h2 {
margin: 0;
line-height: 100%;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
color: #fff
}
.modal36 form {
background-color: #fff;
text-align: center;
padding: 30px 0;
color: #4e575d;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px
}
.modal36 select {
display: inline-block;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
background: url(/bitrix/templates/runo-mob/img/modals/select.png) 93.8% -4px no-repeat
}
.modal36 input,
.modal36 textarea,
.modal36 select {
display: inline-block;
padding: 5px 10px;
width: 280px;
height: 35px;
border-radius: 3px;
border: 1px solid #777;
margin: 6px;
background-color: transparent
}
.modal36 input::-moz-placeholder,
.modal36 textarea::-moz-placeholder,
.modal36 select::-moz-placeholder {
color: #4e575d;
opacity: 1
}
.modal36 input:-ms-input-placeholder,
.modal36 textarea:-ms-input-placeholder,
.modal36 select:-ms-input-placeholder {
color: #4e575d
}
.modal36 input::-webkit-input-placeholder,
.modal36 textarea::-webkit-input-placeholder,
.modal36 select::-webkit-input-placeholder {
color: #4e575d
}
.modal36 [type="submit"] {
background-color: #e84c3d;
color: #fff;
font-weight: 300;
font-size: 18px;
border: 0;
padding: 6px 20px;
border-radius: 3px;
line-height: 100%;
margin-top: 5px;
text-transform: uppercase
}
.modal36 [type="submit"]:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.modal36 textarea {
height: 70px
}
.modal36 [type="reset"] {
font-weight: 300;
font-size: 18px;
margin-right: 4px;
float: right;
width: auto;
background: transparent;
border: 0;
text-decoration: underline
}
.modal36 [type="reset"]:focus,
.modal36 [type="reset"]:active {
outline: 0
}
.modal36 [type="reset"]:hover {
text-decoration: none
}
.modal36 .please {
display: inline-block;
width: 250px;
margin-top: 5px;
font-size: 14px;
font-weight: 300
}
.modal3_1 {
width: 410px
}
.modal3_1 .title {
padding: 24px;
background-color: #405163;
text-align: center
}
.modal3_1 .title h2,
.modal3_1 .title div.h2 {
margin: 0;
line-height: 100%;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
color: #fff
}
.modal3_1 form {
background-color: #fff;
text-align: center;
padding: 30px 0;
color: #4e575d;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px
}
.modal3_1 select {
display: inline-block;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
background: url(/bitrix/templates/runo-mob/img/modals/select.png) 93.8% -4px no-repeat
}
.modal3_1 input,
.modal3_1 textarea,
.modal3_1 select {
display: inline-block;
width: 280px;
height: 40px;
border-radius: 3px;
margin: 6px;
border: 1px solid #ddd;
background: #f9f9f9;
padding: 10px
}
.modal3_1 input::-moz-placeholder,
.modal3_1 textarea::-moz-placeholder,
.modal3_1 select::-moz-placeholder {
color: #4e575d;
opacity: 1
}
.modal3_1 input:-ms-input-placeholder,
.modal3_1 textarea:-ms-input-placeholder,
.modal3_1 select:-ms-input-placeholder {
color: #4e575d
}
.modal3_1 input::-webkit-input-placeholder,
.modal3_1 textarea::-webkit-input-placeholder,
.modal3_1 select::-webkit-input-placeholder {
color: #4e575d
}
.modal3_1 [type="submit"] {
background-color: #e84c3d;
color: #fff;
font-weight: 300;
font-size: 18px;
border: 0;
padding: 6px 20px;
border-radius: 3px;
line-height: 100%;
margin-top: 5px;
text-transform: uppercase
}
.modal3_1 [type="submit"]:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.modal3_1 textarea {
height: 70px
}
.modal3_1 [type="reset"] {
font-weight: 300;
font-size: 18px;
margin-right: 4px;
float: right;
width: auto;
background: transparent;
border: 0;
text-decoration: underline
}
.modal3_1 [type="reset"]:focus,
.modal3_1 [type="reset"]:active {
outline: 0
}
.modal3_1 [type="reset"]:hover {
text-decoration: none
}
.modal3_1 .please {
display: inline-block;
width: 250px;
margin-top: 5px;
font-size: 14px;
font-weight: 300
}
.modal3 {
width: 410px
}
.modal3 .title {
padding: 24px;
background-color: #405163;
text-align: center
}
.modal3 .title h2,
.modal3 .title div.h2 {
margin: 0;
line-height: 100%;
text-align: center;
font-family: 'Source Sans Pro', sans-serif !important;
font-weight: 400 !important;
font-size: 20px !important;
color: #fff !important;
text-transform: uppercase;
background-color: #405163
}
.modal3 form {
background-color: #fff;
text-align: center;
padding: 30px 0;
color: #4e575d;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px
}
.modal3 select {
display: inline-block;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
background: url(/bitrix/templates/runo-mob/img/modals/select.png) 93.8% -4px no-repeat
}
.modal3 input::-moz-placeholder,
.modal3 textarea::-moz-placeholder,
.modal3 select::-moz-placeholder,
#callme-form input::-moz-placeholder {
color: #4e575d;
opacity: 1
}
.modal3 input:-ms-input-placeholder,
.modal3 textarea:-ms-input-placeholder,
.modal3 select:-ms-input-placeholder,
#callme-form input:-ms-input-placeholder {
color: #4e575d
}
.modal3 input::-webkit-input-placeholder,
.modal3 textarea::-webkit-input-placeholder,
.modal3 select::-webkit-input-placeholder,
#callme-form input::-webkit-input-placeholder {
color: #4e575d
}
.modal3 textarea {
height: 70px
}
.modal3 [type="reset"] {
font-weight: 300;
font-size: 18px;
margin-right: 4px;
float: right;
width: auto;
background: transparent;
border: 0;
text-decoration: underline
}
.modal3 [type="reset"]:focus,
.modal3 [type="reset"]:active {
outline: 0
}
.modal3 [type="reset"]:hover {
text-decoration: none
}
.modal3 .please {
display: inline-block;
width: 250px;
margin-top: 5px;
font-size: 14px;
font-weight: 300
}
.modal4 {
width: 1000px
}
.modal4 a {
color: inherit;
text-decoration: underline
}
.modal4 a:hover {
text-decoration: none
}
.modal4 .title {
padding: 24px;
background-color: #405163;
text-align: center
}
.modal4 .title h2,
.modal4 .title div.h2 {
margin: 0;
line-height: 100%;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
color: #fff
}
.modal4 table {
color: #6e7789;
width: 100%;
border: 1px solid #dddfe3
}
.modal4 table td {
padding: 15px 10px
}
.modal4 thead {
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
background-color: rgba(73, 85, 107, 0.1)
}
.modal4 thead th {
text-align: left;
padding: 10px
}
.modal4 form {
background-color: #fff;
padding: 30px 25px
}
.modal4 input,
.modal4 textarea {
padding: 5px;
width: 85px;
height: 30px;
float: left;
border: 1px solid #aaa;
background-color: transparent
}
.modal4 [type="submit"] {
background-color: #e84c3d;
color: #fff;
font-weight: 300;
font-size: 18px;
width: auto;
border: 0;
padding: 6px 20px;
border-radius: 1px;
line-height: 100%;
margin: 5px 30px 0 0
}
.modal4 [type="submit"]:hover {
opacity: 0.8;
filter: alpha(opacity=80)
}
.modal4 [type="date"] {
cursor: pointer;
background: url(/bitrix/templates/runo-mob/img/3/date.png) 99.5% 1px no-repeat;
width: 215px;
padding: 2px
}
.modal4 textarea {
height: 50px
}
.modal4 .pereschet {
font-weight: 300;
font-size: 16px;
margin-left: 4px;
float: left;
width: auto;
background: transparent;
border: 0
}
.modal4 .pereschet:focus,
.modal4 .pereschet:active {
outline: 0
}
.modal4 .pereschet:hover {
text-decoration: underline
}
.modal4 .cena {
float: left;
color: #e84c3d;
font-size: 22px;
font-weight: bold;
margin: 5px 50px 5px 0
}
.modal4 .delete {
display: inline-block;
margin-top: 10px
}
.str-uslugi-dis .cours-popups,
.str-katalog-ochnih .cours-popups,
.str-katalog-dist .cours-popups {
z-index: 200;
position: fixed;
left: 0;
top: 40%
}
.str-uslugi-dis .red-popup,
.str-katalog-ochnih .red-popup,
.str-katalog-dist .red-popup {
color: #e84c3d;
width: 152px;
height: 40px;
padding: 0 12px;
font-size: 16px;
line-height: 240%;
border: 1px solid #e84c3d;
background-color: #ededed;
overflow: hidden;
text-align: center
}
.str-uslugi-dis .red-popup:hover,
.str-katalog-ochnih .red-popup:hover,
.str-katalog-dist .red-popup:hover {
background-color: #e84c3d;
color: #fff
}
.str-uslugi-dis .blue-popup,
.str-katalog-ochnih .blue-popup,
.str-katalog-dist .blue-popup {
color: #fff;
width: 152px;
height: 40px;
padding: 0 12px;
font-size: 16px;
line-height: 240%;
background-color: #405163;
border: 1px solid #ddd;
overflow: hidden;
text-align: center
}
@media only screen and (max-width:1070px) {
.str-uslugi-dis .red-popup,
.str-katalog-ochnih .red-popup,
.str-katalog-dist .red-popup,
.str-uslugi-dis .blue-popup,
.str-katalog-ochnih .blue-popup,
.str-katalog-dist .blue-popup {
width: 40px;
letter-spacing: 20px
}
.str-uslugi-dis .red-popup:hover,
.str-katalog-ochnih .red-popup:hover,
.str-katalog-dist .red-popup:hover,
.str-uslugi-dis .blue-popup:hover,
.str-katalog-ochnih .blue-popup:hover,
.str-katalog-dist .blue-popup:hover {
width: 140px;
letter-spacing: normal
}
}
.selfinput {
border: 1px solid #ddd;
background: #f9f9f9;
padding: 8px 10px
}
.one_half_desk ul li,
.programma2 .one_half_desk ul>li {
font-size: 125% !important;
color: #505050
}
.one_half_desk ul li:before,
.programma2 .one_half_desk ul>li:before {
margin-top: 0
}
.main-1 .doska h3,
.main-1 .format h3 {
margin: 40px auto 30px !important;
color: #505050
}
.edu-dist-fon {
height: 100%;
min-width: 100%;
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/edudist-head.jpg) no-repeat center #e7ecf2
}
.edu-dist-content {
float: right;
font-size: 20px;
margin: 30px 15px;
background: rgba(231, 236, 242, 0.7);
padding: 15px 40px 15px 20px
}
.paper-clip {
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/paper-clip-red-640.png) no-repeat center center;
padding: 40px 0
}
.paper-clip>div {
padding: 160px 40px 60px
}
.paper-clip button {
width: 300px !important;
font-size: 22px !important;
padding: 0 !important
}
.list6b,
.programma2 .one_half_desk .list6b {
padding: 0;
list-style: none
}
.list6b li,
.programma2 .one_half_desk .list6b li {
position: relative;
padding: 8px 0 8px 30px !important
}
.list6b li:before,
.programma2 .one_half_desk .list6b li:before {
position: absolute;
left: 0;
top: 6px;
font-weight: bold;
color: #e84c3d;
content: "\2714";
transition-duration: 0.5s;
margin-left: 0
}
.list6b li h4,
.programma2 .one_half_desk .list6b li h4 {
font-weight: 500
}
.str-uslugi-dis .dlya-nachinauschih {
background-color: #3e5062
}
.str-uslugi-dis .dlya-nachinauschih .container {
padding-left: 400px
}
.str-uslugi-dis .dlya-nachinauschih a {
color: #405163
}
.str-uslugi-dis .dlya-nachinauschih .content {
width: 610px;
float: right
}
.str-uslugi-dis .dlya-nachinauschih .content:before,
.str-uslugi-dis .dlya-nachinauschih .content:after {
content: " ";
display: table
}
.str-uslugi-dis .dlya-nachinauschih .content:after {
clear: both
}
.str-uslugi-dis .dlya-nachinauschih .big-title .green {
color: #2D8266;
font-weight: bold;
font-size: 24px;
text-shadow: #ffffff 1px 1px 0px
}
.str-uslugi-dis .dlya-nachinauschih .blue-box {
background-color: #405163;
padding: 15px 15px 15px 20px;
margin: 0 0 15px;
font-size: 17px;
font-weight: 300;
width: 300px;
color: #fff;
float: left
}
.str-uslugi-dis .dlya-nachinauschih .blue-box .row {
display: block;
line-height: 100%;
margin-bottom: 5px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok {
width: 256px;
height: auto;
float: left;
margin-top: 0px;
padding-top: 7px;
margin-left: 24px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok p {
text-align: center;
font-weight: normal;
color: #6b7689;
margin: 0
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok .title {
margin-top: 5px;
font-size: 22px;
text-transform: uppercase
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok .sub-title {
font-size: 20px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok a.input {
display: block;
width: 205px;
height: 35px;
margin: 15px auto;
border-radius: 3px;
font-weight: 300;
font-size: 16px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="text"],
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="password"],
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="tel"],
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="email"] {
border: 1px solid #e9e9e9;
background: #f9f9f9;
padding: 10px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="text"]::-moz-placeholder,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="password"]::-moz-placeholder,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="tel"]::-moz-placeholder,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="email"]::-moz-placeholder {
color: #405163;
opacity: 1
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="text"]:-ms-input-placeholder,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="password"]:-ms-input-placeholder,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="tel"]:-ms-input-placeholder,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="email"]:-ms-input-placeholder {
color: #405163
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="text"]::-webkit-input-placeholder,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="password"]::-webkit-input-placeholder,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="tel"]::-webkit-input-placeholder,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="email"]::-webkit-input-placeholder {
color: #405163
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="submit"],
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok a.input,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="button"] {
margin-bottom: 10px;
padding-top: 4px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok a.input {
padding: 11px 0 0 !important;
text-align: center;
color: #fff;
text-decoration: none
}
.sw-reviews-btn,
.b24-form-click-btn-wrapper.--b24-mod-center>button,
.bx-blue .btn.btn-default,
.btn.sale-account-pay-button,
.ui-datepicker .ui-datepicker-buttonpane button,
input[type="submit"],
input[type=reset],
.main-2 .main-box .white-cont input[type=reset],
.main-2 .main-box .white-cont input[type=submit],
.modal7 [type="submit"],
.more_items_wrap .right-buttons a,
.newspub-right-buttons a,
.main-3 .main-box .start a,
.payit,
#modal6 .button,
#modal9 .button,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok a.input.green,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="submit"].green,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="button"].green,
.main-1 .green-buttons .box form [type='submit'],
.main-2 .green-buttons .box form [type='submit'],
.main-3 .green-buttons .box form [type='submit'],
.main-modals .green-buttons .box form [type='submit'],
.bx-soa-cart-total-button-container>.btn,
.main-prosmotr-kursa .tabs_block .box.conspect .content a.down,
.main-prosmotr-kursa .tabs_block .box.harmon .item .content a.down,
.green-btn,
.btn-primary,
.btn-primary:focus,
.btn-primary:active {
display: inline-block;
font-weight: 400 !important;
font-family: 'Source Sans Pro', sans-serif !important;
font-size: 18px !important;
color: #fff !important;
background-color: #e84c3d !important;
border-radius: 20px !important;
border: 1px solid #e84c3d !important;
white-space: nowrap;
text-decoration: none !important;
padding: 6px 20px;
height: 38px;
line-height: 140% !important;
transition: .3s linear
}
.sw-reviews-btn: hover,
.b24-form-click-btn-wrapper.--b24-mod-center>button:hover,
.btn.sale-account-pay-button:hover,
.bx-blue .btn.btn-default:hover,
.ui-datepicker .ui-datepicker-buttonpane button:hover,
input[type="submit"]:hover,
input[type=reset]:hover,
.main-2 .main-box .white-cont input[type=reset]:hover,
.main-2 .main-box .white-cont input[type=submit]:hover,
.modal7 [type="submit"]:hover,
.more_items_wrap .right-buttons a:hover,
.newspub-right-buttons a:hover,
.main-3 .main-box .start a:hover,
.payit:hover,
#modal6 .button:hover,
#modal9 .button:hover,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok a.input.green:hover,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="submit"].green:hover,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="button"].green:hover,
.main-1 .green-buttons .box form [type='submit']:hover,
.main-2 .green-buttons .box form [type='submit']:hover,
.main-3 .green-buttons .box form [type='submit']:hover,
.main-modals .green-buttons .box form [type='submit']:hover,
.bx-soa-cart-total-button-container>.btn:hover,
.main-prosmotr-kursa .tabs_block .box.conspect .content a.down:hover,
.main-prosmotr-kursa .tabs_block .box.harmon .item .content a.down:hover,
.green-btn:hover,
.btn-primary:hover {
color: #e84c3d !important;
border: 1px solid #e84c3d !important;
background-color: #fff !important
}
.sw-reviews-btn {white-space: normal;}
.main-3 .main-box .start a {
position: relative;
top: -5px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="submit"].blue,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="button"].blue {
background-color: #6f88a2;
border-color: #324c67
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="submit"].blue:hover,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="button"].blue:hover {
background-color: #4d6680
}
.str-uslugi-dis .unical-metodic {
padding-top: 10px;
padding-left: 5px
}
.str-uslugi-dis .unical-metodic:before,
.str-uslugi-dis .unical-metodic:after {
content: " ";
display: table
}
.str-uslugi-dis .unical-metodic:after {
clear: both
}
.str-uslugi-dis .unical-metodic ul {
list-style-type: none
}
.str-uslugi-dis .unical-metodic .left-list,
.str-uslugi-dis .unical-metodic .left-list a {
text-align: left
}
.str-uslugi-dis .unical-metodic h2,
.str-uslugi-dis .unical-metodic div.h2 {
margin-top: 0;
margin-bottom: 13px;
font-size: 20px;
text-transform: uppercase;
font-weight: bold
}
.str-uslugi-dis .unical-metodic .left-list {
width: 680px;
float: left;
color: #505050;
line-height: 1.3
}
.str-uslugi-dis .unical-metodic .description {
padding: 15px 35px 30px;
max-width: 317px;
float: right;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #f9f9f9
}
.str-uslugi-dis .unical-metodic .description p {
margin: 0
}
.str-uslugi-dis .unical-metodic .description>p {
font-size: 16px;
margin: 25px 0 0;
color: #e84c3d;
font-weight: 400;
font-family: 'Source Sans Pro', sans-serif;
font-style: italic;
padding-bottom: 15px;
text-align: center
}
.str-uslugi-dis .unical-metodic .description .title {
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif
}
.str-uslugi-dis .unical-metodic .description .green {
color: #2D8266;
font-size: 22px
}
.str-uslugi-dis .unical-metodic .description span {
color: #e84c3d
}
.str-uslugi-dis .unical-metodic .description li {
padding-left: 75px;
padding-top: 10px;
padding-bottom: 7px
}
.str-uslugi-dis .unical-metodic .description li:nth-of-type(1) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-1.png) 10px 0 no-repeat
}
.str-uslugi-dis .unical-metodic .description li:nth-of-type(2) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-2.png) 10px 0 no-repeat
}
.str-uslugi-dis .unical-metodic .description li:nth-of-type(3) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-3.png) 4px -3px no-repeat
}
.ui-datepicker .ui-datepicker-buttonpane button,
.str-uslugi-dis .unical-metodic .description a,
.red-btn {
font-size: 19px;
font-weight: 400;
display: block;
width: 200px;
height: 38px !important;
text-align: center;
background-color: #e84c3d !important;
color: #fff !important;
padding: 0 20px !important;
border-radius: 3px;
text-decoration: none !important;
border: 0;
transition: .3s linear
}
.ui-datepicker .ui-datepicker-buttonpane button a:hover,
.str-uslugi-dis .unical-metodic .description a:hover,
.red-btn:hover {
background-color: #d23627 !important;
text-decoration: none;
border: 0
}
.ui-datepicker {
padding: 0 !important
}
.ui-datepicker .ui-datepicker-header {}
.ui-datepicker .ui-datepicker-buttonpane button {
font-size: 15px !important
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
display: none
}
.ui-widget {
font-family: 'Source Sans Pro', sans-serif !important;
font-size: 0.9em !important
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #e84c3d !important;
background: #fbf6ef !important
}
.ui-widget-header {
border: 6px solid #fff !important;
background: #e6e6e6 !important;
color: #333 !important;
font-weight: 500 !important
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondar {
opacity: 1 !important
}
.ui-widget-content,
.ui-datepicker th {
background: #efefef !important;
color: #333 !important;
font-weight: 500 !important
}
.ui-widget-content {
border-color: #cecece !important;
background: #fff !important
}
.main-prosmotr-kursa .tabs_block .box.conspect .content a.down,
.main-prosmotr-kursa .tabs_block .box.harmon .item .content a.down {
position: absolute;
bottom: 15px;
right: 15px
}
.str-uslugi-dis .unical-metodic .right-red-box {
float: left;
width: 670px;
height: 318px;
background-color: #2D8266;
color: #fff
}
.str-uslugi-dis .unical-metodic .right-red-box h3 {
border: 1px solid #fff;
text-transform: uppercase;
text-align: center;
font-weight: bold;
font-size: 20px;
padding: 15px;
width: 380px;
margin: 25px auto 10px
}
.str-uslugi-dis .unical-metodic .right-red-box li {
vertical-align: top;
text-transform: uppercase;
font-weight: bold;
font-size: 19px;
text-align: center;
width: 33%;
padding-top: 110px;
float: left
}
.str-uslugi-dis .unical-metodic .right-red-box li:nth-of-type(3) {
background: url(/bitrix/templates/runo-mob/img/uslugi/red-box-1.png) 45% 28px no-repeat
}
.str-uslugi-dis .unical-metodic .right-red-box li:nth-of-type(2) {
background: url(/bitrix/templates/runo-mob/img/uslugi/red-box-3.png) 50% 25px no-repeat
}
.str-uslugi-dis .unical-metodic .right-red-box li:nth-of-type(1) {
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/red-box-2.png) 50% 4px no-repeat
}
.str-uslugi-dis .metod2 {
background-color: #f7f9fb;
text-align: center
}
.str-uslugi-dis .metod2 img {
float: right
}
.str-uslugi-dis .programma {
line-height: 133%;
font-size: 13px;
padding: 1px 0 30px;
color: #505050
}
.str-uslugi-dis .programma:before,
.str-uslugi-dis .programma:after {
content: " ";
display: table
}
.str-uslugi-dis .programma:after {
clear: both
}
.str-uslugi-dis .programma .green {
color: #2D8266
}
.str-uslugi-dis .programma .main {
float: left
}
.str-uslugi-dis .programma .main h3 {
font-size: 20px;
text-transform: uppercase;
margin: 0 0 15px
}
.str-uslugi-dis .programma .main ul {
list-style-type: none;
padding: 0 0 20px
}
.str-uslugi-dis .programma .main li {
padding-left: 35px;
font-size: 15px;
line-height: 35px
}
.str-uslugi-dis .programma .main .read-more {
display: inline-block;
background: url(/bitrix/templates/runo-mob/img/uslugi/read-more.png) no-repeat;
text-decoration: underline;
font-size: 15px;
color: #e84c3d;
font-weight: normal;
padding: 8px 33px;
margin-top: -15px
}
.str-uslugi-dis .programma .main .read-more:hover {
text-decoration: none
}
.str-uslugi-dis .programma .main .zadanie {
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/item-zadanie.png) 2px 8px no-repeat
}
.str-uslugi-dis .programma .main .vid-lekcia {
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/vid-lekcia.png) 0 8px no-repeat
}
.str-uslugi-dis .programma img {
width: 421px;
height: auto;
float: right
}
.str-uslugi-dis .programma .title {
color: #505050;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 35px;
padding: 20px 0 35px
}
.str-uslugi-dis .prepodavatel {
background-color: #f7f9fb;
color: #505050;
padding: 20px 0 90px
}
.str-uslugi-dis .prepodavatel h3 {
font-size: 25px;
margin: 20px 0;
text-transform: uppercase;
font-weight: bold
}
.str-uslugi-dis .prepodavatel .left-p,
.str-uslugi-dis .prepodavatel .right-p {
float: left
}
.str-uslugi-dis .prepodavatel .right-p {
width: 45%
}
.str-uslugi-dis .prepodavatel .left-p {
width: 55%
}
.str-uslugi-dis .prepodavatel .left-p h3 {
margin-bottom: 30px
}
.str-uslugi-dis .prepodavatel .right-p {
text-align: center
}
.str-uslugi-dis .prepodavatel .right-p a {
display: inline-block;
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/list-green.png) 21px 14px no-repeat #ffffff;
color: #2D8266;
border: 2px solid #2D8266;
padding: 20px 30px 20px 75px;
font-size: 25px;
text-transform: uppercase;
font-weight: bold
}
.str-uslugi-dis .prepodavatel .right-p a:hover {
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=80)
}
.str-uslugi-dis .prepodavatel .main:before,
.str-uslugi-dis .prepodavatel .main:after {
content: " ";
display: table
}
.str-uslugi-dis .prepodavatel .main:after {
clear: both
}
.str-uslugi-dis .prepodavatel .main img {
float: left;
margin-right: 20px;
margin-top: 4px
}
.str-uslugi-dis .prepodavatel .main .text {
float: left;
width: 355px
}
.str-uslugi-dis .prepodavatel .main .name,
.str-uslugi-dis .prepodavatel .main .name a {
font-size: 28px;
color: #e84c3d;
line-height: 120%
}
.str-uslugi-dis .prepodavatel .main .edu {
font-weight: bold;
text-transform: uppercase;
font-size: 18px
}
.str-uslugi-dis .prepodavatel .main p {
line-height: 120%;
margin: 0;
font-size: 15px
}
.str-uslugi-dis .akcia {
min-width: 1044px;
background-color: #91aa42;
background-image: url(/bitrix/templates/runo-mob/img/info_graf.png);
background-repeat: no-repeat;
background-position: center center;
height: 580px;
color: #fff;
padding-bottom: 30px;
text-align: center
}
.str-uslugi-dis .akcia h2 {
display: inline-block;
text-transform: uppercase;
font-size: 27px;
font-weight: bold;
margin-bottom: 27px;
margin-top: 30px;
border: 1px solid #fff;
padding: 15px 35px
}
.str-uslugi-dis .akcia h2:before,
.str-uslugi-dis .akcia h2:after {
content: " ";
display: table
}
.str-uslugi-dis .akcia h2:after {
clear: both
}
.str-uslugi-dis .akcia .main .video {
margin-top: 5px;
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/comp.png) 1px 0 no-repeat;
width: 352px;
height: 314px;
float: right;
text-align: center;
padding-top: 8px
}
.str-uslugi-dis .akcia .main ul {
list-style-type: none;
font-size: 18px
}
.str-uslugi-dis .akcia .main li {
margin: 0 0 2px;
padding: 6px 32px;
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/list-tem-white.png) 0 0px no-repeat
}
.str-uslugi-dis .akcia .main .right-descr {
text-align: left;
width: 635px;
float: left;
font-size: 18px
}
.str-uslugi-dis .akcia .main .right-descr a {
display: inline-block;
width: 390px;
position: relative;
left: 627px;
margin-top: 463px;
text-transform: uppercase;
font-size: 24px;
font-weight: bold;
color: #91aa42;
padding: 5px 10px 5px 40px
}
.str-uslugi-dis .akcia .main .right-descr a:hover {
text-decoration: none;
opacity: 0.8
}
.str-uslugi-dis .akcia .white-bg {
background-color: #fff;
color: #e84c3d;
font-weight: bold
}
.str-uslugi-dis .akcia .grey-bg {
background-color: #f9cdc9;
color: #e84c3d;
font-weight: bold
}
.str-uslugi-dis .item-otziv {
text-align: center;
background: #f1f1f1;
border: 1px solid #dedede;
padding: 30px;
margin-bottom: 30px
}
.str-uslugi-dis .item-otziv h4,
.str-uslugi-dis .item-otziv div.h4 {
font-size: 20px;
line-height: 106.2%;
color: #000;
margin: 10px 0 15px
}
.str-uslugi-dis .item-otziv p {
font-size: 16px;
line-height: 150%;
letter-spacing: -0.01em;
color: rgba(0, 0, 0, 0.7);
overflow: hidden;
margin-bottom: 15px
}
.str-uslugi-dis .item-otziv a img {
width: 143px;
border: 1px solid #dddddd
}
.outline,
.str-uslugi-dis .item-otziv a {
display: inline-block;
font-size: 15px;
font-weight: normal;
color: #505050 !important;
text-transform: none;
position: relative;
padding: 2px 12px 3px;
border: 1px solid #505050;
border-radius: 5px
}
.outline:hover,
.str-uslugi-dis .item-otziv a:hover {
background-color: #e84c3d;
color: #fff !important;
border-color: #e84c3d;
text-decoration: none
}
.no-out {
padding: 0 !important;
border: 0 !important
}
.str-uslugi-dis .light-blue-line {
text-align: center;
background-color: #e4efd1;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding-top: 25px
}
.str-uslugi-dis .light-blue-line .description {
text-align: left;
padding: 15px 20px 30px;
margin: 0 15px 30px 15px;
display: inline-table;
height: 318px;
background-color: #fff;
border: 1px solid #ddd;
max-width: 308px
}
.str-uslugi-dis .light-blue-line .description ul {
list-style-type: none
}
.str-uslugi-dis .light-blue-line .description p {
margin: 0
}
.str-uslugi-dis .unical-metodic>p,
.str-uslugi-dis .light-blue-line .description>p {
font-size: 20px;
margin-top: 8px;
margin-bottom: 13px;
font-weight: bold;
font-family: 'Source Sans Pro', sans-serif;
font-style: italic;
text-align: center
}
.str-uslugi-dis .light-blue-line .description .title {
font-size: 16px;
font-family: 'Source Sans Pro', sans-serif;
margin-bottom: 3px
}
.str-uslugi-dis .light-blue-line .description .green {
color: #2D8266;
font-size: 20px;
font-family: 'Source Sans Pro', sans-serif
}
.str-uslugi-dis .light-blue-line .description span {
color: #e84c3d
}
.ul-uslugi-dis li {
padding-left: 70px;
padding-top: 10px;
padding-bottom: 7px
}
.ul-uslugi-dis li:nth-of-type(1) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-1.png) 2px 0 no-repeat
}
.ul-uslugi-dis li:nth-of-type(2) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-2.png) 2px 0 no-repeat
}
.ul-uslugi-dis li:nth-of-type(3) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-3.png) -4px -3px no-repeat
}
.str-uslugi-dis .last-white {
padding: 50px 0;
color: #505050
}
.str-uslugi .last-white span,
.str-uslugi-dis .last-white span {
font-weight: 500
}
.str-uslugi-dis .last-white h3 {
text-transform: uppercase;
font-size: 19px;
font-weight: bold;
margin: 10px 0
}
.str-uslugi-dis .last-white a {
font-size: 16px
}
.str-uslugi-dis .last-white ul {
list-style-type: none
}
.str-uslugi-dis .last-white li {
margin-bottom: 17px
}
.str-uslugi-dis .last-white .right-p {
width: 46%;
float: left
}
.str-uslugi-dis .last-white .left-p,
.str-uslugi-dis .last-white .left-r {
width: 46%;
float: left;
margin-right: 40px
}
.str-katalog-dist .last-white {
padding: 0px 38px 20px;
color: #505050;
overflow: hidden
}
.str-katalog-dist .last-white h3 {
text-transform: uppercase;
font-size: 19px;
font-weight: bold;
margin: 10px 0
}
.str-katalog-dist .last-white a {
color: inherit
}
.str-katalog-dist .last-white a:hover {
text-decoration: none
}
.str-katalog-dist .last-white ul {
list-style-type: none
}
.str-katalog-dist .last-white li {
margin-bottom: 17px
}
.str-katalog-dist .last-white .right-p {
width: 49%;
float: left
}
.str-katalog-dist .last-white .left-p,
.str-katalog-dist .last-white .left-r {
width: 48%;
float: left
}
.str-uslugi-dis .hidden {
display: none
}
.str-uslugi-dis #modal-programma {
padding: 20px;
width: 800px
}
.str-uslugi-dis .info {
min-width: 1044px;
font-size: 15px;
background-color: #fff;
color: #505050
}
.str-uslugi-dis .info a {
color: #505050
}
.str-uslugi-dis .info h2 {
font-size: 18px;
text-transform: uppercase;
font-weight: 500
}
.str-uslugi .info.custom,
.str-uslugi-dis .info.custom {
min-width: 1044px
}
.str-uslugi-dis .est-voprosi {
background: #f4f7f9
}
.str-uslugi-dis .est-voprosi:before,
.str-uslugi-dis .est-voprosi:after {
content: " ";
display: table
}
.str-uslugi-dis .est-voprosi:after {
clear: both
}
.str-uslugi-dis .est-voprosi .left-women {
height: 360px;
padding-top: 230px;
float: left;
width: 330px;
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/women-voprosi.png) center 41px no-repeat;
text-align: center
}
.str-uslugi-dis .est-voprosi .left-women .name {
font-size: 28px;
color: #e84c3d;
margin: 10px;
margin-bottom: 8px
}
.str-uslugi-dis .est-voprosi .left-women .descr {
margin: 0;
font-size: 18px;
font-weight: bold;
color: #505050;
text-transform: uppercase
}
.str-uslugi-dis .est-voprosi .vopr-text {
width: 410px;
height: 385px;
padding-left: 55px;
padding-top: 100px;
font-weight: bold;
float: left
}
.str-uslugi-dis .est-voprosi .vopr-text h4 {
font-size: 25px;
margin: 5px 0;
text-transform: uppercase
}
.str-uslugi-dis .est-voprosi .vopr-text a {
padding-left: 5px;
display: block;
font-size: 36px;
color: #e84c3d
}
.no-all-border {
border: none !important;
text-decoration: none !important;
transition: none
}
.no-border {
padding-left: 0;
padding-right: 30px;
border-left: none !important
}
.main .seo2 h2 {
font-weight: 600;
font-size: 22px;
color: #3e5062
}
.main .news h2,
.tests h2 {
display: inline-block;
font-weight: 600;
font-size: 22px;
margin-top: 0;
margin-bottom: 30px;
transition: .2s linear;
border-bottom: 2px solid #e84c3d
}
.main .news h2:hover,
.tests h2:hover {
color: #e84c3d;
border-bottom: 2px solid transparent
}
.main .news a:hover,
.tests a:hover {
border-bottom: 1px solid transparent
}
.main .news .podrob,
.tests .podrob {
font-size: 18px;
float: right;
line-height: 100%;
margin-top: -5px
}
#callme-form .ajax_result .bad {
color: #e84c3d
}
#callme-form .ajax_result .good {
color: #2D8266
}
#callme-form .ajax_result {
display: none
}
#modal1 .error_wrap_wrap,
#modal11 .error_wrap_wrap {
text-align: center;
background-color: #fff;
margin-bottom: -30px
}
#modal1 .error_wrap,
#modal11 .error_wrap {
display: inline-block;
font-size: 14px;
overflow: hidden;
text-align: left;
width: 280px
}
#modal1 .error_wrap p,
#modal11 .error_wrap p {
font-weight: bold;
margin: 7px 0
}
.modal1 .remember-wrap {
display: inline-block;
margin: 5px 0 15px;
font-weight: 400 !important
}
.modal1 .remember-wrap label {
font-weight: 400;
font-size: 16px
}
.modal1 .buttons-wrap {
margin-bottom: 15px
}
.send-review-form {
width: 550px
}
.send-review-form .row:before,
.send-review-form .row:after {
content: " ";
display: table
}
.send-review-form .row:after {
clear: both
}
.send-review-form .row p {
float: left;
margin: 4px 0
}
.send-review-form .row {
margin: 10px 0
}
.send-review-form input,
.send-review-form textarea {
background-color: transparent;
border: 1px solid #777;
border-radius: 3px;
height: 30px;
padding: 5px;
width: 350px
}
.send-review-form input,
.send-review-form textarea {
float: right
}
.send-review-form textarea {
height: 100px
}
.send-review-form [type="submit"] {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #e84c3d;
border-color: -moz-use-text-color -moz-use-text-color #77160d;
border-image: none;
border-radius: 1px;
border-style: none none solid;
border-width: 0 0 3px;
color: #fff;
font-size: 18px;
font-weight: 300;
line-height: 100%;
margin-top: 5px;
padding: 6px 20px;
width: auto
}
.bx-system-auth-form .error_wrap {
background-color: #ffffff;
margin: 0 auto;
}
.str-profile .main {
color: #405163
}
.str-profile .main .registrTable b {
font-size: 18px
}
.str-profile .main h2 {
color: #405163;
font-size: 28px;
font-weight: bold;
text-align: center;
text-transform: uppercase
}
.str-profile .main .pass-form input {
border-radius: 20px;
width: 220px;
height: 38px
}
.str-profile .main .registrTable {
clear: both
}
.str-profile .main .pass-form p {
margin: 0 auto;
text-align: center
}
.main-box .white-cont .bx-auth-profile table tr td:first-child {
width: 140px
}
.main-box .white-cont .bx-auth-profile table tr td {
padding: 0
}
#preorder-form .product_name {
color: #3e5062;
padding: 0 40px;
margin: -10px 0 10px
}
#preorder-form .ajax_result {
font-size: 14px;
padding: 0 60px
}
#preorder-form .ajax_result .bad {
color: #e84c3d
}
#preorder-form .ajax_result .good {
color: #2D8266
}
#preorder-form div.good {
font-size: 24px;
padding: 0 20px
}
#preorder-form2 .product_name {
color: #000000;
font-weight: bold;
padding: 0 40px;
margin: -10px 0 10px
}
#preorder-form2 .ajax_result {
font-size: 14px;
padding: 0 60px
}
#preorder-form2 .ajax_result .bad {
color: #e84c3d
}
#preorder-form2 .ajax_result .good {
color: #2D8266
}
#preorder-form2 div.good {
font-size: 24px;
padding: 0 20px
}
#modal6 .product_name {
margin: 0 40px 15px;
font-size: 16px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok a.input,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input {
border-radius: 3px;
display: block;
font-size: 16px;
font-weight: 300;
height: 35px;
margin: 15px auto;
width: 205px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok a.input,
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="button"],
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input[type="submit"] {
margin-bottom: 10px;
padding-top: 11px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input.blue[type="button"],
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok input.blue[type="submit"] {
background-color: #6f88a2;
border-color: #324c67
}
#preorder_inner_form .ajax_result {
font-size: 14px;
margin: 0 auto;
width: 205px
}
#preorder_inner_form .ajax_result .good {
color: #2D8266;
padding: 20px 0
}
#preorder_inner_form .ajax_result .bad {
color: #e84c3d
}
.cours-popups a {
color: inherit;
text-decoration: none
}
.dlya-nachinauschih .zakazhite-zvonok .captcha_wrap .capt_small {
font-size: 14px
}
.dlya-nachinauschih .zakazhite-zvonok .captcha_wrap input[type=text] {
margin-top: 2px
}
.dlya-nachinauschih .zakazhite-zvonok .authed_text {
margin: 10px auto 0;
width: 205px;
color: #2D8266;
text-align: center
}
.dlya-nachinauschih .zakazhite-zvonok .captcha_wrap {
margin: 0 auto;
width: 205px;
margin-top: -10px
}
.runo-breadcrumbs {
text-align: left;
padding: 30px 0 0;
width: 1024px
}
.runo-breadcrumbs a {
color: #505050;
text-decoration: underline
}
.runo-breadcrumbs a:hover {
border-bottom: 0;
text-decoration: none
}
.tp-res.ajax_result {
color: #2D8266;
padding: 10px
}
.ajax_result.tp-bad {
font-size: 12px;
padding: 10px
}
.ajax_result.tp-bad>p {
margin: 0
}
.main-3 .container .container.bread-container {
margin: -70px 0 30px
}
.main-prosmotr-kursa aside>.slider3>div>ul>li>a.itest {
font-size: 16px;
padding: 7px 5px
}
.main-prosmotr-kursa .video-block .green-buttons .box form .ajax_result {
clear: both;
float: none;
font-size: 12px
}
.main-prosmotr-kursa .video-block .green-buttons .box form .ajax_result .bad {
color: #e84c3d
}
.main-prosmotr-kursa .video-block .green-buttons .box form .ajax_result .good {
color: #2D8266
}
.main-prosmotr-kursa .video-block.testing>h2 {
margin: 0 0 40px
}
.main-prosmotr-kursa .video-block.testing .oneQuestion {
margin: 0 0 20px
}
.main-prosmotr-kursa .video-block.testing .oneQuestionName {
margin: 0 0 3px
}
.main-prosmotr-kursa .video-block.testing .oneAnswer {
margin: 0 0 3px
}
.main-prosmotr-kursa .video-block.testing .answers {
padding: 0 0 0 20px
}
.main-prosmotr-kursa .video-block.testing .testResults .good {
color: #2D8266;
font-size: 18px;
font-weight: bold
}
.main-prosmotr-kursa .video-block.testing .testResults .bad {
color: #e84c3d;
font-size: 18px;
font-weight: bold
}
.main-prosmotr-kursa .video-block.testing .testResults .total {
color: black;
font-size: 18px;
font-weight: bold
}
.grey-fon {
background-color: #f7f7f7;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.str-uslugi-dis .programma2 {
line-height: 133%;
padding-bottom: 40px;
color: #505050;
font-weight: 300;
font-size: 16px
}
.str-uslugi-dis .programma2 .details-content,
.str-uslugi-dis .programma2 .details-content span {
line-height: 1.6;
font-size: 14px !important;
font-family: 'Source Sans Pro', sans-serif !important
}
.str-uslugi-dis .programma2 img {
margin-right: 30px !important;
margin-bottom: 15px
}
.str-uslugi-dis .programma2 h2,
.str-uslugi-dis .programma2 div.h2 {
text-transform: uppercase;
font-weight: 500;
font-size: 27px;
margin: 10px auto 40px;
line-height: 80%
}
.str-uslugi-dis .programma2 b {
display: block;
color: #000;
font-size: 17px;
font-weight: 500
}
.client-item .date {
font-size: 16px;
line-height: 112%;
color: rgba(0, 0, 0, 0.4);
text-align: left
}
.client-item .date2 {
margin: -12px 0 42px
}
.client-item a.Myfancybox {
color: #fff;
display: inline-block;
text-transform: uppercase;
height: 277px;
overflow: hidden
}
.client-item a.Myfancybox:hover {
border-bottom: 1px solid transparent
}
.str-uslugi-dis .dlya-nachinauschih .blue-box {
padding-left: 20px;
padding-right: 15px;
width: 300px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok {
width: 285px
}
.str-uslugi-dis .dlya-nachinauschih .zakazhite-zvonok:after {
border-width: 40px 145px 0
}
body .client-item .otziv {
font-size: 15px;
text-transform: none
}
.str-uslugi-dis .professionali {
text-align: center;
padding-top: 20px;
padding-bottom: 20px
}
.str-uslugi-dis .professionali:before,
.str-uslugi-dis .professionali:after {
content: " ";
display: table
}
.str-uslugi-dis .professionali:after {
clear: both
}
.str-uslugi-dis .professionali h3 {
font-size: 28px;
color: rgb(80, 80, 80);
font-weight: normal;
line-height: 100%
}
.str-uslugi-dis .professionali ul {
list-style-type: none
}
.str-uslugi-dis .professionali li:only-of-type {
width: 40%;
line-height: 1.5
}
.str-uslugi-dis .professionali li {
width: 40%;
line-height: 1.5
}
.str-uslugi-dis .professionali img {
margin-bottom: 10px;
clear: both
}
.str-uslugi-dis .professionali ul .desc8 {
text-transform: uppercase;
color: #505050;
text-align: center;
font-weight: bold
}
.str-uslugi .last-white .right-p {
float: left
}
.str-oplata .akcia {
min-width: 1044px;
background-color: #91aa42;
color: #fff;
padding-bottom: 30px;
text-align: center
}
.str-oplata .akcia .main {
color: #fff
}
.str-oplata .akcia .main li {
font-weight: normal
}
.str-oplata .akcia h2 {
display: inline-block;
text-transform: uppercase;
font-size: 27px;
font-weight: bold;
margin-bottom: 27px;
margin-top: 35px;
border: 1px solid #fff;
padding: 15px 35px
}
.str-oplata .akcia h2:before,
.str-oplata .akcia h2:after {
content: " ";
display: table
}
.str-oplata .akcia h2:after {
clear: both
}
.str-oplata .akcia .main .video {
margin-top: 5px;
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/comp.png) 1px 0 no-repeat;
width: 352px;
height: 314px;
float: right;
text-align: center;
padding-top: 8px
}
.str-oplata .akcia .main ul {
list-style-type: none;
font-size: 18px
}
.str-oplata .akcia .main li {
margin: 0 0 2px;
padding: 6px 32px;
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/list-tem-white.png) 0 0px no-repeat
}
.str-oplata .akcia .main .right-descr {
text-align: left;
width: 635px;
float: left;
font-size: 18px
}
.str-oplata .akcia .main .right-descr a {
display: inline-block;
width: 318px;
position: relative;
left: -5px;
margin-top: 15px;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
background-color: #fff;
color: #91aa42;
padding: 5px 10px 5px 40px;
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/read-more.png) 5px 0 no-repeat #ffffff
}
.str-oplata .akcia .main .right-descr a:hover {
text-decoration: none;
opacity: 0.8
}
.str-oplata .akcia .white-bg {
background-color: #fff;
color: #e84c3d;
font-weight: bold
}
.str-oplata .akcia .grey-bg {
background-color: #f9cdc9;
color: #e84c3d;
font-weight: bold
}
.str-uslugi .dlya-nachinauschih .big-title .green {
color: #e84c3d;
font-weight: bold;
font-size: 24px
}
#modal2-wrap {
display: none
}
#todemo-form .ajax_result .bad {
color: #e84c3d
}
#todemo-form .ajax_result .good {
color: #2D8266
}
#todemo-form .ajax_result {
display: inline-block;
font-size: 14px;
margin: 5px 0;
width: 300px
}
.paysys_choose_wrap .btns-wrap {
text-align: right;
width: auto;
padding: 15px 0
}
.paysys_choose_wrap .btns-wrap a {
font-size: 18px;
width: 200px;
text-align: center
}
.paysys_choose_wrap .payit.next {
clear: both;
margin: 0 0 20px 0
}
.paysys_choose_wrap ul {
margin: 0;
padding: 0
}
.sale-paysystem-wrapper,
.paysys_choose_wrap ul li,
.bx-soa-section.bx-step-completed,
.bx-soa-section.bx-selected {
clear: both;
list-style: outside none none;
margin: 0 0 20px;
overflow: hidden;
padding: 40px 30px 30px !important;
position: relative;
border: 1px solid #e3e6ed !important;
border-radius: 30px;
background: #f8f8f8
}
.paysys_choose_wrap ul li label {
color: rgb(110, 119, 137);
cursor: pointer;
}
.main-3 .main-box.paysys_choose_wrap {
color: #405163
}
.main-3 .main-box.paysys_choose_wrap .logo {
border: 1px solid #b2b8c4;
float: left;
overflow: hidden;
text-align: center;
margin: 0 30px 0 0;
padding: 10px 10px 5px
}
.main-3 .main-box.paysys_choose_wrap input[type=radio] {
width: 20px;
margin-right: 20px !important
}
.paysys_choose_wrap ul li p.name {
color: #000;
font-size: 90%;
line-height: 120%;
min-height: 60px;
margin: 0;
}
.main-box.paysys_choose_wrap .desc {
display: table;
font-size: 14px;
font-weight: normal;
padding-top: 20px;
width: 100%
}
.main-box h3 span {
font-size: 24px
}
.main-box.paysys_choose_wrap li .chooser.active {
color: #e84c3d;
background-color: rgba(232,76,61,0.2);
border-bottom: 1px solid transparent
}
.main-box.paysys_choose_wrap li .chooser {
display: block;
color: #0072bc;
background-color: #edeffa;
border-radius: 18px;
text-align: center;
padding: 15px;
margin-bottom: 30px;
border-bottom: 1px solid transparent;
}
.main-box.paysys_choose_wrap li:hover .chooser {
color: #23527c;
border-bottom: 1px solid #e84c3d !important
}
.main-3 .main-box.pay_order {
margin-bottom: -10px
}
.main-3 .main-box.pay_order a {
border-bottom: 1px solid;
color: #3d5b99
}
.main-3 .main-box.pay_order table.pay_info {
width: 400px
}
.main-3 .main-box.pay_order table.pay_info td:first-child {
width: 250px
}
.main-3 .main-box.pay_order table.pay_info td {
border: 1px solid #6e7789;
padding: 7px 0 7px 15px;
width: 150px
}
.main-3 .main-box.pay_order .logo {
border: 1px solid #b2b8c4;
float: left;
height: 52px;
overflow: hidden;
text-align: center;
width: 82px;
margin: 0 15px 10px 0
}
.main-3 .main-box.pay_order .pay_handler {
overflow: hidden
}
.main-box.pay_order .payit.finish {
clear: both
}
.main-3 .main-box.pay_order .pay_handler p {
margin-bottom: 7px;
margin-top: 0
}
.pay_other_choose {
display: none
}
.main-3 .main-box a.pay_other_link {
font-size: 13px;
text-decoration: none;
border-bottom: 1px dashed
}
.str-katalog-dist .row a.name {
text-decoration: underline
}
.teacher_text1,
.teacher_text2 {
border: 1px solid #eee;
border-radius: 30px;
padding: 30px 50px !important;
margin-left: 47px
}
.teacher_text1 .podrob,
.teacher_text2 .podrob {
font-size: 18px
}
.teacher_text1 {
background: #fafafa
}
.teacher_text2 {
background: #f1f1f1
}
.red-under {
transition: .2s linear;
padding: 0;
margin-left: 0;
color: #e84c3d;
border-bottom: 1px solid #ff9fa6;
text-decoration: none
}
.red-under:hover {
color: inherit;
border-bottom: 1px solid transparent;
text-decoration: none;
background-color: inherit
}
.hitmyheart {
width: 55px;
position: relative;
top: -5px;
float: right
}
.buy_counter {
position: absolute;
top: 4vw;
left: 309px;
border: 0.6px solid rgba(255, 255, 255, 0.5);
color: rgba(255, 255, 255, 0.5);
border-radius: 23px;
font-weight: 300;
font-size: 16px;
line-height: 130%;
padding: 3px 15px 5px
}
.otz_rurs {
position: absolute;
top: 4vw;
left: 520px;
font-size: 16px;
line-height: 130%;
border: 0.6px solid #e84c3d;
color: #e84c3d;
background-color: #fff;
border-radius: 23px;
padding: 3px 15px 4px;
transition: .3s linear
}
.otz_rurs:hover {
border: 0.6px solid #fff;
color: #fff;
background-color: #e84c3d
}
.str-katalog-dist .tables .buttons-block .button,
.str-katalog-dist .tables .buttons-block .button-buy {
transition: .3s linear;
white-space: nowrap;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
padding: 6px 8px 6px 8px;
border-radius: 3px;
text-decoration: none;
font-size: 14px
}
.str-katalog-dist .tables .buttons-block .button {
background-color: #2D8266
}
.str-katalog-dist .tables .buttons-block .button:hover {
text-decoration: none;
background-color: #0d3b30;
border-bottom: 1px solid #0d3b30
}
.str-katalog-dist .tables .buttons-block .button-buy {
background-color: #e84c3d
}
.str-katalog-dist .tables .buttons-block .button-buy:hover {
text-decoration: none;
background-color: #d23627;
border-bottom: 1px solid #d23627
}
.table-light s,
.str-katalog-dist .tables table s {
white-space: nowrap
}
.str-katalog-dist .tables {
margin-top: 20px
}
.str-katalog-dist .tables td:first-of-type h3 a {
color: #e84c3d
}
.str-prepodavateli .otzivi {
color: #505050;
padding-bottom: 10px
}
.str-prepodavateli .otzivi:before,
.str-prepodavateli .otzivi:after {
content: " ";
display: table
}
.str-prepodavateli .otzivi:after {
clear: both
}
.str-prepodavateli .otzivi a {
color: inherit
}
.str-prepodavateli .item-otziv {
position: relative;
color: #4d555a;
width: 225px;
margin-right: 40px;
min-height: 350px;
float: left;
border: 1px solid #ddd;
padding: 20px;
padding-right: 10px;
padding-bottom: 45px;
height: 430px;
background: #f7f7f7;
text-align: center
}
.str-prepodavateli .item-otziv:last-of-type {
margin-right: 0
}
.str-prepodavateli .item-otziv h4 {
font-size: 21px;
font-weight: bold;
margin: 15px 0
}
.str-prepodavateli .item-otziv p {
font-size: 14px;
font-weight: 300;
height: 195px;
overflow: hidden
}
.str-prepodavateli .item-otziv a {
display: inline-block;
font-size: 14px;
padding: 4px 10px;
background-color: #fff;
border: 1px solid #ddd
}
.str-prepodavateli .item-otziv a:hover {
text-decoration: none
}
.str-prepodavateli .kursi {
padding-bottom: 10px
}
.str-prepodavateli .kursi table {
width: 100%
}
.str-prepodavateli .kursi table td {
width: 50%
}
.str-prepodavateli .kursi table td h3 {
margin-top: 0
}
.str-prepodavateli .kursi li {
margin: 0 0 6px 0
}
.str-prepodavateli .photo_gallery {
overflow: hidden;
padding: 0 0 60px 0
}
.str-prepodavateli .photo_gallery ul {
list-style: none outside
}
.str-prepodavateli .photo_gallery ul li {
list-style: none outside;
float: left;
margin-right: 33px;
margin-bottom: 20px
}
.str-prepodavateli .photo_gallery ul li img {
outline: 1px solid #ccc
}
.str-prepodavateli .photo_gallery ul li:nth-child(4n) {
margin-right: 0
}
.str-prepodavateli .videos {
overflow: hidden;
padding-bottom: 10px
}
.str-prepodavateli .videos .yt_item {
float: left;
margin: 0 25px 0 0;
width: 316px;
text-align: center
}
.str-prepodavateli .videos .yt_item b {
font-weight: 400
}
.str-prepodavateli .videos .yt_item iframe {
margin: 20px 0 10px
}
.prepody li a.tovideo,
.str-uslugi .professionali li a.tovideo {
font-size: 12px;
width: 150px;
display: inline-block;
padding: 8px 0 0 0;
color: #e84c3d
}
.prepody li a.tovideo:hover,
.str-uslugi .professionali li a.tovideo:hover {
border-bottom: 1px solid #e84c3d
}
.testResults .incorrect_wrap ul {
list-style: outside none disc;
}
.testResults .incorrect_wrap ul li {
margin: 0 0 15px 0
}
.testResults .incorrect_wrap ul li strong {
color: #3d5b99
}
.testResults .incorrect_wrap ul li b,
.testResults .incorrect_wrap ul li span {
color: #5e5e5e
}
.main-prosmotr-kursa aside .programmCont::-webkit-scrollbar {
width: 10px;
background-color: #bbb
}
.main-prosmotr-kursa aside .programmCont::-webkit-scrollbar-button {
background-color: #bbb
}
.main-prosmotr-kursa aside .programmCont::-webkit-scrollbar-thumb {
width: 10px;
background-image: -webkit-linear-gradient(#eb8585, #eb8585);
-webkit-border-radius: 10px;
border-radius: 10px
}
.main-prosmotr-kursa aside .programmCont::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #ccc;
background-color: #f5f5f5
}
.main-prosmotr-kursa aside .programmCont::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 0, 0, 0.4)
}
.main-prosmotr-kursa aside .programmCont {
position: relative;
overflow-x: hidden;
overflow-y: auto;
background-color: #fff;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd
}
.main-prosmotr-kursa aside .programmCont li:first-child {
margin-top: 0
}
.str-katalog-ochnih td.color-red:first-of-type a {
color: #e84c3d
}
.main-prosmotr-kursa aside .programmCont a.video-off {
text-decoration: none;
color: #ad9c9c;
background-color: #f6eeee
}
.main-prosmotr-kursa aside .programmCont a.urok,
.main-prosmotr-kursa aside .programmCont a.urok-off,
.main-prosmotr-kursa aside .programmCont a.is-modul,
.main-prosmotr-kursa aside .programmCont a.itog-test {
color: #fff;
line-height: 115%;
transition: .3s linear;
font-size: 14px;
border: 0;
display: block;
padding: 7px 10px 8px;
text-decoration: none
}
.main-prosmotr-kursa aside .programmCont a.urok {
background-color: #6885ae;
padding-left: 20px
}
.main-prosmotr-kursa aside .programmCont a.urok-off {
color: #9C8B8B;
background-color: #dddbdb
}
.main-prosmotr-kursa aside .programmCont a.is-modul {
background-color: #42546c
}
.main-prosmotr-kursa aside .programmCont .active a.is-modul {
background-color: #e84c3d
}
.main-prosmotr-kursa aside .programmCont a.is-modul:hover {
background-color: #54667e
}
.main-prosmotr-kursa aside .programmCont a.itog-test {
background-color: #934b40
}
.main-prosmotr-kursa aside .programmCont a.urok:hover {
background-color: #7b98c1
}
.main-prosmotr-kursa aside .programmCont a.urok-off:hover {
background-color: #dddbdb
}
.main-prosmotr-kursa aside .programmCont a.itog-test:hover {
background-color: #a75f54
}
.main-prosmotr-kursa aside .programmCont li {
margin: 1px 0
}
.main-prosmotr-kursa aside .programmCont .popup-box .title {
display: none
}
.main-prosmotr-kursa aside .programmCont .popup-box {
font-size: 12px
}
.main-prosmotr-kursa aside .programmCont li.active a.urok,
.main-prosmotr-kursa aside .programmCont li.active a#urok_ft {
cursor: default;
transition: .3s linear;
background-color: #e84c3d
}
.main-prosmotr-kursa aside .programmCont .active .popup-box {
display: block
}
.main-prosmotr-kursa aside .programmCont .popup-box {
float: none;
width: auto
}
.main-prosmotr-kursa aside .programmCont .popup-box h4 {
font-size: 14px;
padding-top: 4px
}
.main-prosmotr-kursa aside .programmCont .popup-box .close-box {
display: none
}
.main-prosmotr-kursa aside .programmCont .popup-box ul {
padding-bottom: 0
}
.main-prosmotr-kursa aside .programmCont .popup-box a {
padding: 4px 5px 3px 25px;
}
.main-prosmotr-kursa aside .programmCont .popup-box ul li {
margin: 5px 0
}
.main-prosmotr-kursa .container {
width: 1145px
}
.main-prosmotr-kursa .right-content {
width: 890px;
margin-top: 10px
}
.main-prosmotr-kursa .green-forms {
margin: 20px 0
}
.main-prosmotr-kursa .green-forms ul {
list-style-type: none
}
.main-prosmotr-kursa .green-forms .but {
cursor: pointer;
float: right;
width: 42px;
height: 42px;
background-color: #2D8266;
background-repeat: no-repeat;
background-position: 3px 2px
}
.main-prosmotr-kursa .green-forms li {
display: block;
margin-bottom: 20px;
width: 100%
}
.main-prosmotr-kursa .green-forms li:before,
.main-prosmotr-kursa .green-forms li:after {
content: " ";
display: table
}
.main-prosmotr-kursa .green-forms li:after {
clear: both
}
.main-prosmotr-kursa .green-forms li:nth-of-type(1) .but {
background-image: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/green-icon1.png)
}
.main-prosmotr-kursa .green-forms li:nth-of-type(2) .but {
background-image: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/green-icon2.png);
background-position: 0px -1px
}
.main-prosmotr-kursa .green-forms li:nth-of-type(3) .but {
background-image: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/green-icon3.png)
}
.main-prosmotr-kursa .green-forms .box {
border: 2px solid #1b8065;
background-color: #fff;
border-radius: 15px
}
.main-prosmotr-kursa .green-forms .box .title-green {
padding: 10px 20px;
background-color: #1b8065;
text-transform: uppercase;
color: #fff;
font-size: 15px;
cursor: pointer;
border-radius: 13px;
height: 80px
}
.main-prosmotr-kursa .green-forms .box .title-green:hover {
background-color: #2b9075
}
.main-prosmotr-kursa .green-forms .box form {
padding: 7px 12px
}
.main-prosmotr-kursa .green-forms .box form:before,
.main-prosmotr-kursa .green-forms .box form:after {
content: " ";
display: table
}
.main-prosmotr-kursa .green-forms .box form:after {
clear: both
}
.main-prosmotr-kursa .green-forms .box form input,
.main-prosmotr-kursa .green-forms .box form textarea {
display: inline-block;
width: 95%;
font-size: 16px;
line-height: 120%;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 15px;
margin: 6px;
padding: 8px 20px
}
.main-prosmotr-kursa .green-forms .box form [type="submit"] {
padding: 6px 20px 10px
}
.main-prosmotr-kursa .green-forms .box form input::-moz-placeholder,
.main-prosmotr-kursa .green-forms .box form textarea::-moz-placeholder {
color: #3a434a;
opacity: 1
}
.main-prosmotr-kursa .green-forms .box form input:-ms-input-placeholder,
.main-prosmotr-kursa .green-forms .box form textarea:-ms-input-placeholder {
color: #3a434a
}
.main-prosmotr-kursa .green-forms .box form input::-webkit-input-placeholder,
.main-prosmotr-kursa .green-forms .box form textarea::-webkit-input-placeholder {
color: #3a434a
}
.main-prosmotr-kursa .green-forms .box form textarea {
height: 110px !important
}
.main-prosmotr-kursa .green-forms .box .name {
font-size: 14px
}
.main-prosmotr-kursa .title-green .name img {
float: left;
margin: 10px 15px 0 0;
border-radius: 100%
}
.main-prosmotr-kursa .green-forms .box .name img {
float: left;
margin: 0 20px 0 0
}
.main-prosmotr-kursa .green-forms .box .name p {
margin: 0;
padding: 10px 5px
}
.main-prosmotr-kursa .green-forms .box form .ajax_result {
font-size: 12px
}
.main-prosmotr-kursa .green-forms .box form .ajax_result .bad {
color: #e84c3d;
font-size: 16px;
margin-bottom: 10px
}
.main-prosmotr-kursa .green-forms .box form .ajax_result .good {
color: #2D8266;
font-size: 16px;
margin-bottom: 10px
}
.main-prosmotr-kursa .green-forms .box.box-tp .content_wrap {
display: none
}
.str-katalog-ochnih .last-white ul {
list-style-type: none
}
.str-katalog-ochnih .last-white li {
margin-bottom: 17px
}
.str-katalog-ochnih .last-white .right-p {
width: 48%;
float: left;
padding-top: 30px
}
.str-katalog-ochnih .last-white .left-p,
.str-katalog-ochnih .last-white .left-r {
width: 48%;
float: left;
padding-top: 30px
}
.str-katalog-ochnih .professionali {
text-align: center;
padding-bottom: 35px;
margin-right: 40px;
display: inline-block
}
.str-katalog-ochnih .professionali:before,
.str-katalog-ochnih .professionali:after {
content: " ";
display: table
}
.str-katalog-ochnih .professionali:after {
clear: both
}
.str-katalog-ochnih .professionali a {
color: #2d2d2d;
text-decoration: none
}
.str-katalog-ochnih .professionali a:hover {
text-decoration: underline
}
.str-katalog-ochnih .professionali h3 {
font-size: 30px;
font-weight: normal;
line-height: 100%;
margin-top: 10px
}
.str-katalog-ochnih .professionali ul {
list-style-type: none
}
.str-katalog-ochnih .professionali ul a {
display: inline-block;
color: #70708f;
font-size: 13px
}
.str-katalog-ochnih .professionali ul a:hover {
text-decoration: underline
}
.str-katalog-ochnih .professionali li {
width: 21%;
text-align: center;
vertical-align: top;
margin: 15px
}
.str-katalog-ochnih .professionali img {
margin-bottom: 3px;
clear: both
}
.str-katalog-ochnih .professionali ul a.tovideo {
font-size: 12px;
width: 120px;
display: inline-block;
padding: 2px 0 0 0;
color: #e84c3d
}
.str-katalog-ochnih .professionali ul a.tovideo:hover {
text-decoration: underline
}
.str-katalog-ochnih .catalog-section-list {
padding-bottom: 25px
}
.str-katalog-ochnih .sect-title ul {
font-size: 18px;
list-style-type: none
}
.str-katalog-ochnih .sect-title {
color: #405163;
font-size: 15px;
margin-bottom: 20px
}
.str-katalog-ochnih .sect-title h1,
.str-katalog-ochnih .sect-title h2,
.h2-out {
font-size: 23px;
font-weight: 500;
text-align: center;
text-transform: uppercase
}
.str-katalog-ochnih ol li a.under,
.str-katalog-dist ol li a.under {
color: #505050;
border-bottom: 1px solid #888
}
.str-katalog-ochnih ol li a.under:hover,
.str-katalog-dist ol li a.under:hover {
border-bottom: 1px solid transparent
}
.b-container {
max-width: 200px;
height: 150px;
background-color: #ccc;
margin: 0px auto;
padding: 10px;
font-size: 30px;
color: #fff
}
.b-popup {
max-width: 1170px;
width: 100%;
min-height: 100%;
background-color: rgba(0, 0, 0, 0.3);
overflow: hidden;
position: absolute;
top: 0;
z-index: 999;
margin: 0 -15px;
padding-top: 160px
}
.b-popup .b-popup-content {
margin: 0 auto;
max-width: 350px;
border-radius: 15px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
background: #edf8da;
line-height: 120%;
padding: 30px 20px;
text-align: center
}
.main h1.h2 {
margin: 23px 0;
display: block;
color: #405163;
font-size: 28px;
font-weight: bold;
text-align: center;
text-transform: uppercase
}
body textarea.bxeditor-textarea {
line-height: normal !important
}
#phone,
#phone-prob {
display: inline-block;
width: 190px;
}
.btn_wanted_wrap .b24-web-form-popup-btn-65,
.btn_wanted_wrap_article .b24-web-form-popup-btn-65 {
transition: .3s linear;
margin-left: 25px;
display: inline-block;
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/list-green.png) 9px 4px no-repeat #ffffff !important;
color: #2D8266 !important;
border: 2px solid #2D8266 !important;
padding: 11px 20px 10px 45px !important;
font-size: 16px !important;
line-height: 16px !important;
text-transform: uppercase;
font-weight: bold !important;
background-size: 30px !important;
border-radius: 3px !important;
float: right
}
.btn_wanted_wrap .b24-web-form-popup-btn-65:hover,
.btn_wanted_wrap_article .b24-web-form-popup-btn-65:hover {
background-color: #e4efd1 !important
}
.btn_test_wanted {
text-decoration: none;
display: inline-block;
width: 100px;
height: 26px;
background: url(/bitrix/templates/runo-mob/img/btn_test_wanted_100.png) no-repeat
}
.blue-box-wrap .btn_test_wanted {
float: right
}
.more_wrap .btn_test_wanted {
left: 10px;
position: relative;
top: 7px
}
.blue-box-wrap .btn_wanted_wrap,
.blue-box-wrap .btn_wanted_wrap a.btn_test_wanted2 {
float: right
}
.btn_wanted_wrap {
display: inline-block
}
.btn_wanted_wrap .h3,
.h3-green {
font-family: 'Source Sans Pro', sans-serif !important;
font-size: 18px !important;
font-weight: bold;
margin: 0 0 8px !important;
text-transform: uppercase;
color: #2D8266 !important;
text-shadow: #ffffff 1px 1px 0px
}
.btn_wanted_wrap h2,
.out-form-left h2,
.out-form-pic h2 {
font: 400 20px 'Source Sans Pro', sans-serif !important;
color: #2D8266 !important;
text-transform: none !important;
font-weight: 400 !important;
padding-top: 10px;
line-height: 1.4 !important
}
a.btn_test_wanted2 {
transition: .3s linear;
display: inline-block;
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/list-green.png) 9px 4px no-repeat #ffffff !important;
color: #2D8266 !important;
border: 2px solid #2D8266 !important;
padding: 11px 20px 10px 45px !important;
font-size: 16px !important;
line-height: 16px !important;
text-transform: uppercase;
font-weight: bold !important;
background-size: 30px !important;
border-radius: 3px !important
}
a.btn_test_wanted2:hover {
text-decoration: none;
background-color: #e4efd1 !important
}
.modal1 input.redbdr,
.modal1 textarea.redbdr,
.modal1 select.redbdr {
border-color: #e84c3d
}
.before_demo_text {
padding: 10px 0 35px 227px;
font-size: 20px;
position: relative
}
.before_demo_text p.to-full_wrap {
position: absolute;
right: 95px;
bottom: 15px;
padding: 0 30px 0 0;
margin: 0;
background-image: url("/bitrix/templates/runo-mob/img/list-pointer.png");
background-repeat: no-repeat;
background-position: right bottom
}
.before_demo_text a.to-full {
color: #e84c3d;
text-decoration: underline;
font-size: 16px
}
.vacancy_firms_wrap {
overflow: hidden
}
.vacancy_firms_wrap .left_part {
float: left;
width: 700px
}
.vacancy_firms_wrap .right_part {
float: right;
width: 300px
}
.vacancy_firms_wrap p.title {
color: #637c96;
font-size: 22px;
font-weight: bold;
margin: 20px 0 15px
}
.vacancy_firms_wrap table {
margin: 0;
border: 0;
width: 100%
}
.vacancy_firms_wrap td,
.vacancy_firms_wrap th {
border: 0 none;
color: #637c96;
font-weight: normal;
text-align: left;
padding: 3px 0 3px 20px;
font-size: 14px
}
.vacancy_firms_wrap th {
color: #637c96;
width: 195px;
padding-right: 15px;
font-weight: bold
}
.vacancy_firms_wrap.resume_persons_wrap th {
color: #637c96;
width: 215px;
padding-right: 15px
}
.vacancy_firms_wrap .right_part {
padding-left: 25px
}
.vacancy_firms_wrap .right_part td {
padding-left: 0
}
.vacancy_firms_wrap .right_part input[type=text] {
width: 98%;
border: 1px solid #58bcda;
padding: 2px 2px 2px 7px;
margin: 2px 0 0;
color: #21a4d1
}
.vacancy_firms_wrap .right_part .starrequired {
color: #e84c3d
}
.vacancy_firms_wrap .right_part font.errortext {
font-size: 12px
}
.vacancy_firms_wrap .right_part .e_m_wrap p {
margin: 0 0 7px
}
.vacancy_firms_wrap .right_part [type="submit"],
.vacancy_firms_wrap .right_part [type="button"].btn_clear {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #e84c3d;
border-color: -moz-use-text-color -moz-use-text-color #77160d;
border-image: none;
border-radius: 1px;
border-style: none none solid;
border-width: 0 0 3px;
color: #fff;
font-size: 18px;
font-weight: 300;
line-height: 100%;
margin-top: 5px;
padding: 6px 20px;
width: auto;
margin-right: 8px
}
.more_items_wrap {
margin-top: 70px
}
.more_items_wrap .more_heading {
text-align: center;
font-weight: normal;
color: #314F65;
font-size: 26px;
text-transform: uppercase;
margin: 40px 0 15px
}
.more_items_wrap .left-similar-news {
float: left;
width: 50%;
padding-right: 15px
}
.more_items_wrap .right-similar-news {
float: left;
width: 50%;
padding-left: 40px
}
.more_items_wrap .newsone_similar {
overflow: hidden;
min-height: 260px
}
.more_items_wrap .right-buttons,
.newspub-right-buttons {
float: right
}
.course-data-wrap {
clear: both;
color: #ffffff;
font-size: 18px;
background-color: #87AC35;
padding: 25px 0
}
.course-data-wrap a {
color: #ffffff;
font-size: 18px;
text-decoration: underline
}
.course-data-wrap .video_wrap {
margin-top: 5px;
background: url(/bitrix/templates/runo-mob/img/uslugi-dis/comp.png) 1px 0 no-repeat;
width: 352px;
height: 314px;
float: right;
text-align: center;
padding-top: 8px
}
.course-data-wrap .right-descr {
text-align: left;
width: 635px;
float: left;
font-size: 16px
}
.course-data-wrap .right-descr a#demo_link {
display: inline-block;
width: 318px;
position: relative;
left: -5px;
margin-top: 15px;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
background-color: #fff;
color: #ffffff;
padding: 5px 10px 5px 40px;
background: url(/bitrix/templates/runo-mob/img/read-more_white3.png) 5px 0 no-repeat #e84c3d
}
.course-data-wrap .right-descr a#demo_link:hover {
text-decoration: none;
opacity: 0.8
}
.test-and-popular-wrap {
color: #505050;
padding: 0
}
.test-and-popular-wrap .left-test {
width: 49%;
float: left
}
.test-and-popular-wrap .right-popular {
width: 49%;
float: left
}
.test-and-popular-wrap .left-test .btn_wanted_wrap .h3 {
font-size: 19px;
color: #505050 !important;
margin: 10px 0
}
.test-and-popular-wrap h3 {
text-transform: uppercase;
font-size: 19px;
font-weight: bold;
margin: 10px 0
}
.test-and-popular-wrap ul {
list-style-type: none
}
.test-and-popular-wrap li {
margin-bottom: 17px
}
.test-and-popular-wrap a {
text-decoration: underline;
color: inherit
}
/*
.info_blocks_wrap .item {
overflow: hidden
}
*/
.info_blocks_wrap .item .img_wrap {
float: left;
margin: 0 20px 15px 0;
width: 250px
}
.info_blocks_wrap .item .txt_wrap {
width: 750px;
font-size: 14pt;
display: inline-block;
color: #000;
font-weight: 300;
line-height: 1.4
}
.info_blocks_wrap .item .txt_wrap p {
margin: 0 0 15px
}
.info_blocks_wrap .item .txt_wrap a,
.info_blocks_wrap .item .txt_wrap a span,
.info_blocks_wrap .item .txt_wrap b,
.info_blocks_wrap .item .txt_wrap strong {
font-weight: 500 !important
}
.info_blocks_wrap .item .txt_wrap .blanks_wrap {
font-size: 13px;
font-weight: bold;
margin: 10px 0 0
}
.info_blocks_wrap .item .txt_wrap .iframe_video_wrap {
margin: 20px 0 0
}
.clear-input input,
.main-2 .main-box .white-cont .clear-input input {
width: 100%;
font-size: 14px;
background: none;
border: none;
border-radius: 0;
margin: 0;
height: 100%;
padding: 0;
}
.modal7 {
max-width: 410px
}
.modal7 .title {
padding: 24px;
background-color: #405163;
text-align: center
}
.modal7 .title h2,
.modal7 .title div.h2 {
margin: 0;
line-height: 100%;
text-align: center;
font-family: 'Source Sans Pro', sans-serif !important;
font-weight: 400 !important;
font-size: 22px !important;
color: #fff !important;
text-transform: uppercase
}
.modal7 form {
background-color: #fff;
text-align: center;
padding: 30px 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px
}
.modal7 select {
display: inline-block;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
background: url(/bitrix/templates/runo-mob/img/modals/select.png) 93.8% -4px no-repeat
}
.input-fake,
.modal7 input,
.modal7 textarea,
.modal7 select,
.main-2 .main-box .white-cont input,
.main-2 .main-box .white-cont textarea,
.main-2 .main-box .white-cont select {
display: inline-block;
width: 280px;
height: 38px;
font-size: 17px;
background-color: #f9f9f9;
border: 1px solid #ddd;
border-radius: 20px;
margin: 6px;
padding: 5px 25px
}
.input-fake {
width: 100% !important;
height: auto !important;
min-height: 38px;
line-height: 150%;
}
div.input-fake {
background: rgba(67, 80, 96, .1);
}
/* скрываем иконку стрелки */
select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
/* скрываем иконку стрелки в IE */
select::-ms-expand {
display: none;
}
select:not([multiple]) {
background-repeat: no-repeat;
background-position: calc(100% - 1em) 0.8em;
background-size: 0.7em auto;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M70.3 13.8L40 66.3 9.7 13.8z' fill='%23e84c3d'%3E%3C/path%3E%3C/svg%3E");
}
input[type="number"]:invalid+span:after {
content: '✖';
padding-left: 5px;
color: red;
}
input[type="number"]:valid+span:after {
content: '✓';
padding-left: 5px;
color: green;
}
input[type="number"] {
-moz-appearance: textfield;
-webkit-appearance: textfield;
appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
display: none;
}
.modal7 input::-moz-placeholder,
.modal7 textarea::-moz-placeholder,
.modal7 select::-moz-placeholder {
color: #4e575d;
opacity: 1
}
.modal7 input:-ms-input-placeholder,
.modal7 textarea:-ms-input-placeholder,
.modal7 select:-ms-input-placeholder {
color: #4e575d
}
.modal7 input::-webkit-input-placeholder,
.modal7 textarea::-webkit-input-placeholder,
.modal7 select::-webkit-input-placeholder {
color: #4e575d
}
.modal7 textarea,
.main-2 .main-box .white-cont textarea {
height: 100px !important;
}
.modal7 [type="reset"] {
font-weight: 300;
font-size: 18px;
margin-right: 4px;
float: right;
width: auto;
background: transparent;
border: 0;
text-decoration: underline
}
.modal7 [type="reset"]:focus,
.modal7 [type="reset"]:active {
outline: 0
}
.modal7 [type="reset"]:hover {
text-decoration: none
}
.modal7 .please {
display: inline-block;
width: 280px;
margin-top: 5px;
font-size: 16px;
text-align: left
}
#trialget-form .ajax_result .bad {
color: #e84c3d
}
#trialget-form .good {
color: #2D8266
}
.trialget_register_wrap {
padding: 0 0 30px 0
}
.trialget_register_wrap .register_wrap {
box-sizing: border-box;
padding: 0
}
.trialget_register_wrap .auth_wrap {
box-sizing: border-box;
padding: 0
}
.trialget_register_wrap .field_line {
padding: 10px 0 5px
}
.trialget_register_wrap .field_line.btn-wrap {
padding-top: 15px
}
.trialget_register_wrap input[type=text],
.trialget_register_wrap input[type=password],
.trialget_register_wrap select,
.trialget_register_wrap textarea {
width: 260px;
height: 38px;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 20px;
margin: 0 0 5px;
padding: 5px 30px;
font-weight: 300;
font-size: 16px
}
.trialget_register_wrap select {
padding: 5px 10px;
width: 94px;
display: inline-block
}
.trialget_register_wrap input::-moz-placeholder,
.trialget_register_wrap select::-moz-placeholder,
.trialget_register_wrap textarea::-moz-placeholder {
color: #999;
opacity: 1
}
.trialget_register_wrap input:-ms-input-placeholder,
.trialget_register_wrap select:-ms-input-placeholder,
.trialget_register_wrap textarea:-ms-input-placeholder {
color: #999
}
.trialget_register_wrap input::-webkit-input-placeholder,
.trialget_register_wrap select::-webkit-input-placeholder,
.trialget_register_wrap textarea::-webkit-input-placeholder {
color: #999
}
.trialget_register_wrap [type="submit"] {
transition: .3s linear;
background-color: #e84c3d;
color: #fff;
font-weight: 300;
font-size: 18px;
border: 0;
padding: 6px 20px;
border-radius: 3px;
line-height: 100%;
margin-top: 0
}
.trialget_register_wrap [type="submit"]:hover {
background-color: #d23627
}
.trialget_register_wrap select option:first-child {
color: #4e575d
}
.trialget_register_wrap input.redbdr,
.trialget_register_wrap textarea.redbdr,
.trialget_register_wrap select.redbdr {
border-color: #e84c3d
}
.trialget_register_wrap .please {
display: inline-block;
width: 250px;
margin-top: 5px;
font-size: 14px;
font-weight: 300;
color: #e84c3d
}
.trialget_register_wrap .error_wrap {
margin: 0;
overflow: hidden
}
.trialget_register_wrap .error_wrap p {
margin: 5px 0
}
.main-3 .main-box .gotrial {
text-decoration: none;
display: inline-block;
padding: 6px 20px;
font-weight: 400;
font-size: 17px;
color: #fff;
background-color: #2D8266;
border: 1px solid #2D8266;
border-radius: 20px;
margin: 0;
width: auto
}
.main-3 .main-box .gotrial:hover {
color: #2D8266;
border: 1px solid #2D8266;
background-color: #fff
}
.main-3 .main-box .trial_timer {
font-size: 18px;
font-weight: 400 !important;
margin: 5px auto
}
.trialget_basket_box ul {
list-style-type: none;
margin-bottom: 0
}
.trialget_basket_box .full_info {
padding: 14px 0 0;
max-width: 314px;
border: 0 none
}
.trialget_basket_box .full_info p {
margin: 0
}
.trialget_basket_box .full_info>p {
font-size: 16px;
margin-top: 8px;
margin-bottom: 13px;
color: #e84c3d;
font-weight: bold;
font-family: 'Source Sans Pro', sans-serif;
font-style: italic
}
.trialget_basket_box .full_info .titlik {
font-size: 15px;
font-family: 'Source Sans Pro', sans-serif
}
.trialget_basket_box .full_info .green {
color: #e84c3d;
font-size: 16px
}
.trialget_basket_box .full_info span {
color: #e84c3d
}
.trialget_basket_box .full_info li {
padding-left: 27px;
padding-top: 2px;
padding-bottom: 7px
}
.trialget_basket_box .full_info li:nth-of-type(1) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-1.png) 0px 0 no-repeat;
background-size: 20px
}
.trialget_basket_box .full_info li:nth-of-type(2) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-2.png) 0px 0 no-repeat;
background-size: 23px
}
.trialget_basket_box .full_info li:nth-of-type(3) {
background: url(/bitrix/templates/runo-mob/img/uslugi/descr-3.png) -3px -3px no-repeat;
background-size: 26px
}
.trialget_basket_box .full_info s {
color: #505050
}
.main-box.trialget_basket_box td {
vertical-align: top
}
#start_trial_wrap .heading {
font-size: 24px;
color: #e84c3d
}
#start_trial_wrap h3 span {
font-size: 24px
}
.trial_time,
.trial_time_ps {
font-size: 19px;
font-weight: 500
}
.trial_btn {
display: inline-block;
clear: both;
text-transform: UPPERCASE;
margin: 10px 0
}
.str-uslugi-dis .dlya-nachinauschih a.trial_btn:hover {
background-color: #8154CE
}
.str-uslugi-dis .dlya-nachinauschih a.trial_btn {
background-color: #9064DB;
border-bottom: 3px solid #6E43B7;
border-radius: 3px;
clear: both;
color: white;
display: inline-block;
font-size: 16px;
font-weight: 300;
height: 35px;
line-height: 28px;
margin: 10px 0;
padding: 4px 12px 3px;
text-decoration: none;
text-transform: uppercase
}
.trial_wanted_wrap {
float: right;
display: inline-block
}
.trial_mark_wrap>h2 {
margin: 5px 0;
text-transform: uppercase;
color: white
}
.trial_mark_wrap {
background-color: #2D8266;
margin: 0 0 15px 0;
padding: 5px;
border-radius: 15px
}
.trial_mark_wrap h2 {
text-align: center;
font-size: 1.26vw;
padding-bottom: 10px
}
.trial_mark_wrap .before_closing {
font-size: 22px;
margin: 2px;
padding: 1px 0 5px;
border-radius: 10px
}
.trial_ended_wrap {
background-color: #e84c3d;
border-radius: 20px;
margin: 20px auto 50px;
padding: 15px 50px 35px;
width: 80%
}
.trial_ended_wrap h2 {
margin: 5px 0;
text-transform: uppercase;
color: white
}
.trial_ended_wrap p.inform {
color: white;
font-size: 22px;
font-weight: 300;
margin: 5px 0
}
.trial_ended_wrap>ul {
list-style-position: inside
}
.trial_ended_wrap>ul li a:hover {
text-decoration: none
}
.trial_ended_wrap>ul li a {
color: white;
text-decoration: underline;
font-weight: 300
}
.trial_ended_wrap li {
color: white;
padding-top: 5px
}
.modal8 {
width: 410px
}
.modal8 .title {
padding: 24px;
background-color: #405163;
text-align: center
}
.modal8 .title h2,
.modal8 .title div.h2 {
margin: 0;
line-height: 100%;
text-align: center;
font-family: 'Source Sans Pro', sans-serif !important;
font-weight: 400 !important;
font-size: 22px !important;
color: #fff !important;
text-transform: uppercase;
background-color: #405163
}
.modal8 form {
background-color: #F6FB7B;
text-align: center;
padding: 30px 0 40px;
color: #4e575d;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
position: relative
}
.modal8 form .nomore {
font-size: 10px;
bottom: 10px;
right: 10px;
position: absolute;
text-transform: uppercase
}
.modal8 select {
display: inline-block;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
background: url(/bitrix/templates/runo-mob/img/modals/select.png) 93.8% -4px no-repeat
}
.modal8 input,
.modal8 textarea,
.modal8 select {
display: inline-block;
padding: 5px 10px;
width: 280px;
height: 35px;
border-radius: 3px;
border: 1px solid #777;
margin: 6px;
background-color: transparent
}
.modal8 input::-moz-placeholder,
.modal8 textarea::-moz-placeholder,
.modal8 select::-moz-placeholder {
color: #4e575d;
opacity: 1
}
.modal8 input:-ms-input-placeholder,
.modal8 textarea:-ms-input-placeholder,
.modal8 select:-ms-input-placeholder {
color: #4e575d
}
.modal8 input::-webkit-input-placeholder,
.modal8 textarea::-webkit-input-placeholder,
.modal8 select::-webkit-input-placeholder {
color: #4e575d
}
.modal8 a.submit {
display: inline-block;
background-color: #2D8266;
color: #fff;
font-weight: 300;
font-size: 18px;
border: 0;
height: 40px;
padding: 12px 20px;
border-radius: 3px;
line-height: 100%;
margin-top: 5px;
text-transform: uppercase
}
.modal8 a.submit:hover {
opacity: 0.8;
filter: alpha(opacity=80);
text-decoration: none
}
.modal8 textarea {
height: 70px
}
.modal8 .mins {
font-weight: bold
}
.modal8 .please {
display: inline-block;
width: 350px;
margin-top: 5px;
font-size: 18px;
font-weight: 300;
text-align: center
}
.str-uslugi-dis .programma2 a.trial_btn_inline:hover {
background-color: #0d3b30
}
.str-uslugi-dis .programma2 a.trial_btn_inline {
background-color: #2D8266;
border-radius: 3px;
clear: both;
color: white;
display: inline-block;
font-size: 16px;
font-weight: 300;
height: 35px;
line-height: 28px;
margin: 10px 0;
padding: 4px 20px;
text-decoration: none;
text-transform: uppercase
}
.pm-click .popup-menu .svedenia:last-child {
border-right: 0 none
}
body .pm-click .popup-menu {
width: auto;
padding: 17px 15px;
margin-right: 20px
}
body .pm-click .popup-menu .svedenia {
width: 340px
}
body .pm-click a.stub {
cursor: pointer
}
body .pm-click .popup-menu .svedenia {
min-height: 20px
}
.str-main-video .main h2 {
font-size: 28px;
font-weight: bold;
text-align: center;
text-transform: uppercase;
color: #405163
}
.main-1 .profile>ul>li.width100per {
width: 100%
}
.teacher_profile {
color: #333
}
.teacher_profile .filter_wrap {
margin: 0 0 15px 0
}
.teacher_profile .filter_wrap input {
color: #333
}
.teacher_profile .filter_wrap input[type=text] {
background-color: #dae1e9;
border: 0 none;
padding: 3px 5px 2px;
width: 100px;
text-align: center
}
.teacher_profile .filter_wrap input[type=checkbox] {
width: 15px;
height: 15px;
position: relative;
top: 2px
}
.teacher_profile .report_wrap table {
width: 100%;
border: 2px solid #f17f87
}
.teacher_profile .report_wrap table td {
padding: 4px 6px 3px 7px;
border: 1px solid #f17f87;
color: #333;
font-weight: 400
}
.teacher_profile .report_wrap table th {
padding: 4px 6px 3px 7px;
border: 1px solid #f17f87;
color: #333;
font-weight: 400;
font-size: 17px
}
.teacher_profile .report_wrap table td.right {
text-align: right
}
.teacher_profile .report_wrap table th.right {
text-align: right
}
.teacher_profile .report_wrap table td.center {
text-align: center
}
.teacher_profile .report_wrap table th.center {
text-align: center
}
.teacher_profile .report_wrap .shw {
text-decoration: none;
display: inline-block;
border-bottom: 1px dashed;
margin: 0 0 7px;
font-size: 12px
}
.teacher_profile .report_wrap table td span.admin {
color: #e84c3d
}
.teacher_profile .forum-block-container {
color: #000
}
.partner_profile {
color: #333
}
.partner_profile input {
color: #333
}
.partner_profile input[type=text] {
background-color: #eee;
border: 0 none;
padding: 3px 5px 2px;
width: 400px;
text-align: left
}
.partner_profile .filter_wrap {
margin: 0 0 15px 0
}
.partner_profile .filter_wrap input {
color: #333
}
.partner_profile .filter_wrap input[type=text] {
background-color: #ccc;
border: 0 none;
padding: 3px 5px 2px;
width: 100px;
text-align: center
}
.partner_profile .filter_wrap input[type=submit] {
width: 120px
}
.partner_profile .filter_wrap input[type=checkbox] {
width: 15px;
height: 15px;
position: relative;
top: 2px
}
.partner_profile .report_wrap {}
.partner_profile .report_wrap table {
width: 100%;
border: 2px solid #ccc
}
.partner_profile .report_wrap table td {
padding: 4px 6px 3px 7px;
border: 1px solid #ccc;
color: #333
}
.partner_profile .report_wrap table th {
padding: 4px 6px 3px 7px;
border: 1px solid #ccc;
color: #333;
font-size: 17px
}
.partner_profile .report_wrap table td.right {
text-align: right
}
.partner_profile .report_wrap table th.right {
text-align: right
}
.partner_profile .report_wrap table td.center {
text-align: center
}
.partner_profile .report_wrap table th.center {
text-align: center
}
.partner_profile .report_wrap .shw {
text-decoration: none;
display: inline-block;
border-bottom: 1px dashed;
margin: 0 0 7px;
font-size: 12px
}
.partner_profile .report_wrap table td span.admin {
color: #e84c3d
}
.auth a.be_partner {
transition: .4s linear;
border: 0 none;
color: #405163;
text-decoration: underline
}
.auth a.be_partner:hover {
background-color: inherit;
text-decoration: none
}
a.be_partner_go,
a.be_partner_agreement {
border-radius: 3px;
display: inline-block;
font-size: 16px;
font-weight: 300;
height: 35px;
margin: 18px auto 15px;
min-width: 205px;
text-align: center;
text-decoration: none;
line-height: 35px;
padding: 0 20px;
color: #fff;
background-color: #e84c3d;
border: 0;
text-transform: uppercase
}
a.be_partner_go:hover,
a.be_partner_agreement:hover {
background-color: #d23627 !important;
text-decoration: none
}
a.be_partner_go.violet,
a.be_partner_agreement.violet {
background-color: #9064db;
border-bottom: 3px solid #6e43b7
}
a.be_partner_go.violet:hover,
a.be_partner_agreement.violet:hover {
background-color: #6e43b7
}
p.success_sign {
font-size: 18px;
font-weight: bold;
color: #000000
}
.green-forms dl.mes_hist_wrap {
margin: 0;
padding: 7px 0 3px;
font-size: 12px
}
.green-forms dl.mes_hist_wrap dt {
margin: 0;
padding: 0;
font-weight: bold;
text-align: left
}
.green-forms dl.mes_hist_wrap dt.showall {
text-align: center
}
.green-forms dl.mes_hist_wrap dt.showall a {
font-weight: normal
}
.green-forms dl.mes_hist_wrap dt.showall a:hover {
border-bottom: 1px solid transparent
}
}
.green-forms dl.mes_hist_wrap span.date {
color: #999;
font-size: 11px
}
.green-forms dl.mes_hist_wrap dd {
margin: 0 0 5px;
padding: 0;
text-align: left
}
.green-forms dl.mes_hist_wrap .teach {
text-align: right;
padding-right: 7px
}
.auth #bx_incl_area_1 {
display: inline-block
}
.how-welearn {
width: 100%;
padding: 20px 0 40px;
background: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.trans-btn-big,
.how-welearn em a,
.edu-types em a,
.client-reviews em a {
transition: .3s linear;
font-size: 17px;
font-weight: normal;
font-style: normal;
text-transform: uppercase;
position: relative;
top: -3px;
padding: 4px 20px;
color: #505050;
border: 1px solid #505050;
border-radius: 5px
}
.trans-btn-big:hover,
.how-welearn em a:hover,
.edu-types em a:hover,
.client-reviews em a:hover {
background-color: #e84c3d;
color: #fff !important;
border-color: #e84c3d;
text-decoration: none
}
.clear-li li {
float: none;
width: 100%;
margin: 0;
list-style: none;
padding: 10px 0 10px 30px;
text-align: left
}
.forms-lessons {
padding: 25px 0 50px 0;
color: #505050
}
.forms-lessons .half {
width: 50%;
display: block;
float: left
}
.forms-lessons .half h3 {
text-transform: uppercase;
font-size: 24px;
margin: 0 0 14px;
color: #e84c3d;
text-align: left
}
.forms-lessons h2 {
text-transform: uppercase;
font-size: 28px;
margin-bottom: 25px;
color: #505050;
text-align: center
}
.forms-lessons .half:nth-child(2n) {
padding-left: 90px;
margin-left: -1px
}
.forms-lessons .half:nth-child(2n+1) {
padding-right: 40px;
padding-left: 150px
}
.forms-lessons .half .right-buttons a {
transition: .3s linear;
width: 200px;
text-align: center;
display: inline-block;
color: #e84c3d;
border: 1px solid #e84c3d;
padding: 1px 0 3px;
margin: 15px 0 0 0;
border-radius: 5px;
font-size: 18px;
text-transform: uppercase;
font-family: 'Source Sans Pro', sans-serif
}
.forms-lessons .half .right-buttons a:hover {
color: #fff;
background-color: #e84c3d;
text-decoration: none
}
.forms-lessons .half li,
.check-2 li {
list-style: none outside url(/bitrix/templates/runo-mob/img/front_tz3103/tick13x13.png);
padding: 3px 0 5px 5px;
margin-left: 22px;
font-size: 18px
}
.edu-types {
width: 100%;
padding: 25px 0 40px 0;
background: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.edu-types li {
list-style: none outside none;
float: left;
width: 33%;
margin: 0;
display: block;
padding: 20px 15px 0;
text-align: center
}
.edu-types li img {
height: 44px
}
.runo-docs {
padding: 15px 0 50px 0;
color: #505050;
overflow: hidden
}
.runo-docs .half .text {
float: left;
width: 210px;
font-size: 13px;
line-height: 120%
}
.runo-docs .half a.img .zoomer {
position: absolute;
opacity: 0.4;
top: 41%;
left: 41%;
width: 32px;
height: 32px;
background: url(/bitrix/templates/runo-mob/img/front_tz3103/zoom-in-32.png) no-repeat
}
.runo-docs .half a.img {
float: left;
display: block;
margin: 0 15px 15px 0;
position: relative
}
.runo-docs .half {
width: 50%;
display: block;
float: left
}
.runo-docs h2 {
text-transform: uppercase;
font-size: 28px;
margin-bottom: 25px;
color: #505050;
text-align: center
}
.runo-docs .half:nth-child(2n) {
padding-left: 90px;
border-left: 1px solid #c1cacf;
margin-left: -1px
}
.runo-docs .half:nth-child(2n+1) {
padding-right: 40px;
padding-left: 20px;
border-right: 1px solid #c1cacf
}
.client-reviews {
padding: 25px 0 40px 0;
background: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.client-reviews h2 {
text-transform: uppercase;
font-size: 28px;
margin-top: 30px;
margin-bottom: 35px;
color: #505050;
text-align: center
}
.client-reviews.client-item {
margin-bottom: 10px;
text-align: center !important;
border-radius: 4px
}
.client-item {
text-align: center;
color: #3e5062;
border-radius: 15px;
padding: 25px 15px;
background-color: #f3f5f9;
border: 1px solid #e2e2e2;
box-sizing: border-box;
box-shadow: none; /* 5px 5px 10px rgb(63 63 63 / 7%) */
width: 100%;
height: 390px;
margin-bottom: 28px
}
.client-item .client-icon img {
width: 95px;
height: 95px;
-o-object-fit: cover;
object-fit: cover;
border: 0;
border-radius: 100%;
margin: 0 auto
}
.premdate {
text-align: center;
width: 100%;
position: initial;
bottom: initial
}
.gratefuls h2 {
text-transform: uppercase;
font-size: 28px;
margin-top: 0;
margin-bottom: 40px;
color: #505050;
text-align: center
}
.gratefuls li {
float: left;
display: block;
width: 25%;
text-align: center;
list-style: none outside none
}
.gratefuls a.img img {
border: 1px solid #ddd
}
.gratefuls a.img {
position: relative;
display: inline-block;
border: 0
}
.gratefuls a:hover.img {
border: 0
}
.gratefuls a.img .zoomer {
position: absolute;
opacity: 0.4;
top: 41%;
left: 41%;
width: 32px;
height: 32px;
background: url(/bitrix/templates/runo-mob/img/front_tz3103/zoom-in-red-32.png) no-repeat
}
.study_file_1c {
background-color: yellow;
border-bottom: 1px solid #2D8266;
border-top: 1px solid #2D8266;
display: block;
margin: 35px 0 -12px;
padding: 10px 8px;
width: 185px
}
.study_file_1c a {
color: #e84c3d;
text-decoration: none;
border-bottom: 1px solid
}
#teacher-green-form2 .no_payed_text {
color: #e84c3d;
font-size: 16px;
font-weight: bold;
padding: 5px 3px;
text-align: left
}
.icons-menu .dir-ico {
float: left;
width: 160px;
height: 160px;
margin: 0 20px 0 0;
cursor: pointer
}
.icons-menu .dir-ico {
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/papka1.jpg) no-repeat;
background-size: cover;
background-position: center center
}
.icons-menu .dir-ico.active {
background: url(/bitrix/templates/runo-mob/img/prosmotr-kursa/papka4.jpg) no-repeat;
background-size: cover;
background-position: 70% 5px
}
.icons-menu .dir-ico.active .inner {
display: none
}
.icons-menu .dir-ico .inner {
width: 160px;
height: 160px;
display: table-cell;
text-align: center;
vertical-align: middle;
padding-top: 40px;
text-shadow: 0 0 5px white, 0 0 1em white
}
.icons-content .dir-content {
display: none;
padding: 0 0 0 10px
}
.icons-content .dir-content .dir-title {
color: #38526e;
font-size: 24px;
font-weight: normal;
padding: 3px 0 5px 50px;
background: rgba(0, 0, 0, 0) url(/bitrix/templates/runo-mob/img/prosmotr-kursa/papka4.jpg) no-repeat scroll 0 0 / 40px auto
}
.icons-content .dir-content .item {
padding: 0 0 0 30px
}
.main-prosmotr-kursa .tabs_block .box.harmon .icons-content .dir-content .item {
border-left: 1px solid #e9eff2;
margin: 0;
padding: 10px 0 0 30px
}
div.profile_n {
text-align: center;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 20px;
padding-top: 10px;
margin: 0 auto 10px;
transition: transform .3s
}
div.profile_n:hover:hover {
text-decoration: none;
background: #efefef
}
div.profile_m {
cursor: pointer
}
div.profile_m img {
width: 40px;
height: 40px;
margin-top: 15px
}
div.profile_text {
color: #3e5062;
padding: 0 15px 20px 15px;
text-transform: uppercase;
letter-spacing: 1px
}
video::-internal-media-controls-download-button {
display: none
}
video::-webkit-media-controls-enclosure {
overflow: hidden
}
video::-webkit-media-controls-panel {
width: calc(100% + 30px)
}
.news2 {
width: 585px;
float: left;
margin-right: 30px;
padding: 0 40px 40px 0
}
.info_i .news2 {
padding: 0 0 40px 0
}
.news2 h2 {
margin-bottom: 13px
}
.news-item2 {
margin: 0 15px 10px 0
}
.news-item2:before,
.news-item2:after {
content: " ";
display: table
}
.news-item2:after {
clear: both
}
.news-item2 h3 {
padding-right: 17px;
text-align: justify;
margin: 0;
margin-top: 2px;
font-size: 17px;
font-weight: normal;
font-family: 'Source Sans Pro', sans-serif
}
.news-item2 .date {
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
background-color: #e84c3d;
padding: 4px;
float: left;
margin-right: 21px;
width: 90px
}
.news-item2 p {
margin: 0;
font-size: 13px
}
.info_i {
min-width: 1044px;
color: #505050;
margin-top: 50px;
line-height: 120%
}
.info_i a {
transition: .2s linear !important;
color: #505050;
font-family: 'Source Sans Pro', sans-serif
}
.news-item2 a {
display: block;
float: left;
width: 500px
}
.news-item2 a:hover {
border-bottom: 1px solid #aaa
}
.news-item2 font {
display: block;
float: left;
margin-right: 10px
}
.info_i a:hover {
text-decoration: none
}
.info_i h2 {
text-transform: uppercase;
font-size: 18pt;
margin-bottom: 20px !important;
color: #405163;
font-weight: 500
}
.info.custom_i h2 {
text-transform: uppercase;
font-size: 28px;
margin-bottom: 20px;
margin-top: 0
}
.news3 {
border-left: 1px solid #c1cacf;
float: left;
padding-left: 27px;
margin-top: -84px;
position: absolute;
left: 623px
}
.news3 h2 {
margin-bottom: 13px
}
.news-item3 {
margin-bottom: 10px
}
.news-item3:before,
.news-item3:after {
content: " ";
display: table
}
.news-item3:after {
clear: both
}
.news-item3 h3 {
padding-right: 17px;
text-align: justify;
margin: 0;
margin-top: 2px;
font-size: 17px;
text-decoration: underline;
font-weight: normal;
font-family: 'Source Sans Pro', sans-serif
}
.news-item3 .date {
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
background-color: #e84c3d;
padding: 4px;
float: left;
margin-right: 21px;
width: 90px
}
.news-item3 p {
margin: 0;
font-size: 13px
}
.news4 {
border-left: 1px solid #c1cacf;
width: 29%;
padding-left: 27px;
padding-bottom: 0;
position: absolute;
left: 623px;
top: -1px
}
.news4 h2 {
margin-bottom: 20px
}
.news-item4 {
margin-bottom: 10px
}
.news-item4:before,
.news-item4:after {
content: " ";
display: table
}
.news-item4:after {
clear: both
}
.news-item4 h3 {
padding-right: 17px;
text-align: justify;
margin: 0;
margin-top: 2px;
font-size: 17px;
text-decoration: underline;
font-weight: normal;
font-family: 'Source Sans Pro', sans-serif
}
.news-item4 .date {
color: #ffffff;
font-size: 14px;
text-transform: uppercase;
background-color: #e84c3d;
padding: 4px;
float: left;
margin-right: 21px;
width: 90px
}
.news-item4 p {
margin: 0;
font-size: 13px
}
.h2s {
text-transform: uppercase;
font-size: 17px;
margin: 0;
margin-bottom: 20px;
font-weight: normal;
background-color: #405163;
padding: 8px 15px;
color: white;
width: 100%;
display: inline-block
}
.spoiler-wrap {
background: #fff;
margin: 0 0 8px;
border: 1px solid #efefef
}
.spoiler-head {
background: #efefef;
cursor: pointer;
padding: 5px
}
.spoiler-body {
padding: 10px
}
.spoiler-wrap.disabled .spoiler-body {
display: none
}
.spoiler-wrap.active {
border-color: #57AA43
}
.spoiler-wrap.active .spoiler-head {
background: #57AA43;
color: #fff
}
.top-zayavka {
font-size: 11px !important;
margin: 0 27px 0 !important;
text-align: center
}
.main-1 .doska h2 {
margin: 30px auto 20px !important
}
.h3-ok {
font-size: 28px;
margin: 0;
font-weight: normal;
line-height: 1
}
.h4-ok {
font-size: 20px;
padding-bottom: 15px;
margin: 0;
font-weight: normal;
line-height: 1
}
.header-logo {
float: left;
margin-right: 60px;
margin-top: -12px
}
.runo-logo {
display: none;
float: left;
padding: 2px 23px 0 0;
border-right: 1px solid #7e8a96
}
.runo-logo a:hover {
border: 0 !important
}
.runo-logo-img {
width: 140px
}
.sticky-top {
position: fixed;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1000
}
.sticky-top div ul {
border-left: 0
}
.sticky-top div ul li {
padding: 16px 13px;
list-style-type: none
}
.sticky-top div ul li a {
font-size: 16px
}
.sticky-sub {
position: fixed !important;
top: -20px;
left: 0;
right: 0;
margin: auto;
z-index: 3000
}
.sticky-bar {
left: calc(50% - 512px);
right: 0;
z-index: 1
}
.absolute-bar {
position: absolute;
top: 6700px;
left: calc(50% - 512px);
right: 0;
z-index: 1
}
#side-bar {
width: 250px;
display: block;
margin: 0;
text-align: left;
transform: none
}
#sub-menu {
display: block;
width: 100%;
margin: 20px auto 10px;
text-align: center;
background: #fff;
position: relative
}
#sub-menu ul {
list-style: none;
margin: 0 auto;
padding: 0;
background: #E4EFD1
}
#sub-menu li {
display: inline-block
}
#sub-menu a {
text-decoration: none;
transition: .4s linear;
padding: 16px 22px;
display: block;
border-right: 1px solid #bad78b;
color: #325c06;
background: rgba(186, 215, 139, .2);
font-size: 18px
}
#sub-menu a:hover {
background: #bad78b;
border-bottom: 1px solid transparent
}
.green-li-a>ul>li>a {
padding: 16px 12px 17px !important;
font-size: 17px !important
}
#sub-menu ul>li:first-child>a:hover {
background: #d23627
}
#sub-menu i {
margin-right: 10px
}
.colum-h3 {
padding: 0 !important;
font: bold 20px 'Source Sans Pro', sans-serif;
text-transform: none;
text-align: center;
margin: 10px 0 !important;
color: #2D8266 !important;
font-family: 'Source Sans Pro', sans-serif !important;
font-size: 18px !important;
font-weight: 400 !important
}
.li-counter {
width: 31px !important;
height: 31px !important;
position: absolute;
bottom: 0px;
left: 342px
}
.va-centred {
vertical-align: baseline
}
.logo-clients {
position: relative;
height: 120px;
border: 1px solid #e9e9e9;
background-color: #f7f7f7;
border-radius: 30px;
margin-bottom: 30px
}
.logo-clients img {
position: absolute;
margin: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;
max-height: 80px;
max-width: 160px
}
.display-flex {
display: flex
}
.caps {
text-transform: uppercase
}
.nocaps {
text-transform: none !important
}
.left {
text-align: left !important
}
.right {
text-align: right !important
}
.fr {
float: right
}
.fl {
float: left
}
.float-none {
float: none !important
}
.fr-40 {
float: right;
margin-left: 40px;
display: inline-block
}
.fl-40 {
float: left;
margin-right: 40px;
display: inline-block
}
.fact {
padding-right: 0;
display: inline-block;
vertical-align: top
}
.fact p {
padding: 0;
margin: 9px 0
}
.input-p {
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 20px;
height: 32px !important;
padding: 0 20px
}
.margin-0 {margin: 0 !important}
.margin-30 {margin: 30px !important}
.margin-top-0 {margin-top: 0 !important}
.margin-top-5 {margin-top: 5px !important}
.margin-top-10 {margin-top: 10px !important}
.margin-top-15 {margin-top: 15px !important}
.margin-top-20 {margin-top: 20px !important}
.margin-top-25 {margin-top: 25px !important}
.margin-top-30 {margin-top: 30px !important}
.margin-top-40 {margin-top: 40px !important}
.margin-top-50 {margin-top: 50px !important}
.margin-top-60 {margin-top: 60px !important}
.margin-top-70 {margin-top: 70px !important}
.margin-bottom-0 {margin-bottom: 0 !important}
.margin-bottom-5 {margin-bottom: 5px !important}
.margin-bottom-10 {margin-bottom: 10px !important}
.margin-bottom-15 {margin-bottom: 15px !important}
.margin-bottom-20 {margin-bottom: 20px !important}
.margin-bottom-25 {margin-bottom: 25px !important}
.margin-bottom-30 {margin-bottom: 30px !important}
.margin-bottom-40 {margin-bottom: 40px !important}
.margin-bottom-50 {margin-bottom: 50px !important}
.margin-bottom-60 {margin-bottom: 60px !important}
.margin-bottom-70 {margin-bottom: 70px !important}
.margin-bottom {margin-bottom: 40px}
.margin-bot-top {
margin-top: 30px;
margin-bottom: 30px
}
.margin-left-0 {margin-left: 0 !important}
.margin-left-10 {margin-left: 10px !important}
.margin-left-15 {margin-left: 15px !important}
.margin-left-20 {margin-left: 20px !important}
.margin-left-25 {margin-left: 25px !important}
.margin-left-40 {margin-left: 40px !important}
.margin-right-10 {margin-right: 10px !important}
.margin-right-15 {margin-right: 15px !important}
.margin-right-20 {margin-right: 20px !important}
.margin-right-25 {margin-right: 25px !important}
.margin-right-40 {margin-right: 40px !important}
.padding-0 {padding: 0 !important}
.padding-15 {padding: 15px !important}
.padding-top-0 {padding-top: 0 !important}
.padding-top-10 {padding-top: 10px !important}
.padding-top-15 {padding-top: 15px !important}
.padding-top-20 {padding-top: 20px !important}
.padding-top-30 {padding-top: 30px !important}
.padding-top-40 {padding-top: 40px !important}
.padding-top-50 {padding-top: 50px !important}
.padding-top-60 {padding-top: 60px !important}
.padding-bottom-0 {padding-bottom: 0 !important}
.padding-bottom-10 {padding-bottom: 10px !important}
.padding-bottom-15 {padding-bottom: 15px !important}
.padding-bottom-20 {padding-bottom: 20px !important}
.padding-bottom-25 {padding-bottom: 25px !important}
.padding-bottom-30 {padding-bottom: 30px !important}
.padding-bottom-40 {padding-bottom: 40px !important}
.padding-bottom-50 {padding-bottom: 50px !important}
.padding-bottom-60 {padding-bottom: 60px !important}
.padding-left-0 {padding-left: 0 !important}
.padding-right-0 {padding-right: 0 !important}
.padding-left-5 {padding-left: 5px !important}
.padding-right-5 {padding-right: 5px !important}
.padding-lr-5 {
padding-left: 5px !important;
padding-right: 5px !important
}
.padding-lr-10 {
padding-left: 10px !important;
padding-right: 10px !important
}
.padding-lr-15 {
padding-left: 15px !important;
padding-right: 15px !important
}
.padding-lr-25 {
padding-left: 25px !important;
padding-right: 25px !important
}
.padding-lr-40 {
padding-left: 40px !important;
padding-right: 40px !important
}
.padding-lr-50 {
padding-left: 50px !important;
padding-right: 50px !important
}
.big-table .td-small td,
.big-table .td-small th {
padding: 10px 20px !important;
}
.brdr,
.brdr-white,
.info_i .news2 img {
border: 1px solid #dddddd;
padding: 6px;
outline: 0
}
.brdr-white {background: #fff}
.info_i .news2 img {
width: 185px;
height: 262px;
margin-bottom: 7px
}
.info_i .news2 a:hover {
border-bottom: 1px solid transparent
}
.out-form-pic {
padding: 20px 30px !important;
border: 1px solid #ddd !important;
border-radius: 30px !important;
background-color: #f9f9f9 !important
}
.out-form {
margin: 40px auto !important;
padding: 15px 40px !important;
float: none;
width: 500px !important;
height: auto
}
.box-p {
padding: 15px 40px;
border: 1px solid #ddd;
border-radius: 30px;
background-color: #f9f9f9
}
.sp-form .sp-field .sp-invalid+.sp-tip,
.sp-form .sp-field.sp-invalid>.sp-tip {
margin-top: -10px !important;
margin-left: 250px
}
.sp-form .sp-lg .sp-field .sp-form-control {
margin: 15px auto !important;
border: 1px solid #ccc;
padding: 10px
}
.sp-form .sp-lg .sp-field .sp-button {
margin: 0 auto !important
}
.sp-message.sp-message-success>p:first-child {
color: #2D8266 !important
}
.sp-form .sp-field {
padding: 0 !important
}
.sp-form h3 {
line-height: 1 !important
}
.wanted_course {
margin: 0 0 0 53px;
padding: 5px 30px 0;
border: 1px solid #ddd;
border-radius: 5px;
background-color: #f9f9f9;
float: left;
width: 485px;
height: 240px;
text-align: center;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px
}
#container_test iframe,
#container_test_top iframe,
#container_test_double iframe {
height: 220px !important
}
.no_payed_text {
font-size: 16px;
padding-bottom: 10px;
line-height: 115%
}
.grecaptcha-badge {
display: none !important
}
.progress-fon {
border-left: 1px solid #dddfe3;
border-right: 1px solid #dddfe3;
border-bottom: 1px solid #dddfe3
}
.shadow {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1)
}
.shadow .big-table table {
box-shadow: none
}
.hide,
.hide+label~div {
display: none
}
.hide+label {
border-radius: 0;
border-left: 1px solid #dddfe3;
border-right: 1px solid #dddfe3;
background: #fff;
cursor: pointer;
display: block;
text-decoration: none;
font-weight: 400;
padding: 20px 10px 15px;
margin-top: -10px;
margin-bottom: 0
}
.hide:checked+label {
border-bottom: 0
}
.hide:checked+label>div:first-child {
color: #3d5b99
}
.hide:checked+label>div:first-child:hover {
text-decoration: none
}
.hide:checked+label+div {
display: block;
background: #fcfcfc;
padding: 0 10px 10px 10px;
border-radius: 0;
border-left: 1px solid #dddfe3;
border-right: 1px solid #dddfe3;
-webkit-animation: fade ease-in 0.5s;
-moz-animation: fade ease-in 0.5s;
animation: fade ease-in 0.5s
}
@-moz-keyframes fade {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fade {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: 0
}
to {
opacity: 1
}
}
.hide+label:before {
color: #e84c3d;
content: "\002B";
display: block;
float: left;
font-size: 28px;
font-weight: 300;
height: 20px;
width: 20px;
line-height: 20px;
margin: -2px 7px 0 0;
text-align: center
}
.hide:checked+label:before {
content: "\2212"
}
.hide2,
.hide2+.label2~.div2 {
display: none
}
.hide2+.label2 {
display: block;
font-weight: 400;
color: #444;
background: #f4f7fa;
cursor: pointer;
text-decoration: none;
border: 1px solid #ddd;
border-radius: 0;
padding: 10px 0 10px 7px;
margin-bottom: 0
}
.hide2:checked+.label2 {
border-bottom: 0
}
.hide2:checked+.label2>.div2:first-child {
color: #3d5b99
}
.hide2:checked+.label2>.div2:first-child:hover {
text-decoration: none
}
.hide2:checked+.label2+.div2 {
font-size: 14px;
display: block;
background: #f4f7fa;
padding: 0 10px 10px 10px;
border-radius: 0;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
-webkit-animation: fade ease-in 0.5s;
-moz-animation: fade ease-in 0.5s;
animation: fade ease-in 0.5s
}
.oneAnswer label {
display: inline;
}
@-moz-keyframes fade {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fade {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: 0
}
to {
opacity: 1
}
}
.hide2+.label2:before {
color: #e84c3d;
content: "\002B";
display: block;
float: left;
font-size: 22px;
font-weight: 300;
height: 16px;
width: 16px;
line-height: 16px;
margin: 1px 3px 0 0;
text-align: center
}
.hide2:checked+.label2:before {
content: "\2212"
}
.sub-kurs {
background-color: #f2f2f2;
padding: 10px 20px 10px 40px;
margin-top: 5px;
color: #3d5b99;
font-size: 18px;
text-transform: uppercase;
border: 1px solid #d1d1d1;
width: 100%;
transition: .3s linear
}
.sub-kurs:hover {
background-color: #e3e3e3
}
.hide3,
.hide3+.label3~.div3 {
display: none
}
.hide3+.label3 {
cursor: pointer;
display: block;
padding: 0 0 7px 0;
text-decoration: none
}
.hide3:checked+.label3 {
border-bottom: 0
}
.hide3:checked+.label3>.div3:first-child {
color: #3d5b99
}
.hide3:checked+.label3>.div3:first-child:hover {
text-decoration: none
}
.hide3:checked+.label3+.div3 {
display: block;
border-radius: 0;
-webkit-animation: fade ease-in 0.5s;
-moz-animation: fade ease-in 0.5s;
animation: fade ease-in 0.5s
}
@-moz-keyframes fade {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes fade {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fade {
from {
opacity: 0
}
to {
opacity: 1
}
}
.hide3+.label3:before {
color: #e84c3d;
content: "\f105";
float: left;
font-family: FontAwesome;
font-size: 26px;
position: relative;
top: 9px;
left: 18px;
transition: .3s linear
}
.hide3:checked+.label3:before {
transform: rotate(90deg)
}
.test-self {
background: #f0ffdd;
padding: 5px 15px !important
}
summary:before,
.profile-acordion:before {
top: 11px;
right: 20px;
color: transparent;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
width: 1em;
height: 1em;
content: "";
position: absolute;
transition: transform .5s
}
details[open]>summary:before {
transform: scale(1, -1)
}
details[open] summary~* {
animation: sweep .6s ease-in-out
}
@keyframes sweep {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.details-left:active,
.details-left:focus,
.details-left:hover,
.details-left[open] {
border: 1px solid #d1d1d1
}
.details-left,
.details-left summary {
border-radius: 0;
width: 330px
}
.details-left summary:active,
.details-left summary:focus,
.details-left summary:hover,
.details-left[open] summary {
background: #e3e3e3;
border: 1px solid #e3e3e3
}
.details-left summary:before {
right: 10px
}
.arrow,
.star,
.check,
.wrong,
.circl,
.file,
.info ul,
.seo ul,
.programma ul,
.programma2 ul,
.teacher_text2 ul,
.str-uslugi-dis .unical-metodic .left-list ul {
margin: 5px 0 10px 0 !important;
padding: 0;
list-style: none
}
.arrow li,
.star li,
.check li,
.wrong li,
.circl li,
.file li,
.info ul>li,
.seo ul>li,
.programma ul>li,
.programma2 ul>li,
.teacher_text2 ul>li,
.str-uslugi-dis .unical-metodic .left-list ul>li {
display: block;
padding-left: 24px !important;
line-height: 1.3em;
text-align: left;
margin: 8px 0;
font-size: inherit !important
}
.star li {
padding-left: 30px !important
}
.file li {
margin: 15px 0;
}
.arrow li:before,
.star li:before,
.check li:before,
.wrong li:before,
.circl li:before,
.file li:before,
.info ul>li:before,
.seo ul>li:before,
.programma ul>li:before,
.programma2 ul>li:before,
.teacher_text2 ul>li:before,
.str-uslugi-dis .unical-metodic .left-list ul>li:before {
color: #e84c3d;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1;
speak: none;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-top: 3px;
float: left
}
.arrow li:before,
.info ul>li:before,
.seo ul>li:before,
.programma ul>li:before,
.programma2 ul>li:before,
.teacher_text2 ul>li:before,
.str-uslugi-dis .unical-metodic .left-list ul>li:before {
margin-left: -20px;
content: "\f105"
}
.file li:before {
margin-left: -25px;
content: "\f0f6"
}
.check li:before {
margin-left: -24px;
margin-top: 1px;
content: "\f046" !important
}
.star li:before {
margin-left: -32px;
margin-top: 1px;
content: "\f006"
}
.wrong li:before {
margin-left: -22px;
margin-top: -2px;
content: "\2718"
}
.circl li:before {
margin-left: 22px;
margin-top: -2px;
content: "\2716"
}
.contacts-left {
font-weight: 300;
font-size: 15px;
float: left;
margin-right: -21px;
margin-top: 2px;
line-height: 23px
}
.contacts-right {
font-family: 'Source Sans Pro', sans-serif;
font-size: 19px;
float: right
}
.wa-img {
margin-right: 9px !important;
width: 19px;
position: relative;
top: 2px
}
.bold {
font-weight: 600 !important
}
.top-clock {
font-weight: 300
}
.under-logo {
font-family: 'Source Sans Pro', sans-serif;
margin: 0px;
text-transform: uppercase;
font-weight: 600;
font-size: 12px
}
.header-midlle {
font-size: 15px;
float: left;
line-height: 21px
}
.header-midlle .intro {
font-size: 14.45px;
line-height: 1.1;
margin: 9px 0 0;
opacity: 0.8
}
.width-100 {
width: 100% !important
}
.width-100-max {
max-width: 100% !important
}
.width-250px {
max-width: 250px
}
.height-100 {
height: 100%
}
.width-banner img {
max-width: 690px;
margin-bottom: 10px
}
.width-banner-750 img {
max-width: 750px;
margin-bottom: 10px
}
.width-banner-news img {
width: 100%
}
.width-banner a:hover,
.width-banner-750 a:hover,
.width-banner-news a:hover {
border-bottom: 0;
text-decoration: none
}
.under,
.red-a,
.white-a,
.auth a.under {
transition: .2s linear !important;
padding: 0;
margin-left: 0;
border: 0;
border-radius: 0;
border-bottom: 1px solid #0072bc;
text-decoration: none !important
}
.under:hover,
.red-a:hover,
.white-a:hover,
.auth a.under:hover {
outline: 0;
border: 0 !important;
border-bottom: 1px solid transparent !important;
text-decoration: none;
background-color: inherit
}
.red-a {
color: #e84c3d !important;
border-bottom: 1px solid #e84c3d !important
}
.red-a:hover {
color: #e84c3d !important
}
.main-prosmotr-kursa .tabs_block .box.links a {
font-size: 16px;
line-height: 115%
}
.white-a {
color: #fff;
border-bottom: 1px solid #fff
}
.white-a:hover {
color: #fff !important
}
.no-under {
border-bottom: 1px solid transparent !important
}
.owl-item .client-item {
width: 185px;
height: 540px;
background: #fff;
margin-right: 0;
padding: 20px 15px 20px 15px
}
.owl-item .client-item img {
width: 90px !important
}
.owl-item .client-item a img {
width: 153px !important
}
.owl-item .premdate {
left: 40px
}
.owl-item .client-item .name {
font-size: 13pt !important;
font-weight: 400 !important
}
.owl-item .client-item .otziv {
font-size: 11pt !important;
font-weight: 400 !important;
margin-top: 5px;
height: 75px;
overflow: hidden
}
.details-summary span {
color: #444;
font-weight: 500 !important;
font-size: 1.1em !important
}
.modul {
color: #2D8266;
font-size: 1.1em;
font-weight: 500
}
.p1c {
color: #827a00
}
.prm {
color: #d36e36
}
.dom {
color: #3e6617
}
.ooo {
color: #9a2f2f
}
.word {
color: #0054a5
}
.itog {
color: #e84c3d;
font-weight: 600
}
.lsn,
.lessons {
color: #6677a9
}
.p1c,
.prm,
.dom,
.ooo,
.word,
.itog,
.lsn,
.lessons {
font-weight: 600;
color: #000
}
.itog {
margin-top: 30px;
display: block
}
.lessons {
float: right;
margin-right: 50px;
text-align: right
}
.akcia a {
text-decoration: underline
}
.akcia a:hover {
text-decoration: none;
border-bottom: 1px solid transparent
}
ol {
counter-reset: li;
margin: 0;
margin-bottom: 15px;
padding-left: 15px
}
ol li {
list-style: none;
padding: 10px 0 10px 35px;
position: relative
}
ol li:before {
display: inline-block;
content: counter(li);
counter-increment: li;
position: absolute;
left: -15px;
top: 5px;
color: #fff;
background: #e84c3d;
font-weight: 600;
font-size: 19px;
text-align: center;
margin: 3px 10px 3px 0;
line-height: 35px;
width: 35px;
height: 35px;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
transition-duration: 0.5s
}
.display-block {
display: inline !important
}
.display-block-2 {
display: block !important
}
.crm-webform-input,
.crm-webform-select select,
.crm-webform-textarea textarea {
border-radius: 3px !important
}
.link,
.link:focus,
.no-link,
.no-link:focus {
color: #8e2452 !important;
font-weight: 300 !important;
text-decoration: none;
border-bottom: 1px solid #a35779 !important;
cursor: pointer !important
}
.link:hover,
.link:active {
border-bottom: 1px solid transparent !important
}
.no-link,
.no-link:focus {
color: #28516B !important;
border-bottom: 1px solid transparent !important
}
.no-link:hover,
.no-link:active {
border-bottom: 1px solid #648da7 !important
}
.menu-ochno {
border-radius: 0;
font-size: 18px;
padding: 12px 23px 13px
}
.one_first,
.one_half,
.one_half_desk,
.one_third,
.two_third,
.one_fourth,
.three_fourth,
.one_fifth,
.one_sixth {
position: relative;
float: left;
margin-left: 2%;
margin-right: 2%
}
.one_sixth {
width: 12.67%
}
.one_fifth {
width: 16%
}
.one_fourth {
width: 21%
}
.one_third {
width: 29.33%
}
.one_half,
.one_half_desk {
width: 46%
}
.two_third {
width: 62.67%
}
.three_fourth {
width: 71%
}
.one_first {
width: 96%;
position: relative;
float: none;
clear: both
}
.style-1 {
border: 0 !important;
height: 1px !important;
background: #999;
background-image: -webkit-linear-gradient(left, #eee, #999, #eee);
background-image: -moz-linear-gradient(left, #eee, #999, #eee);
background-image: -ms-linear-gradient(left, #eee, #999, #eee);
background-image: -o-linear-gradient(left, #eee, #999, #eee)
}
.style-2 {
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))
}
hr,
.style-3 {
border: 0;
border-bottom: 1px solid #ddd
}
.style-4 {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.25);
border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}
.style-5 {
border: 0;
border-bottom: 2px solid #ddd;
margin-top: -10px;
margin-bottom: 10px;
}
.style-short {
width: 50px;
background: #8e2452;
height: 2px;
overflow: visible;
margin-block-start: .5em;
margin-block-end: .5em;
margin-inline-start: auto;
margin-inline-end: auto;
overflow: hidden
}
.style-treng {
height: 12px;
border: 0;
box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
margin-bottom: 15px
}
.str-uslugi .programma hr,
.str-uslugi-dis .programma2 hr {
border: 0;
border-bottom: 1px solid #c0c0c0
}
.crm-webform-header-local {
padding: 0;
text-transform: none !important;
text-align: center;
margin: 23px 0 15px !important;
color: #2D8266;
font-family: 'Source Sans Pro', sans-serif !important;
font-size: 18px !important;
font-weight: 400 !important
}
.map-right {
width: 100%;
max-width: 930px;
margin-left: 20px;
position: absolute;
left: 50%
}
.left-pole {
padding-left: 4vw !important;
padding-right: 4vw !important
}
a.foto,
a.foto:hover,
a.foto:active,
a.foto:focus,
a.fancybox-close,
a.fancybox-close:hover {
border-bottom: 0
}
.col-auto strong {
margin-bottom: 20px
}
.bx-soa-cart-total-button-container,
.bx-soa-more {
padding-bottom: 40px
}
.bx-soa-cart-total {
padding: 30px 30px 60px;
border-radius: 30px
}
.bx-soa-section.bx-step-completed {
padding: 30px 30px 0;
border-radius: 30px;
border: 1px solid #e8e9eb
}
.bx-selected .bx-soa-coupon-label {
padding-bottom: 15px
}
.bx-soa-pp .bx-soa-pp-company {
width: 200px
}
.bx-soa-pp-company-smalltitle {
padding-bottom: 15px;
color: #505050;
font-size: 14px
}
.sale-paysystem-yandex-button {
display: block;
margin: 0
}
.sale-paysystem-wrapper {
display: inline-block;
font: 22px 'Source Sans Pro', sans-serif;
margin-top: 40px;
border-radius: 30px;
border: 1px solid #ddd
}
#bx-soa-properties,
#bx-soa-total-mobile,
#bx-soa-region,
#bx-soa-main-notifications,
#bx-soa-basket,
#bx-soa-orderSav,
.bx-soa-coupon,
.bx-soa-more,
.bx-soa-cart-total .bx-soa-cart-total-line:first-child {
display: none
}
.bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) {
border: none;
padding-top: 5px;
font-size: 18px
}
.icon-success {
left: 25px
}
.alert {
padding: 5px
}
.bx-soa-item-imgcontainer {
background-image: url(/bitrix/templates/runo-mob/images/training-course.jpg) !important;
border: none
}
.bx-soa-item-imgcontainer,
.bx-soa-pp-company-selected img {
height: auto !important;
width: 80px !important
}
.bx-soa-pp-company-selected {
padding-bottom: 30px
}
.bx-soa-pp-company-selected strong {
font-weight: 400 !important
}
.bx-step-completed .bx-soa-item-img-block {
width: 90px
}
.bx-soa-item-table {
margin-bottom: 0
}
.vampiruskassa_success,
.vampiruskassa_fail {
padding: 50px 0 200px
}
#slider {
width: 400px;
height: 262px;
overflow: hidden;
position: relative
}
.slide {
width: 100%;
height: 100%
}
.sli-links {
text-align: left;
margin: 12px 0 0 170px
}
.sli-links .control-slide {
margin: 2px;
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
text-indent: -9999px;
background: url(/bitrix/templates/runo-mob/img/radioBg.png) center bottom no-repeat;
cursor: pointer
}
.sli-links .control-slide:hover {
background-position: center center
}
.sli-links .control-slide.active {
background-position: center top
}
.b24-form-wrapper {
background-color: transparent !important;
}
.b24-form-header {
padding: 0 31px 5px !important;
border-bottom: none !important
}
.b24-form-content {
padding: 5px 31px 20px !important
}
.b24-form-header-title {
font-family: 'Source Sans Pro', sans-serif !important;
font-size: 28px !important;
line-height: 120% !important;
font-weight: 600 !important;
letter-spacing: .6px !important;
color: #3e5062 !important;
margin: 20px !important
}
#container_b24_new .b24-form-header-title {
font-size: 24px !important;
line-height: 130% !important;
font-weight: 600 !important;
color: #3e5062 !important
}
.b24-form-header-description {
padding-top: 15px
}
.gray-text,
#container_b24_new .b24-form-header-description {
padding: 0 0 10px;
font-size: 18.3px;
line-height: 130%;
color: rgba(62, 80, 98, 0.8)
}
.b24-form-control-container,
.b24-form-field {
margin-bottom: 10px !important
}
.b24-form-control-string .b24-form-control,
.b24-form-control-list .b24-form-control,
.b24-form-control-text .b24-form-control,
.b24-form-control-select .field-item {
height: 36px !important;
line-height: 36px !important
}
.b24-form-control-icon-after .b24-form-control,
.b24-form-control-icon-after .b24-form-control-label {
padding-left: 15px !important;
text-align: left;
}
@media (max-width:1799px) {
.str-uslugi-dis .dlya-nachinauschih .big-title {
font-size: 44px;
margin-top: 60px
}
}
@media (max-width:1399px) {
.str-uslugi-dis .dlya-nachinauschih .big-title {
font-size: 38px;
margin-top: 65px
}
}
@media (max-width:1269px) {
.hit-new {
top: 45px
}
.buy_counter {
top: 45px
}
.otz_rurs {
top: 95px;
left: 15px
}
.str-uslugi-dis .dlya-nachinauschih .big-title {
font-size: 36px;
margin-top: 90px
}
}
@media (max-width:1023px) {
.one_half {
width: 95%
}
.main-prosmotr-kursa aside .programmCont {
height: 64vw
}
.video-output {
height: 37.5vw
}
.main-prosmotr-kursa .tabs_block .tabs li {
width: 33%
}
}
@media (max-width:991px) {
.str-uslugi-dis .dlya-nachinauschih .big-title {
font-size: 34px;
margin-top: 65px
}
.main .news h2 {
margin-bottom: 20px
}
}
@media (max-width:767px) {
.one_half,
.one_third,
.two_third,
.one_fourth {
width: 96%;
margin-right: 0
}
.b24-form-content {
padding: 5px 0 20px !important
}
.left-pole {
padding-left: 15px !important;
padding-right: 15px !important
}
.str-uslugi-dis .dlya-nachinauschih {
height: auto
}
.str-uslugi-dis .dlya-nachinauschih h1 {
margin-top: 5px;
margin-bottom: 25px
}
.table-light td {
vertical-align: top
}
.fancybox-wrap {
width: 90% !important
}
.fancybox-inner {
width: 100% !important
}
.main-1 .doska {
padding: 15px 30px 0;
margin-top: 30px
}
.main-1 .green-buttons,
.main-2 .green-buttons,
.main-3 .green-buttons,
.main-modals .green-buttons {
top: 20px;
left: 200px;
right: auto
}
.main-2 .main-box .white-cont {
padding: 20px 0;
margin-left: 0;
font-size: 17px
}
.main-3 .main-box .white-cont {
padding-left: 0;
padding-right: 0;
margin: 0
}
.main-2 .main-box .title h2:after {
left: 280px
}
.teacher_text1,
.teacher_text2 {
margin-left: 0
}
#top {
transform: scale(1.4, 1.4);
bottom: 82px
}
.edu-dist-content {
float: none;
width: 100%;
margin: 0 -15px;
padding: 20px
}
.paysys_choose_wrap ul li label {
max-width: 100%
}
.dop_footer {
min-height: 50vw
}
.video-output,
.main-prosmotr-kursa aside .programmCont {
height: 250px
}
.main-prosmotr-kursa .tabs_block .tabs li {
width: 50%;
height: auto;
min-height: 75px
}
.kurs-uk {
margin-top: 25px
}
.padding-lr-40 {
padding-left: 5px !important;
padding-right: 5px !important;
}
}
/*черная пятница!*/
/*
.eapps-countdown-timer .eapps-countdown-timer-bar-close {
display: none!important;
}
header.showbannertop {
top: 60px;
position: absolute;
}
header.mobile-header.showbannertop {
top: 68px !important;
}
.g-text-decoration-none--hover.showbannertop {
top: 4.4vw;
position: absolute;
}
a.eapps-countdown-timer-inner:hover {
border-bottom: 0px;
}
@media (max-width:991px) {
#eapps-countdown-timer-1.eapps-countdown-timer {
min-height: auto !important;
}
.g-text-decoration-none--hover.showbannertop {
top: 79px !important;
position: absolute;
}
}*/
.rc__pay {
font-family: "Gilroy", sans-serif;
line-height: 1.2;
color: #242424;
padding-top: 120px;
padding-bottom: 86px;
}
.rc__pay__container {
width: 100%;
padding: 0 12px;
margin: 0 auto;
}
@media (min-width: 576px) {
.rc__pay__container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.rc__pay__container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.rc__pay__container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.rc__pay__container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.rc__pay__container {
max-width: 1320px;
}
}
.rc__pay__row {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
}
.rc__pay__col-left {
padding: 0 12px;
flex: 0 0 auto;
width: calc(100% / 12* 7);
max-width: 100%;
}
.rc__pay__col-right {
padding: 0 12px;
flex: 0 0 auto;
width: calc(100% / 12* 5);
max-width: 100%;
}
.rc__pay__products__top {
display: flex;
align-items: center;
margin-bottom: 48px;
}
.rc__pay__products__top__title {
font-weight: 600;
font-size: 42px;
margin-right: 18px;
}
.rc__pay__products__top__count {
font-weight: 600;
font-size: 18px;
border-radius: 11px;
padding: 7px 13px 8px;
background: #f7f8fa;
margin-right: 34px;
}
.rc__pay__products__top__check {
border-radius: 12px;
padding: 12px;
background: #f7f8fa;
}
.rc__pay__checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rc__pay__checkbox__text {
font-weight: 500;
font-size: 24px;
display: block;
line-height: 1.2;
}
.rc__pay__checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0 !important;
width: 0 !important;
border: none !important;
margin: 0 !important;
}
.rc__pay__checkbox .checkmark {
position: absolute;
top: 1px;
left: 0;
border: 1.80px solid #145cfc;
border-radius: 7px;
width: 25px;
height: 25px;
}
.rc__pay__checkbox .checkmark:after {
content: "";
position: absolute;
left: 7px;
top: 7px;
width: 10px;
height: 8px;
display: none;
background: url(/local/uploads/template/check-icon-white.svg) top center no-repeat;
background-size: cover;
}
.rc__pay__checkbox input:checked ~ .checkmark {
background: #145cfc;
}
.rc__pay__checkbox input:checked ~ .checkmark:after {
display: block;
}
.rc__pay__products__item {
display: flex;
align-items: flex-start;
padding: 11px 14px 24px 22px;
border-radius: 20px;
background: #f7f8fa;
gap: 24px;
}
.rc__pay__products__item {
margin-bottom: 38px;
}
.rc__pay__products__item .rc__pay__checkbox {
margin-top: 18px;
margin-right: 38px;
padding-left: 50px;
flex-grow: 1;
}
.rc__pay__products__item__price {
width: 25%;
flex-shrink: 0;
margin-top: 18px;
}
.rc__pay__products__item__price .price-new {
font-weight: 700;
font-size: 36px;
color: #326cf9;
}
.rc__pay__products__item__price .price-old {
font-weight: 500;
font-size: 18px;
text-decoration: line-through;
color: #6e6e6e;
}
.rc__pay__products__item__remove__wrapper {
width: 12.5%;
flex-shrink: 0;
}
.rc__pay__products__item__remove {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 8px;
background: #fff;
margin-left: auto;
border: none !important;
}
.rc__pay__products__item__remove:hover svg path {
fill: #326cf9;
}
.rc__pay__title {
font-weight: 600;
font-size: 42px;
margin-bottom: 20px;
}
.rc__pay__caption {
font-weight: 400;
font-size: 24px;
margin-bottom: 32px;
}
.rc__pay__box {
border-radius: 20px;
background: #f7f8fa;
padding: 18px 14px 18px 22px;
margin-bottom: 22px;
max-width: 416px;
}
.rc__pay__box__title {
display: flex;
align-items: center;
color: #242424 !important;
border: none !important;
cursor: pointer;
}
.rc__pay__box__title__text {
font-weight: 600;
font-size: 24px;
margin-right: 16px;
}
.rc__pay__box__title__discount {
border-radius: 11px;
background: #326cf9;
font-weight: 700;
font-size: 14px;
color: #fff;
padding: 5px 16px;
}
.rc__pay__box__title__icon {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 8px;
border: 2px solid #414143;
margin-left: auto;
}
.rc__pay__box__title__icon .image {
transition: all 0.3s;
width: 24px !important;
height: auto !important;
}
.-is-opened .rc__pay__box__title__icon .image {
transform: rotate(180deg);
}
.rc__pay__box__list {
padding-top: 26px;
}
.rc__pay__box__item:not(:last-child) {
margin-bottom: 22px;
}
.rc__pay__radio {
display: block;
position: relative;
padding-left: 29px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-bottom: 0;
}
.rc__pay__radio__label {
font-size: 18px;
}
.rc__pay__radio__label__logo {
max-height: 21px;
width: auto !important;
margin-left: 8px;
}
.rc__pay__radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0 !important;
width: 0 !important;
border: none !important;
margin: 0 !important;
}
.rc__pay__radio__checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
background: transparent;
border-radius: 50%;
border: 1px solid #145cfc;
}
.rc__pay__radio:hover input ~ .rc__pay__radio__checkmark {
background-color: rgba(50, 108, 249, 0.5);
border-color: transparent;
}
.rc__pay__radio input:checked ~ .rc__pay__radio__checkmark {
background-color: #145cfc;
}
.rc__pay__radio__checkmark:after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: 13px;
height: 13px;
background: url(/local/uploads/template/check-icon.svg) top center no-repeat;
background-size: cover;
display: none;
}
.rc__pay__radio input:checked ~ .rc__pay__radio__checkmark:after {
display: block;
}
.radio-invoice .rc__pay__radio__checkmark {
border-color: #414143;
}
.radio-invoice:hover input ~ .rc__pay__radio__checkmark {
background-color: rgba(65, 65, 67, 0.5);
}
.radio-invoice input:checked ~ .rc__pay__radio__checkmark {
background-color: #414143;
border-color: #414143;
}
.radio-t-bank .rc__pay__radio__checkmark {
border-color: #414143;
}
.radio-t-bank:hover input ~ .rc__pay__radio__checkmark {
background-color: rgba(209, 255, 68, 0.5);
}
.radio-t-bank input:checked ~ .rc__pay__radio__checkmark {
background-color: #D1FF44;
border-color: #D1FF44;
}
.radio-t-bank .rc__pay__radio__checkmark:after {
background: url(/local/uploads/template/check-icon-dark.svg) top center no-repeat;
background-size: cover;
}
.radio-in-parts .rc__pay__radio__checkmark {
border-color: #7D51FE;
}
.radio-in-parts:hover input ~ .rc__pay__radio__checkmark {
background-color: rgba(125, 81, 254, 0.5);
}
.radio-in-parts input:checked ~ .rc__pay__radio__checkmark {
background-color: #7D51FE;
border-color: #7D51FE;
}
.rc__pay__boxes {
margin-bottom: 30px;
}
.rc__pay__sum {
border: 2px solid #414143;
border-radius: 20px;
padding: 30px 20px 10px;
max-width: 416px;
}
.rc__pay__sum__old-price {
font-weight: 500;
font-size: 18px;
text-decoration: line-through;
color: #6e6e6e;
margin-bottom: 14px;
}
.rc__pay__sum__total {
font-weight: 700;
font-size: 36px;
border-bottom: 0.74px solid #9e9e9e;
margin-bottom: 11px;
}
.rc__pay__sum__benefit {
margin-bottom: 30px;
}
.rc__pay__sum__benefit__title {
display: flex;
align-items: center;
justify-content: space-between;
}
.rc__pay__sum__benefit__title__caption {
font-size: 15px;
display: flex;
align-items: center;
gap: 10px;
color: #242424 !important;
border: none !important;
cursor: pointer;
}
.rc__pay__sum__benefit__title__arrow {
width: 14px !important;
height: auto !important;
}
.rc__pay__sum__benefit__title__count {
font-weight: 600;
font-size: 18px;
}
.rc__pay__sum__benefit__collapse {
padding-top: 10px;
}
.rc__pay__sum__benefit__item {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 0.57px dashed #9e9e9e;
padding: 9px 0 2px;
}
.rc__pay__sum__benefit__item__title {
display: flex;
align-items: center;
gap: 6px;
}
.rc__pay__sum__benefit__item__title .text{
font-size: 11px;
}
.rc__pay__sum__benefit__item__title .sticker{
border-radius: 9px;
font-weight: 600;
font-size: 9px;
color: #fff;
padding: 2px 4px 0;
background: #326CF9;
}
.rc__pay__sum__benefit__item__count {
font-weight: 600;
font-size: 11px;
}
.rc__pay__sum__promo {
display: flex;
align-items: stretch;
border: 0.74px solid #d9d9d9;
border-radius: 66px;
margin-bottom: 30px;
}
.rc__pay__sum__promo__input {
height: 33px;
font-size: 15px;
padding: 0 24px 0 12px;
border: none !important;
width: calc(100% - 168px) !important;
background: transparent !important;
flex-grow: 1;
}
.rc__pay__sum__promo__btn.btn {
display: flex;
align-items: center;
justify-content: center;
height: 33px;
width: 168px;
flex-shrink: 0;
background: #9e9e9e;
color: #fff;
font-size: 15px;
border: none ;
border-radius: 66px;
}
.rc__pay__sum__promo__btn.btn:hover,
.rc__pay__sum__promo__btn.btn:focus {
background: #414143;
color: #fff;
}
.btn.rc__pay__sum__btn {
height: 54px;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
border-radius: 20px;
padding: 3px 20px 0;
box-shadow: 0 4px 9px 5px rgba(65, 65, 67, 0.2);
border: none !important;
margin-bottom: 10px;
}
.btn.rc__pay__sum__btn.btn-blue {
color: #fff;
background: #326cf9;
}
.btn.rc__pay__sum__btn.btn-yellow {
color: #414143;
background: #d1ff44;
}
.btn.rc__pay__sum__btn.btn-purple {
background: #7d51fe;
color: #fff;
}
.btn.rc__pay__sum__btn:hover,
.btn.rc__pay__sum__btn:focus {
color: #fff;
background: #414143;
}
.rc__pay__sum__footnote__checkbox {
display: block;
position: relative;
padding-left: 18px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rc__pay__sum__footnote__checkbox__text {
font-weight: 300;
font-size: 9px;
color: #414143;
display: block;
line-height: 1.2;
}
.rc__pay__sum__footnote__checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0 !important;
width: 0 !important;
border: none !important;
margin: 0 !important;
}
.rc__pay__sum__footnote__checkbox .checkmark {
position: absolute;
top: 50%;
margin-top: -7px;
left: 0;
border: 0.74px solid #145cfc;
border-radius: 3px;
width: 10px;
height: 10px;
}
.rc__pay__sum__footnote__checkbox .checkmark:after {
content: "";
position: absolute;
left: 1px;
top: 50%;
margin-top: -2px;
width: 6px;
height: 4px;
display: none;
background: url(/local/uploads/template/check-icon-blue.svg) top center no-repeat;
background-size: cover;
}
.rc__pay__sum__footnote__checkbox input:checked ~ .checkmark:after {
display: block;
}
.rc__pay__sum__footnote__checkbox{
margin-bottom: 5px;
}
.rc__pay__sum__installments {
display: flex;
align-items: center;
justify-content: space-between;
border: 2px solid #f7f8fa;
border-radius: 10px;
padding: 2px;
margin-bottom: 30px;
}
.rc__pay__sum__installments__item {
width: 82px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 6px;
cursor: pointer;
}
.rc__pay__sum__installments__item.-is-active {
background: #f7f8fa;
}
.rc__pay__sum__installments__item__title {
font-weight: 700;
font-size: 16px;
color: #414143;
line-height: 1;
}
.rc__pay__sum__installments__item__caption {
font-weight: 500;
font-size: 8px;
color: #326CF9;
line-height: 1;
}
.rc__pay__sum__split {
margin-bottom: 30px;
}
.rc__pay__sum__split__title {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 9px;
}
.rc__pay__sum__split__title__text {
font-weight: 500;
font-size: 24px;
margin-right: 23px;
}
.rc__pay__sum__split__title__sticker {
font-weight: 600;
font-size: 16px;
color: #fff;
border-radius: 90px;
background: #326CF9;
padding: 6px 16px 3px;
}
.rc__pay__sum__split__msg {
font-weight: 300;
font-size: 16px;
color: #414143;
}
.rc__pay .display-mobile {
display: none !important;
}
@media (max-width: 1399.98px) {
.rc__pay__col-left {
width: calc(100% / 12* 8);
}
.rc__pay__col-right {
width: calc(100% / 12* 4);
}
.rc__pay__box,
.rc__pay__sum {
max-width: 100%;
}
.rc__pay__caption {
font-size: 18px;
margin-bottom: 24px;
}
.rc__pay__sum__promo__input {
width: calc(100% - 110px) !important;
}
.rc__pay__sum__promo__btn.btn {
width: 110px;
}
}
@media (max-width: 1199.98px) {
.rc__pay__col-left,
.rc__pay__col-right {
width: 100%;
}
.rc__pay__col-left {
margin-bottom: 30px;
}
.rc__pay__row-mobile {
display: flex;
gap: 24px;
align-items: flex-start;
}
.rc__pay__boxes,
.rc__pay__sum {
flex: 1 0 0%;
}
}
@media (max-width: 991.98px) {
.rc__pay__row-mobile {
display: block;
}
}
@media (max-width: 767.98px) {
.rc__pay {
padding: 30px 0 60px;
}
.rc__pay__container {
padding: 0;
}
.rc__pay__products__top {
flex-wrap: wrap;
margin-bottom: 12px;
}
.rc__pay__products__top__title {
font-size: 36px;
}
.rc__pay__products__top__count {
margin-right: 20px;
}
.rc__pay__products__top__check {
margin-top: 22px;
width: 100%;
}
.rc__pay__checkbox__text {
font-size: 20px;
}
.rc__pay__checkbox {
padding-left: 30px;
}
.rc__pay__checkbox .checkmark {
width: 20px;
height: 20px;
border-radius: 6px;
}
.rc__pay__checkbox .checkmark:after {
left: 4px;
top: 5px;
}
.rc__pay__products__item {
margin-bottom: 12px;
padding: 12px;
flex-wrap: wrap;
gap: 12px;
}
.rc__pay__products__item .rc__pay__checkbox {
padding-left: 30px;
margin-top: 0;
margin-right: 0;
order: 1;
width: calc(100% - 12px - 38px);
}
.rc__pay__products__item__price {
width: 100%;
order: 3;
margin-top: 0;
padding-left: 30px;
}
.rc__pay__products__item__price .price-new {
font-size: 32px;
}
.rc__pay__products__item__remove__wrapper {
order: 2;
width: 38px;
}
.rc__pay__title {
font-size: 36px;
margin-bottom: 10px;
}
.rc__pay__box {
padding: 14px 10px;
margin-bottom: 12px;
}
.rc__pay__box__title__text {
font-size: 20px;
}
.rc__pay__box__title__discount {
padding: 4px 12px;
border-radius: 8px;
}
.rc__pay__box__title__icon {
width: 24px;
height: 24px;
}
.rc__pay__box__title__icon .image {
width: 18px !important;
}
.rc__pay__radio__label {
font-size: 16px;
}
.rc__pay__box__item:not(:last-child) {
margin-bottom: 18px;
}
.rc__pay__radio__checkmark {
top: -1px;
}
.rc__pay__sum__old-price {
margin-bottom: 10px;
}
.rc__pay__sum__total {
font-size: 32px;
}
.rc__pay__sum__benefit__title__caption {
font-size: 14px;
}
.rc__pay__sum__benefit__title__count {
font-size: 16px;
}
.rc__pay__sum__benefit {
margin-bottom: 20px;
}
.rc__pay__sum__promo {
margin-bottom: 20px;
}
.rc__pay__sum__promo__input {
width: calc(100% - 126px) !important;
font-size: 16px;
}
.rc__pay__sum__promo__btn.btn {
width: 126px;
font-size: 14px;
}
.rc__pay__sum__footnote__checkbox__text {
font-size: 6px;
}
.rc__pay__sum__installments {
margin-bottom: 20px;
}
.rc__pay__sum__split {
margin-bottom: 20px;
}
.rc__pay__sum__split__title__text {
font-size: 20px;
}
.rc__pay__sum__split__msg {
font-size: 14px;
}
.btn.rc__pay__sum__btn {
height: 45px;
border-radius: 12px;
}
}
@media (min-width: 1880px) {
.runo-prices__v2 .rp-btn {
padding: 15px 22px;
}
.runo-prices__v2 a.feed-back.rp-btn {
height: 64px !important;
line-height: 48px !important;
}
.runo-prices__v2 a.feed-back.rp-btn:hover {
height: 64px !important;
line-height: 48px !important;
}
.runo-prices__v2 a.feed-back:hover,
.runo-prices__v2 a.feed-back:focus,
.runo-prices__v2 a.feed-back:active {
height: 64px !important;
line-height: 48px !important;
}
.runo-prices__v2 .runo-prices__features__item {
font-size: 24px;
}
.runo-prices__v2 .runo-prices__box__title__promotion {
border-radius: 10px;
padding: 3px 8px;
gap: 8px;
font-size: 17px;
}
.runo-prices__v2 .runo-prices__box__title__promotion .discount{
font-weight: 800;
font-size: 15px;
border-radius: 8px;
padding: 5px 3px;
}
}
.runo-prices__v2 .runo-prices__box__col {
padding: 30px;
}
.runo-prices__v2 .runo-prices__box__title__promotion{
padding: 3px 10px 3px 3px;
width: fit-content;
margin-top: 15px;
}
.runo-prices__v2 .runo-prices__box__title__footnote {
margin-top: 9px;
font-size: 16px;
font-weight: 400;
}
.runo-prices__v2 .runo-prices__box__title__footnote__link {
font-weight: 600;
text-decoration: underline;
color: #e84c3d;
border: none !important;
}
.runo-prices__v2 .runo-prices__box__title__footnote__link:hover {
text-decoration: none;
}
.runo-prices__v2 .runo-prices__box__title__promotion .pl-10 {
padding-left: 10px;
}
.runo-prices__v2 .runo-prices__box__col__title {
padding-bottom: 0;
min-height: 100px;
margin-bottom: 30px;
}
.runo-prices__v2 .runo-prices__item__installment {
margin-bottom: 30px;
}
.runo-prices__v2 .runo-prices__item {
padding: 20px;
}
.runo-prices__v2 .runo-prices__item__price-new {
font-size: 38px;
margin-bottom: 20px;
}
.runo-prices__v2 .runo-prices__item__installment__caption {
font-size: 20px;
color: #414143;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 15px;
margin-bottom: 11px;
}
.runo-prices__v2 .runo-prices__item__installment__price {
font-weight: 600;
font-size: 28px;
}
.runo-prices__v2 .runo-prices__broadcast__caption {
font-size: 20px;
color: #e84c3d;
}
.runo-prices__v2 .runo-prices__features__item:before {
top: 1px;
}
.runo-prices__v2 .runo-prices__features__item:not(:last-child) {
margin-bottom: 11px;
}
.runo-prices__v2 .runo-prices__broadcast__bottom__date__top {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 8px;
}
.runo-prices__v2 .runo-prices__broadcast__bottom__date {
margin-bottom: 10px;
}
.runo-prices__v2 .runo-prices__broadcast__bottom__date .date__title {
font-size: 15px;
}
.runo-prices__v2 .runo-prices__broadcast__bottom__date .date__days {
font-size: 15px;
padding: 1px 8px 2px 8px;
background: #f7f8fa;
font-weight: 400;
}
.runo-prices__v2 .runo-prices__broadcast__bottom__date .date__schedule {
font-weight: 600;
font-size: 16px;
}
.runo-prices__v2 a.feed-back {
background: transparent !important;
border: 1.51px solid #fff;
color: #fff !important;
height: 40px !important;
font-weight: 400 !important;
font-size: 18px !important;
padding: 10px 20px !important;
border-radius: 12px !important;
}
.runo-prices__v2 a.feed-back:hover,
.runo-prices__v2 a.feed-back:focus,
.runo-prices__v2 a.feed-back:active {
height: 40px !important;
font-weight: 400 !important;
font-size: 18px !important;
padding: 10px 20px !important;
border-radius: 12px !important;
}
.runo-prices__v2 .runo-prices__online-single {
padding-bottom: 14px;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__box__col__title {
display: flex;
align-items: center;
gap: 30px;
min-height: unset;
margin-bottom: 12px;
}
.runo-prices__v2 .runo-prices__online-single__row {
gap: 24px;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__item {
width: calc((100% - 24px)/2);
padding: 40px 30px 22px;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__item__top {
display: flex;
align-items: flex-start;
gap: 86px;
margin-bottom: 15px;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__item__footer__image {
width: 202px;
height: auto;
margin-left: 14px;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__features {
padding: 10px 0 0 0;
border-radius: 0;
background: transparent;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__features__item:not(:last-child) {
margin-bottom: 15px;
}
.runo-prices__v2 .mt-0 {
margin-top: 0 !important;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__item__installment__image {
display: none;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__box__title__footnote {
margin-top: -10px;
margin-bottom: 15px;
}
@media (max-width: 1620px ) {
.runo-prices__v2 .runo-prices__box__title__promotion.wide {
flex-wrap: wrap;
row-gap: 0;
padding: 3px 10px;
}
.runo-prices__v2 .runo-prices__box__title__promotion.wide .pl-10 {
width: 100%;
padding-left: 0;
}
}
@media (max-width: 1440px ) {
.runo-prices__v2 .runo-prices__online-single .runo-prices__item__installment__image {
display: block;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__item__footer__image {
display: none;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__item {
width: 70%;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__item__top {
gap: 40px;
}
}
@media (max-width: 1200px ) and (min-width: 992px) {
.runo-prices__item__row-tablet {
display: flex;
align-items: flex-start;
gap: 60px;
}
}
@media (max-width: 991px ) {
.runo-prices__v2 .runo-prices__broadcast__row {
gap: 20px;
}
.runo-prices__v2 .runo-prices__broadcast__col:first-child {
order: 2;
}
.runo-prices__v2 .runo-prices__broadcast__col:last-child {
order: 1;
}
.runo-prices__v2 a.feed-back {
width: 100%;
order: 3;
}
}
@media (max-width: 768px ) {
.runo-prices__v2 .runo-prices__box {
padding: 30px 12px;
border-radius: 27px;
}
.runo-prices__v2 .runo-prices__box__title__name {
font-size: 36px;
}
.runo-prices__v2 .runo-prices__box__col {
border-radius: 27px;
padding: 30px 20px;
}
.runo-prices__v2 .runo-prices__box__col__title {
min-height: unset;
margin-bottom: 20px;
}
.runo-prices__v2 .runo-prices__box__col__title__text {
font-size: 28px;
}
.runo-prices__v2 .runo-prices__box__title__promotion {
margin-top: 10px;
}
.runo-prices__v2 .runo-prices__item__price-old {
font-size: 18px;
margin-bottom: 10px;
}
.runo-prices__v2 .runo-prices__item__price-new {
font-weight: 700;
font-size: 29px;
margin-bottom: 10px;
}
.runo-prices__v2 .runo-prices__item__installment {
margin-bottom: 20px;
}
.runo-prices__v2 .runo-prices__item__installment__caption {
font-size: 15px;
}
.runo-prices__v2 .runo-prices__item__installment__price {
font-size: 22px;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__box__col__title {
flex-direction: column;
gap: 10px;
justify-content: flex-start;
align-items: flex-start;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__item {
width: 100%;
margin-bottom: 0;
}
.runo-prices__v2 .runo-prices__online-single .runo-prices__item__top {
flex-direction: column;
gap: 10px;
}
}
.rc-pay-page {
font-family: "Gilroy", sans-serif;
font-weight: 400;
font-size: 16px;
color: #242424;
padding-top: 106px;
padding-bottom: 100px;
}
.rc-pay-page__title {
font-weight: 600;
font-size: 42px;
display: flex;
align-items: center;
gap: 22px;
margin-bottom: 28px;
}
.rc-pay-page__title.mb-36 {
margin-bottom: 36px;
}
.rc-pay-page__order {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 28px;
}
.rc-pay-page__order__info {
display: flex;
align-items: center;
gap: 10px;
border-radius: 12px;
padding: 10px;
background: #f7f8fa;
}
.rc-pay-page__order__info__icon {
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
width: 25px;
height: 25px;
background: #326CF9;
flex-shrink: 0;
}
.rc-pay-page__order__info__text {
font-size: 24px;
line-height: 1.2;
}
.rc-pay-page__order__info__text >strong{
font-weight: 500;
}
.rc-pay-page__order__number {
font-size: 24px;
}
.rc-pay-page__order__number >strong{
font-weight: 500;
}
.rc-pay-page__text {
font-weight: 500;
font-size: 20px;
margin-bottom: 70px;
}
.rc-pay-page__text >a {
color: #242424 !important;
border: none !important;
text-decoration: underline 1px;
text-underline-offset: 4px;
}
.rc-pay-page__text >a:hover {
text-decoration: none;
}
.rc-pay-page__method {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 58px;
}
.rc-pay-page__method__text-sm {
font-weight: 500;
font-size: 24px;
}
.rc-pay-page__method .t-bank-logo {
width: 36px;
height: auto;
}
.rc-pay-page__method__text-big {
font-weight: 600;
font-size: 37px;
}
.rc-pay-page__box {
border-radius: 20px;
max-width: 636px;
padding: 30px;
background: #f7f8fa;
margin-bottom: 25px;
}
.rc-pay-page__box__title {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 14px;
}
.rc-pay-page__box__title__sm {
font-weight: 500;
font-size: 24px;
}
.rc-pay-page__box__title__price {
font-weight: 600;
font-size: 42px;
}
.rc-pay-page__box .btn {
width: fit-content;
min-width: 238px;
margin-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
}
.rc-pay-page__box .btn .icon {
margin-right: 7px;
}
.rc-pay-page__box .btn.rc__pay__sum__btn.btn-yellow {
background: #ffdd2d;
}
.rc-pay-page__box .btn.rc__pay__sum__btn.btn-yellow:hover {
background: #414143;
}
.rc-pay-page__box__footnote {
font-weight: 300;
font-size: 14px;
}
.rc-pay-page__box__footnote >a,
.rc-pay-page__note >a{
font-weight: 400;
color: #242424 !important;
border: none !important;
text-decoration: underline 1px;
text-underline-offset: 3px;
}
.rc-pay-page__box__footnote >a:hover,
.rc-pay-page__note >a:hover {
text-decoration: none;
}
.rc-pay-page__box .rc__pay__sum__installments {
width: 290px;
border-color: #326cf9;
margin-bottom: 24px;
}
.rc-pay-page__box .rc__pay__sum__installments__item.-is-active {
background: #326cf9;
}
.rc-pay-page__box .rc__pay__sum__installments__item.-is-active .rc__pay__sum__installments__item__title,
.rc-pay-page__box .rc__pay__sum__installments__item.-is-active .rc__pay__sum__installments__item__caption {
color: #fff !important;
}
@media (max-width: 1200px) {
.rc-pay-page__order {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 768px) {
.rc-pay-page {
padding-top: 30px;
padding-bottom: 30px;
line-height: 1.2;
}
.rc-pay-page__title {
font-size: 36px;
gap: 15px;
margin-bottom: 15px;
}
.rc-pay-page__title.mb-36 {
margin-bottom: 22px;
}
.rc-pay-page__order {
margin-bottom: 15px;
}
.rc-pay-page__order__info__text {
font-size: 18px;
}
.rc-pay-page__order__number {
font-size: 20px;
}
.rc-pay-page__text {
font-weight: 400;
font-size: 18px;
margin-bottom: 50px;
}
.rc-pay-page__method {
flex-wrap: wrap;
margin-bottom: 50px;
}
.rc-pay-page__method__text-sm {
width: 100%;
font-size: 20px;
}
.rc-pay-page__method .t-bank-logo {
width: 26px;
height: auto;
flex-shrink: 0;
align-self: flex-start;
}
.rc-pay-page__method__text-big {
font-size: 26px;
width: calc(100% - 56px );
}
.rc-pay-page__box {
padding: 30px 20px;
margin-bottom: 30px;
}
.rc-pay-page__box__title {
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin-bottom: 20px;
}
.rc-pay-page__box__title__sm {
font-size: 20px;
}
.rc-pay-page__box .btn {
font-size: 20px;
}
}
/* End */
/* /bitrix/templates/runo-mob/header.css?17383021633585 */
/* /local/components/runo/trial.form/templates/.default/style.css?1737118373678 */
/* /bitrix/templates/runo-mob/template_styles.css?1752053081289942 */