* {
box-sizing: border-box;
}
html {
font-size: 100%;
line-height: 1.5em;
font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
min-height: 100%;
/*overflow-x: hidden;*/
}
body {
/*overflow: hidden;*/
}
@media print {
html {
font-size: 12pt;
}
}
body {
margin: 0;
padding: 0;
color: #000;
background-color: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}
header {
position: relative;
z-index: 10;
}
audio,
canvas,
progress,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
progress {
vertical-align: baseline;
}
template,
[hidden] {
display: none;
}
a {
color: #0072b9;
-webkit-text-decoration-skip: objects;
}
:visited {
color: #003353;
}
a:active {
color: #c00;
}
a:active:not(.button) {
background-color: transparent;
}
a:active,
a:hover {
outline-width: 0;
}
@media print {
:link,
:visited {
text-decoration: underline;
}
a[href]:after {
content: " ("attr(href) ")";
font-weight: normal;
font-size: 16px;
text-decoration: none;
}
a[href^='javascript:']:after,
a[href^='#']:after {
content: '';
}
}
h1,
.like_h1,
.header__site-name {
font-size: 2rem;
line-height: 3rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
h2,
.like_h2 {
font-size: 1.5rem;
line-height: 2.25rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
h2.title__kurs__block__text {
font-family: Merriweather, serif;
font-size: 22px;
line-height: 1.3em;
margin-top: 2.3rem;
margin-bottom: 0;
padding-top: 0
}
p.kurs__block__text {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 23px;
}
h3,
.like_h3 {
font-size: 1.25rem;
line-height: 2.25rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
h4 {
font-size: 1rem;
line-height: 1.5rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
h5 {
font-size: 0.875rem;
line-height: 1.5rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
h6 {
font-size: 0.625rem;
line-height: 1.5rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
abbr[title] {
border-bottom: 0;
text-decoration: underline;
text-decoration: underline dotted;
}
@media print {
abbr[title]:after {
content: " ("attr(title) ")";
}
}
b,
strong {
font-weight: inherit;
}
strong,
b {
font-weight: bolder;
}
pre,
code,
kbd,
samp,
var {
font-family: Menlo, "DejaVu Sans Mono", "Ubuntu Mono", Courier, "Courier New", monospace, sans-serif;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #fd0;
color: #000;
}
small {
font-size: 0.875rem;
}
sub,
sup {
font-size: 0.625rem;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
.divider,
hr {
margin: 1.5rem 0;
border: 0;
border-top: 1px solid #cccccc;
}
.divider> :first-child,
hr> :first-child {
margin-top: 1.5rem;
}
blockquote {
margin: 1.5rem 2rem;
}
dl,
menu,
ol,
ul {
margin: 1.5rem 0;
}
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0;
}
dd {
margin: 0 0 0 32px;
}
[dir="rtl"] dd {
margin: 0 32px 0 0;
}
menu,
ol,
ul {
padding: 0 0 0 32px;
}
[dir="rtl"] menu,
[dir="rtl"] ol,
[dir="rtl"] ul {
padding: 0 32px 0 0;
}
figure {
margin: 1.5rem 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
p,
pre {
margin: 1.5rem 0;
}
img {
border-style: none;
}
img,
svg {
max-width: 100%;
height: auto;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
box-sizing: border-box;
max-width: 100%;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
input {
overflow: visible;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: .54;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.button,
button,
html [type='button'],
[type='reset'],
[type='submit'] {
-moz-appearance: button;
-webkit-appearance: button;
}
.button,
button,
[type='button'],
[type='reset'],
[type='submit'] {
display: inline-block;
padding: 2px 6px;
line-height: inherit;
text-decoration: none;
cursor: pointer;
color: #000;
}
.button::-moz-focus-inner,
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0;
}
.button:-moz-focusring,
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
outline: 1px dotted ButtonText;
}
.button:hover,
.button:focus,
.button:active,
button:hover,
button:focus,
button:active,
[type='button']:hover,
[type='button']:focus,
[type='button']:active,
[type='reset']:hover,
[type='reset']:focus,
[type='reset']:active,
[type='submit']:hover,
[type='submit']:focus,
[type='submit']:active {
text-decoration: none;
color: #000;
}
[disabled].button,
button[disabled],
[disabled][type='button'],
[disabled][type='reset'],
[disabled][type='submit'] {
cursor: default;
color: #999999;
}
[disabled].button:hover,
button[disabled]:hover,
[disabled][type='button']:hover,
[disabled][type='reset']:hover,
[disabled][type='submit']:hover,
[disabled].button:focus,
button[disabled]:focus,
[disabled][type='button']:focus,
[disabled][type='reset']:focus,
[disabled][type='submit']:focus,
[disabled].button:active,
button[disabled]:active,
[disabled][type='button']:active,
[disabled][type='reset']:active,
[disabled][type='submit']:active {
color: #999999;
}
[type='checkbox'],
[type='radio'] {
box-sizing: border-box;
padding: 0;
}
fieldset {
padding: 0.525rem 0.9375rem 0.975rem;
border: 1px solid #cccccc;
margin: 0 2px;
}
legend {
box-sizing: border-box;
display: table;
max-width: 100%;
white-space: normal;
color: inherit;
margin-left: -5px;
padding: 0 5px;
}
label {
display: block;
font-weight: bold;
}
optgroup {
font-weight: bold;
}
textarea {
overflow: auto;
}
table {
margin: 1.5rem 0;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
td,
th {
padding: 0;
}
.layout-3col {
margin-left: -20px;
margin-right: -20px;
padding-left: 0;
padding-right: 0;
}
.layout-3col:before {
content: "";
display: table;
}
.layout-3col:after {
content: "";
display: table;
clear: both;
}
.layout-3col__full,
.layout-3col__left-content,
.layout-3col__right-content,
.layout-3col__left-sidebar,
.layout-3col__right-sidebar,
.layout-3col__first-left-sidebar,
.layout-3col__second-left-sidebar,
.layout-3col__col-1,
.layout-3col__col-2,
.layout-3col__col-3,
.layout-3col__col-4,
.layout-3col__col-x {
clear: both;
padding-left: 20px;
padding-right: 20px;
float: left;
width: 100%;
margin-left: 0%;
margin-right: -100%;
}
[dir="rtl"] .layout-3col__full,
[dir="rtl"] .layout-3col__left-content,
[dir="rtl"] .layout-3col__right-content,
[dir="rtl"] .layout-3col__left-sidebar,
[dir="rtl"] .layout-3col__right-sidebar,
[dir="rtl"] .layout-3col__first-left-sidebar,
[dir="rtl"] .layout-3col__second-left-sidebar,
[dir="rtl"] .layout-3col__col-1,
[dir="rtl"] .layout-3col__col-2,
[dir="rtl"] .layout-3col__col-3,
[dir="rtl"] .layout-3col__col-4,
[dir="rtl"] .layout-3col__col-x {
float: right;
margin-right: 0%;
margin-left: -100%;
}
@media (min-width: 777px) {
.layout-3col {
margin-left: -12px;
margin-right: -13px;
padding-left: 0;
padding-right: 0;
}
.layout-3col:before {
content: "";
display: table;
}
.layout-3col:after {
content: "";
display: table;
clear: both;
}
[dir="rtl"] .layout-3col {
margin-left: -13px;
margin-right: -12px;
}
.layout-3col__full,
.layout-3col__left-content,
.layout-3col__right-content,
.layout-3col__left-sidebar,
.layout-3col__right-sidebar {
float: left;
width: 100%;
margin-left: 0%;
margin-right: -100%;
padding-left: 12px;
padding-right: 13px;
}
[dir="rtl"] .layout-3col__full,
[dir="rtl"] .layout-3col__left-content,
[dir="rtl"] .layout-3col__right-content,
[dir="rtl"] .layout-3col__left-sidebar,
[dir="rtl"] .layout-3col__right-sidebar {
float: right;
margin-right: 0%;
margin-left: -100%;
}
[dir="rtl"] .layout-3col__full,
[dir="rtl"] .layout-3col__left-content,
[dir="rtl"] .layout-3col__right-content,
[dir="rtl"] .layout-3col__left-sidebar,
[dir="rtl"] .layout-3col__right-sidebar {
padding-left: 13px;
padding-right: 12px;
}
.layout-3col__first-left-sidebar,
.layout-3col__col-1,
.layout-3col__col-3,
.layout-3col__col-x:nth-child(2n + 1) {
float: left;
width: 50%;
margin-left: 0%;
margin-right: -100%;
padding-left: 12px;
padding-right: 13px;
}
[dir="rtl"] .layout-3col__first-left-sidebar,
[dir="rtl"] .layout-3col__col-1,
[dir="rtl"] .layout-3col__col-3,
[dir="rtl"] .layout-3col__col-x:nth-child(2n + 1) {
float: right;
margin-right: 0%;
margin-left: -100%;
}
[dir="rtl"] .layout-3col__first-left-sidebar,
[dir="rtl"] .layout-3col__col-1,
[dir="rtl"] .layout-3col__col-3,
[dir="rtl"] .layout-3col__col-x:nth-child(2n + 1) {
padding-left: 13px;
padding-right: 12px;
}
.layout-3col__second-left-sidebar,
.layout-3col__col-2,
.layout-3col__col-4,
.layout-3col__col-x:nth-child(2n) {
clear: none;
float: left;
width: 50%;
margin-left: 50%;
margin-right: -100%;
padding-left: 12px;
padding-right: 13px;
}
[dir="rtl"] .layout-3col__second-left-sidebar,
[dir="rtl"] .layout-3col__col-2,
[dir="rtl"] .layout-3col__col-4,
[dir="rtl"] .layout-3col__col-x:nth-child(2n) {
float: right;
margin-right: 50%;
margin-left: -100%;
}
[dir="rtl"] .layout-3col__second-left-sidebar,
[dir="rtl"] .layout-3col__col-2,
[dir="rtl"] .layout-3col__col-4,
[dir="rtl"] .layout-3col__col-x:nth-child(2n) {
padding-left: 13px;
padding-right: 12px;
}
}
@media (min-width: 999px) {
.layout-3col__full {
float: left;
width: 100%;
margin-left: 0%;
margin-right: -100%;
}
[dir="rtl"] .layout-3col__full {
float: right;
margin-right: 0%;
margin-left: -100%;
}
.layout-3col__left-content {
float: left;
width: 66.66667%;
margin-left: 0%;
margin-right: -100%;
}
[dir="rtl"] .layout-3col__left-content {
float: right;
margin-right: 0%;
margin-left: -100%;
}
.layout-3col__right-content {
float: left;
width: 66.66667%;
margin-left: 33.33333%;
margin-right: -100%;
}
[dir="rtl"] .layout-3col__right-content {
float: right;
margin-right: 33.33333%;
margin-left: -100%;
}
.layout-3col__left-sidebar,
.layout-3col__first-left-sidebar,
.layout-3col__second-left-sidebar {
clear: right;
float: right;
width: 33.33333%;
margin-right: 66.66667%;
margin-left: -100%;
}
[dir="rtl"] .layout-3col__left-sidebar,
[dir="rtl"] .layout-3col__first-left-sidebar,
[dir="rtl"] .layout-3col__second-left-sidebar {
clear: left;
}
[dir="rtl"] .layout-3col__left-sidebar,
[dir="rtl"] .layout-3col__first-left-sidebar,
[dir="rtl"] .layout-3col__second-left-sidebar {
float: left;
margin-left: 66.66667%;
margin-right: -100%;
}
.layout-3col__right-sidebar {
clear: right;
float: right;
width: 33.33333%;
margin-right: 0%;
margin-left: -100%;
}
[dir="rtl"] .layout-3col__right-sidebar {
clear: left;
}
[dir="rtl"] .layout-3col__right-sidebar {
float: left;
margin-left: 0%;
margin-right: -100%;
}
.layout-3col__col-1,
.layout-3col__col-x:nth-child(3n+1) {
clear: both;
float: left;
width: 33.33333%;
margin-left: 0%;
margin-right: -100%;
}
[dir="rtl"] .layout-3col__col-1,
[dir="rtl"] .layout-3col__col-x:nth-child(3n+1) {
float: right;
margin-right: 0%;
margin-left: -100%;
}
.layout-3col__col-2,
.layout-3col__col-x:nth-child(3n+2) {
clear: none;
float: left;
width: 33.33333%;
margin-left: 33.33333%;
margin-right: -100%;
}
[dir="rtl"] .layout-3col__col-2,
[dir="rtl"] .layout-3col__col-x:nth-child(3n+2) {
float: right;
margin-right: 33.33333%;
margin-left: -100%;
}
.layout-3col__col-3,
.layout-3col__col-x:nth-child(3n) {
clear: none;
float: left;
width: 33.33333%;
margin-left: 66.66667%;
margin-right: -100%;
}
[dir="rtl"] .layout-3col__col-3,
[dir="rtl"] .layout-3col__col-x:nth-child(3n) {
float: right;
margin-right: 66.66667%;
margin-left: -100%;
}
.layout-3col__col-4 {
display: none;
}
}
.layout-3col__grid-item-container {
padding-left: 0;
padding-right: 0;
}
.layout-3col__grid-item-container:before {
content: "";
display: table;
}
.layout-3col__grid-item-container:after {
content: "";
display: table;
clear: both;
}
.layout-center {
padding-left: 20px;
padding-right: 20px;
margin: 0 auto;
max-width: 1165px;
}
@media (min-width: 777px) {
.layout-center {
padding-left: 12px;
padding-right: 13px;
}
[dir="rtl"] .layout-center {
padding-left: 13px;
padding-right: 12px;
}
}
.layout-center--shared-grid,
.layout-center.layout-3col {
padding-left: 0;
padding-right: 0;
}
.layout-swap {
position: relative;
}
@media (min-width: 555px) {
.layout-swap {
padding-top: 48px;
}
}
@media (min-width: 555px) {
.layout-swap__top {
position: absolute;
top: 0;
height: 48px;
width: 100%;
}
}
.box {
margin-bottom: 1.5rem;
border: 5px solid #cccccc;
padding: 1em;
}
.box__title {
margin: 0;
}
.box:focus,
.box:hover,
.box.is-focus,
.box--is-focus {
border-color: #000;
}
.box--highlight {
border-color: #0072b9;
}
.clearfix:before,
.header:before,
.tabs:before {
content: '';
display: table;
}
.clearfix:after,
.header:after,
.tabs:after {
content: '';
display: table;
clear: both;
}
.comment__section,
.comments {
margin: 1.5rem 0;
}
.comment__title {
margin: 0;
}
.comment__permalink {
text-transform: uppercase;
font-size: 75%;
}
.comment--preview,
.comment-preview {
background-color: #fffadb;
}
.comment--nested,
.indented {
margin-left: 32px;
}
[dir="rtl"] .comment--nested,
[dir="rtl"] .indented {
margin-left: 0;
margin-right: 32px;
}
.header__logo {
float: left;
margin: 0 10px 0 0;
padding: 0;
}
[dir="rtl"] .header__logo {
float: right;
margin: 0 0 0 10px;
}
.header__logo-image {
vertical-align: bottom;
}
.header__name-and-slogan {
float: left;
}
.header__site-name {
margin: 0;
}
.header__site-link:link,
.header__site-link:visited {
color: #000;
text-decoration: none;
}
.header__site-link:hover,
.header__site-link:focus {
text-decoration: underline;
}
.header__site-slogan {
margin: 0;
}
.header__secondary-menu {
float: right;
}
[dir="rtl"] .header__secondary-menu {
float: left;
}
.header__region {
clear: both;
}
.hidden,
html.js .js-hidden,
html.js .element-hidden,
html.js .js-hide {
display: none;
}
.highlight-mark,
.new,
.update {
color: #c00;
background-color: transparent;
}
.inline-links,
.inline.links {
padding: 0;
}
.inline-links__item,
.inline.links li {
display: inline;
list-style-type: none;
padding: 0 1em 0 0;
}
[dir="rtl"] .inline-links__item,
[dir="rtl"] .inline.links li,
.inline.links [dir="rtl"] li {
display: inline-block;
padding: 0 0 0 1em;
}
.inline-sibling,
.field-label-inline .field-label,
span.field-label {
display: inline;
margin-right: 10px;
}
[dir="rtl"] .inline-sibling,
[dir="rtl"] .field-label-inline .field-label,
.field-label-inline [dir="rtl"] .field-label,
[dir="rtl"] span.field-label {
margin-right: 0;
margin-left: 10px;
}
.inline-sibling__child,
.inline-sibling *,
.field-label-inline .field-label *,
span.field-label * {
display: inline;
}
.inline-sibling__adjacent,
.inline-sibling+*,
.inline-sibling+*> :first-child,
.inline-sibling+*> :first-child> :first-child,
.field-label-inline .field-label+*,
span.field-label+*,
.field-label-inline .field-label+*> :first-child,
span.field-label+*> :first-child,
.field-label-inline .field-label+*> :first-child> :first-child,
span.field-label+*> :first-child> :first-child {
display: inline;
}
.field-label-inline .field-label,
.field-label-inline .field-items {
float: none;
}
.messages,
.messages--status {
margin: 1.5rem 0;
position: relative;
padding: 10px 10px 10px 44px;
border: 1px solid #0072b9;
}
[dir="rtl"] .messages,
[dir="rtl"] .messages--status {
padding: 10px 44px 10px 10px;
background-position: 99% 8px;
}
.messages__icon {
position: absolute;
top: 50%;
left: 10px;
height: 24px;
width: 24px;
margin-top: -12px;
line-height: 1;
}
[dir="rtl"] .messages__icon {
left: auto;
right: 0;
}
.messages__icon path {
fill: #0072b9;
}
.messages__highlight,
.messages--error .error,
.messages.error .error {
color: #000;
}
.messages__list {
margin: 0;
}
.messages__item {
list-style-image: none;
}
.messages--ok-color,
.messages,
.messages--status,
.ok,
.revision-current {
background-color: #f6fcff;
color: #0072b9;
}
.messages--warning-color,
.messages--warning,
.messages.warning,
.warning {
background-color: #fffce6;
color: #000;
}
.messages--error-color,
.messages--error,
.messages.error,
.error {
background-color: #fff0f0;
color: #c00;
}
.messages--warning,
.messages.warning {
border-color: #fd0;
}
.messages--warning path,
.messages.warning path {
fill: #fd0;
}
.messages--error,
.messages.error {
border-color: #c00;
}
.messages--error path,
.messages.error path {
fill: #c00;
}
@media print {
.print-none,
.toolbar,
.action-links,
.links,
.book-navigation,
.forum-topic-navigation,
.feed-icons {
display: none;
}
}
.responsive-video,
.media-youtube-video,
.media-vimeo-preview-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.responsive-video__embed,
.responsive-video iframe,
.media-youtube-video iframe,
.media-vimeo-preview-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video--4-3 {
padding-bottom: 75%;
}
.visually-hidden,
.element-invisible,
.element-focusable,
.breadcrumb__title,
.main-navigation .block-menu .block__title,
.main-navigation .block-menu-block .block__title {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal;
}
.visually-hidden--off,
.visually-hidden--focusable:active,
.visually-hidden--focusable:focus,
.element-focusable:active,
.element-focusable:focus {
position: static !important;
clip: auto;
height: auto;
width: auto;
overflow: visible;
}
.watermark {
font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
display: block;
height: 0;
overflow: visible;
background-color: transparent;
color: #eeeeee;
font-size: 75px;
line-height: 1;
text-align: center;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
word-wrap: break-word;
}
@media print {
.breadcrumb {
display: none;
}
}
.breadcrumb__list {
margin: 0;
padding: 0;
}
.breadcrumb__item {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
.more-link,
.more-help-link {
text-align: right;
}
[dir="rtl"] .more-link,
[dir="rtl"] .more-help-link {
text-align: left;
}
.more-link__help-icon,
.more-help-link a {
padding: 1px 0 1px 20px;
background-image: url(../sass/navigation/more-link/more-link__help-icon.svg);
background-position: 0 50%;
background-repeat: no-repeat;
}
[dir="rtl"] .more-link__help-icon,
[dir="rtl"] .more-help-link a,
.more-help-link [dir="rtl"] a {
padding: 1px 20px 1px 0;
background-position: 100% 50%;
}
.nav-menu__item,
.menu__item {
list-style-image: url(../sass/navigation/nav-menu/leaf.svg);
list-style-type: square;
}
.nav-menu__item.is-expanded,
.nav-menu__item--is-expanded,
.is-expanded.menu__item,
.menu__item.is-expanded {
list-style-image: url(../sass/navigation/nav-menu/expanded.svg);
list-style-type: circle;
}
.nav-menu__item.is-collapsed,
.nav-menu__item--is-collapsed,
.is-collapsed.menu__item,
.menu__item.is-collapsed {
list-style-image: url(../sass/navigation/nav-menu/collapsed.svg);
list-style-type: disc;
}
[dir="rtl"] .nav-menu__item.is-collapsed,
[dir="rtl"] .nav-menu__item--is-collapsed,
[dir="rtl"] .is-collapsed.menu__item,
[dir="rtl"] .menu__item.is-collapsed {
list-style-image: url(../sass/navigation/nav-menu/collapsed-rtl.svg);
}
.nav-menu__link.is-active,
.nav-menu__link--is-active,
.menu a.active {
color: #000;
}
.navbar,
.main-navigation .links,
.main-navigation .menu {
margin: 0;
padding: 0;
text-align: left;
}
[dir="rtl"] .navbar,
[dir="rtl"] .main-navigation .links,
.main-navigation [dir="rtl"] .links,
[dir="rtl"] .main-navigation .menu,
.main-navigation [dir="rtl"] .menu {
text-align: right;
}
.navbar__item,
.navbar li,
.main-navigation .links li,
.main-navigation .menu li {
float: left;
padding: 0 10px 0 0;
list-style-type: none;
list-style-image: none;
}
[dir="rtl"] .navbar__item,
[dir="rtl"] .navbar li,
[dir="rtl"] .main-navigation .links li,
.main-navigation [dir="rtl"] .links li,
[dir="rtl"] .main-navigation .menu li,
.main-navigation [dir="rtl"] .menu li {
float: right;
padding: 0 0 0 10px;
}
.pager {
clear: both;
padding: 0;
text-align: center;
}
@media print {
.pager {
display: none;
}
}
.pager__item,
.pager__current-item,
.pager-current,
.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {
display: inline;
padding: 0 .5em;
list-style-type: none;
background-image: none;
}
.pager__current-item,
.pager-current {
font-weight: bold;
}
.skip-link {
display: block;
padding: 2px 0 3px;
text-align: center;
}
.skip-link:link,
.skip-link:visited {
background-color: #666666;
color: #fff;
}
.skip-link__wrapper {
margin: 0;
}
@media print {
.skip-link__wrapper {
display: none;
}
}
.tabs {
margin: 1.125rem 0 0;
line-height: 1.875rem;
border-bottom: 1px solid #cccccc \0/ie;
background-image: -webkit-linear-gradient(bottom, #cccccc 1px, transparent 1px);
background-image: linear-gradient(to top, #cccccc 1px, transparent 1px);
padding: 0 2px;
list-style: none;
white-space: nowrap;
}
@media print {
.tabs {
display: none;
}
}
.tabs__tab {
float: left;
margin: 0 3px;
border: 1px solid #cccccc;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-color: transparent;
border-bottom: 0 \0/ie;
overflow: hidden;
background: #dddddd;
}
[dir="rtl"] .tabs__tab {
float: right;
}
.tabs__tab.is-active {
border-bottom-color: #fff;
}
.tabs__tab-link {
padding: 0 1.5rem;
display: block;
text-decoration: none;
-webkit-transition: color .3s, background .3s, border .3s;
transition: color .3s, background .3s, border .3s;
text-shadow: #fff 0 1px 0;
color: #000;
background: #dddddd;
letter-spacing: 1px;
}
.tabs__tab-link:focus,
.tabs__tab-link:hover {
background: #eaeaea;
}
.tabs__tab-link:active,
.tabs__tab-link.is-active,
.tabs__tab-link--is-active {
background: #fff;
text-shadow: none;
}
.tabs--off,
.views-displays .secondary {
margin: 0;
border-bottom: 0;
padding: 0;
background-image: none;
}
.tabs--secondary {
margin-top: 1.5rem;
font-size: 0.875rem;
background-image: none;
}
.tabs+.tabs--secondary {
margin-top: 0;
background-image: -webkit-linear-gradient(bottom, #cccccc 1px, transparent 1px);
background-image: linear-gradient(to top, #cccccc 1px, transparent 1px);
}
.tabs--secondary .tabs__tab {
margin: 0.5625rem 0.1875rem;
border: 0;
background: transparent;
}
[dir="rtl"] .tabs--secondary .tabs__tab {
float: right;
}
.tabs--secondary .tabs__tab.is-active {
border-bottom-color: transparent;
}
.tabs--secondary .tabs__tab-link {
border: 1px solid #cccccc;
border-radius: 24px;
color: #666666;
background: #f1f1f1;
letter-spacing: normal;
}
.tabs--secondary .tabs__tab-link:focus,
.tabs--secondary .tabs__tab-link:hover {
color: #333333;
background: #dddddd;
border-color: #999999;
}
.tabs--secondary .tabs__tab-link:active,
.tabs--secondary .tabs__tab-link.is-active,
.tabs--secondary .tabs__tab-link--is-active {
color: white;
text-shadow: #333333 0 1px 0;
background: #666666;
border-color: black;
}
.autocomplete,
.form-autocomplete {
background-image: url(../sass/forms/autocomplete/throbber-inactive.png);
background-position: 100% center;
background-repeat: no-repeat;
}
[dir="rtl"] .autocomplete,
[dir="rtl"] .form-autocomplete {
background-position: 0% center;
}
.autocomplete__list-wrapper,
#autocomplete {
border: 1px solid;
overflow: hidden;
position: absolute;
z-index: 100;
}
.autocomplete__list,
#autocomplete ul {
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
.autocomplete__list-item,
#autocomplete li {
background: #fff;
color: #000;
cursor: default;
white-space: pre;
}
.autocomplete__list-item.is-selected,
.autocomplete__list-item--is-selected,
#autocomplete li.is-selected,
#autocomplete .selected {
background: #0072b9;
color: #fff;
}
.autocomplete.is-throbbing,
.autocomplete--is-throbbing,
.is-throbbing.form-autocomplete,
.form-autocomplete.throbbing {
background-image: url(../sass/forms/autocomplete/throbber-active.gif);
}
.collapsible-fieldset,
.collapsible {
position: relative;
}
.collapsible-fieldset__legend,
.collapsible .fieldset-legend {
display: block;
padding-left: 15px;
background-image: url(../sass/forms/collapsible-fieldset/expanded.svg);
background-position: 4px 50%;
background-repeat: no-repeat;
}
[dir="rtl"] .collapsible-fieldset__legend,
[dir="rtl"] .collapsible .fieldset-legend,
.collapsible [dir="rtl"] .fieldset-legend {
padding-left: 0;
padding-right: 15px;
background-position: right 4px top 50%;
}
.collapsible-fieldset__summary,
.collapsible .fieldset-legend .summary {
color: #999999;
font-size: .9em;
margin-left: .5em;
}
.collapsible-fieldset.is-collapsed,
.collapsible-fieldset--is-collapsed,
.is-collapsed.collapsible,
.collapsible.collapsed {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
height: 1em;
}
.collapsible-fieldset.is-collapsed .collapsible-fieldset__wrapper,
.collapsible-fieldset--is-collapsed__wrapper,
.is-collapsed.collapsible .collapsible-fieldset__wrapper,
.collapsible.collapsed .fieldset-wrapper {
display: none;
}
.collapsible-fieldset.is-collapsed .collapsible-fieldset__legend,
.collapsible-fieldset--is-collapsed__legend,
.is-collapsed.collapsible .collapsible-fieldset__legend,
.collapsible.collapsed .fieldset-legend,
.collapsible-fieldset.is-collapsed .collapsible .fieldset-legend,
.collapsible .collapsible-fieldset.is-collapsed .fieldset-legend,
.is-collapsed.collapsible .fieldset-legend {
background-image: url(../sass/forms/collapsible-fieldset/collapsed.svg);
background-position: 4px 50%;
}
[dir="rtl"] .collapsible-fieldset.is-collapsed .collapsible-fieldset__legend,
[dir="rtl"] .collapsible-fieldset--is-collapsed__legend,
[dir="rtl"] .is-collapsed.collapsible .collapsible-fieldset__legend,
[dir="rtl"] .collapsible.collapsed .fieldset-legend,
.collapsible.collapsed [dir="rtl"] .fieldset-legend,
[dir="rtl"] .collapsible-fieldset.is-collapsed .collapsible .fieldset-legend,
.collapsible [dir="rtl"] .collapsible-fieldset.is-collapsed .fieldset-legend,
[dir="rtl"] .is-collapsed.collapsible .fieldset-legend {
background-image: url(../sass/forms/collapsible-fieldset/collapsed-rtl.svg);
background-position: right 4px top 50%;
}
.form-item {
margin: 1.5rem 0;
}
.form-item__required,
.form-required {
color: #c00;
}
.form-item__description,
.form-item .description {
font-size: 0.875rem;
}
.form-item--inline div,
.form-item--inline label,
.container-inline .form-item div,
.container-inline .form-item label {
display: inline;
}
.form-item--inline__exception,
.container-inline .fieldset-wrapper {
display: block;
}
.form-item--tight,
.form-item--radio,
.form-type-radio,
.form-type-checkbox,
.password-parent,
.confirm-parent,
table .form-item {
margin: 0;
}
.form-item--radio .form-item__label,
.form-item--radio__label,
.form-type-radio .form-item__label,
.form-type-checkbox .form-item__label,
label.option {
display: inline;
font-weight: normal;
}
.form-item--radio .form-item__description,
.form-item--radio__description,
.form-type-radio .form-item__description,
.form-type-checkbox .form-item__description,
.form-type-radio .description,
.form-type-checkbox .description,
.form-item--radio .form-item .description,
.form-item .form-item--radio .description,
.form-type-radio .form-item .description,
.form-item .form-type-radio .description,
.form-type-checkbox .form-item .description,
.form-item .form-type-checkbox .description {
margin-left: 1.4em;
}
.form-item.is-error .form-item__widget,
.form-item--is-error__widget,
.form-item.is-error input,
.form-item.is-error textarea,
.form-item.is-error select,
.form-item--is-error input,
.form-item--is-error textarea,
.form-item--is-error select,
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
border: 1px solid #c00;
}
.form-table__sticky-header,
.sticky-header {
position: fixed;
visibility: hidden;
margin-top: 0;
background-color: #fff;
}
.form-table__sticky-header.is-sticky,
.form-table__sticky-header--is-sticky,
.is-sticky.sticky-header {
visibility: visible;
}
.form-table__header,
.form-table th,
form table th {
border-bottom: 3px solid #cccccc;
padding-right: 1em;
text-align: left;
}
[dir="rtl"] .form-table__header,
[dir="rtl"] .form-table th,
.form-table [dir="rtl"] th,
[dir="rtl"] form table th,
form table [dir="rtl"] th {
text-align: right;
padding-left: 1em;
padding-right: 0;
}
.form-table__body,
.form-table tbody,
form table tbody {
border-top: 1px solid #cccccc;
}
.form-table__row,
.form-table tbody tr,
form table tbody tr {
padding: .1em .6em;
border-bottom: 1px solid #cccccc;
background-color: #eeeeee;
}
.form-table__row:nth-child(even),
.form-table tbody tr:nth-child(even),
form table tbody tr:nth-child(even) {
background-color: #fff;
}
.form-table__row.is-active,
.form-table__row--is-active,
.form-table tbody tr.is-active,
form table tbody tr.is-active,
td.active {
background-color: #dddddd;
}
.form-table__row.is-disabled,
.form-table__row--is-disabled,
.form-table tbody tr.is-disabled,
form table tbody tr.is-disabled,
td.menu-disabled {
background: #cccccc;
}
.form-table__row.is-selected,
.form-table__row--is-selected,
.form-table tbody tr.is-selected,
form table tbody tr.is-selected,
tr.selected td {
background: #fffdf0;
}
.form-table__list,
.form-table ul,
form table ul {
margin: 0;
}
.form-table__narrow-column,
.form-table th.form-table__narrow-column,
form table th.form-table__narrow-column,
td .checkbox,
th .checkbox {
width: -moz-min-content;
width: -webkit-min-content;
text-align: center;
}
.progress-bar,
.progress {
font-weight: bold;
}
.progress-bar__bar,
.progress .bar {
border-radius: 3px;
margin: 0 .2em;
border: 1px solid #666666;
background-color: #cccccc;
}
.progress-bar__fill,
.progress .filled {
height: 1.5em;
width: 5px;
background: #0072b9 url(../sass/forms/progress-bar/progress-bar.gif) repeat 0 0;
}
.progress-bar__percentage,
.progress .percentage {
float: right;
}
[dir="rtl"] .progress-bar__percentage,
[dir="rtl"] .progress .percentage,
.progress [dir="rtl"] .percentage {
float: left;
}
.progress-bar--inline,
.ajax-progress-bar {
width: 16em;
display: inline-block;
}
[dir="rtl"] .progress-bar--inline,
[dir="rtl"] .ajax-progress-bar {
float: right;
}
.progress-throbber,
.ajax-progress {
display: inline-block;
}
[dir="rtl"] .progress-throbber,
[dir="rtl"] .ajax-progress {
float: right;
}
.progress-throbber__widget,
.ajax-progress .throbber {
background: url(../sass/forms/progress-throbber/progress-throbber.gif) no-repeat 0 -18px transparent;
float: left;
height: 15px;
margin: 2px;
width: 15px;
}
[dir="rtl"] .progress-throbber__widget,
[dir="rtl"] .ajax-progress .throbber,
.ajax-progress [dir="rtl"] .throbber {
float: right;
}
.progress-throbber__widget-in-tr,
tr .ajax-progress .throbber {
margin: 0 2px;
}
.progress-throbber__message,
.ajax-progress .message {
padding-left: 20px;
}
.resizable-textarea,
.resizable-textarea textarea {
width: 100%;
vertical-align: bottom;
}
.resizable-textarea__grippie,
.resizable-textarea .grippie {
background: url(../sass/forms/resizable-textarea/grippie.png) no-repeat center 2px #eeeeee;
border: 1px solid #cccccc;
border-top-width: 0;
cursor: s-resize;
height: 9px;
overflow: hidden;
}
.table-drag__wrapper,
body.drag {
cursor: move;
}
.table-drag__item,
tr.drag {
background-color: #fffadb;
}
.table-drag__item-previous,
tr.drag-previous {
background-color: #fff7c2;
}
.table-drag__handle,
.tabledrag-handle {
cursor: move;
float: left;
height: 1.7em;
margin-left: -1em;
overflow: hidden;
text-decoration: none;
font-size: 12px;
}
[dir="rtl"] .table-drag__handle,
[dir="rtl"] .tabledrag-handle {
float: right;
margin-right: -1em;
margin-left: 0;
}
.table-drag__handle:focus,
.table-drag__handle:hover,
.tabledrag-handle:focus,
.tabledrag-handle:hover {
text-decoration: none;
}
.table-drag__handle-icon,
.tabledrag-handle .handle {
box-sizing: content-box;
background: url(../sass/forms/table-drag/handle-icon.png) no-repeat 6px 9px;
height: 13px;
margin: -.4em .5em;
padding: .42em .5em;
width: 13px;
}
.table-drag__handle.is-hover .table-drag__handle-icon,
.table-drag__handle-icon--is-hover,
.is-hover.tabledrag-handle .table-drag__handle-icon,
.tabledrag-handle-hover .handle,
.table-drag__handle.is-hover .tabledrag-handle .handle,
.tabledrag-handle .table-drag__handle.is-hover .handle,
.is-hover.tabledrag-handle .handle {
background-position: 6px -11px;
}
.table-drag__toggle-weight-wrapper,
.tabledrag-toggle-weight-wrapper {
text-align: right;
}
[dir="rtl"] .table-drag__toggle-weight-wrapper,
[dir="rtl"] .tabledrag-toggle-weight-wrapper {
text-align: left;
}
.table-drag__toggle-weight,
.tabledrag-toggle-weight {
font-size: .9em;
}
.table-drag__indentation,
.indentation {
float: left;
height: 1.7em;
margin: -.4em .2em -.4em -.4em;
padding: .42em 0 .42em .6em;
width: 20px;
}
[dir="rtl"] .table-drag__indentation,
[dir="rtl"] .indentation {
float: right;
margin: -.4em -.4em -.4em .2em;
padding: .42em .6em .42em 0;
}
.table-drag__tree-child,
.table-drag__tree-child-last,
.tree-child-last,
.table-drag__tree-child-horizontal,
.tree-child-horizontal,
.tree-child {
background: url(../sass/forms/table-drag/tree-child.png) no-repeat 11px center;
}
[dir="rtl"] .table-drag__tree-child,
[dir="rtl"] .table-drag__tree-child-last,
[dir="rtl"] .tree-child-last,
[dir="rtl"] .table-drag__tree-child-horizontal,
[dir="rtl"] .tree-child-horizontal,
[dir="rtl"] .tree-child {
background-position: -65px center;
}
.table-drag__tree-child-last,
.tree-child-last {
background-image: url(../sass/forms/table-drag/tree-child-last.png);
}
.table-drag__tree-child-horizontal,
.tree-child-horizontal {
background-position: -11px center;
}
/*styles for blog*/
.field-items .img-box {
border-bottom: 1px solid #cecece;
width: 100%;
max-width: 600px;
margin: 25px auto 20px;
font-style: italic;
text-align: center;
}
.field-items .img-box p {
margin: 10px 0;
}
.field-name-field-show-contacts {
display: none;
}
.field-name-field-main-hd {
display: none;
}
.node-articles .field-name-field-prev-text {
display: none;
}
.page_wrap_banner.russian__custom__header {
width: 100%;
margin-bottom: 35px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
min-height: 202px;
background-image: url(/sites/all/themes/zen/stardestroyer/images/rl-12-12-18-b.png);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
}
.page_wrap_banner.russian__custom__header h1 {
width: 100%;
max-width: 415px;
margin: 0 auto;
font-family: Merriweather, serif;
font-size: 24px;
line-height: 36px;
text-align: center;
}
.page_wrap_banner.russian__custom__header h1 span {
color: #c00808;
}
.download__price__link {
display: block;
width: 100%;
max-width: 270px;
margin: 0 auto;
margin-bottom: 15px;
background-color: #c00808;
border-radius: 25px;
padding: 13px 10px;
text-align: center;
font-size: 16px;
line-height: 1em;
color: #fff;
}
/*.views_slideshow_cycle_teaser_section_big_slider-block {
width: 100%;
}*/
/*Re-style links for lang pages 05-02-2019*/
.pop__up__links__wrap.for-lang {
justify-content: center;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
-o-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.pop__up__link__item.skype {
max-width: 125px;
padding-left: 25px;
background-image: url('../img/skype.svg');
background-position: 15px center;
background-repeat: no-repeat;
-webkit-background-size: 30px;
background-size: 20px;
}
.pop__up__link__item.free--lesson.for-lang {
max-width: 150px;
}
.pop__up__link__item.whatsapp,
.pop__up__link__item.viber {
max-width: 50px;
min-height: 46px;
margin-right: 0;
font-size: 0;
background-position: center;
background-repeat: no-repeat;
-webkit-background-size: 30px;
background-size: 20px;
}
.pop__up__link__item.whatsapp {
border-radius: 25px 0px 0px 25px;
margin-right: 5px;
background-image: url('../img/whatsapp.svg');
}
.pop__up__link__item.viber {
border-radius: 0px 25px 25px 0px;
background-image: url('../img/viber-icon-3.png');
}
.pop__up__link__item.phone {
background-color: transparent;
max-width: 150px;
}
.pop__up__link__item.phone:hover {
background-color: transparent;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.pop__up__links__wrap.for-lang {
justify-content: center;
}
.pop__up__link__item.for-lang {
margin: 0px 15px;
margin-bottom: 15px;
}
.pop__up__link__item.viber {
margin-left: 0;
}
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.pop__up__links__wrap.for-lang {
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
-o-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.pop__up__link__item.callback--order.for-lang {
font-size: 14px;
}
}
@media screen and (min-width: 1200px) {
.pop__up__link__item.for-lang {
margin: 0;
margin-right: 15px;
}
.pop__up__link__item.whatsapp {
margin-right: 5px;
}
.pop__up__links__wrap.for-lang {
justify-content: flex-start;
padding-left: 50px;
}
.pop__up__link__item.phone {
margin-left: 25px;
}
}
.footer__links__custom {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-ms-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__links__custom .pop__up__link__item {
margin-bottom: 15px;
}
.footer__links__custom .pop__up__link__item.skype {
margin-right: 10px;
}
.footer__links__custom .pop__up__link__item.phone {
width: 100%;
max-width: 100%;
margin: 0;
margin-bottom: 15px;
}
@media screen and (min-width: 1000px) {
.footer__links__custom .pop__up__link__item.phone {
text-align: left;
}
.footer__social__wrap.custom-footer {
margin-left: 0;
}
}
/*Re-style links for lang pages 05-02-2019 END*/
/* NewStyle 23-07-2019 */
.wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.page_margin {
margin-top: 70px;
}
.page-headline {
font-family: Merriweather, serif;
margin: 0 auto;
max-width: 695px;
font-size: 28px;
font-weight: 700;
text-align: center;
padding: 0 15px;
margin-bottom: 50px;
}
.page {
font-family: Merriweather, serif;
position: relative;
z-index: 2;
}
.page-background {
position: absolute;
height: 709px;
width: 370px;
top: -200px;
right: -40px;
z-index: -1;
}
.font-w-700 {
font-weight: 700;
}
.text-underline {
text-decoration: underline;
}
.font-upper {
text-transform: uppercase;
}
.main-text {
font-size: 16px;
line-height: 20px;
margin: 0;
color: #000;
margin-bottom: 10px;
}
.text-red {
color: #C00808;
}
.desc-text {
color: #8B8B8B;
font-size: 14px;
line-height: 18px;
font-family: 'Source Sans Pro';
}
.after-line {
position: relative;
max-width: 500px;
margin: 0 auto;
}
.bg-circule {
position: relative;
}
.bg-circule:after {
content: '';
position: absolute;
width: 69px;
height: 69px;
border-radius: 50%;
border: 23px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
bottom: 150px;
left: -50px;
}
.category__desc {
font-family: Source Sans Pro;
font-size: 16px;
line-height: 20px;
text-align: center;
max-width: 756px;
margin: 0 auto;
margin-top: 40px;
}
.title {
font-family: Merriweather, serif;
font-size: 28px;
font-weight: 700;
margin: 0;
}
.text-height {
min-height: 50px;
}
.title-text {
color: #000;
font-size: 22px;
line-height: 28px;
text-transform: uppercase;
font-weight: 700;
}
.box-certificate {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.box-certificate__item {
text-align: center;
border: 1px solid #CECECE;
border-radius: 20px;
margin: 0 10px;
flex: 0 0 31%;
margin-bottom: 10px;
padding: 0 23px 31px 40px;
}
.box-certificate__item:last-child {
background: #F4F4F4;
padding: 31px 23px 31px 40px;
border-color: #F4F4F4;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.category__subheader {
font-size: 24px;
}
.block-desc {
margin-bottom: 50px;
}
.block-desc__text {
text-align: center;
max-width: 756px;
margin: 0 auto;
font-size: 16px;
line-height: 20px;
}
.block-desc__text-theme {
max-width: 100%
}
.box-certificate__item p:first-child {
font-size: 22px;
}
.item-img {
position: relative;
}
.item-img svg {
fill: #DDDDDD;
width: 59px;
height: 59px;
position: relative;
}
.item-img:before {
content: '';
position: absolute;
background: url(../img/arrow.svg);
bottom: 10px;
left: -11px;
width: 22px;
height: 22px;
z-index: 1;
}
.block-mb {
margin-bottom: 56px;
}
.item-text {
max-width: 329px;
font-size: 16px;
}
.scale-img {
height: 335px;
background-size: contain !important;
background-repeat: no-repeat !important;
margin-bottom: 43px;
}
.block-head {
background-size: cover;
min-height: 433px;
}
.box-head {
text-align: center;
max-width: 756px;
margin: 0 auto;
}
.block-center {
margin: 0 auto;
}
/* Slider */
.slider-course {
position: relative;
overflow: hidden;
}
.slider-course .swiper-scrollbar-drag {
background: #D8D8D8;
}
.slider-course .swiper-scrollbar {
background: #F2F2F2;
}
.slider-course-item__link {
text-decoration: none;
color: #000;
}
.slider-course-items {
margin-bottom: 15px;
}
.slider-course-item {
max-width: 369px;
background: #F2F2F2;
border-radius: 10px;
height: 100%;
min-height: 505px;
padding: 20px 26px;
position: relative;
overflow: hidden;
}
.slider-course-item img {
position: absolute;
bottom: -130px;
}
.slider-course-item .main-text {
font-size: 15px;
}
.slider-course-item .box-btn {
margin: 0 0 5px 0;
padding: 0 8px 0 8px;
}
.slider-course .swiper-button-next {
width: 20px;
height: 20px;
border-left: 5px solid #000;
border-bottom: 5px solid #000;
opacity: 1;
background-image: none;
-webkit-transform: rotate(223deg);
-ms-transform: rotate(223deg);
transform: rotate(223deg);
right: 5px;
}
.slider-course .swiper-button-prev {
width: 20px;
height: 20px;
border-left: 5px solid #000;
border-bottom: 5px solid #000;
opacity: 1;
background-image: none;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: 5px;
}
.course-age {
color: white;
background: #C00808;
border-radius: 50px;
max-width: 150px;
text-align: center;
text-transform: uppercase;
padding: 10px 10px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
}
.block-age-btn {
color: white;
background: #C00808;
border-radius: 50px;
max-width: 150px;
text-align: center;
text-transform: uppercase;
padding: 10px 10px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
margin: 0 auto;
font-weight: 700;
margin-bottom: 20px;
margin-top: 20px;
}
.block-age-btn p {
margin: 0;
}
.course-name {
font-size: 26px;
font-family: 'Merriweather', serif;
margin: 0;
}
.course-desc {
font-family: 'Source Sans Pro', sans-serif;
padding-bottom: 35px;
font-size: 16px;
}
.no-padding {
padding: 0;
}
.slider-course-items ul {
padding-left: 22px;
font-size: 16px;
}
.slider-course-items ul>li {
position: relative;
list-style-type: none;
padding-bottom: 15px;
padding-left: 10px;
}
.slider-course-items ul>li:before {
content: '';
position: absolute;
width: 22px;
height: 22px;
background: url(../img/plus.svg);
left: -25px;
top: -3px;
}
/* Slider END */
/* Table */
.box-table {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.box-table__table {
flex: 0 0 60%;
position: relative;
}
.box-table__content {
flex: 0 0 20%;
}
.box-table table {
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
border-radius: 10px;
border-spacing: 0;
border-collapse: collapse;
text-align: center;
margin: 0;
}
.box-table th {
background: #C00808;
padding: 10px 20px;
color: #fff;
text-transform: uppercase;
}
.box-table td {
border-style: solid;
border-width: 1px;
border-color: #F0F0F0;
padding: 10px 20px;
width: 204px;
}
.box-table th:first-child,
.box-table td:first-child {
text-align: center;
width: 236px;
}
.box-table th:first-child {
border-top-left-radius: 10px;
}
.box-table th:last-child {
border-top-right-radius: 10px;
}
.box-table__table:after {
content: '';
position: absolute;
background-image: url(../img/arrow-red.png);
background-repeat: no-repeat;
width: 24px;
height: 18px;
right: -45px;
bottom: 60px;
}
/* Table END */
.block-advantage {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box-advantage {
flex: 0 0 28%;
margin-bottom: 50px;
}
.box-advantage svg {
width: 22px;
height: 22px;
margin-bottom: 20px;
}
.box-advantage__title {
font-weight: 700;
margin: 0;
font-size: 16px;
}
.block-exam {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.box-exam {
min-height: 418px;
position: relative;
padding: 86px 40px 0 40px;
flex: 0 0 32%;
background: #FFFFFF;
box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.042);
border-radius: 20px;
font-family: Source Sans Pro;
margin-bottom: 20px;
}
.box-exam svg {
position: absolute;
width: 32px;
height: 32px;
right: 27px;
top: 28px;
}
.box-exam__title {
font-weight: 700;
font-size: 24px;
padding: 15px 0;
}
.box-exam__text {
line-height: 20px;
font-size: 16px;
}
.box-skills {
display: flex;
justify-content: space-between;
align-items: center;
border: 1px solid #CECECE;
border-radius: 20px;
padding: 0 42px 0 27px;
flex-wrap: wrap;
}
.box-skills__title {
flex: 0 0 32%
}
.box-skills__items {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0 20px;
flex: 0 0 68%;
justify-content: center;
}
.box-skills__item {
display: flex;
justify-content: space-around;
border-right: 1px solid #CECECE;
padding: 45px 20px;
font-size: 20px;
font-family: Source Sans Pro;
align-items: center;
}
.box-skills__item:last-of-type {
border-right: none;
}
.box-skills__item img {
width: 48px;
height: 48px;
margin-right: 20px;
}
.box-price {
display: flex;
justify-content: space-between;
}
.box-price__left {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex: 0 0 68%;
}
.box-price__items {
display: flex;
flex-wrap: wrap;
}
.price-flex {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.box-price__main-text {
font-size: 18px;
font-family: Source Sans Pro;
margin: 0 0 16px 0;
}
.main-text__red {
color: #C00808;
font-weight: 700;
margin: 0;
}
.main-text__grey {
color: #8B8B8B;
}
.box-price__item {
flex: 0 0 50%;
}
.box-price__item img {
width: 28px;
height: 28px;
}
.box-price__padding {
padding: 32px 40px 32px 42px;
}
.box-price__red {
background: #C00808;
padding: 12px;
border-radius: 20px;
color: #fff;
font-weight: 700;
text-align: center;
text-transform: uppercase;
font-size: 18px;
}
.box-price__format,
.box-price__points {
border: 1px solid #CECECE;
box-sizing: border-box;
border-radius: 20px;
flex: 0 0 48%;
}
.box-price__right {
display: flex;
flex-wrap: wrap;
flex: 0 0 30%;
}
.box-price__data,
.box-price__price {
border: 1px solid #CECECE;
position: relative;
box-sizing: border-box;
border-radius: 20px;
flex: 0 0 100%;
}
.box-price__data {
margin-bottom: 20px;
}
.box-price__text {
font-family: Merriweather, serif;
font-weight: bold;
font-size: 20px;
line-height: 25px;
}
.box-price__list li {
position: relative;
margin: 0;
padding: 0 0 20px 0;
list-style-type: none;
}
.box-price__list li:before {
content: '';
position: absolute;
background: url('../img/arrow.svg');
width: 22px;
height: 22px;
left: -37px;
}
.box-price__amount {
position: absolute;
font-size: 36px;
padding-left: 15px;
bottom: 20px;
right: 40px;
}
.box-price__amount:before {
content: '';
position: absolute;
background: url('../img/euro.svg');
width: 32px;
height: 32px;
left: -25px;
top: 5px;
}
.overflow-image {
position: relative;
}
.overflow-image:after {
content: '';
background: linear-gradient(270deg, rgba(255, 255, 255, 0.728) 0%, rgba(255, 255, 255, 0) 100%);
position: absolute;
height: 100%;
width: 201px;
top: 0;
right: -1px;
z-index: 1;
}
.overflow-image .swiper-slide {
width: auto;
margin-bottom: 10px;
}
.overflow-image .swiper-wrapper {
margin-bottom: 20px;
}
.overflow-image .swiper-scrollbar-drag {
background: #D8D8D8;
}
.overflow-image .swiper-scrollbar {
background: #F2F2F2;
}
.block-btn {
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 750px;
margin: 0 auto;
}
.block-btn-margin {
margin-top: 40px;
margin-bottom: 40px;
}
.box-btn {
border: 1px solid #CECECE;
box-sizing: border-box;
border-radius: 50px;
margin: 0 20px 20px 0;
padding: 16px 16px 16px 39px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 355px;
}
.box-btn-new {
border: 1px solid #CECECE;
box-sizing: border-box;
border-radius: 50px;
margin: 0 20px 20px 0;
padding: 16px 16px 16px 39px;
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 355px;
transition: .4s;
}
.box-btn-new:hover {
color: #C00808;
transition: .4s;
}
.box-btn__link {
text-decoration: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.block-subtitle {
font-size: 24px;
font-weight: 700;
font-family: Merriweather;
margin: 0 auto;
max-width: 700px;
text-align: center;
}
.box-btn__main-text {
max-width: 220px;
margin: 0;
}
.box-btn__text-desc {
color: #8D8D8D;
font-size: 14px;
padding-top: 5px;
margin: 0;
}
.box-btn:hover {
color: #fff;
}
.box-btn__link:hover .box-btn {
background-color: #C00808;
}
.slider-course-item .box-btn:hover .main-text {
color: #fff;
}
.slider-course-item.swiper-slide:nth-of-type(3):before {
background: url(img/case-item.png);
background-repeat: no-repeat;
}
.slider-course-item .box-btn:hover {
background: #C00808;
}
.slider-course-item .box-btn:hover .box-btn__circul {
border-color: #fff;
color: #fff;
}
.slider-course-item .box-btn:hover .box-btn__circul:before,
.slider-course-item .box-btn:hover .box-btn__circul:after {
background-color: #fff;
}
.slider-course-item__title-list {
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}
.box-btn__circul {
position: relative;
border: 3px solid #C00808;
width: 32px;
height: 32px;
border-radius: 50px;
}
.box-btn__circul-new {
position: relative;
border: 3px solid #C00808;
width: 32px;
height: 32px;
border-radius: 50px;
}
.box-btn__circul:before,
.box-btn__circul-new:before {
content: '';
position: absolute;
width: 10px;
height: 2px;
background: #C00808;
top: 20px;
transform: rotate(-45deg);
top: 15px;
left: 9px;
}
.box-btn__circul:after,
.box-btn__circul-new:after {
content: '';
position: absolute;
width: 10px;
height: 2px;
background: #C00808;
top: 9px;
left: 9px;
transform: rotate(45deg);
}
.box-btn__main-text {
font-size: 16px;
max-width: 267px;
}
.slider-course-item__main-text {
font-size: 15px;
max-width: 267px;
padding: 10px;
margin: 0;
}
.block-category {
background: url(../img/cambridge.png);
background-repeat: no-repeat;
background-size: 300px;
background-position: 100%;
}
.box-category {
max-width: 700px;
}
.box-category__items {
display: flex;
justify-content: space-between;
}
.box-certificate__link {
color: #000;
font-size: 16px;
font-weight: 700;
}
.box-certificate__link:hover {
text-decoration: underline;
}
.block-header {
width: 100%;
border: 1px solid #EFEFEF;
border-radius: 20px;
position: relative;
min-height: 255px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 15px 15px 85px;
margin-bottom: 20px;
overflow: hidden;
}
.block-header img {
position: absolute;
right: 100px;
bottom: -35px;
z-index: -1;
}
.block-header svg {
position: absolute;
right: 40px;
top: 25px;
z-index: -1;
width: 32px;
height: 32px;
}
.block-header__desc {
font-size: 16px;
font-family: Source Sans Pro;
max-width: 548px;
}
.block-header__text-level {
max-width: 548px;
font-weight: 700;
font-size: 24px;
}
.box-pass {
display: flex;
flex-direction: column;
position: relative;
}
.box-pass img {
position: absolute;
right: -3px;
bottom: 0;
width: 290px;
height: 404px;
}
.box-pass__text {
font-weight: 700;
font-size: 16px;
}
.box-pass__desc {
font-size: 16px;
}
.box-pass__text-main {
font-size: 22px;
line-height: 28px;
font-weight: 700;
margin-bottom: 30px;
}
.box-pass__text-bottom {
font-size: 16px;
line-height: 21px;
}
.box-pass__items {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.box-pass__text {
font-size: 16px;
line-height: 24px;
}
.box-pass__text-width {
max-width: 768px;
}
.box-pass_circule {
width: 83px;
height: 83px;
border-radius: 50%;
border: 14px solid #c00808;
-webkit-box-shadow: -14px 14px 10px 0 rgba(0, 0, 0, .1);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
font-weight: 700;
font-family: Merriweather;
text-align: center;
font-size: 22px;
padding-top: 15px;
}
.box-pass__item:nth-of-type(2) .box-pass_circule {
-webkit-box-shadow: 25px 8px 10px 0 rgba(0, 0, 0, .1);
box-shadow: 25px 8px 30px 0 rgba(0, 0, 0, .3);
}
.box-pass_circule:nth-of-type(3) {
-webkit-box-shadow: 25px -11px 10px 0 rgba(0, 0, 0, .1);
box-shadow: 25px -11px 30px 0 rgba(0, 0, 0, .3);
}
.box-bulding {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.box-bulding__right {
flex: 0 0 28%;
}
.box-bulding__left {
flex: 0 0 68%;
}
.block-link-btn {
display: flex;
justify-content: center;
margin: 20px 0;
}
.link-btn__application {
font-family: 'Source Sans Pro';
max-width: 305px;
width: 100%;
height: 65px;
display: flex;
box-sizing: border-box;
color: #fff;
background: #C00808;
border-radius: 50px;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
transition: .5s;
font-size: 18px;
margin: 0 10px;
align-items: center;
justify-content: center;
}
.link-btn__application:hover {
background: #ad0101;
transition: .5s;
}
.link-btn__pdf {
display: flex;
position: relative;
align-items: center;
font-family: 'Source Sans Pro';
box-sizing: border-box;
color: #000;
background: #fff;
border: 1px solid #DDDDDD;
border-radius: 50px;
max-width: 387px;
width: 100%;
height: 65px;
text-align: left;
font-size: 16px;
font-weight: 600;
transition: .5s;
margin: 0 10px;
padding: 0 0 0 70px;
font-size: 18px;
}
.link-btn__pdf:after {
content: '';
position: absolute;
width: 22px;
height: 22px;
left: 27px;
background: url(../img/icon-pdf.svg);
}
.link-btn__pdf:hover {
transition: .5s;
color: #C00808;
}
.link-btn__sign-exam {
display: flex;
position: relative;
align-items: center;
justify-content: center;
font-family: 'Source Sans Pro';
box-sizing: border-box;
color: #000;
background: #fff;
border: 1px solid #DDDDDD;
border-radius: 50px;
max-width: 305px;
width: 100%;
height: 65px;
font-size: 16px;
font-weight: 600;
transition: .5s;
margin: 0 10px;
font-size: 18px;
text-transform: uppercase;
}
.link-btn__sign-exam:hover {
transition: .5s;
color: #fff;
background: #C00808;
}
.block-link-btn__flex-start {
justify-content: flex-start;
}
@media screen and (max-width: 1199px) {
.page-background {
background: none !important;
}
.box-price {
flex-wrap: wrap;
}
.box-price__right {
justify-content: space-between;
flex-wrap: nowrap;
flex: 0 0 100%;
}
.box-price__data {
margin-bottom: 0;
}
.box-price__left {
flex: 0 0 100%;
margin-bottom: 20px;
}
.box-price__data,
.box-price__price {
flex: 0 0 48%;
}
.box-exam {
flex: 0 0 32%;
}
.wrap {
background: none !important;
position: relative;
}
.block-head {
min-height: 200px;
}
.box-skills__title {
flex: 0 0 100%;
text-align: center;
}
.box-skills__items {
flex: 0 0 100%;
}
.box-skills__item {
border-right: none;
}
}
@media screen and (max-width: 1100px) {
.box-pass img {
display: none;
}
.box-pass__text-width {
max-width: 100%;
}
}
@media screen and (max-width: 1000px) {
.bg-circule:after {
display: none;
}
.box-certificate__item {
flex: 0 0 47%;
}
.box-exam {
flex: 0 0 100%;
}
.box-advantage {
flex: 0 0 47%;
}
.box-exam {
min-height: 250px;
}
}
@media screen and (max-width: 768px) {
.slider-course-item {
min-height: 528px;
}
.block-header img {
display: none;
}
.block-header svg {
top: 8px;
right: 25px;
}
.block-header {
padding: 20px 15px
}
.box-bulding__left,
.box-bulding__right {
flex: 0 0 100%;
margin-bottom: 10px;
}
.box-price__format,
.box-price__points {
flex: 0 0 100%;
margin-bottom: 10px;
}
.box-price__item {
flex: 0 0 32%;
}
.box-table__content {
flex: 0 0 100%;
}
.box-table__table {
flex: 0 0 100%;
margin-bottom: 20px;
}
.box-certificate__item {
flex: 0 0 100%;
margin: 10px 0;
}
.box-advantage {
flex: 0 0 100%;
}
}
@media screen and (max-width: 550px) {
.box-pass__items {
justify-content: center;
}
.box-pass__item {
margin-bottom: 10px;
}
.box-pass_circule {
margin: 0 auto;
}
.box-table__table {
overflow-x: auto;
}
.box-price__item {
flex: 0 0 100%;
}
.box-price__amount {
right: auto;
}
.box-price__right {
flex-wrap: wrap;
}
.box-price__data,
.box-price__price {
flex: 0 0 100%;
margin-bottom: 10px;
}
.box-skills {
padding: 20px;
}
.box-skills__items {
justify-content: flex-start;
}
.title {
margin-bottom: 20px;
}
.overflow-image:after {
background: linear-gradient(270deg, rgba(255, 255, 255, 0.728) 0%, rgba(255, 255, 255, 0) 25%);
right: -15px;
}
}
/* NewStyle 23-07-2019 END */
.serviceholder {
display: flex;
flex-wrap: wrap;
background: #fff;
box-sizing: border-box;
border-radius: 5px;
transition: all 0.3s ease;
}
.serviceholder.opened {
background: #E8E8E8;
}
.serviceholder .headarea {
padding-bottom: 50px;
display: flex;
flex-wrap: wrap;
flex: 0 0 100%;
align-items: flex-end;
padding: 30px 30px 0;
opacity: 1;
transition: all 0.3s ease;
}
.serviceholder .headarea:hover,
.serviceholder .headarea:hover {
opacity: 0.7;
}
.serviceholder .headarea i {
display: flex;
flex-wrap: wrap;
flex: 0 0 47px;
height: 29px;
margin-right: 28px;
}
.serviceholder .headarea h2 {
margin-bottom: 0;
line-height: 0.7em;
}
.serviceholder .linksarea {
padding: 50px 30px 0;
display: flex;
flex-wrap: wrap;
flex: 0 0 100%;
padding-bottom: 30px;
}
.serviceholder .linksarea .linkgroup {
padding-left: 24px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
flex: 0 0 50%;
align-content: flex-start;
margin-bottom: 0.7em;
}
.serviceholder .linksarea .linkgroup .linkhead {
width: 100%;
cursor: pointer;
position: relative;
display: none;
margin-bottom: 0.5em;
text-decoration: underline;
}
.serviceholder .linksarea .linkgroup:nth-of-type(1) .linkhead,
.serviceholder .linksarea .linkgroup:nth-of-type(2) .linkhead,
.serviceholder .linksarea .linkgroup:nth-of-type(3) .linkhead,
.serviceholder .linksarea .linkgroup:nth-of-type(4) .linkhead,
.serviceholder .linksarea .linkgroup:nth-of-type(5) .linkhead,
.serviceholder .linksarea .linkgroup:nth-of-type(6) .linkhead {
display: block;
}
.wrapper-perevody .serviceholder .linksarea .linkgroup.vis .linkhead {
display: block;
}
.wrapper-perevody .serviceholder .linksarea .linkgroup .linkhead:before {
position: absolute;
width: 6px;
height: 6px;
border-radius: 100%;
left: -20px;
top: 0.4em;
content: '';
background-color: #000;
}
.wrapper-perevody .serviceholder .linksarea .linkgroup .linklist {
padding-left: 30px;
display: none;
}
.wrapper-perevody .serviceholder .linksarea .linkgroup .linklist a {
font-weight: 300;
display: block;
text-decoration: underline;
width: 100%;
margin-bottom: 0.5em;
}
.wrapper-perevody .serviceholder .linksarea .linkgroup .linkhead:hover,
.wrapper-perevody .serviceholder .linksarea .linkgroup .linkhead:focus,
.wrapper-perevody .serviceholder .linksarea .linkgroup .linklist a:hover,
.wrapper-perevody .serviceholder .linksarea .linkgroup .linklist a:focus {
text-decoration: none;
}
.serviceholder+.serviceholder {
margin-top: 30px;
}
.serviceholder .btnarea {
padding: 30px 0px 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-end;
flex: 0 0 100%;
}
.serviceholder .btnarea .cut_btn {
color: #fff;
height: 45px;
display: inline-flex;
width: 310px;
border-radius: 30px 30px 0 0;
background: #C00808;
align-items: center;
justify-content: center;
border: none;
margin-left: 35px;
transition: all 0.3s ease;
}
.serviceholder.opened .btnarea .cut_btn {
color: #C00808;
background: #fff;
}
@media screen and (max-width: 767px) {
.serviceholder .linksarea .linkgroup {
flex: 0 0 100%;
}
.serviceholder .linksarea {
padding-bottom: 0;
}
.serviceholder .btnarea {
align-items: center;
justify-content: center;
margin-bottom: 30px;
padding-top: 0;
}
.serviceholder .btnarea .cut_btn {
color: #fff;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
display: inline-flex;
width: 290px;
border-radius: 30px;
}
}
/* school-slider styles */
.school-slider {
position: relative;
padding-bottom: 60px;
margin-bottom: 50px;
}
.school-slider .slick-next {
bottom: -25px;
}
.school-slider .slick-prev {
bottom: -25px;
}
.slide-wrapper {
display: flex;
/* justify-content: flex-end; */
min-height: 250px;
background-size: 60%;
background-repeat: no-repeat;
position: relative;
}
.school-img {
width: 40%;
top: 0;
bottom: 0;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
}
.school-text--left {
border-radius: 105px 0px 0px 105px;
}
.school-text--right {
border-radius: 0px 105px 105px 0px;
}
.school-text {
width: 60%;
padding-left: 60px;
position: relative;
padding-top: 30px;
background-color: #e00202;
}
.school-text--order::before {
content: "";
width: 90px;
height: 100%;
position: absolute;
border: 47px solid #e00202;
border-radius: 50%;
top: 0;
left: -47px;
z-index: 1;
}
.school-text--another::before {
content: "";
width: 90px;
height: 100%;
position: absolute;
border: 47px solid #e00202;
border-radius: 50%;
top: 0;
right: -47px;
z-index: 1;
}
.school-text::after {
content: "";
position: absolute;
width: 215px;
height: 215px;
border: 30px solid #ffffff;
box-shadow: 3px 14px 8px rgba(0, 0, 0, 0.126);
border-radius: 50%;
right: 45px;
bottom: -150px;
}
.school-header {
color: #ffffff;
margin: 0;
font-family: Merriweather, serif;
font-size: 24px;
line-height: 1.3em;
font-weight: 700;
padding-bottom: 20px;
position: relative;
z-index: 1;
}
.school-postheader {
margin: 0;
font-family: Merriweather, serif;
color: #ffffff;
font-size: 14px;
padding-top: 10px;
}
.school-info {
color: #ffffff;
font-size: 14px;
margin: 0;
padding-left: 20px;
padding-bottom: 20px;
z-index: 1;
position: relative;
}
.school-info__dot {
position: relative;
font-weight: bold;
}
.school-info__dot:before {
position: absolute;
content: '◦';
left: 0;
font-size: 30px;
line-height: 5px;
top: 5px;
}
.school-button {
display: block;
max-width: 170px;
margin-bottom: 15px;
background-color: #c00808;
border-radius: 25px;
padding: 13px 10px;
text-align: center;
font-size: 16px;
line-height: 1em;
position: relative;
color: #fff;
z-index: 1;
}
.school-text--order {
margin-left: auto;
}
.school-img--right {
left: 0;
}
.school-img--left {
right: 0;
}
@media (max-width: 960px) {
.slide-wrapper {
flex-direction: column;
background-size: 100%;
}
.school-text--order {
order: 2;
}
.school-text--left {
border-radius: 105px 0px 0px 0px;
}
.school-img {
width: 100%;
border-radius: 0;
height: 250px;
position: initial;
}
.school-text {
width: 100%;
z-index: 1;
padding-left: 15px;
}
.school-text--order::before,
.school-text--another::before {
display: none;
}
.school-img--right {
background-position-y: 72%;
z-index: 1;
}
.school-img--left {
background-position-y: 22%;
}
}
@media (max-width: 768px) {
.school-slider {
padding-bottom: 0;
}
}
/* school-slider styles */
.about-new .year-section {
background-image: url(/upload/about/LEXXIS.png);
max-width: 1124px;
width: 100%;
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto;
text-align: center;
min-height: 210px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.about-new .year-text {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 30px;
line-height: 38px;
text-align: right;
color: #000000;
max-width: 1124px;
}
.about-new .bold-text {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 150px;
line-height: 189px;
color: #040404;
}
.about-new .partnership__block__item {
border: 1px solid #ffffff;
border-radius: 20px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
padding: 40px 31px;
}
.about-new .partnership__block__item__descr {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.about-new .partnership__block__item__logo {
width: 100%;
max-width: 304px;
margin-bottom: 20px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
height: 120px;
}
.about-new h2 {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 45px;
text-align: center;
color: #000000;
max-width: 674px;
margin: 50px auto;
}
.about-new .bubbles-common {
background: linear-gradient(180deg, rgba(242, 241, 241, 0) 0%, #F2F1F1 100%);
padding: 70px 0;
}
.about-new .bubbles {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 30px;
margin-left: 65px;
margin-right: 65px;
}
.about-new .bubble {
max-width: 367px;
width: 100%;
background-color: #ffffff;
border-radius: 20px;
padding: 35px 40px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
margin: 10px 0;
}
.about-new .bubble p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.about-new p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
text-align: center;
color: #000000;
max-width: 883px;
margin: 20px auto;
}
.about-new p.large-text {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 29px;
text-align: center;
color: #000000;
}
.about-new .skills:before,
.about-new .skills:after {
display: none;
}
.about-new .results-common {
padding-left: 0px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.about-new .result {
max-width: 130px;
width: 100%;
text-align: center;
position: relative;
margin: 60px;
display: flex;
flex-direction: column;
align-items: center;
}
.about-new .result img {
max-width: 99px;
max-height: 100px;
}
.about-new .result-info {
font-family: Merriweather;
font-style: normal;
font-weight: normal;
font-size: 23px;
line-height: 29px;
color: #000000;
}
.about-new .skills {
margin-left: 65px;
position: relative;
margin-right: 65px;
}
.about-new .perevody {
display: flex;
flex-direction: row;
margin-left: 65px;
margin-right: 65px;
justify-content: space-around;
flex-wrap: wrap;
}
.about-new .perevody p {
text-align: left;
}
.about-new .perevody-block-left {
max-width: 677px;
}
.about-new .perevody-block-text-first {
font-family: Merriweather;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.about-new .perevody-block-left .perevody-block-text {
display: flex;
align-items: baseline;
}
.about-new .perevody-block-left .perevody-block-text p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #000000;
}
.about-new .perevody-block-left .perevody-block-text img {
margin-right: 20px;
}
.about-new .perevody-block-right {
max-width: 307px;
}
.about-new .proggrams {
display: flex;
flex-wrap: wrap;
margin: 70px 65px;
flex-direction: row;
justify-content: space-around;
}
.about-new .proggrams-block-left {
max-width: 640px;
background: #F2F1F1;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 70px 76px 70px 25px;
position: relative;
}
.about-new .proggrams-block-left img {
position: absolute;
right: -105px;
top: 25px;
}
.about-new .proggrams-block-left p.first-text {
font-family: Merriweather;
font-style: normal;
font-weight: normal;
font-size: 23px;
line-height: 29px;
color: #000000;
text-align: left;
}
.about-new .proggrams-block-left p.second-text {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 29px;
color: #000000;
text-align: left;
}
.about-new .proggrams-block-right {
max-width: 363px;
}
.about-new .proggrams-block-red {
background: #C00808;
border-radius: 20px;
padding: 8px 31px;
position: relative;
margin: 10px 0;
}
.about-new .proggrams-block-red img {
position: absolute;
left: -20px;
top: 41px;
}
.about-new .proggrams-block-red p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #FFFFFF;
text-align: left;
}
.about-new .perevody-block-text-right {
display: flex;
flex-direction: column;
align-items: center;
}
.about-new .perevody-block-text-right img {
width: 142px;
height: 142px;
}
.about-new .perevody-block-text-right p {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.about-new .gray-line-wrapper {
text-align: center;
margin: 42px 0;
position: relative;
}
.about-new .teacher__slider__item {
width: 100%;
max-width: 270px;
margin: 0 auto;
margin-top: 156px;
margin-bottom: 25px;
position: relative;
background-color: #ffffff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 20px;
padding: 27px 30px;
display: flex;
flex-direction: column;
min-height: auto;
}
@media screen and (min-width: 550px) {
.about-new .teacher__slider__item__image {
display: block;
position: absolute;
top: -156px;
right: -5px;
width: 148px;
height: 156px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-repeat: no-repeat;
}
}
.about-new .headcap-about-new {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 29px;
color: #000000;
max-width: 230px;
width: 100%;
}
.about-new p.text-slider-about-new {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #000000;
text-align: left;
margin: 10px 0;
}
.about-new .about-slider-new {
width: 100%;
position: relative;
max-width: 270px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.about-new .reviews__slider__item {
width: 100%;
position: relative;
max-width: 300px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.about-new .reviews__slider__item__image-new {
width: 148px;
height: 156px;
background-position: top;
background-size: cover;
background-repeat: no-repeat;
}
.about-new .reviews__slider__wrap {
background-color: #ffffff;
}
.about-new .reviews__slider__item__text {
width: 100%;
font-size: 16px;
line-height: 1.5em;
color: #666;
margin-top: 0;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
border-radius: 20px;
padding: 20px;
height: auto;
}
.about-new div#block-block-54 {
position: relative;
}
@media (max-width: 1132px) {
.about-new .proggrams-block-left img {
display: none;
}
}
@media (max-width: 1082px) {
.about-new .proggrams-block-left {
margin-bottom: 20px;
}
}
@media (max-width: 990px) {
.about-new .year-section img {
display: none;
}
}
@media (max-width: 757px) {
.about-new .year-section {
background: no-repeat;
}
}
@media (max-width: 863px) {
.about-new .bubbles {
justify-content: center;
}
}
@media (max-width: 758px) {
.about-new .year-text {
text-align: center;
}
.about-new .bold-text {
font-size: 50px;
line-height: 0px;
}
}
@media (max-width: 630px) {
.about-new .result {
margin: 0;
}
.about-new p {
padding: 0 10px;
}
}
@media (max-width: 486px) {
.about-new .proggrams-block-left {
width: 100%;
padding: 10px;
margin-bottom: 20px;
}
.about-new .proggrams {
margin: 8px;
}
.about-new p {
padding: 0 10px;
}
}
@media screen and (min-width: 1200px) {
.about-new .bottom__request__form__wrap::before {
content: '';
position: absolute;
width: 90px;
height: 90px;
border-radius: 50%;
border: 14px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: -71px;
left: 58px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
.about-new .bottom__request__form__wrap::before {
content: '';
position: absolute;
width: 90px;
height: 90px;
border-radius: 50%;
border: 14px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: -71px;
left: 58px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
.about-new .reviews__slider:before {
content: '';
position: absolute;
width: 205px;
height: 205px;
border-radius: 50%;
border: 27px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: -155px;
right: -178px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
.about-new div#block-block-54:before {
content: '';
position: absolute;
width: 280px;
height: 280px;
border-radius: 50%;
border: 31px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: -89px;
right: -50px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
.about-new .gray-line-wrapper:before {
content: '';
position: absolute;
width: 205px;
height: 205px;
border-radius: 50%;
border: 31px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: -224px;
left: -50px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
}
.obuchenie p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.obuchenie .text-under-header {
margin-bottom: 57px;
}
.obuchenie .text-big {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 35px;
color: #272727;
}
.planning {
margin-bottom: 90px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.planning-gray-block {
background: #F2F2F2;
border-radius: 20px;
padding: 60px 50px 72px 70px;
width: calc(50% - 20px);
}
.planning-text {
width: calc(50% - 20px);
}
p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
}
.planning-gray-block p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #000000;
}
p.text-big-center {
text-align: center;
max-width: 560px;
margin: 65px auto;
}
.eng-programms {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 30px 0;
}
.circle-animation {
position: relative;
}
.eng-each-programm {
border: 1px solid #CECECE;
border-radius: 10px;
margin: 0 10px;
margin-bottom: 10px;
padding: 20px 23px 10px 20px;
max-width: 214px;
}
p.each-programm-text {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 27px;
color: #272727;
}
.obuchenie .why {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.obuchenie .why-block {
border: 1px solid #CECECE;
border-radius: 10px;
margin: 0 10px;
margin-bottom: 10px;
padding: 20px 23px 10px 20px;
max-width: 367px;
}
.obuchenie .red-number {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 119px;
line-height: 82px;
text-align: center;
color: #C00808;
}
.why-text-with-number {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 27px;
color: #272727;
}
.reasons {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: 90px 0;
}
.reasons-block {
margin: 0 8px;
margin-bottom: 10px;
max-width: 268px;
}
.do-school {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 90px 0;
}
.do-school-block {
margin: 0 8px;
margin-bottom: 10px;
max-width: 345px;
}
.white-block {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.white-block-border {
border: 1px solid #CECECE;
border-radius: 10px;
margin: 0 10px;
margin-bottom: 10px;
padding: 20px 23px 10px 20px;
max-width: 560px;
}
.white-block-text {
margin: 0 8px;
margin-bottom: 10px;
max-width: 470px;
display: flex;
align-items: baseline;
}
.white-block-text img {
margin-right: 30px;
}
.white-block-text p {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 152.68%;
color: #272727;
}
.obuchenie h2 {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 55px;
text-align: center;
color: #000000;
max-width: 680px;
margin: 50px auto;
}
.results-common {
list-style: none;
padding-left: 0px;
display: flex;
flex-wrap: wrap;
}
.obuchenie .result {
max-width: 500px;
width: 100%;
text-align: center;
position: relative;
margin-right: 82px;
display: flex;
}
.obuchenie .result img {
margin-right: 34px;
max-width: 83px;
max-height: 83px;
}
p.result-info,
div.result-info {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #000000;
text-align: left;
}
.obuchenie p.red-text {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 35px;
text-align: center;
color: #C00808;
max-width: 534px;
margin: 0 auto;
}
.banner-gray {
margin: 90px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
background: #F2F2F2;
border-radius: 20px;
padding: 38px 70px 50px 70px;
max-width: 1140px;
max-height: 255px;
}
.banner-gray img {
max-width: 303px;
position: relative;
top: -61px;
left: -50px;
}
.banner-gray-text {
max-width: 697px;
}
.red-block-obuchenie {
margin-bottom: 90px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background: #C00808;
border-radius: 20px;
padding: 38px 70px 50px 70px;
max-width: 1140px;
}
.red-block-obuchenie-left {
max-width: 580px;
}
.red-block-obuchenie-left p {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 132.18%;
color: #FFFFFF;
max-width: 395px;
}
.red-block-obuchenie-left-white {
background: #FFFFFF;
border-radius: 13px;
padding: 10px 20px;
max-width: 580px;
font-family: Source Sans Pro;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 130.2%;
color: #000000;
}
.red-block-obuchenie-right {
max-width: 309px;
text-align: right;
}
.red-block-obuchenie-right-group {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 379.7%;
text-align: right;
color: #FFFFFF;
}
.red-block-obuchenie-right-per-hour {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 152.68%;
text-align: right;
color: #FFFFFF;
}
.rewiews-slider-logo {
position: relative;
}
.rewiews-slider-logo .slick-next:before,
.rewiews-slider-logo .slick-prev:before {
content: '';
position: absolute;
width: 21px;
height: 14px;
font-size: 0;
line-height: 0;
background-image: url(/upload/about/arrow.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 21px;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.rewiews-slider-logo button.slick-prev.slick-arrow,
.rewiews-slider-logo button.slick-next.slick-arrow {
background-color: rgba(0, 0, 0, 0);
}
.obuchenie .reviews__slider__wrap.--inner__category.slider-klienty {
background-color: #ffffff;
}
.rewiews-slider-logo .slick-prev:before {
content: ' ';
right: 777px;
top: 10px;
left: auto;
}
.rewiews-slider-logo .slick-next:before {
top: 10px;
right: -378px;
left: auto;
}
.red-block-obuchenie-right-price {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 152.68%;
text-align: right;
color: #FFFFFF;
}
.red-block-obuchenie-right-text-under {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 115.7%;
text-align: right;
color: #DA4343;
}
.how-we-work {
display: flex;
margin: 90px 0;
}
.how-we-work-left {
max-width: 193px;
}
.how-we-work-rigth {
max-width: 960px;
}
.how-work-row {
display: flex;
margin: 30px 0;
}
.how-work-element {
margin-right: 58px;
}
.how-work-num {
width: 18px;
height: 18px;
border: 9px solid #c00808;
font-weight: 600;
font-family: Merriweather;
font-size: 12px;
color: #ffffff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 10px;
position: relative;
}
.first-line:before {
width: 80px;
content: '';
display: block;
height: 1px;
background: #D9D2D2;
position: absolute;
left: 15px;
}
.second-line:before {
width: 200px;
content: '';
display: block;
height: 1px;
background: #D9D2D2;
position: absolute;
left: 15px;
}
.third-line:before {
width: 336px;
content: '';
display: block;
height: 1px;
background: #D9D2D2;
position: absolute;
left: 15px;
}
.five-line:before {
width: 130px;
content: '';
display: block;
height: 1px;
background: #D9D2D2;
position: absolute;
left: 15px;
}
.six-line:before {
width: 240px;
content: '';
display: block;
height: 1px;
background: #D9D2D2;
position: absolute;
left: 15px;
}
.eigth-line:before {
width: 391px;
content: '';
display: block;
height: 1px;
background: #D9D2D2;
position: absolute;
left: 15px;
}
.ten-line:before {
width: 280px;
content: '';
display: block;
height: 1px;
background: #D9D2D2;
position: absolute;
left: 15px;
}
.eleven-line:before {
width: 373px;
content: '';
display: block;
height: 1px;
background: #D9D2D2;
position: absolute;
left: 15px;
}
.six-lang {
display: flex;
align-items: flex-end;
}
.bottom-circle {
position: relative;
}
@media (max-width: 767px) {
.planning-text,
.planning-gray-block,
.reasons-block,
.red-block-obuchenie-right {
max-width: 100%;
}
.planning-text,
.planning-gray-block,
.reasons-block,
.red-block-obuchenie-right {
width: 100%;
}
.how-we-work {
display: flex;
flex-direction: column;
}
.first-line:before,
.second-line:before,
.third-line:before,
.five-line:before,
.six-line:before,
.eigth-line:before,
.ten-line:before,
.eleven-line:before {
display: none;
}
.how-work-row {
flex-direction: column;
margin: 0;
}
.how-work-element {
display: flex;
flex-direction: row;
margin: 10px 0;
}
.how-work-num {
margin-right: 10px;
}
}
@media (max-width: 1199px) {
.banner-gray img {
display: none;
}
.banner-gray {
max-height: auto;
max-height: 100%;
}
}
@media screen and (min-width: 1200px) {
.circle-animation:before {
content: '';
position: absolute;
width: 84px;
height: 84px;
border-radius: 50%;
border: 21px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: -71px;
left: 140px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
.bottom-circle:before {
content: '';
position: absolute;
width: 58px;
height: 58px;
border-radius: 50%;
border: 21px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: 185px;
left: -9px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
}
.russian-tours {
max-width: 1200px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
}
.russian-tours p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.russian-tours .gray-line-wrapper {
text-align: center;
margin: 42px 0;
position: relative;
}
section.tours-section {
background-image: url(/upload/about/LEXXIS.png);
max-width: 1124px;
width: 100%;
background-repeat: no-repeat;
background-size: contain;
margin: 0 auto;
text-align: center;
min-height: 210px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-end;
position: relative;
}
p.tours-text {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 24px;
line-height: 140%;
color: #000000;
max-width: 560px;
margin-right: 20px;
}
.tours-reestr {
background: #FFFFFF;
border: 1px solid #E9E9E9;
box-sizing: border-box;
border-radius: 10px;
padding: 20px 40px;
max-width: 269px;
margin-top: 25px;
}
p.tours-reestr-text {
font-family: Merriweather;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 139.7%;
text-align: center;
color: #000000;
}
span.tours-reestr-span {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 139.7%;
color: #C00808;
}
section.tourism {
background-image: url(/upload/tourism-bg.png);
background-repeat: no-repeat;
background-size: auto;
background-position: top right;
}
p.tourism-white-block-header {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 29px;
color: #000000;
text-align: center;
}
p.tourism-white-block-text {
line-height: 140%;
}
.tourism-white-block {
padding: 30px;
max-width: 753px;
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.tourism-red-block {
background: #C00808;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 30px;
max-width: 753px;
top: -31px;
position: relative;
}
p.tourism-red-block-header {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 29px;
color: #FFFFFF;
text-align: center;
}
p.tourism-red-block-text {
line-height: 140%;
color: #FFFFFF;
}
.russian-tours h2 {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 152.7%;
text-align: center;
color: #272727;
max-width: 470px;
margin: 40px auto;
}
section.choose-place {
margin: 100px 0;
}
section.partners {
margin: 100px 0;
position: relative;
}
.partners-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.partners-left-block {
max-width: 515px;
}
p.large-text {
font-family: Merriweather;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 30px;
color: #000000;
}
p.gray-text {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #474747;
}
.partners-right-block {
max-width: 463px;
text-align: center;
background: #FFFFFF;
border: 2px solid #E9E9E9;
box-sizing: border-box;
border-radius: 20px;
padding: 30px 40px;
position: relative;
}
.partners-right-block img {
position: absolute;
top: 38%;
left: -23px;
}
p.name {
font-family: Merriweather;
font-weight: bold;
color: #000000;
}
.email {
font-family: Merriweather;
font-weight: bold;
color: #C00808;
font-size: 18px;
line-height: 23px;
}
.common-slide {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 50px;
}
.first-block-sity {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 50px 0;
}
.slider-sity-img {
max-width: 500px;
width: 100%;
}
.text-sity-img {
background: #FFFFFF;
border: 2px solid #E9E9E9;
box-sizing: border-box;
border-radius: 20px;
max-width: 500px;
padding: 35px;
position: relative;
}
.first-block-sity p.text-sity-img-large {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 139.7%;
color: #000000;
}
.text-sity-img .gray-line-wrapper {
text-align: left;
margin: 20px 0;
}
.city-banner {
background-image: url(/upload/slider-moscow-img.png);
max-width: 1020px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
padding: 40px;
background-position: center;
margin: 0 auto;
}
.city-banner p {
margin: 0;
}
p.city-name {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 60px;
line-height: 152.7%;
/* identical to box height, or 92px */
color: #FFFFFF;
}
p.city-caption {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 152.7%;
/* identical to box height, or 37px */
color: #FFFFFF;
}
span.under-cantion {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
/* identical to box height */
color: #FFFFFF;
}
.city-banner ul {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 152.7%;
/* or 24px */
color: #FFFFFF;
}
.city-red-block {
background: #C00808;
border-radius: 10px;
padding: 20px;
max-width: 830px;
}
.city-red-block p {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 139.7%;
/* or 32px */
color: #FFFFFF;
}
.city-descr {
display: flex;
flex-wrap: wrap;
align-items: start;
justify-content: center;
margin: 40px 0;
}
.city-descr-left {
max-width: 560px;
margin-right: 40px;
}
.city-descr-right {
max-width: 403px;
background: #FFFFFF;
border: 2px solid #E9E9E9;
box-sizing: border-box;
border-radius: 20px;
padding: 30px;
width: 100%;
position: relative;
}
.city-descr-right:before {
content: ' ';
position: absolute;
width: 44px;
height: 44px;
background-image: url(/upload/red-arrow-tourism.png);
top: 39%;
left: -23px;
border: none;
border-radius: 0;
box-shadow: none;
background-repeat: no-repeat;
}
p.title {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 29px;
/* identical to box height */
color: #000000;
}
a.download-prog {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #C00808;
background-image: url(/upload/download-pdf-tours.png);
background-repeat: no-repeat;
background-size: auto;
background-position: left;
width: 30px;
height: 30px;
padding: 38px;
}
span.price {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 45px;
color: #000000;
}
.city-descr-right ul {
font-family: Source Sans Pro;
font-style: normal;
font-size: 16px;
line-height: 20px;
color: #000000;
}
.dop-oplata {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
justify-content: center;
}
.dop-oplata-red-block {
background: #C00808;
border-radius: 20px;
padding: 5px;
display: flex;
width: 379px;
align-items: center;
}
.dop-oplata-red-block img {
width: 74px;
height: 70px;
margin-right: 20px;
}
.dop-oplata-red-block p {
max-width: 167px;
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 139.7%;
color: #FFFFFF;
}
.dop-oplata-white-block {
display: flex;
flex-wrap: wrap;
background: #F2F1F1;
border-radius: 20px;
padding: 20px;
width: 681px;
align-items: center;
justify-content: center;
left: -53px;
position: relative;
}
.dop-oplata-white-block img {
width: 34px;
height: 30px;
margin-right: 20px;
}
.dop-oplata-white-block p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #000000;
}
.dop-oplata-inside {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-right: 38px;
}
.form-wrapper-city-programm {
margin: 0 auto;
max-width: 700px;
position: relative;
margin-bottom: 60px;
}
.center-title {
text-align: center;
margin: 40px 0;
}
.form-wrapper-city-programm form {
display: flex;
max-width: 700px;
margin: 0 auto;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.form-wrapper-city-programm form input {
width: 320px;
border: 1px solid #CECECE;
background-color: #ffffff;
border-radius: 30px;
margin: 15px;
line-height: 18px;
padding-left: 20px;
padding-top: 18px;
padding-bottom: 18px;
height: 60px;
outline: none;
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #8C8C8C;
}
.form-wrapper-city-programm form button {
width: 320px;
font-family: Source Sans Pro;
font-size: 18px;
line-height: 23px;
text-align: center;
color: #FFFFFF;
border: 0;
background-color: #C00808;
border-radius: 30px;
padding-top: 17px;
padding-bottom: 17px;
margin: 15px;
height: 56px;
outline: none;
}
p.obrabotka-pers {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #B5B4B4;
max-width: 320px;
}
p.obrabotka-pers a {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #B5B4B4;
text-decoration: underline;
}
.big-slider-place .slick-prev::before {
width: 20px;
height: 20px;
border-left: 5px solid #000;
border-bottom: 5px solid #000;
opacity: 1;
background-image: none;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.big-slider-place .slick-next::before {
width: 20px;
height: 20px;
border-right: 5px solid #000;
border-bottom: 5px solid #000;
opacity: 1;
background-image: none;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.choose-city-slider {
position: relative;
overflow: hidden;
}
.choose-city-slider button.slick-prev.slick-arrow,
.choose-city-slider button.slick-next.slick-arrow {
background: none;
}
.choose-city-slider button.slick-prev.slick-arrow {
left: -3%;
top: 73%;
}
.choose-city-slider button.slick-next.slick-arrow {
right: -5%;
top: 73%;
}
.choose-city-slider .slick-prev::before {
width: 20px;
height: 20px;
border-left: 5px solid #000;
border-bottom: 5px solid #000;
opacity: 1;
background-image: none;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.choose-city-slider .slick-next::before {
width: 20px;
height: 20px;
border-right: 5px solid #000;
border-bottom: 5px solid #000;
opacity: 1;
background-image: none;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.choose-city-slider .swiper-button-prev {
top: 48%;
background: none;
width: 90px;
height: 90px;
left: 0;
}
.choose-city-slider .swiper-button-next {
right: 0;
top: 48%;
background: none;
width: 90px;
height: 90px;
}
.choose-city-slider .swiper-button-prev::before {
content: '';
width: 20px;
height: 20px;
border-left: 5px solid #000;
border-bottom: 5px solid #000;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
font-size: 0;
line-height: 0;
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
top: 20%;
left: 14%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 1;
}
.choose-city-slider .swiper-button-prev:after {
width: 100%;
height: 100%;
content: '';
mage: none;
/* -webkit-transform: rotate(45deg); */
-ms-transform: rotate(45deg);
position: absolute;
font-size: 0;
line-height: 0;
background-position: center;
background-repeat: no-repeat;
top: 0;
left: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background: linear-gradient(169deg, #ffffff, #ffffff05);
transform: rotate(-90deg);
}
.choose-city-slider .swiper-button-next::before {
content: '';
width: 20px;
height: 20px;
border-left: 5px solid #000;
border-bottom: 5px solid #000;
-webkit-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
transform: rotate(-130deg);
position: absolute;
font-size: 0;
line-height: 0;
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
top: 20%;
left: 55%;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
z-index: 1;
}
.choose-city-slider .swiper-button-next:after {
width: 100%;
height: 100%;
content: '';
mage: none;
/* -webkit-transform: rotate(45deg); */
-ms-transform: rotate(45deg);
position: absolute;
font-size: 0;
line-height: 0;
background-position: center;
background-repeat: no-repeat;
top: 0;
left: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background: linear-gradient(169deg, #ffffff, #ffffff05);
transform: rotate(90deg);
}
.big-slider-place button.slick-prev.slick-arrow,
.big-slider-place button.slick-next.slick-arrow {
background: none;
}
.big-slider-place button.slick-prev.slick-arrow {
left: 3%;
top: 17%;
}
.big-slider-place button.slick-next.slick-arrow {
right: 1%;
top: 17%;
}
.slider-city-each p,
.slider-city-each a {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 139.7%;
/* identical to box height, or 42px */
color: #000000;
}
.slider-city-each.slick-slide {
margin: 0 30px;
}
.slider-sity-img button.slick-prev.slick-arrow {
left: 68%;
background: none;
}
.slider-sity-img button.slick-next.slick-arrow {
left: 80%;
background: none;
}
.slider-city-each.swiper-slide.active p {
color: #C00808;
}
.slider-sity-img .slick-next::before,
.slider-sity-img .slick-prev::before {
content: '';
position: absolute;
width: 50px;
height: 50px;
font-size: 0;
line-height: 0;
background-image: url(/upload/red-arrow-tourism.png);
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
top: 0;
left: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: unset;
background-size: cover;
}
.big-city-wrapper .big-city-fold .common-slide.vis {
max-height: 5000px;
/* padding: 50px; */
margin: 0;
padding: 0;
}
.big-city-wrapper .big-city-fold .common-slide {
height: auto;
-webkit-transition: .3s ease;
transition: .3s ease;
overflow: hidden;
max-height: 0;
margin-left: -30px;
margin-right: -30px;
padding: 0 30px;
}
.slider-city-each.slick-slide.slick-active.active a {
color: #C00808;
}
.slider-city-each.swiper-slide.active {
border-bottom: 3px solid #C00808;
}
.choose-city-slider.swiper-container-initialized.swiper-container-horizontal.swiper-container-free-mode {
margin-bottom: 30px;
box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 1200px) {
section.tours-section:before {
content: '';
position: absolute;
width: 78px;
height: 78px;
border-radius: 50%;
border: 19px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: -67px;
left: 34px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
section.tours-section:after {
content: '';
position: absolute;
width: 153px;
height: 153px;
border-radius: 50%;
border: 22px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: 93px;
left: -82px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
.tourism-red-block:after {
content: '';
position: absolute;
width: 165px;
height: 165px;
border-radius: 50%;
border: 28px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: 288px;
left: -142px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
section.partners:before {
content: '';
position: absolute;
width: 292px;
height: 292px;
border-radius: 50%;
border: 32px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: 104px;
left: -314px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
.text-sity-img:before {
content: '';
position: absolute;
width: 258px;
height: 258px;
border-radius: 50%;
border: 35px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: 73px;
left: 505px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
.dop-oplata:before {
content: '';
position: absolute;
width: 113px;
height: 113px;
border-radius: 50%;
border: 17px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: 180px;
left: 51px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
.form-wrapper-city-programm:after {
content: '';
position: absolute;
width: 211px;
height: 211px;
border-radius: 50%;
border: 32px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: 257px;
left: 657px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
}
@media (max-width: 1200px) {
.big-slider-place-each.slick-slide {
padding: 0 60px;
}
}
@media screen and (min-width: 1179px) {
.dop-oplata-white-block {
max-width: 500px;
width: 100%;
}
}
@media (max-width: 921px) {
.dop-oplata-white-block {
max-width: 500px;
width: 100%;
left: 0;
}
}
@media (max-width: 886px) {
section.tours-section {
align-items: center;
justify-content: center;
}
}
@media (max-width: 767px) {
.slider-sity-img button.slick-prev.slick-arrow {
top: 86%;
left: 68%;
}
.slider-sity-img button.slick-next.slick-arrow {
top: 86%;
left: 81%;
}
.slider-sity-img .slick-next::before,
.slider-sity-img .slick-prev::before {
content: '';
position: absolute;
width: 35px;
height: 35px;
font-size: 0;
line-height: 0;
background-image: url(/upload/red-arrow-tourism.png);
background-position: center;
background-repeat: no-repeat;
background-size: 30px;
top: 0;
left: 0;
-webkit-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: unset;
background-size: cover;
}
}
@media (max-width: 700px) {
.slider-city-each p,
.slider-city-each a {
font-size: 19px;
}
}
@media (max-width: 480px) {
.city-banner {
padding: 10px;
}
p.city-name {
font-size: 43px;
}
p.city-caption {
font-size: 19px;
}
.city-red-block p {
font-size: 15px;
}
.big-slider-place button.slick-prev.slick-arrow {
left: 3%;
top: 10%;
}
.big-slider-place button.slick-next.slick-arrow {
left: 91%;
top: 10%;
}
.dop-oplata-white-block {
left: 0;
}
.dop-oplata .dop-oplata-red-block img {
display: none;
}
.dop-oplata-white-block {
justify-content: start;
}
.dop-oplata-inside {
margin-right: 0;
}
}
.big-slider-place-each.slick-slide {
display: none;
}
.big-slider-place-each.slick-slide.slick-current.slick-active.slick-center {
display: block;
}
.slider-city-each.swiper-slide {
width: auto;
cursor: pointer;
}
.reviews__slider__wrap.--inner__category.tours {
padding: 55px 0 0;
}
.big-slider-place-each.slick-slide.slick-current.slick-active {
background-image: url(/upload/bf-form-tourism.png);
background-repeat: no-repeat;
background-size: auto;
background-position: bottom left;
}
.city-descr-right li {
list-style-type: none;
margin-bottom: 10px;
position: relative;
}
.city-descr-right li:before {
content: ' ';
position: absolute;
top: 3px;
width: 21px;
height: 14px;
background-image: url(/upload/list-arrow-tourism.png);
left: -28px;
border: none;
border-radius: 0;
box-shadow: none;
}
.read-all-level-button {
background-color: #c00808;
color: #fff;
width: 100%;
padding-top: 14px;
padding-bottom: 14px;
text-align: center;
font-size: 16px;
border-radius: 25px;
max-width: 170px;
cursor: pointer;
position: relative;
}
.read-all-level-text {
height: auto;
-webkit-transition: .3s ease;
transition: .3s ease;
overflow: hidden;
max-height: 0;
margin-left: -30px;
margin-right: -30px;
padding: 0 30px;
height: auto;
-webkit-transition: .3s ease;
transition: .3s ease;
overflow: hidden;
max-height: 0;
}
.read-all-level-text.vis {
max-height: 5000px;
padding: 35px 30px;
}
section.za-rubezhom-title p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 24px;
line-height: 140%;
/* or 34px */
text-align: center;
color: #000000;
}
section.za-rubezhom-title .gray-line-wrapper {
margin: 30px auto;
text-align: center;
}
section.programms-vidy h2 {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 45px;
/* identical to box height */
text-align: center;
color: #000000;
margin-bottom: 40px;
}
.programms-block-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.programms-block-wrapper .each-programm-block {
background: #F2F2F2;
border-radius: 20px;
max-width: 367px;
width: 100%;
margin: 0 10px 20px;
padding: 35px 25px 18px 20px;
height: auto;
min-height: 483px;
position: relative;
overflow: hidden;
}
.programms-block-wrapper .each-programm-block-title {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 30px;
/* identical to box height */
color: #000000;
margin-bottom: 20px;
}
.programms-block-wrapper .each-programm-block-text {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
color: #5F5F5F;
margin-bottom: 25px;
}
.each-programm-block-button {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
/* identical to box height */
text-align: center;
color: #000000;
border: 1px solid #9D9D9D;
box-sizing: border-box;
border-radius: 40px;
padding: 10px 60px 13px 15px;
margin-bottom: 18px;
display: block;
width: 154px;
position: relative;
}
.each-programm-block.trki-torfl-programm {
background: url(/upload/img/programms/trki-torfl.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 240px;
}
.each-programm-block.online-obuchenie-programm {
background: url(/upload/img/programms/online-obuchenie.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 144px;
}
.each-programm-block.online-obuchenie-programm .each-programm-block-text {
padding-right: 20px;
}
.each-programm-block.podgotovka-dlya-postuplenia-programm {
background: url(/upload/img/programms/podgotovka-dlya-postuplenia.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 194px;
}
.each-programm-block.podgotovka-dlya-postuplenia-programm .each-programm-block-text {
padding-right: 89px;
}
.each-programm-block.izuchai-rossiu-programm .each-programm-block-text {
padding-right: 127px;
}
.each-programm-block.kurs-v-ekb-programm {
background: url(/upload/img/programms/kurs-v-ekb.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 180px;
}
.each-programm-block.izuchai-rossiu-programm {
background: url(/upload/img/programms/izuchai-rossiu.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 405px;
}
.each-programm-block.ekskursii-programm {
background: url(/upload/img/programms/ekskursii.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 350px;
background-position-y: 66px;
}
@media (max-width: 992px) {
.each-programm-block.trki-torfl-programm {
background-size: 116px;
}
.each-programm-block.online-obuchenie-programm {
background-size: 144px;
}
.each-programm-block.podgotovka-dlya-postuplenia-programm {
background-size: 174px;
}}
.each-programm-block-button:hover {
background: #ffffff;
}
.each-programm-block-button:after {
position: absolute;
content: '';
background: url(/upload/za-rubezhom-button.png);
width: 27px;
height: 27px;
top: 9px;
right: 16px;
background-size: contain;
background-repeat: no-repeat;
}
.bold-pext-bottom {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 29px;
text-align: center;
color: #272727;
max-width: 569px;
margin: 70px auto 30px;
width: 100%;
}
.text-under-bold-bottom {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
/* identical to box height */
color: #4B4B4B;
text-align: center;
margin-bottom: 50px;
}
section.bottom-gray-form {
background: #F2F2F2;
border-radius: 0px;
padding-top: 32px;
padding-bottom: 32px;
position: relative;
}
section.bottom-gray-form h2 {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 45px;
/* identical to box height */
text-align: center;
color: #000000;
}
section.bottom-gray-form .text-before-form {
font-family: Merriweather;
font-style: normal;
font-weight: normal;
font-size: 24px;
line-height: 30px;
text-align: center;
color: #000000;
margin-bottom: 30px;
}
section.bottom-gray-form form.za-rubezhom_form input {
background: #FFFFFF;
border: 1px solid #CECECE;
box-sizing: border-box;
border-radius: 30px;
max-width: 300px;
height: 58px;
width: 100%;
padding: 15px;
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140.62%;
/* identical to box height, or 22px */
color: #8C8C8C;
margin-bottom: 35px;
margin-right: 30px;
}
section.bottom-gray-form form.za-rubezhom_form input:focus {
outline: none;
}
.methods-gold-standart .form-thanks{
display: none;
}
section.bottom-gray-form form.za-rubezhom_form button {
background: #C00808;
border-radius: 30px;
font-family: Source Sans Pro;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
/* identical to box height */
text-align: center;
color: #FFFFFF;
max-width: 300px;
height: 58px;
border: none;
width: 100%;
margin-right: 30px;
}
section.bottom-gray-form form.za-rubezhom_form {
display: flex;
flex-wrap: wrap;
max-width: 660px;
margin: 0 auto;
width: 100%;
justify-content: end;
}
.osobennosti-white-block {
background: #FFFFFF;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 30px 40px 40px 30px;
max-width: 753px;
width: 100%;
position: relative;
z-index: 2;
}
.osobennosti-white-block-header {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 29px;
/* identical to box height */
color: #000000;
text-align: center;
}
.osobennosti-white-block-text {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 140%;
/* or 25px */
color: #000000;
}
.osobennosti-red-block {
background: #C00808;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 30px;
max-width: 753px;
width: 100%;
position: relative;
bottom: 24px;
z-index: 1;
}
section.osobennosti-obucheniya .container {
position: relative;
}
section.osobennosti-obucheniya {
position: relative;
background-image: url(/upload/za-rubezhom-red-bus.png);
background-repeat: no-repeat;
background-size: auto;
background-position: center right;
margin: 70px auto;
}
ul.osobennosti-white-block-list li {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 130%;
/* identical to box height, or 21px */
font-feature-settings: 'tnum'on, 'lnum'on;
color: #000000;
position: relative;
margin: 20px 0;
}
ul.osobennosti-white-block-list {
list-style: none;
}
ul.osobennosti-white-block-list li:before {
content: '';
position: absolute;
background: url(/upload/za-rubezhom-list.png);
width: 22px;
height: 22px;
background-size: contain;
left: -29px;
top: 3px;
}
.each-programm-block.for-adult {
background: url(/upload/za-rubezhom-adult.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 254px;
}
.each-programm-block.group-for-kids:after {
content: '';
position: absolute;
width: 168px;
height: 168px;
border-radius: 50%;
border: 25px solid #c00808;
right: -11px;
bottom: -52px;
}
.each-programm-block.academu-programm {
background: url(/upload/za-rubezhom-academ-programm.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 166px;
}
.each-programm-block.academu-programm .each-programm-block-text {
width: 239px;
}
.each-programm-block.academu-programm:before {
content: '';
position: absolute;
width: 92px;
height: 92px;
border-radius: 50%;
border: 20px solid #c00808;
right: 0;
top: -43px;
}
.each-programm-block.family-programm:after {
content: '';
position: absolute;
width: 240px;
height: 240px;
border-radius: 50%;
border: 35px solid #c00808;
right: -11px;
bottom: -161px;
}
.each-programm-block.tours-programm {
background: url(/upload/za-rubezhom-tourism.png), #F2F2F2;
background-repeat: no-repeat;
background-position: bottom;
background-size: 366px;
}
.each-programm-block.tours-programm:before {
bottom: -161px;
content: '';
position: absolute;
width: 92px;
height: 92px;
border-radius: 50%;
border: 25px solid #c00808;
right: 0;
top: -43px;
}
section.za-rubezhom-title {
position: relative;
}
@media screen and (min-width: 1200px) {
section.bottom-gray-form:before {
content: '';
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
border: 20px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: 180px;
left: 51px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
section.bottom-gray-form:after {
content: '';
position: absolute;
width: 212px;
height: 212px;
border-radius: 50%;
border: 30px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: 180px;
right: 0;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
section.za-rubezhom-title:before {
content: '';
position: absolute;
width: 78px;
height: 78px;
border-radius: 50%;
border: 22px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: -145px;
left: 34px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
section.za-rubezhom-title:after {
content: '';
position: absolute;
width: 153px;
height: 153px;
border-radius: 50%;
border: 22px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
top: 110px;
left: -144px;
-webkit-animation: round-infinite 7.5s linear infinite both;
animation: round-infinite 7.5s linear infinite both;
}
}
@media screen and (max-width: 767px) {
section.bottom-gray-form form.za-rubezhom_form {
justify-content: center;
}
section.bottom-gray-form form.za-rubezhom_form input,
section.bottom-gray-form form.za-rubezhom_form button {
margin-right: 0;
}
}
@media screen and (max-width: 500px) {
.each-programm-block.trki-torfl-programm, .each-programm-block.online-obuchenie-programm, .each-programm-block.podgotovka-dlya-postuplenia-programm, .each-programm-block.izuchai-rossiu-programm, .each-programm-block.kurs-v-ekb-programm, .each-programm-block.ekskursii-programm {
background: #F2F2F2;
}
.each-programm-block.online-obuchenie-programm .each-programm-block-text, .each-programm-block.podgotovka-dlya-postuplenia-programm .each-programm-block-text, .each-programm-block.izuchai-rossiu-programm .each-programm-block-text {
padding-right: 0px;
}
}
.each-programm-block.rus-lang-programm:after {
content: '';
position: absolute;
width: 152px;
height: 152px;
border-radius: 50%;
border: 25px solid #c00808;
right: -6px;
bottom: -59px;
}
.each-programm-block.spa-deu-lang-programm:after {
content: '';
position: absolute;
width: 220px;
height: 220px;
border-radius: 50%;
border: 32px solid #c00808;
right: -37px;
bottom: -123px;
}
.each-programm-block.italic-lang-programm:after {
content: '';
position: absolute;
width: 126px;
height: 126px;
border-radius: 50%;
border: 25px solid #c00808;
left: -43px;
bottom: -95px;
}
.each-programm-block.en-lang-programm:after {
content: '';
position: absolute;
width: 70px;
height: 70px;
border-radius: 50%;
border: 17px solid #c00808;
left: 27px;
bottom: 17px;
}
.each-programm-block.france-lang-programm:after {
content: '';
position: absolute;
width: 152px;
height: 152px;
border-radius: 50%;
border: 25px solid #c00808;
left: -96px;
bottom: -69px;
}
.each-programm-block.en-lang-programm {
background: url(/upload/img/programms/en-lang-programm.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 180px;
}
.each-programm-block.china-lang-programm {
background: url(/upload/img/programms/china-lang-programm.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 198px;
}
.each-programm-block.italic-lang-programm {
background: url(/upload/img/programms/italic-lang-programm.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 240px;
}
.each-programm-block.france-lang-programm {
background: url(/upload/img/programms/france-lang-programm.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 329px;
}
.each-programm-block.club-programm-top {
background: url(/upload/img/programms/club_img1.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 185px;
}
.each-programm-block.club-programm-bridzh {
background: url(/upload/img/programms/club_img2.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 185px;
}
.each-programm-block.club-programm-go {
background: url(/upload/img/programms/club_img3.png), #F2F2F2;
background-repeat: no-repeat;
background-position: right bottom;
background-size: 201px;
}
.each-programm-block.club-programm-top:after {
content: '';
position: absolute;
width: 170px;
height: 160px;
border-radius: 50%;
border: 25px solid #c00808;
left: -43px;
bottom: -13px;
}
.each-programm-block.club-programm-bridzh:after {
content: '';
position: absolute;
width: 170px;
height: 170px;
border-radius: 50%;
border: 25px solid #c00808;
left: -13px;
bottom: -73px;
}
.each-programm-block.club-programm-go:after {
content: '';
position: absolute;
width: 115px;
height: 115px;
border-radius: 50%;
border: 18px solid #c00808;
left: 24px;
bottom: 1px;
}
@media screen and (max-width: 1200px) {
section.osobennosti-obucheniya {
background: none;
}
.each-programm-block.for-adult,
.each-programm-block.academu-programm,
.each-programm-block.tours-programm,
.each-programm-block.en-lang-programm,
.each-programm-block.china-lang-programm,
.each-programm-block.italic-lang-programm,
.each-programm-block.france-lang-programm,
.each-programm-block.club-programm-bridzh,
.each-programm-block.club-programm-top,
.each-programm-block.club-programm-go {
background: #F2F2F2;
}
.each-programm-block:before {
display: none;
}
.each-programm-block:after {
display: none;
}
.osobennosti-white-block,
.osobennosti-red-block {
margin: 0 auto;
}
.programms-block-wrapper .each-programm-block {
min-height: unset;
}
.each-programm-block.academu-programm .each-programm-block-text {
width: 100%;
}
}
.bottom-gray-form .invis{
display: none;
}
.bottom-gray-form{
min-height: 400px;
}
.bottom-gray-form .form-thanks.thanks-come-in{
left: 0;
}
.bottom-gray-form .form-thanks.thanks-come-in h3{
font-family: Merriweather;
font-weight: bold;
font-size: 24px;
line-height: 30px;
text-align: center;
color: #000000;
margin-top: 35px;
margin-bottom: 65px;
text-align: center;
}
.bottom-gray-form .form-thanks.thanks-come-in p{
padding-left: 0;
text-align: center;
color: #000000;
font-size: 20px;
line-height: 25px;
}
section.bottom-gray-form form.za-rubezhom_form input.error {
border: 1px solid #c00808;
}
.specialservices{
overflow: hidden;
position: relative;
padding: 20px 25px;
border-radius: 10px;
background-color: #f2f2f2;
width: 100%;
box-sizing: border-box;
display: flex;
margin-bottom: 30px;
background-image: url(/bitrix/templates/lexxis/stardestroyer/images/snailshell.png);
background-size: contain;
background-position: right top;
background-repeat: no-repeat;
margin-top: -30px;
}
.specialservices .text{
display: flex;
box-sizing: border-box;
flex-direction: column;
max-width: 320px;
}
.specialservices .text a{
margin-bottom: 1em;
box-sizing: border-box;
font-family: 'Merriweather';
font-style: normal;
font-weight: bold;
font-size: 22px;
line-height: 25px;
color: #000000;
position: relative;
}
.specialservices .text a:hover{
color: #C00808;
}
.specialservices .text a .ico{
display: inline-block;
width: 26px;
height: 26px;
position: relative;
margin-left: 18px;
transform: translateY(-2px);
}
.specialservices .text a .ico:before{
content: '';
position: absolute;
width: 24px;
height: 24px;
border: 2px solid #c00808;
border-radius: 50%;
background-color: transparent;
top: 8px;
right: 10px;
}
.specialservices .text a .ico:after{
content: '';
position: absolute;
width: 6px;
height: 6px;
border-right: 2px solid #c00808;
border-bottom: 2px solid #c00808;
top: 17px;
right: 20px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media screen and (max-width: 1199px){
.specialservices{
background-position: top right -270px;
}
}
@media screen and (max-width: 991px){
.specialservices{
background-position: top right -100px;
}
}
@media screen and (max-width: 575px){
.specialservices{
background-image: none;
margin-top: -40px;
}
}
@media screen and (min-width: 992px){
.specialservices{
padding: 42px;
min-height: 317px;
margin-bottom: 50px;
}
.specialservices::before {
content: '';
position: absolute;
width: 258px;
height: 258px;
border-radius: 50%;
border: 40px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
bottom: -140px;
left: -75px;
}
.specialservices::after {
content: '';
position: absolute;
width: 108px;
height: 108px;
border-radius: 50%;
border: 30px solid #c00808;
-webkit-box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
box-shadow: -14px 14px 30px 0 rgba(0, 0, 0, .3);
background-color: transparent;
z-index: 2;
bottom: 10px;
left: 265px;
}
.specialservices .text a{
font-size: 25px;
line-height: 31px;
margin-bottom: 1.5em;
}
}
.methods-gold-standart .obuchenie h2.do-school-h2{
margin: 10px auto;
text-align: center;
font-family: Merriweather;
font-weight: bold;
font-size: 26px;
line-height: 30px;
text-align: center;
color: #000000;
margin-top: 35px;
margin-bottom: 65px;
text-align: center;
}
/* Дошкольники */
.do-school-tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-bottom: 1px solid #E9E9E9;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.do-school-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #C00808;
border: 1px solid #C00808;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 30px 30px 0px 0px;
width: 260px;
margin-right: 30px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.do-school-link:hover, .progankors-block-wrapper .rus__test_slide a.rus_test-block-button:hover{
background-color: #ad0101;
color: #fff;
transition: all 0.3s ease;
}
.progankors-block-wrapper .rus__test_slide a.rus_test-block-button:hover{
background-image: url(/bitrix/templates/lexxis/stardestroyer/img/group_19.png);
}
.do-school-link span {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 27px;
color: #FFFFFF;
text-align: center;
}
.do-school-tabs .active {
background: #FFFFFF;
border: 1px solid #C00808;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.do-school-tabs .active span {
color: #C00808;
}
.do-school-tab-content {
max-width: 1100px;
margin: 10px auto;
}
.do-school-tab-content h3 {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 30px;
color: #000000;
margin: 30px auto 20px;
}
.tab-content .grey-block {
background: #F2F2F2;
padding: 10px 20px;
}
.tab-content .grey-block .mw530 {
max-width: 530px;
}
.tab-content .grey-block .mw800 {
max-width: 800px;
}
.tab-content .grey-block p strong {
font-family: Source Sans Pro;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.tab-content ul li {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 26px;
color: #010101;
}
ul.red-line li {
list-style: none;
position: relative;
margin-bottom: 18px;
padding-left: 25px;
}
ul.red-line li::before {
content: ' ';
position: absolute;
width: 33px;
height: 33px;
background-image: url(/upload/radius-red.png);
top: 0px;
left: -20px;
border: none;
border-radius: 0;
}
blockquote.left-circle {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
padding-left: 70px;
margin: 30px 15px;
position: relative;
}
blockquote.left-circle::before {
content: ' ';
position: absolute;
width: 44px;
height: 44px;
background-image: url(/upload/red-arrow-tourism.png);
top: 1px;
left: -10px;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-repeat: no-repeat;
}
.do-school-tab-content .time-end-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.time-end-price .town-price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 560px;
width: 100%;
margin: 20px 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 999;
}
.time-end-price .town-price .town-price-ekb,
.time-end-price .town-price .town-price-perv {
max-width: 270px;
width: 100%;
border: 1px solid #E9E9E9;
border-radius: 5px;
text-align: center;
background: #fff;
margin: 10px;
}
.time-end-price .town-price .town-price-ekb strong,
.time-end-price .town-price .town-price-perv strong {
font-weight: bold;
}
.time-end-price .town-price .gray {
color: #898888;
font-weight: normal;
font-size: 18px;
line-height: 23px;
}
.time-end-price .time p strong {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 30px;
color: #000000;
}
.time-end-price .time p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.tab-content {
display: none;
}
.tab-content.is-open {
display: block;
}
@media screen and (min-width: 1200px) {
.tab-content .group-img {
position: relative;
margin-bottom: 60px;
}
.tab-content .group-img::before {
content: '';
position: absolute;
background-image: url(/bitrix/templates/lexxis/stardestroyer/img/Group1.png);
top: -35px;
right: -40px;
width: 510px;
height: 384px;
}
.tab-content .circle-right {
position: relative;
margin-top: 30px;
margin-bottom: 30px;
}
.tab-content .circle-right::before {
content: '';
position: absolute;
background-image: url(/bitrix/templates/lexxis/stardestroyer/img/Group2.png);
top: -21px;
right: 90px;
width: 241px;
height: 247px;
}
.tab-content .circle-right2 {
position: relative;
margin-top: 30px;
margin-bottom: 30px;
}
.tab-content .circle-right2::before {
content: '';
position: absolute;
background-image: url(/bitrix/templates/lexxis/stardestroyer/img/Group2.png);
top: 60px;
right: 20px;
width: 241px;
height: 247px;
}
.tab-content .circle-before {
position: relative;
}
.tab-content .circle-before::before {
content: '';
position: absolute;
background-image: url(/upload/Ellipse-before.png);
top: -120px;
right: -50px;
width: 200px;
height: 206px;
z-index: 1;
}
.methods-gold-standart .before-circle {
position: relative;
}
.obuchenie .top-big-circle::before {
content: '';
position: absolute;
background-image: url(/bitrix/templates/lexxis/stardestroyer/img/Group2.png);
top: -120px;
left: 172px;
width: 241px;
height: 247px;
z-index: 1;
}
.obuchenie .top-middle-circle::after {
content: '';
position: absolute;
background-image: url(/upload/Ellipse-before.png);
top: 340px;
right: 180px;
width: 200px;
height: 206px;
z-index: 1;
}
.obuchenie .top-small-circle::before {
content: '';
position: absolute;
background-image: url(/upload/Ellipse-small.png);
top: 550px;
right: 510px;
width: 94px;
height: 100px;
z-index: 1;
}
}
@media screen and (min-width: 1000px) {
.do-school-tabs .active {
border-radius: 30px 30px 0px 0px;
}
}
@media screen and (max-width: 999px) {
.do-school-tabs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: 0;
max-width: 500px;
margin: 0 auto;
}
.do-school-link, .do-school-tabs .active {
padding: 20px;
margin: 10px 20px;
border-radius: 30px;
}
}
/* Дошкольники */
.price__info__rus{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 20px auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.price__top__rus{
background: #FFFFFF;
border: 1px solid #E9E9E9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
margin-right: 90px;
padding: 10px 20px;
-webkit-box-flex: 0;
-ms-flex: 0 1 270px;
flex: 0 1 270px;
}
.price__top__rus p{
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #000000;
}
.price__top__rus p.red__price{
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 30px;
line-height: 42px;
color: #C00808;
}
.price__top__rus p.old__price{
text-align: left;
margin-left: 13px;
text-decoration: line-through;
color: #969696;
}
.info_price{
-webkit-box-flex: 1;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
}
.info_price p{
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.info_price p a.red{
display: block;
font-weight: 600;
color: #C00808;
text-decoration: none;
}
.methods-gold-standart .obuchenie h2.rus__test{
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 30px;
text-align: center;
margin-top: 40px;
}
.methods-gold-standart .obuchenie h2.full{
max-width: 100%;
}
.methods-gold-standart .obuchenie h2.red{
color: #C00808;
}
.info__docs{
position: relative;
background: #FFFFFF;
border: 2px solid #E9E9E9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 20px;
padding: 30px;
width: 100%;
max-width: 690px;
margin-bottom: 60px;
}
.info__docs title{
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 32px;
color: #000000;
}
.info__docs ul li{
position: relative;
list-style: none;
margin-top: 1.5em;
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
color: #000000;
}
.info__docs ul li::before, ul.arrow__to_right li::before{
content: "";
position: absolute;
width: 21px;
height: 14px;
top: 5px;
left: -32px;
background: url(/bitrix/templates/lexxis/stardestroyer/images/greyarrow.svg) center no-repeat;
background-size: contain;
}
.info__docs::before{
content: "";
position: absolute;
width: 44px;
height: 44px;
top: 22px;
left: -25px;
background: url(/bitrix/templates/lexxis/stardestroyer/images/docs_b.svg) center no-repeat;
background-size: contain;
}
.info__docs::after{
content: "";
position: absolute;
width: 261px;
height: 261px;
bottom: -100px;
right: -300px;
background: url(/bitrix/templates/lexxis/stardestroyer/images/docs_a.svg) center no-repeat;
background-size: contain;
}
.methods-gold-standart .obuchenie h2.big_h2{
font-size: 36px;
}
.methods-gold-standart .obuchenie h2.left{
text-align: left;
margin: 10px 0;
}
p.title__rus_em{
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
text-align: center;
color: #000000;
margin-top: 0;
margin-bottom: 60px;
}
@media screen and (min-width: 999px) {
.p_10{
padding: 10px;
}
}
.no_margin{
margin: 0;
}
.obuchenie p.text_bold{
font-weight: bold;
}
ul.red_disc{
padding-left: 20px;
list-style: none;
}
ul.red_disc li{
position: relative;
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
color: #000000;
margin-bottom: 20px;
}
ul.red_disc li::before{
content: "";
position: absolute;
width: 7px;
height: 7px;
top: 10px;
left: -20px;
background: url(/bitrix/templates/lexxis/stardestroyer/images/ellipse25.svg) center no-repeat;
background-size: contain;
}
.table_rus table.top_red tbody:first-of-type td{
background: #C00808;
}
.table_rus table.gray_left-line tbody:nth-of-type(1n+2) td:first-of-type{
background: #F6F6F6;
}
.table_rus table.top_red tbody:first-of-type td:first-of-type{
border-radius: 30px 0px 0px 0px;
}
.table_rus table.top_red tbody:first-of-type td:last-of-type{
border-radius: 0px 30px 0px 0px;
}
.table_rus table tr td{
padding: 5px 30px;
vertical-align: top;
}
.info__and__table{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 20px auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.info__and__table .info{
-webkit-box-flex: 1;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
margin-right: 30px;
}
.info__and__table .table_rus{
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
overflow: hidden;
overflow-x: auto;
}
.table_rus table{
min-width: 600px;
}
@media screen and (max-width: 999px) {
.info__and__table .table_rus{
-webkit-box-flex: 1;
-ms-flex: 1 1 600px;
flex: 1 1 600px;
}
img.mob_non{
display: none;
}
}
.table_rus table.top_red tbody:first-of-type p{
font-family: Source Sans Pro;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
color: #ffffff;
}
.table_rus table tbody:nth-of-type(1n+2) p{
font-family: Source Sans Pro;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 25px;
}
.table_rus table .red{
color:#C00808;
}
.table_rus table tbody:nth-of-type(1n+2) ul{
list-style: none;
}
.table_rus table tbody:nth-of-type(1n+2) ul li{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 32px;
color: #010101;
}
ul.red{
padding: 0;
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 177%;
}
.table_rus table tbody:nth-of-type(1n+2) ul.red li{
color:#C00808;
}
ul.arrow__to_right li{
position: relative;
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
color: #000000;
position: relative;
list-style: none;
margin-bottom: 20px;
}
.two__flex_box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 20px auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.two__flex_box .one, .two__flex_box .two{
-webkit-box-flex: 1;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
margin: 20px;
padding: 20px;
}
.two__flex_box .one{
background: #FFFFFF;
border: 1px solid #E9E9E9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
}
.two__flex_box .two p{
position: relative;
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 27px;
color: #272727;
}
.two__flex_box .two p::before{
content: "";
position: absolute;
width: 21px;
height: 15px;
top: 5px;
left: -32px;
background: url(/bitrix/templates/lexxis/stardestroyer/img/Vector.png) center no-repeat;
background-size: contain;
}
p.preheader{
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 24px;
line-height: 34px;
text-align: center;
color: #000000;
margin:0px auto 30px;
}
blockquote.full__redline{
position: relative;
background: #F6F6F6;
padding: 30px 70px;
margin: 30px 0;
padding-left: 120px;
}
blockquote.full__redline p{
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
margin: 0;
padding: 0;
}
blockquote.full__redline::before{
content: "";
position: absolute;
width: 44px;
height: 44px;
top: 22px;
left: 65px;
background: url(/bitrix/templates/lexxis/stardestroyer/images/docs_b.svg) center no-repeat;
background-size: contain;
}
@media screen and (max-width: 419px) {
blockquote.full__redline{
padding: 30px;
padding-left: 20px;
}
blockquote.full__redline::before{
display: none;
}
}
#none.progankors-block-wrapper:after{
display:none;
}
blockquote.full__redcircle{
position: relative;
background: #F2F2F2;
padding: 5px 50px;
margin: 50px 0;
}
@media screen and (min-width: 1200px){
blockquote.full__redcircle{
margin-top: 100px;
}
blockquote.full__redcircle::before{
content: '';
width: 297px;
height:53px;
position: absolute;
right: 10px;
top: -53px;
background: url(/bitrix/templates/lexxis/stardestroyer/images/top_circle.png) center no-repeat;
background-size: contain;
}
blockquote.full__redcircle::after{
content: '';
width: 297px;
height:75px;
position: absolute;
right: 10px;
bottom: -75px;
background: url(/bitrix/templates/lexxis/stardestroyer/images/bottom_circle.png) center no-repeat;
background-size: contain;
}}
.title_line p{
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 30px;
color: #000000;
}
.city_number{
background: #FFFFFF;
border: 1px solid #E9E9E9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
padding: 10px 40px;
text-align: center;
margin: 10px;
}
.two_city{
-webkit-box-flex: 0;
-ms-flex: 0 1 550px;
flex: 0 1 550px;
}
.title_line img{
margin-left: 30px;
}
.city_number p.city{
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 21px;
color: #000000;
}
.city_number a.number{
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
text-transform: lowercase;
color: #C00808;
text-decoration: none;
}
.flex_60{
-webkit-box-flex:0;
-ms-flex:0 0 60%;
flex:0 0 60%;
}
.stretch_city{
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.contacts_city{
text-align: left;
-webkit-box-flex: 0;
-ms-flex: 0 0 380px;
flex: 0 0 380px;
}
.contacts_city p.city{
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #C00808;
}
.two_contacts{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
margin: 5px 0;
}
.two_contacts a{
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 23px;
color: #000000;
text-decoration: none;
}
.progankors-block-wrapper .rus__test_slide{
background: #F2F2F2;
}
.progankors-block-wrapper .rus__test_slide a.rus_test-block-button{
font-family: Source Sans Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px;
text-align: left;
color: #000000;
padding: 10px;
border: 1px solid #9D9D9D;
border-radius: 20px;
background-image: url(/bitrix/templates/lexxis/stardestroyer/images/ellipse4.png);
background-position:90%;
background-repeat: no-repeat;
margin-top: 20px;
}
.rus__test_slide p.title_rus{
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 37px;
text-transform: uppercase;
color: #000000;
}
.full__redcircle .two__flex_box{
margin: 10px 0;
}
p.img_right{
width: 100%;
max-width: 300px;
text-align: right;
}
.test_five_to-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 40px 0;
}
.test_five_to-flex .five_parts {
-webkit-box-flex: 1;
-ms-flex: 1 0 40%;
flex: 1 0 40%;
padding-left: 5%;
}
.test_five_to-flex .five_test-title {
-webkit-box-flex: 1;
-ms-flex: 1 0 60%;
flex: 1 0 60%;
}
.five_parts p {
font-weight: normal;
}
.test_five_to-flex .five_test-title blockquote.full__redline {
margin: 0;
}
.five_parts ul li {
position: relative;
list-style: none;
font-family: Source Sans Pro;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 32px;
color: #010101;
padding-left: 50px;
}
.five_parts ul li::before {
line-height: 22px;
content: "+";
width: 22px;
height: 22px;
background-color: #C00808;
color: #ffffff;
font-size: 14px;
border-radius: 50%;
position: absolute;
text-align: center;
top: 5px;
left: 0;
}
@media screen and (min-width: 1200px) {
.test_five_to-flex .five_parts {
padding-left: 10%;
}
}.align__start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.two__flex_box div {
-webkit-box-flex: 1;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
margin: 10px;
}
p.big_red {
font-family: Merriweather;
font-style: normal;
font-weight: 900;
font-size: 24px;
line-height: 30px;
color: #C00808;
}
blockquote.medium__redline {
max-width: 820px;
background: #FFFFFF;
border: 2px solid #E9E9E9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 20px;
padding: 30px;
width: 100%;
position: relative;
margin: 20px auto;
}
blockquote.medium__redline::before {
content: "";
position: absolute;
width: 44px;
height: 44px;
top: 35%;
left: -22px;
background: url(/bitrix/templates/lexxis/stardestroyer/images/docs_b.svg) center no-repeat;
background-size: contain;
}
a.red {
color: #C00808;
text-decoration: none;
}
table.gray-line_table tbody:nth-of-type(1n+2) tr:nth-of-type(2n+1) {
background-color: #F6F6F6;
}
p.title_red-circle {
position: relative;
font-family: Source Sans Pro;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 23px;
color: #000000;
margin-left: 20px;
}
p.title_red-circle::before {
line-height: 22px;
content: "+";
width: 22px;
height: 22px;
background-color: #C00808;
color: #ffffff;
font-size: 14px;
border-radius: 50%;
position: absolute;
text-align: center;
top: 0;
left: -30px;
}
@media screen and (min-width: 1200px) {
p.title_red-circle {
margin-left: 0;
}
}
.name__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.name_teacher {
background: #F2F2F2;
border-radius: 20px;
padding: 10px 30px 10px 70px;
}
.name_teacher p.teacher {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 45px;
color: #000000;
}
.name_teacher p.anons_teacher {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.name_teacher,
.info_teacher {
-webkit-box-flex: 1;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
margin: 10px;
}
.info_teacher p {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.methods-gold-standart .obuchenie h2.h2__width_700 {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 23px;
line-height: 29px;
text-align: center;
width: 100%;
max-width: 700px;
}
.flex__box__number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-item-align: center;
align-self: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.medium__box__number {
background: #FFFFFF;
border: 1px solid #E9E9E9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
-webkit-box-flex: 0;
-ms-flex: 0 1 265px;
flex: 0 1 265px;
margin: 6px;
padding: 10px;
padding-top: 10px;
min-height: 200px;
}
.medium__box__number p {
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 27px;
color: #272727;
margin: 0;
padding: 0;
}
.after__number {
counter-reset: list1;
}
.after__number .medium__box__number::before {
counter-increment: list1;
content: counter(list1);
font-family: Merriweather;
font-style: normal;
font-weight: bold;
font-size: 35px;
line-height: 53px;
color: #C00808;
}
.bgc__white {
background-color: #fff;
}
.mtb__30 {
margin: 30px auto;
}
.bold ul li {
font-weight: bold;
}
.container__midle {
padding: 20px;
margin: 10px;
border: 1px solid #E9E9E9;
border-radius: 10px;
}
p.big__title {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 600;
font-size: 36px;
line-height: 45px;
color: #000000;
padding-left: 40px;
}
p.big__title span {
display: block;
padding: 0;
margin: 0;
font-size: 18px;
line-height: 23px;
}
@media (min-width: 1200px) {
.container__midle {
padding: 20px;
margin: 20px 40px;
}
.before-circle___2 {
position: relative;
}
.before-circle___2::before {
content: "";
position: absolute;
width: 74px;
height: 80px;
top: 189px;
right: 100px;
background: url(/upload/img/ellipse_number.png) center no-repeat;
background-size: contain;
}
}
hr.gray__center {
border: 1px solid #D4D4D4;
max-width: 240px;
width: 100%;
margin: 30px auto;
}
p.center__big {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 24px;
line-height: 34px;
text-align: center;
color: #000000;
}
.container__midle ul li {
font-family: Source Sans Pro;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 23px;
color: #000000;
}
.school-info a{
color: #ffffff;
font-size: 14px;
font-weight: bold;
}
.service__item__specialservices{
width: 100%;
position: relative;
font-size: 18px;
line-height: 1.5em;
color: #c00808;
margin-bottom: 20px;
padding-left: 0;
}
.specialservices .text a{
margin-bottom: 10px!important;
}
.swiper-buttons-new {
position: absolute;
top: 10px;
right: 10px;
z-index: 6;
display: flex;
}
.container-buttons {
position: relative;
}
.swiper-button-next-new, .swiper-button-prev-new{
background-color: #C4C4C4;
border-radius: 20px;
width: 48px;
height: 45px;
cursor: pointer;
position: relative;
outline: 0;
}
.swiper-button-next-new {
margin-right: 8px;
}
.swiper-button-next-new::before, .swiper-button-prev-new::before{
position: absolute;
content: '';
width: 10px;
height: 10px;
border-left: 2px solid #FFF;
border-bottom: 2px solid #FFF;
bottom: 50%;
right: 50%;
transform: rotate(45deg)translate(73%, -19%);
}
.swiper-button-next-new:focus, .swiper-button-prev-new:focus {
outline: 0;
outline: -webkit-focus-ring-color auto 0px;
}
.swiper-button-prev-new::before{
transform: rotate(45deg)translate(58%, -3%);
border-right: 2px solid #FFF;
border-top: 2px solid #FFF;
border-left: none;
border-bottom: none;
}
/* онлайн обучение */
.advantages-block-circle-plus {
display: flex;
align-items: center;
}
.programs-online-zero-title {
text-align: center;
}
.programs-online-zero {
display: flex;
flex-direction: column;
}
.programs-online-zero-wrapper {
display: flex;
justify-content: space-between;
max-width: 1200px;
width: 100%;
margin: 30px auto;
}
.programs-online-zero p{
font-size: 16px;
font-family: Merriweather;
margin-left: 20px;
}
.passing-online-cours-wrapper {
display: flex;
justify-content: space-between;
max-width: 1200px;
width: 100%;
align-items: center;
margin: 0 auto;
}
.passing-online-cours__text p {
font-size: 20px;
color: #000000;
margin-bottom: 40px;
font-weight: 300;
}
.passing-online-cours__text {
width: 50%;
padding: 0 30px;
}
.passing-online-cours__picture {
width: 50%;
}
.intro-online-online-course {
margin-bottom: 30px;
}
.price-online-course-wrapper {
max-width: 1200px;
width: 100%;
margin: 60px auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.price-online-course-text {
width: 50%;
}
.price-online-course-right {
width: 50%;
display: flex;
align-items: center;
justify-content: space-between;
}
.price-online-course-sub-text p{
font-size: 18px;
font-family: Merriweather;
margin-top: 40px;
}
.price-online-course-text .title {
font-size: 25px;
}
.price-online-course-right-block p {
font-size: 17px;
font-family: Merriweather;
}
.price-online-course-right-block span {
color: #898888;
font-size: 18px;
}
.price-online-course-right-block {
width: 48%;
border: 1px solid #E9E9E9;
border-radius: 5px;
text-align: center;
padding: 10px 20px 20px 20px;
}
.layersincut-wrapper {
margin: 50px 0 0 0;
}
.pluses-online-list-style {
font-size: 18px;
}
@media screen and (max-width: 768px){
.programs-online-zero-wrapper {
justify-content: center;
flex-direction: column;
}
.passing-online-cours__picture {
display: none;
}
.passing-online-cours__text {
width: 100%;
}
.price-online-course-wrapper {
flex-direction: column;
}
.price-online-course-text {
width: 100%;
text-align: center;
}
.price-online-course-right {
width: 100%;
}
}
.programm_akcii {
margin-top: 20px;
}
.programm_akcii a {
color: 000;
font-size: 20px;
font-weight 800;
}
.programm_akcii a:hover{
color: #4169E1;
}
.link_to_go{
text-align: center;
margin: 20px auto 0 auto;
font-size: 25px;
font-family: Merriweather;
display: block;
}
.link_to_go:hover {
color: #C00808;
}