/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0; }
/**
* Render the `main` element consistently in IE.
*/
main {
display: block; }
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */ }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent; }
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
/* 2 */ }
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder; }
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */ }
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%; }
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none; }
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */ }
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible; }
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none; }
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; }
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em; }
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */ }
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline; }
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto; }
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */ }
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */ }
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block; }
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item; }
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none; }
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none; }
@font-face {
font-family: 'Rubik';
src: url(../fonts/Rubik/Rubik-Regular.ttf) format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Rubik Italic';
src: url(../fonts/Rubik/Rubik-RegularItalic.ttf) format("truetype");
font-weight: normal;
font-style: italic; }
@font-face {
font-family: 'Rubik Light';
src: url(../fonts/Rubik/Rubik-Light.ttf) format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Rubik LightItalic';
src: url(../fonts/Rubik/Rubik-LightItalic.ttf) format("truetype");
font-weight: normal;
font-style: italic; }
@font-face {
font-family: 'Rubik Medium';
src: url(../fonts/Rubik/Rubik-Medium.ttf) format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Rubik MediumItalic';
src: url(../fonts/Rubik/Rubik-MediumItalic.ttf) format("truetype");
font-weight: normal;
font-style: italic; }
@font-face {
font-family: 'Rubik Bold';
src: url(../fonts/Rubik/Rubik-Bold.ttf) format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Rubik BoldItalic';
src: url(../fonts/Rubik/Rubik-BoldItalic.ttf) format("truetype");
font-weight: normal;
font-style: italic; }
@font-face {
font-family: 'Rubik Black';
src: url(../fonts/Rubik/Rubik-Black.ttf) format("truetype");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: 'Rubik BlackItalic';
src: url(../fonts/Rubik/Rubik-BlackItalic.ttf) format("truetype");
font-weight: normal;
font-style: italic; }
@font-face {
font-family: 'Segoe';
src: url(../fonts/Segoe/Segoe-Script.ttf) format("truetype");
font-weight: normal;
font-style: normal; }
html {
font-family: 'Rubik', Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.3px;
height: 100%;
color: #17374E;
background: #ffffff; }
body {
height: 100%; }
h1 {
font-family: 'Rubik Bold', Arial, sans-serif;
font-size: 80px;
color: #fff;
text-transform: uppercase;
margin-bottom: 30px; }
h2, h3, h4, h5, h6 {
font-family: 'Rubik Bold', Arial, sans-serif;
font-size: 60px;
margin: 0;
color: #17374E; }
ul, li {
list-style-type: none;
margin: 0;
padding: 0; }
a {
text-decoration: none;
color: #17374E;
display: block; }
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
width: absolute;}
section {
position: relative; }
input,
select,
button {
outline: none; }
p {
line-height: 130%;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
.wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%; }
.content {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
background-color: #ffffff;
}
footer {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.city-branch {
background: url("../images/general/header-back.jpg") no-repeat right top;
padding-top: 35px;
text-align: center; }
@media (max-width: 1600px) {
.city-branch {
background: url("../images/general/header-back.jpg") no-repeat right -45% top; }
}
@media (max-width: 1200px) {
.city-branch {
background: url("../images/general/header-back-opacity.png") no-repeat right -80% top; }
}
@media (max-width: 992px) {
.city-branch {
background: url("../images/general/header-back-opacity.png") no-repeat right -200% top; }
}
@media (max-width: 890px) {
.city-branch {
background: url("../images/general/header-back-opacity.png") no-repeat right 400% top; }
}
@media (max-width: 768px) {
.city-branch {
background: none }
}
.city-emblem {
color: #848484; }
.city-emblem img{
max-width: 90px; }
.city {
font-family: 'Rubik Bold', Arial, sans-serif;
font-size: 64px;
color: #ef4a4f;
margin: 0;
margin-top: 75px; }
.branch {
font-size: 24px;
margin: 0;
margin-bottom: 75px; }
.city-adress,
.city-phone,
.city-skype {
margin-bottom: 30px;
padding: 0 10%;}
.city-adress p, .city-adress a,
.city-phone p,
.city-phone a,
.city-skype p,
.city-skype a {
margin: 10px 0 0 0; }
.city-adress p {
font-size: 16px; }
.city-phone a {
font-family: 'Rubik Bold', Arial, sans-serif;
font-size: 18px;
color: #2d2f32;}
.city-skype a {
font-family: 'Rubik Bold', Arial, sans-serif;
font-size: 18px;
color: #0071b4; }
.city-branch__map {
width: 100%;
height: 200px;
margin-bottom: 250px;
}
.city-branch__map-full {
width: 100%;
height: 600px; }
.city-branch__icon img {
position: absolute;
z-index: 9999;
bottom: 0;
text-align: center;
margin-bottom: -25px;
margin-left: -25px;
cursor: pointer;}
.hide-map__icon img {
position: absolute;
z-index: 9999;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
cursor: pointer;}
@media (max-width: 576px) {
.city {
font-size: 36px;
margin-top: 25px; }
.branch {
font-size: 18px;
margin-bottom: 25px; }
.city-adress,
.city-phone,
.city-skype {
margin-bottom: 10px; } }
.city-branch__map ymaps {
-webkit-filter: brightness(98%);
filter: brightness(98%); }
.city-branch__map-full ymaps {
-webkit-filter: brightness(100%);
filter: brightness(100%); }
.about {
text-align: center;
padding-top: 80px;}
.about-title {
font-size: 36px; }
.about-advantages__list {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.about-advantages__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
margin: 10px;
width: 22%;
justify-content: center;
flex-direction: column;
text-align: center;
border: 4px solid #ef4a4f;
border-radius: 10px;
background: #ebf1f6;
padding: 25px;
font-size: 18px; }
.about-advantages__item p {
align-content: center;
margin-bottom: 0;
}
@media (max-width: 992px) {
.about-advantages__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-preferred-size: 46%;
flex-basis: 46%;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0; } }
@media (max-width: 500px) {
.about-advantages__list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
.team {
z-index: 9; }
.welcome {
background: url("../images/general/welcome.jpg") no-repeat center;
padding: 75px 0; }
.welcome p {
font-family: 'Rubik Bold', Arial, sans-serif;
color: #0071b4;
font-size: 88px;
text-align: center;
padding: 130px 0;}
mask {
-webkit-mask-image: url("http://oxford-russia.ru/wp-content/themes/striking_r/assets/images/general/flag.png");
mask-image: url("http://oxford-russia.ru/wp-content/themes/striking_r/assets/images/general/flag.png"); }
.team-title {
font-size: 36px;
color: #ef4a4f;
text-align: center; }
.team-item__back {
background-size: 100%;
height: 340px;
width: auto; }
.team-item__back img {
width: 200px;
height: 300px;
object-fit: cover;
border-radius: 10px 10px 10px 10px;}
.team-item {
margin-bottom: 75px;
}
.team-item img {
margin-left: 80px;
margin-top: 20px; }
.team-item__name {
font-size: 18px;
margin: 0;
padding-left: 80px; }
.team-item__position {
font-size: 16px;
color: #ef4a4f;
margin: 0;
padding-left: 80px; }
p.team-item__segoe {
font-family: 'Segoe', Arial, sans-serif;
color: #c2cbd3;
font-size: 30px;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
margin-top: 0;
margin-left: 40%;
padding-left: 80px; }
.team-item__info {
font-size: 14px;
color: #7d7d7d;
padding-left: 80px; }
@media (max-width: 1200px) {
.team-item img {
margin-left: 50px; }
.team-item__name {
padding-left: 50px; }
.team-item__position {
padding-left: 50px; }
.team-item__info {
padding-left: 50px; }
p.team-item__segoe {
margin-top: 0;
padding-left: 50px; } }
@media (max-width: 768px) {
.team-item {
text-align: center; }
.team-item img {
margin-left: 0; }
.team-item__name {
padding-left: 0; }
.team-item__position {
padding-left: 0; }
.team-item__info {
padding-left: 0; }
p.team-item__segoe {
margin-top: 0;
padding-left: 0; } }
@media (max-width: 576px) {
.team-item {
text-align: center; }
.team-item img {
margin-left: 0px; }
.team-item__name,
.team-item__position,
.team-item__info {
padding-left: 0px; }
p.team-item__segoe {
margin-left: 20%; }
#team-item1,
#team-item2,
#team-item3,
#team-item4,
#team-item5,
#team-item6 {
background-position: center;
background-size: 65%; }
.welcome p {
font-size: 48px; } }
.gallery-filial {
padding-top: 160px;
background: url("../images/general/waves.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
padding-bottom: 160px;
margin-top: -50px;
margin-bottom: -100px; }
.gallery-title__en {
font-family: 'Segoe', Arial, sans-serif;
color: #c2cbd3;
font-size: 30px;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
padding-left: 90px;
margin-bottom: 50px; }
.gallery-title {
font-size: 36px;
color: #ef4a4f;
text-align: center;
margin: 0; }
.gallery-filial-item {
width: 400px;
height: 270px;
text-align: center;
margin: 130px; }
.gallery-filial-item img {
width: 400px;
height: 270px;
-o-object-fit: cover;
object-fit: cover; }
.slick-center .gallery-filial-item img {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.prev,
.next {
position: absolute;
top: 40%;
z-index: 1;
cursor: pointer;
padding: 20px;
background: #075785;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
img.prev {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.prev:hover {
background: #00b9e0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.next:hover {
background: #00b9e0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.next {
right: 0;
margin-right: 28.5%; }
.prev {
margin-left: 28.5%; }
@media (max-width: 1760px) {
.next {
margin-right: 26%; }
.prev {
margin-left: 26%; } }
@media (max-width: 1680px) {
.next {
margin-right: 25%; }
.prev {
margin-left: 25%; } }
@media (max-width: 1520px) {
.next {
margin-right: 22%; }
.prev {
margin-left: 22%; } }
@media (max-width: 1360px) {
.next {
margin-right: 19%; }
.prev {
margin-left: 19%; } }
@media (max-width: 1200px) {
.next {
margin-right: 15%; }
.prev {
margin-left: 15%; }
.gallery-title__en {
margin-bottom: 80px; } }
@media (max-width: 1065px) {
.next {
margin-right: 3%; }
.prev {
margin-left: 3%; } }
@media (max-width: 992px) {
.gallery-title__en {
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-left: 0;
margin-bottom: 5px;
text-align: center; } }
.reviews {
background: url("../images/general/reviews-back.png");
background-repeat: no-repeat;
background-position: right bottom;
margin-bottom: 100px; }
.reviews-title {
font-size: 36px;
color: #ef4a4f;
text-align: center; }
.reviews-title__en {
font-size: 36px;
font-family: 'Segoe', Arial, sans-serif;
color: #c2cbd3;
text-align: center;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg); }
.review-item {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -130px;
margin-bottom: 75px;
margin-top: 50px; }
.review-column__first {
background: url("../images/general/shape7.png");
background-repeat: no-repeat;
padding: 30px 30px 20px 90px;
float: left; }
.review-column__first img{
max-width: 147px;
max-height: 177px;
object-fit: cover;
border-radius: 10px;}
.review-column__second {
background-color: #ebf1f6;
width: 100%;
max-width: 540px;
border-radius: 10px;
padding: 40px 40px 40px 60px;
margin-left: 50px; }
.review-column__second img {
position: absolute;
margin-left: -92px; }
.review-name {
font-size: 18px;
margin-top: 15px; }
.review-status {
font-size: 14px;
color: #ef4a4f; }
.review-text {
font-size: 18px; }
ul.slick-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
ul.slick-dots li {
margin-right: 50px;
text-align: center;
height: 27px; }
ul.slick-dots li.slick-active {
border-bottom: 4px solid #0071b4; }
ul.slick-dots a {
font-size: 18px; }
@media (max-width: 1200px) {
.review-column__second {
max-width: 500px; } }
@media (max-width: 992px) {
.review-column__second {
max-width: 380px; }
.review-column__first {
background: url("../images/general/shape7.png") no-repeat right top;
background-size: 76%; }
.reviews-title__en {
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding-left: 0;
margin-bottom: 5px;
text-align: center; } }
@media (max-width: 768px) {
.review-column__second {
max-width: 330px; }
.review-column__first {
background: none;
margin-left: 60px;
padding: 0 1px 0px 75px; }
.review-column__first img {
width: 100px; }
.review-text {
font-size: 16px; } }
@media (max-width: 500px) {
.reviews {
background: url("../images/general/reviews-back.png");
background-size: 0;
margin-bottom: 100px; }
.reviews-title {
margin: 0; }
.review-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: -130px;
margin-bottom: 75px;
margin-top: 50px;
text-align: center; }
.review-column__first {
background: url("../images/general/shape7.png") center;
background-repeat: no-repeat;
padding: 30px 30px 20px 75px;
float: none;
width: 100%;
margin-left: 100px; }
.review-column__second {
background-color: #ebf1f6;
width: 100%;
max-width: 100%;
border-radius: 10px;
padding: 40px 40px 40px 60px;
margin-left: 100px; }
.reviews .slick-slide img {
display: inline; } }
.consult {
background: url("../images/general/flag-back.png") no-repeat;
background-position: top right; }
.title-consult {
font-size: 36px;
color: #0071b4; }
.subtitle-consult {
font-size: 16px; }
.title-consult__en {
font-size: 36px;
font-family: 'Segoe', Arial, sans-serif;
color: #c2cbd3;
text-align: left;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
margin-top: 40px; }
.cup-tea img {
margin-left: 10px;
margin-top: -15px; }
.consult-form {
margin-top: 50px; }
.consult-form__input,
.consult-form__select,
.consult-form__submit,
.politic {
width: 42%;
height: 55px;
margin-right: 25px;
margin-bottom: 20px;
border: none;
border-radius: 5px;
font-size: 16px;
color: #6b6b6b;
z-index: 9; }
.consult-form__select {
cursor: pointer;
padding-left: 20px;
}
.politic {
font-size: 12px;
display: inline-block;
vertical-align: text-top;
word-wrap: wrap;
margin-right: -20px;
}
.consult-form__input {
background: #ebf1f6;
padding-left: 20px;
cursor: text;}
.consult-form__submit {
font-family: 'Rubik Bold', Arial, sans-serif;
background: #ef4a4f;
color: #fff;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.consult-form__submit:hover {
background: #e01b22; }
.consult-form__select {
background: url("../images/general/select-arrows.png") no-repeat;
z-index: 9; }
.women-concult img {
margin-bottom: -20px;
float: right;
margin-right: 50px; }
.consult-form__select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url("../images/general/select-arrows.png");
background-repeat: no-repeat;
background-position: right;
background-color: #ebf1f6; }
@media (max-width: 1600px) {
.consult {
background: url("../images/general/flag-back.png") no-repeat;
background-position: 100% -20%; } }
@media (max-width: 1200px) {
.consult {
background: url("../images/general/flag-back.png") no-repeat;
background-position: 100% -40%; }
.women-concult {
margin-top: 105px; } }
@media (max-width: 992px) {
.women-concult img {
margin-top: 15px;
float: right;
margin-right: -60px; }
.consult-form__input, .consult-form__select, .consult-form__submit, .politic {
width: 45%;
margin-right: 20px; }
.consult-form__input, .consult-form__select {
padding-left: 12px; } }
@media (max-width: 768px) {
.consult {
background: url("../images/general/flag-back.png") no-repeat;
background-position: 100% -250%; }
.women-concult img {
margin-top: 108px;
float: right;
margin-right: -48px; }
.consult-form__input, .consult-form__select, .consult-form__submit, .politic {
width: 90%;
margin-right: 0;
position: relative;
z-index: 9; } }
@media (max-width: 576px) {
.consult {
background: url("../images/general/flag-back.png") no-repeat;
background-position: 100% -90%; }
.title-consult {
font-size: 24px;
text-align: center;
width: 110%; }
.subtitle-consult {
font-size: 18px;
text-align: center;
width: 110%; }
.women-concult img {
margin-top: 176px;
float: right;
margin-right: 0; }
.consult-form__input, .consult-form__select, .consult-form__submit, .politic {
width: 63%;
margin-right: 0;
position: relative;
z-index: 9; }
.title-consult__en {
font-size: 24px;
margin-top: 82px;
margin-left: -100px;
display: none; } }
@media (max-width: 452px) {
.consult {
background: url("../images/general/flag-back.png") no-repeat;
background-position: 100% -45%;
text-align: center; }
.women-concult {
display: none; }
.title-consult,
.subtitle-consult {
width: 110%; }
.consult-form__input, .consult-form__select, .consult-form__submit, .politic {
width: 110%;
margin-right: 0;
position: relative;
z-index: 9; }
.cup-tea {
display: none; } }
@media (max-width: 400px) {
.consult {
background: url("../images/general/flag-back.png") no-repeat;
background-position: 100% -120%; } }
.news {
background: #ebf1f6;
padding: 80px 0 75px 0; }
.news-title {
font-size: 40px;
color: #075785; }
.news-title__en {
font-size: 36px;
font-family: 'Segoe', Arial, sans-serif;
color: #c2cbd3;
text-align: center;
-webkit-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
transform: rotate(-15deg);
margin-top: -25px;
margin-left: 240px; }
.news-list {
margin-top: 60px; }
.slick-slide .news-item {
padding: 0 25px; }
.news-item__prev img {
width: 100%;
border-radius: 10px;}
.news-item__date {
background: url("../images/general/dateBack.png") no-repeat left;
background-size: 100%;
position: absolute;
color: #ffffff;
z-index: 9;
padding: 0 20px;
margin-top: 5px; }
.news-item__date p {
font-family: 'Rubik Bold', Arial, sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
padding-top: 20px;}
a.news-item__name {
font-size: 22px;
color: #0071b4;
padding: 25px 0; }
.news-item__text {
color: #ef4a4f;
margin: 0;
line-height: 130%;
}
.prev-news,
.next-news {
position: absolute;
top: 40%;
z-index: 1;
cursor: pointer;
padding: 10px;
background: #075785;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
img.prev {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.prev-news:hover {
background: #00b9e0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.next-news:hover {
background: #00b9e0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; }
.next-news {
right: 0;
margin-right: 0; }
.prev-news {
margin-left: 70px; }
@media (max-width: 1600px) {
.next-news {
right: 0;
margin-right: 15px; }
.prev-news {
margin-left: 15px; } }
@media (max-width: 1200px) {
.news-title__en {
margin-top: -45px; } }
@media (max-width: 992px) {
.next-news {
right: 0;
margin-right: 15px;
top: 27%; }
.prev-news {
right: 0;
margin-right: 70px;
top: 27%; }
.news-title {
margin-bottom: 5px; }
.news-title__en {
text-align: left;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-top: 0;
margin-left: 0; } }
@media (max-width: 576px) {
.news-slider__navigation {
display: none; }
.news-title {
text-align: center; }
.news-title__en {
text-align: center; } }
.consult-form input[type=text]{
font-family: 'Rubik', Arial, sans-serif;
font-size: 16px;
background: #ebf1f6;
border: none;
}
a.news-item__name:link, a.news-item__name:visited, a.news-item__name:hover, a.news-item__name:active, a.news-item__name:focus {
color: #0071b4;
text-decoration: none;
outline: 0 none;
line-height: 130%;
}
.city-phone a:link, .city-phone a:visited, .city-phone a:hover, .city-phone a:active, .city-phone a:focus {
color: #2d2f32;
}
.city-skype a:link, .city-skype a:visited, .city-skype a:hover, .city-skype a:active, .city-skype a:focus {
color: #0071b4;
}
#woman-consult {
max-width: none;
}
.textwidget h4 {
font-size: 18px;
display: flex;
}
.textwidget h4 a{
padding-left: 5px;
}
.overlay {
z-index: 99;
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
display: none; }
.pop-up {
position: absolute;
width: auto;
height: auto;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 40px;
background-color: #FFF;
border: none;
text-align: center; }
@media (max-width: 520px) {
.pop-up {
width: 90%;
height: auto; } }
.close-popup {
position: absolute;
top: 15px;
right: 15px;
width: 23px;
height: 23px;
cursor: pointer; }
.close-popup:before {
content: '';
background-color: #000;
position: absolute;
height: 1px;
width: 31px;
top: 11px;
left: -4px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.close-popup:after {
content: '';
background-color: #000;
position: absolute;
height: 1px;
width: 31px;
top: 11px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: -4px; }
.js-thank-you h2 {
font-size: 24px;
text-align: center;
padding-top: 15px; }
.js-thank-you__text {
text-align: center;
padding-top: 10px;
font-size: 18px; }
span.pop-up__title {
font-weight: bold;
font-size: 26px;
color: #333; }
.js-thank-you__text p {
font-size: 18px;
color: #333;
margin-bottom: 0px;}
.politic-form {
display: inline-block;
}
input.consult-form__submit[disabled], html input.consult-form__submit[disabled] {
cursor: default;
transition: 0.3s;
opacity: 0.5;
}
.consult-form .checkbox-custom, .label {
display: inline-block;
vertical-align: top;
}
.politic {
vertical-align: middle;
}
#navigation ul li.hover ul li a, #navigation ul ul li a, #navigation ul ul li a:visited {
width: 230px;
}
.toland {
z-index: 999;
}
.first-submit {
display: inline-block;
}
.second-submit {
display: none;
}
@media (max-width: 768px) {
.first-submit {
display: none;
}
.second-submit {
display: inline-block;
}
}
.about-text {
margin-top: 75px;
}