.sp-wrap {
padding: 0px;
border-style: solid;
border-image: none;
border-width: 1px 1px 1px 2px;
clear: both;
margin-bottom:10px;
}
.sp-head {
cursor: pointer;
display: block;
font-weight: bold;
margin-left: 6px;
padding: 4px 14px 3px;
text-align: left;
}
.sp-body {
padding: 2px 6px;
height:auto;
}
.spdiv {
width: 98%;
margin: 0px auto;
text-align: right;
font-size: 0.8em;
cursor: pointer;
display:block;
}
.sp-wrap-default {
background: none repeat scroll 0% 0% #E9E9E6;
border-color: #C3CBD1;
}
.sp-wrap-default .sp-head {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-default .sp-head.unfolded {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-default .sp-body {
background: #F5F5F5;
border-top:1px solid #C3CBD1;
}
.sp-wrap-default .spdiv {
color: #444;
}
.sp-wrap-green {
background: none repeat scroll 0% 0% #A9D0B3;
border-color: #89BE95;
}
.sp-wrap-green .sp-head {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-green .sp-head.unfolded {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-green .sp-body {
background: #DBEBDF;
border-top:1px solid #89BE95;
}
.sp-wrap-green .spdiv {
color: #444;
}
.sp-wrap-red {
background: none repeat scroll 0% 0% #FFB3B3;
border-color: #FF9999;
}
.sp-wrap-red .sp-head {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-red .sp-head.unfolded {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-red .sp-body {
background: #FFE5E5;
border-top:1px solid #FF9999;
}
.sp-wrap-red .spdiv {
color: #444;
}
.sp-wrap-blue {
background: none repeat scroll 0% 0% #A8C3F5;
border-color: #7CA8EE;
}
.sp-wrap-blue .sp-head {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-blue .sp-head.unfolded {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-blue .sp-body {
background: #D6E3FA;
border-top:1px solid #7CA8EE;
}
.sp-wrap-blue .spdiv {
color: #444;
}
.sp-wrap-yellow {
background: none repeat scroll 0% 0% #F5EEB2;
border-color: #ECE06F;
}
.sp-wrap-yellow .sp-head {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-yellow .sp-head.unfolded {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-yellow .sp-body {
background: #FBF8DF;
border-top:1px solid #ECE06F;
}
.sp-wrap-yellow .spdiv {
color: #444;
}
.sp-wrap-orange {
background: none repeat scroll 0% 0% #FFD39E;
border-color: #FFBC6B;
}
.sp-wrap-orange .sp-head {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-orange .sp-head.unfolded {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-orange .sp-body {
background: #FFEAD1;
border-top:1px solid #FFBC6B;
}
.sp-wrap-orange .spdiv {
color: #444;
}
.sp-wrap-brown {
background: none repeat scroll 0% 0% #E4C6B4;
border-color: #D5A890;
}
.sp-wrap-brown .sp-head {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-brown .sp-head.unfolded {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-brown .sp-body {
background: #F1E2DA;
border-top:1px solid #D5A890;
}
.sp-wrap-brown .spdiv {
color: #444;
}
.sp-wrap-purple {
background: none repeat scroll 0% 0% #FFB3FF;
border-color: #FF80FF;
}
.sp-wrap-purple .sp-head {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-purple .sp-head.unfolded {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-purple .sp-body {
background: #FFE5FF;
border-top:1px solid #FF80FF;
}
.sp-wrap-purple .spdiv {
color: #444;
}
.sp-wrap-cyan {
background: none repeat scroll 0% 0% #99FFFF;
border-color: #4DFFFF;
}
.sp-wrap-cyan .sp-head {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-cyan .sp-head.unfolded {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-cyan .sp-body {
background: #CCFFFF;
border-top:1px solid #4DFFFF;
}
.sp-wrap-cyan .spdiv {
color: #444;
}
.sp-wrap-lime {
background: none repeat scroll 0% 0% #99FF99;
border-color: #66FF66;
}
.sp-wrap-lime .sp-head {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-lime .sp-head.unfolded {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-lime .sp-body {
background: #CCFFCC;
border-top:1px solid #66FF66;
}
.sp-wrap-lime .spdiv {
color: #444;
}
.sp-wrap-steelblue {
background: none repeat scroll 0% 0% #B2CAE0;
border-color: #8EB2D2;
}
.sp-wrap-steelblue .sp-head {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_plus.gif) no-repeat left center;
color: #2A2A2A;
}
.sp-wrap-steelblue .sp-head.unfolded {
background: url(//recas.ru/wp-content/plugins/bbspoiler/img/icon_minus.gif) no-repeat left center;
}
.sp-wrap-steelblue .sp-body {
background: #D7E4EF;
border-top:1px solid #8EB2D2;
}
.sp-wrap-steelblue .spdiv {
color: #444;
}.dnd-icon-remove.deleting { font-size:12px; color:#000; font-weight: 500; position: relative; top:-3px; }
.dnd-icon-remove.deleting:after { display:none!important; }
.wpcf7-drag-n-drop-file.d-none {
display:none;
opacity:0;
visibility:hidden;
position:absolute;
top:0;
} .dnd-upload-status {
display:flex;
padding:4px 0;
align-items:center;
position:relative;
} .dnd-upload-status .dnd-upload-image {
width:40px;
height:40px;
border:1px solid #a5a5a5;
text-align:center;
border-radius:100%;
position:relative;
}
.dnd-upload-status .dnd-upload-image span.file {
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='%235C5B5B'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 100%;
height: 21px;
width: 16px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
} .dnd-upload-status .dnd-upload-details {
padding-left:10px;
width: calc(100% - 40px);
}
.dnd-upload-status .dnd-upload-details .name {color:#016d98; padding:4px 0; padding-right:60px; display:flex; }
.dnd-upload-status .dnd-upload-details .name span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right:10px; }
.dnd-upload-status .dnd-upload-details .name em {color:#444242;	font-weight:700; } .dnd-upload-status .dnd-upload-details .remove-file {
position:absolute;
right:0;
top:10px;
text-decoration:none;
box-shadow:none;
outline:none;
opacity:1;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
content: '';
width:15px;
height:15px;
display: block;
background-repeat:no-repeat;
background-size:100%;
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='black'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='black'/%3E%3C/svg%3E%0A");
}
.dnd-upload-status.in-progress .remove-file { opacity:0.2;}
.dnd-upload-status .dnd-upload-details span.has-error { color:#f50505; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
display: block;
border-radius: 5px;
overflow: hidden;
background: #565555;
height: 14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #4CAF50;
display: block;
font-size: 11px;
text-align: right;
color: #fff;
height: 100%;
width:0;
line-height:14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete { width:100%!important; padding-right:5px; }
.dnd-upload-counter { position:absolute; right:5px; bottom:3px; font-size:12px; } .codedropz-upload-handler {
border:2px dashed #c5c5c5;
border-radius:5px;
margin-bottom:10px;
position:relative;
}
.codedropz-upload-container {
padding:15px 20px;
}
.codedropz-upload-inner {
overflow:hidden;
width:100%; text-align:center;
text-overflow: ellipsis;
font-weight:inherit;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
text-decoration:none;
box-shadow:none;
}
.codedropz-upload-inner h3 {
margin:5px 0;
font-size:30px;
line-height:32px;
word-break:break-word;
} .codedropz-dragover {
border-color:#6b6a6a;
}
.codedropz-upload-wrapper span.has-error-msg {
display:inline-block;
color:#ff0000;
padding:5px 0;
font-style:italic;
} .wpcf7-form label.error-new {
color: #900;
font-size: 11px;
float: none;
padding-left: 5px;
}
.wpcf7-form .codedropz-upload-wrapper.invalid .codedropz-upload-handler{
border-bottom-color: #900;
border-bottom-style: solid;
} @media screen and (max-width: 767px) {
.dnd-upload-status .dnd-upload-details .name em { font-weight:normal; }
.dnd-upload-status .dnd-upload-details .name { padding-right:60px; }
.codedropz-upload-inner h3 { font-size:22px; }
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}* {
box-sizing: border-box;
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
:focus {
outline: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1.1;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none;
}
input[type=date] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 100%;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*:focus,
*:active,
*:hover {
outline: none;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 1rem solid #C0C0C0;
margin: 0 2rem;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7rem; }
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
font-family: 'Roboto'; -moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0; -moz-box-shadow: 0 0;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
overflow: visible;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html,
button,
input,
select,
textarea {
color: #222;
}
::-moz-selection {
background: #B3D4FC;
text-shadow: none;
}
::selection {
background: #B3D4FC;
text-shadow: none;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
overflow: auto;
vertical-align: top;
font-family: inherit;
}
.chromeframe {
margin: 0.2em 0;
background: #CCC;
color: #000;
padding: 0.2em 0;
}
hr {
margin: 20rem auto;
}
a {
transition: 350ms;
color: currentColor;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
sup {
font-size: 70%;
line-height: normal;
}
header,
section,
footer,
aside,
nav,
main,
article,
figure {
display: block;
} body {
font-family: 'Roboto';
margin: 0;
}
.container {
margin: auto;
padding: 0 100rem;
width: 100%;
transition: 350ms;
}
.main_wrap {
padding-left: 70rem;
transition: 350ms;
position: relative;
}
.sidebar_open .main_wrap {
padding-left: 200rem;
}
.sidebar_open .main_wrap .container {
padding-left: 35rem;
padding-right: 35rem;
}
.sidebar {
position: fixed;
left: 0;
height: 100%;
display: flex;
flex-wrap: wrap;
z-index: 30;
width: 70rem;
background: linear-gradient(#CFCFCF 0%, #FBFBFB 50%, #FBFBFB 50%, #CFCFCF 100%);
box-shadow: 1rem 0rem 10rem rgba(0, 0, 0, 0.14);
justify-content: center;
align-items: center;
transition: 350ms;
top: 0;
}
body.admin-bar .sidebar {
height: calc(100% - 32rem);
top: 32rem;
}
.sidebar_open .sidebar {
width: 200rem;
}
.sidebar-logo {
width: 100%;
align-self: flex-start;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
}
.sidebar-logo_full.sidebar_full {
top: 0;
padding: 11rem 8rem;
}
.sidebar-logo_mini.sidebar_mini {
top: 0;
padding: 11rem 8rem;
}
.sidebar_mini {
left: 0;
transition: 350ms;
min-width: 70rem;
max-width: 70rem;
position: absolute;
}
.sidebar_full {
transition: 350ms;
pointer-events: none;
min-width: 200rem;
max-width: 200rem;
transform: translatex(-100%);
left: 0;
position: absolute;
opacity: 0;
}
.sidebar_open .sidebar_full {
opacity: 1;
pointer-events: auto;
transform: none;
}
.sidebar_open .sidebar_mini {
pointer-events: none;
opacity: 0;
transform: translatex(-100%);
}
.sidebar-footer {
width: 100%;
align-self: flex-end;
position: absolute;
}
.sidebar-footer>div {
bottom: 0;
top: auto;
}
.sidebar-menu {
width: 100%;
position: relative;
display: flex;
}
#smenu {
padding: 0;
list-style: none;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0;
}
.smenu-li {
display: flex;
width: 100%;
}
.smenu-item {
border: 0rem solid black;
padding: 9rem 9rem 9rem 23rem;
margin: auto;
background-color: transparent;
width: 100%;
display: flex;
cursor: pointer;
overflow: hidden;
position: relative;
}
.smenu-icon {
display: flex;
justify-content: center;
align-items: center;
width: 24rem;
height: 24rem;
transition: 350ms;
}
.smenu-sub {
position: absolute;
right: -165rem;
background: #F1F1F1;
box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.3);
padding: 2rem 1rem;
margin: 0;
list-style: none;
transform: translatex(-20rem) translatey(-10rem) scale(0.9);
opacity: 0;
transition: 350ms;
pointer-events: none;
}
.smenu-sub_item {
display: block;
padding: 8rem 2rem;
font-weight: 500;
font-size: 14rem;
line-height: 16rem;
color: #022866;
border-bottom: 1rem solid #888888;
}
.smenu-sub_li {
padding: 0 8rem;
}
.smenu-sub_li:last-child>.smenu-sub_item {
border-bottom: 0rem solid black;
}
.smenu-sub_item:hover {
color: #BE0405;
}
.smenu-haschild:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNiA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS41IDQuMzY2MDJDNi4xNjY2NyAzLjk4MTEyIDYuMTY2NjcgMy4wMTg4NyA1LjUgMi42MzM5N0wxLjc1IDAuNDY4OTExQzEuMDgzMzMgMC4wODQwMTA2IDAuMjUgMC41NjUxMzYgMC4yNSAxLjMzNDk0VjUuNjY1MDdDMC4yNSA2LjQzNDg3IDEuMDgzMzMgNi45MTU5OSAxLjc1IDYuNTMxMDlMNS41IDQuMzY2MDJaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjcxXzI3MTYpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjcxXzI3MTYiIHgxPSI3IiB5MT0iLTEuNjg4MDIiIHgyPSI2LjA1OTEzIiB5Mj0iOC43MTgzMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRUEwMDA5Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0EyMDcwMiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
position: absolute;
width: 9rem;
height: 9rem;
display: block;
content: '';
right: 5rem;
background-position: center;
background-size: auto;
background-repeat: no-repeat;
padding-top: 15rem;
transition: 250ms;
transform: translatex(-10rem);
pointer-events: none;
opacity: 0;
}
.smenu-haschild:hover:after {
opacity: 1;
transform: translatex(-5rem);
}
.smenu-li.open .smenu-haschild:after {
opacity: 1;
transform: none;
}
.smenu-li.open .smenu-sub {
transform: none;
opacity: 1;
pointer-events: auto;
}
.smenu-text {
white-space: nowrap;
position: absolute;
margin-left: 35rem;
margin-top: 6rem;
font-weight: 500;
font-size: 14rem;
line-height: 13rem;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
opacity: 0;
pointer-events: none;
transition: 550ms;
transform: translatex(100%);
}
.sidebar_open .smenu-text {
opacity: 1;
pointer-events: auto;
transform: translatex(0);
}
.smenu-arrow {
width: 3rem;
height: 36rem;
left: 0rem;
background: linear-gradient(265deg, #EA0009 0%, #A20702 100%);
top: 0;
position: absolute;
transform: translatex(-100%);
transition: 200ms ease;
}
.sidebar-menu:hover>.smenu-arrow {
transform: translatex(0);
}
.smenu-item:hover>.smenu-icon {
filter: hue-rotate(130deg) saturate(150%);
}
.smenu-item:hover>.smenu-text {
filter: hue-rotate(130deg) saturate(150%);
}
.sslide {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 25rem;
}
.sslide-center {
display: flex;
justify-content: center;
align-items: center;
height: 24rem;
}
.sslide-sp {
height: 10rem;
width: 10rem;
border: 1rem solid #022866; -moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
position: relative;
animation-duration: 4s;
animation-name: sslide;
animation-iteration-count: infinite;
}
.sslide-sp:after {
background: linear-gradient(265deg, #EA0009 0%, #A20702 100%);
position: absolute;
content: '';
top: 2rem;
left: 2rem;
display: block;
width: 4rem;
height: 4rem; -moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
animation-duration: 2s;
animation-name: sslide2;
animation-iteration-count: infinite;
}
@keyframes sslide {
0% {
transform: scale(1);
}
50% {
transform: scale(1.5);
}
100% {
transform: scale(1);
}
}
@keyframes sslide2 {
0% {
transform: scale(1);
}
50% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(1);
}
}
.sslide-top,
.sslide-bottom {
cursor: pointer;
transition: 350ms;
}
.sslide-top:hover,
.sslide-bottom:hover {
filter: hue-rotate(130deg) saturate(150%);
}
.sidebar-footer>.sidebar_full {
padding: 15rem;
}
.sidebar-footer .contact-link {
font-weight: 700;
font-size: 14rem;
line-height: 16rem;
margin-bottom: 15rem;
padding-left: 8rem;
}
.sidebar-footer .btn {
margin: auto;
}
.header {
position: fixed;
width: calc(100% - 70rem);
padding: 21rem 0;
z-index: 30;
transition: 350ms;
right: 0;
top: 0;
transition: all 350ms ease;
} .header.scroll {
background-color: rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0rem 4rem 14rem rgb(0 0 0 / 10%);
box-shadow: 0rem 4rem 14rem rgb(0 0 0 / 10%);
}
.sidebar_open .header {
width: calc(100% - 200rem);
}
.header:hover {
background-color: #FFFFFF;
-moz-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0rem 4rem 14rem rgb(0 0 0 / 10%);
box-shadow: 0rem 4rem 14rem rgb(0 0 0 / 10%);
}
.header>.container {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-right {
display: flex;
justify-content: space-between;
align-items: center;
margin-right: -1rem;
}
.header-right>* {
margin-left: 20rem;
}
.header-socials {
margin-left: 26rem;
margin-right: 4rem;
}
.header-socials>.social-link {
padding: 7rem;
display: inline-flex;
justify-content: center;
align-items: center;
}
.header-right .header-btn {
margin-right: 9rem;
}
.header-socials>.social-link:hover {
filter: hue-rotate(130deg) saturate(150%);
}
#lang_menu {
padding: 0 13rem 0 0;
margin: 0;
list-style: none;
font-weight: 500;
font-size: 18rem;
line-height: 21rem;
display: flex;
align-items: center;
color: #022B6B;
position: relative;
}
#lang_menu:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNiA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS41IDQuMzY2MDJDNi4xNjY2NyAzLjk4MTEyIDYuMTY2NjcgMy4wMTg4NyA1LjUgMi42MzM5N0wxLjc1IDAuNDY4OTExQzEuMDgzMzMgMC4wODQwMTA2IDAuMjUgMC41NjUxMzYgMC4yNSAxLjMzNDk0VjUuNjY1MDdDMC4yNSA2LjQzNDg3IDEuMDgzMzMgNi45MTU5OSAxLjc1IDYuNTMxMDlMNS41IDQuMzY2MDJaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjcxXzI3MTYpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjcxXzI3MTYiIHgxPSI3IiB5MT0iLTEuNjg4MDIiIHgyPSI2LjA1OTEzIiB5Mj0iOC43MTgzMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRUEwMDA5Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0EyMDcwMiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
position: absolute;
width: 9rem;
height: 9rem;
display: block;
content: '';
background-position: center;
background-size: auto;
background-repeat: no-repeat;
padding-top: 15rem;
transition: 250ms;
right: 0;
transform: rotate(90deg);
}
#lang_menu:hover>li>a {
filter: hue-rotate(130deg) saturate(150%);
}
#lang_menu .sub-menu {
list-style: none;
position: absolute;
background: rgba(255, 255, 255, 0.71);
box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
list-style: none;
padding: 8rem 11rem;
margin: 5rem 0 0;
left: -11rem;
transition: 350ms;
transform: translatey(-30%);
opacity: 0;
pointer-events: none;
}
#lang_menu.open .sub-menu {
transform: none;
opacity: 1;
pointer-events: auto;
}
#lang_menu .sub-menu:hover {
background: #FFFFFF;
}
#lang_menu .sub-menu a {
padding: 0 13rem 0 0;
margin: 0;
list-style: none;
font-weight: 500;
font-size: 18rem;
line-height: 21rem;
display: flex;
align-items: center;
position: relative;
color: #888888;
margin-bottom: 5rem;
}
#lang_menu .sub-menu li:last-child a {
margin-bottom: 0;
}
#lang_menu .sub-menu a:hover {
color: #000000;
}
#lang_menu .sub-menu a:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNiA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS41IDQuMzY2MDJDNi4xNjY2NyAzLjk4MTEyIDYuMTY2NjcgMy4wMTg4NyA1LjUgMi42MzM5N0wxLjc1IDAuNDY4OTExQzEuMDgzMzMgMC4wODQwMTA2IDAuMjUgMC41NjUxMzYgMC4yNSAxLjMzNDk0VjUuNjY1MDdDMC4yNSA2LjQzNDg3IDEuMDgzMzMgNi45MTU5OSAxLjc1IDYuNTMxMDlMNS41IDQuMzY2MDJaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMjcxXzI3MTYpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjcxXzI3MTYiIHgxPSI3IiB5MT0iLTEuNjg4MDIiIHgyPSI2LjA1OTEzIiB5Mj0iOC43MTgzMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjRUEwMDA5Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0EyMDcwMiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
position: absolute;
width: 9rem;
height: 9rem;
display: block;
content: '';
background-position: center;
background-size: auto;
background-repeat: no-repeat;
padding-top: 15rem;
transition: 250ms;
right: 0;
filter: hue-rotate(130deg) saturate(0%) brightness(220%);
}
#lang_menu .sub-menu a:hover:after {
filter: none;
}
.hasicon {
display: inline-flex;
justify-content: center;
align-items: center;
}
.hasicon-text {
margin-left: 12rem;
}
.hasicon-icon {
display: inline-flex;
justify-content: center;
align-items: center;
}
.contact-link {
font-weight: 700;
font-size: 18rem;
line-height: 21rem;
color: #022866;
display: inline-flex;
align-items: center;
}
.contact-link:hover {
filter: hue-rotate(130deg) saturate(150%);
}
.search_form {
display: flex;
position: relative;
align-items: center;
}
.search_form>input {
border: 0rem solid black;
padding: 10rem 35rem 10rem 15rem;
transition: 350ms; -moz-box-shadow: 0 0 15rem rgba(0, 0, 0, 0.14);
-webkit-box-shadow: 0 0 15rem rgba(0, 0, 0, 0.14);
box-shadow: 0 0 15rem rgba(0, 0, 0, 0.14);
position: absolute;
top: 50%;
left: 0;
transform: translatey(-50%);
width: 0;
opacity: 0;
pointer-events: none; -moz-border-radius: 3rem;
-webkit-border-radius: 3rem;
-khtml-border-radius: 3rem;
border-radius: 3rem;
}
.search_form.open>input {
width: 200rem;
opacity: 1;
pointer-events: auto;
}
.go_search {
font-weight: 500;
font-size: 18rem;
line-height: 100%;
display: flex;
align-items: center;
letter-spacing: -0.01em;
text-transform: uppercase;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
color: #022866;
border: 0rem solid black;
position: relative;
transition: 350ms;
}
.go_search:hover {
filter: hue-rotate(130deg) saturate(150%);
}
.search_form .hasicon-text {
transition: 350ms;
width: 70rem;
}
.search_form.open .go_search {
margin-left: 165rem;
}
.search_form.open .hasicon-text {
width: 0;
overflow: hidden;
}
.btn {
background: linear-gradient(45deg, #EA0009 0%, #A20702 40%, #060C48 60%, #004793 100%) 0% 0 / 400% 100%;
border-radius: 3rem;
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 9rem 32rem;
gap: 10rem;
border: 0rem solid black;
font-style: normal;
font-weight: 700;
font-size: 14rem;
line-height: 100%;
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #FFFFFF;
transition: 450ms;
cursor: pointer;
}
.btn:hover {
background-position: 100% 0;
}
.first_screen {
background-position: center top;
background-size: 100% auto;
background-repeat: no-repeat;
transition: 350ms;
margin-bottom: 10rem;
}
.sidebar_open .first_screen {
background-size: calc(100% + 130rem) auto;
}
.first_screen-title {
padding: 183rem 0 217rem;
}
.first_screen-title_wrap {
position: relative;
padding: 52rem 0 82rem 68rem;
}
.first_screen-title_wrap>img {
position: absolute;
top: 0;
left: 0;
height: 100%;
pointer-events: none;
}
.first_screen-title_wrap:before {
content: '';
width: 20rem;
height: 15rem;
background-position: center;
display: block;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjgyMTEgOS4wNTM3OEMxMC44MjExIDguMTk3MjEgMTAuOTI4NiA3LjM0MDY0IDExLjE0MzcgNi40ODQwNkMxMS4zNzgzIDUuNjA3NTcgMTEuNzQgNC43ODA4OCAxMi4yMjg3IDQuMDAzOThDMTIuNzM3IDMuMjA3MTcgMTMuMzgyMiAyLjQ4MDA4IDE0LjE2NDIgMS44MjI3MUMxNC45NDYyIDEuMTQ1NDIgMTUuODk0NCAwLjU3NzY4OSAxNy4wMDg4IDAuMTE5NTIyQzE3LjEwNjUgMC4wNzk2ODEzIDE3LjE5NDUgMC4wNDk4MDA4IDE3LjI3MjcgMC4wMjk4ODA1QzE3LjM1MDkgMC4wMDk5NjAxNiAxNy40Mzg5IDAgMTcuNTM2NyAwQzE3Ljk4NjMgMCAxOC4zNTc4IDAuMTY5MzIzIDE4LjY1MSAwLjUwNzk2OEMxOC45NDQzIDAuODQ2NjE0IDE5LjA5MDkgMS4yMTUxNCAxOS4wOTA5IDEuNjEzNTVDMTkuMDkwOSAxLjkxMjM1IDE4Ljk5MzIgMi4yMDEyIDE4Ljc5NzcgMi40ODAwOEMxOC42MjE3IDIuNzU4OTYgMTguMzc3MyAyLjk1ODE3IDE4LjA2NDUgMy4wNzc2OUMxNy4xODQ4IDMuNDE2MzMgMTYuNDgwOSAzLjgzNDY2IDE1Ljk1MzEgNC4zMzI2N0MxNS40MjUyIDQuODMwNjggMTQuOTk1MSA1LjM2ODUzIDE0LjY2MjggNS45NDYyMkMxNC44MTkyIDUuOTA2MzcgMTQuOTU2IDUuODg2NDUgMTUuMDczMyA1Ljg4NjQ1QzE1LjE5MDYgNS44ODY0NSAxNS4zMjc1IDUuODg2NDUgMTUuNDgzOSA1Ljg4NjQ1QzE2LjA4OTkgNS44ODY0NSAxNi42NjY3IDYuMDA1OTggMTcuMjE0MSA2LjI0NTAyQzE3Ljc2MTUgNi40ODQwNiAxOC4yNDA1IDYuODEyNzUgMTguNjUxIDcuMjMxMDhDMTkuMDYxNiA3LjY0OTQgMTkuMzg0MiA4LjEzNzQ1IDE5LjYxODggOC42OTUyMkMxOS44NzI5IDkuMjUyOTkgMjAgOS44NTA2IDIwIDEwLjQ4OEMyMCAxMS4xMjU1IDE5Ljg3MjkgMTEuNzIzMSAxOS42MTg4IDEyLjI4MDlDMTkuMzg0MiAxMi44MTg3IDE5LjA2MTYgMTMuMjg2OSAxOC42NTEgMTMuNjg1M0MxOC4yNDA1IDE0LjA4MzcgMTcuNzYxNSAxNC40MDI0IDE3LjIxNDEgMTQuNjQxNEMxNi42NjY3IDE0Ljg4MDUgMTYuMDg5OSAxNSAxNS40ODM5IDE1QzE0LjY4MjMgMTUgMTMuOTg4MyAxNC44NDA2IDEzLjQwMTggMTQuNTIxOUMxMi44MzQ4IDE0LjIwMzIgMTIuMzU1OCAxMy43NzQ5IDExLjk2NDggMTMuMjM3MUMxMS41NzM4IDEyLjY3OTMgMTEuMjgwNSAxMi4wNDE4IDExLjA4NSAxMS4zMjQ3QzEwLjkwOTEgMTAuNjA3NiAxMC44MjExIDkuODUwNiAxMC44MjExIDkuMDUzNzhaTTAgOS4wNTM3OEMwIDguMTk3MjEgMC4xMDc1MjcgNy4zNDA2NCAwLjMyMjU4MSA2LjQ4NDA2QzAuNTU3MTg1IDUuNjA3NTcgMC45MTg4NjYgNC43ODA4OCAxLjQwNzYyIDQuMDAzOThDMS45MTU5MyAzLjIwNzE3IDIuNTYxMDkgMi40ODAwOCAzLjM0MzExIDEuODIyNzFDNC4xMjUxMiAxLjE0NTQyIDUuMDczMzEgMC41Nzc2ODkgNi4xODc2OCAwLjExOTUyMkM2LjI4NTQzIDAuMDc5NjgxMyA2LjM3MzQxIDAuMDQ5ODAwOCA2LjQ1MTYxIDAuMDI5ODgwNUM2LjUyOTgxIDAuMDA5OTYwMTYgNi42MTc3OSAwIDYuNzE1NTQgMEM3LjE2NTIgMCA3LjUzNjY2IDAuMTY5MzIzIDcuODI5OTEgMC41MDc5NjhDOC4xNDI3MiAwLjg0NjYxNCA4LjI5OTEyIDEuMjE1MTQgOC4yOTkxMiAxLjYxMzU1QzguMjk5MTIgMS45MTIzNSA4LjIwMTM3IDIuMjAxMiA4LjAwNTg3IDIuNDgwMDhDNy44MTAzNiAyLjc1ODk2IDcuNTY1OTggMi45NTgxNyA3LjI3MjczIDMuMDc3NjlDNi4zOTI5NiAzLjQxNjMzIDUuNjc5MzcgMy44MzQ2NiA1LjEzMTk2IDQuMzMyNjdDNC42MDQxMSA0LjgzMDY4IDQuMTc0IDUuMzY4NTMgMy44NDE2NCA1Ljk0NjIyQzMuOTk4MDQgNS45MDYzNyA0LjEzNDkgNS44ODY0NSA0LjI1MjIgNS44ODY0NUM0LjM4OTA1IDUuODg2NDUgNC41MzU2OCA1Ljg4NjQ1IDQuNjkyMDggNS44ODY0NUM1LjI5ODE0IDUuODg2NDUgNS44NzQ4OCA2LjAwNTk4IDYuNDIyMjkgNi4yNDUwMkM2Ljk2OTcgNi40ODQwNiA3LjQ0ODY4IDYuODEyNzUgNy44NTkyNCA3LjIzMTA4QzguMjY5NzkgNy42NDk0IDguNTkyMzggOC4xMzc0NSA4LjgyNjk4IDguNjk1MjJDOS4wNjE1OCA5LjI1Mjk5IDkuMTc4ODkgOS44NTA2IDkuMTc4ODkgMTAuNDg4QzkuMTc4ODkgMTEuMTI1NSA5LjA2MTU4IDExLjcyMzEgOC44MjY5OCAxMi4yODA5QzguNTkyMzggMTIuODE4NyA4LjI2OTc5IDEzLjI4NjkgNy44NTkyNCAxMy42ODUzQzcuNDQ4NjggMTQuMDgzNyA2Ljk2OTcgMTQuNDAyNCA2LjQyMjI5IDE0LjY0MTRDNS44NzQ4OCAxNC44ODA1IDUuMjk4MTQgMTUgNC42OTIwOCAxNUMzLjg5MDUyIDE1IDMuMTk2NDggMTQuODQwNiAyLjYwOTk3IDE0LjUyMTlDMi4wMjM0NiAxNC4yMDMyIDEuNTM0NyAxMy43NzQ5IDEuMTQzNyAxMy4yMzcxQzAuNzUyNjg4IDEyLjY3OTMgMC40NTk0MzMgMTIuMDQxOCAwLjI2MzkzIDExLjMyNDdDMC4wODc5NzY1IDEwLjYwNzYgMCA5Ljg1MDYgMCA5LjA1Mzc4WiIgZmlsbD0iI0Q4MDIwNyIvPgo8L3N2Zz4K");
color: #D80207;
margin-bottom: 10rem;
}
.first_screen-title_wrap>.h1 {
font-weight: 700;
font-size: 52rem;
line-height: 61rem;
text-transform: uppercase;
background: linear-gradient(35deg, #030838 0%, #00388C 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
color: #022866;
margin: 0;
}
.text-gradient {
background: linear-gradient(265deg, #EA0009 0%, #A20702 100%);
background-clip: border-box;
text-fill-color: initial;
-webkit-text-fill-color: initial;
border-radius: 3rem;
color: #FFFFFF;
padding: 0 10rem;
}
.first_screen-subtitle {
color: #022866;
font-weight: 700;
font-size: 14rem;
line-height: 100%;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin: 10rem 0 0;
display: block;
}
.cols {
display: flex;
flex-wrap: wrap;
width: calc(100% + 30rem);
margin-left: -15rem;
}
.cols-w4 {
width: calc(25% - 30rem);
margin: 15rem;
}
.services {
flex-wrap: nowrap;
}
.services-item {
display: flex;
position: relative;
}
.services-wrap {
background: #FFFFFF;
border-radius: 6rem;
-moz-box-shadow: 0 4rem 14rem rgba(0, 0, 0, 0.11);
-webkit-box-shadow: 0 4rem 14rem rgba(0, 0, 0, 0.11);
box-shadow: 0 4rem 14rem rgba(0, 0, 0, 0.11);
display: flex;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
flex-wrap: wrap;
padding: 26rem;
position: relative;
background: transparent;
transition: 500ms;
bottom: 0;
}
.services-wrap:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 6rem;
opacity: 0;
background: linear-gradient(45deg, #060C48 0%, #004793 40%, #FFF 60%, #FFF 100%) 100% 0 / 400% 100%;
transition: 500ms;
}
.services-wrap:before {
width: 130rem;
height: 4rem;
background: linear-gradient(45deg, #EA0009 0%, #A20702 50%, #060C48 50%, #004793 100%) 100% 0 / 300%;
bottom: 0;
content: '';
position: absolute;
margin: auto;
left: 0;
right: 0;
transition: 500ms;
z-index: 10;
}
.services-icon {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 16rem;
z-index: 10;
}
.services-text {
font-weight: 700;
font-size: 20rem;
line-height: 109.6%;
text-transform: uppercase;
background: linear-gradient(45deg, #FFF 0%, #FFF 50%, #060C48 50%, #004793 100%) 100% 0 / 300% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
max-width: 130rem;
text-align: center;
transition: 500ms;
color: #022866;
z-index: 10;
}
.services-wrap:hover::after {
background-position: 0 0;
opacity: 1;
}
.services-wrap:hover:before {
background-position: 0 0;
}
.services-wrap:hover .services-text {
background-position: 0% 0;
color: #FFFFFF;
}
.services-icon img {
transition: 500ms;
}
.services-item:hover .services-wrap {
bottom: 10rem;
}
.services-wrap:hover .services-icon img {
filter: contrast(0%) brightness(200%);
}
.blueform {
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
border-radius: 6rem;
color: #FFFFFF;
padding: 21rem 32rem;
}
.services-item .blueform {
position: absolute;
bottom: 0; -moz-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.32);
-webkit-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.32);
box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.32);
width: 270rem;
}
.fix_form {
transition: 700ms ease-out 10ms;
}
.form-group {
width: 100%;
}
.form-group+.form-group {
margin-top: 15rem;
}
.form-group .form-input {
background: #0A154D;
border-radius: 3rem;
border: 1rem solid #0A154D;
width: 100%;
padding: 8rem;
font-weight: 400;
font-size: 13rem;
line-height: 15rem;
color: inherit;
transition: 350ms;
}
.form-group .form-input:focus {
border: 1rem solid #545C83;
background-color: #152574;
}
.form-group.error .form-input {
border: 1rem solid #C1091A;
background-color: #81183B;
}
.form-group .form-input::placeholder {
color: inherit;
opacity: 0.8;
}
.blueform-title {
font-weight: 700;
font-size: 20rem;
line-height: 23rem;
display: block;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 24rem;
}
.checkbox {
display: flex;
cursor: pointer;
}
.checkbox>.checkbox-label {
font-size: 10rem;
line-height: 14rem;
color: currentColor;
font-style: italic;
display: inline-flex;
align-items: center;
position: relative;
opacity: 0.8;
margin: auto;
}
.checkbox>.checkbox-label:before {
width: 8rem;
height: 8rem;
border: 1rem solid currentColor;
content: '';
display: block;
margin-right: 10rem;
}
.checkbox>.checkbox-label:after {
content: '\2713';
position: absolute;
opacity: 0;
transition: 150ms;
font-size: 10rem;
font-weight: bold;
}
.checkbox>input:checked+.checkbox-label:after {
opacity: 1;
}
.form-btngroup {
text-align: center;
}
.form-btngroup .btn {
margin: auto;
}
.section {
margin: 86rem 0;
}
.h2 {
font-weight: 700;
font-size: 25.0078rem;
line-height: 109.6%;
letter-spacing: -0.01em;
text-transform: uppercase;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
color: #022866;
margin-top: 0;
margin-bottom: 25rem;
}
.has_before {
position: relative;
}
.has_before:before {
width: 5rem;
height: calc(100% + 10rem);
background: linear-gradient(265deg, #EA0009 0%, #A20702 100%);
content: '';
position: absolute;
left: -15rem;
top: -5rem;
display: block;
}
.read_more {
display: flex;
align-items: center;
margin-bottom: 10rem;
}
.read_more-title {
margin: 0 32rem 0 15rem;
}
.read_more-link {
font-size: 14rem;
line-height: 16rem;
color: #888888;
border-bottom: 1rem solid currentColor;
padding-bottom: 2rem;
display: inline-flex;
transition: 350ms;
align-items: center;
}
.read_more-icon {
margin-left: 5rem;
transition: 350ms;
}
.read_more-icon svg {
margin-bottom: 1rem;
}
.read_more-link:hover {
color: #000000;
}
.read_more-link:hover>.read_more-icon {
margin-left: 10rem;
filter: brightness(0%);
}
.why-count {
font-weight: 500;
font-size: 92rem;
line-height: 100%;
text-transform: uppercase;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: block;
margin: -1rem 0 7rem -2rem;
}
.why-subtitle {
font-weight: 700;
font-size: 16rem;
line-height: 19rem;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin-left: 5rem;
}
.text-default {
font-weight: 400;
font-size: 14rem;
line-height: 16rem;
color: #3A3A3A;
display: block;
margin: 8rem 0;
}
.why-item {
display: flex;
margin-bottom: 27rem;
align-items: center;
}
.why-item:last-child {
margin-bottom: 0;
}
.why-image {
width: 25%;
margin-top: -12rem;
}
.why-right {
width: 75%;
padding-left: 12rem;
padding-top: 17rem;
}
.why-name {
font-weight: 700;
font-size: 14rem;
line-height: 16rem;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
color: #022866;
}
.why-right .text-default {
margin-bottom: 0;
}
.footer {
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
color: #FFFFFF;
border-bottom: 14rem solid #001643;
margin-top: 133rem;
transition: 350ms;
}
.form_footer {
position: relative;
max-width: 970rem;
background: #FFFFFF;
border-radius: 6rem;
margin: 0 auto 32rem;
transform: translatey(-50%);
padding: 22rem 23rem 22rem 29rem;
color: #030838;
display: flex;
justify-content: space-between;
align-items: center; -moz-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.11);
-webkit-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.11);
box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.11);
}
.form_footer .form-group {
width: 172rem;
margin: 0;
}
.form_footer .form-input {
border: 1rem solid #C7C7C7;
background-color: #FBFBFB;
padding: 7rem;
}
.form_footer .form-input:focus {
background-color: #F5F5F5;
border: 1rem solid #9F9F9F;
}
.footer .blueform-title {
font-weight: 700;
font-size: 20rem;
line-height: 23rem;
text-transform: uppercase;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: block;
margin-bottom: 0;
}
.footer form {
display: flex;
justify-content: space-between;
align-items: center;
width: 917rem;
}
.footer form p {
margin: 0;
}
.footer-top {
display: flex;
}
.footer_widgets {
width: 50%;
}
.footer-contacts {
width: 50%;
}
.footer_widgets {
display: flex;
}
.footer_widgets-item {
width: 50%;
}
.footer-bottom {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 15rem;
padding-top: 65rem;
}
.footer-logo {
display: flex;
justify-content: space-between;
align-items: center;
width: 410rem;
}
.footer-copyright {
font-size: 14rem;
line-height: 16rem;
color: #FFFFFF;
}
.footer-socials-title {
font-weight: 700;
font-size: 14rem;
line-height: 16rem;
margin-right: 20rem;
}
.footer-socials {
display: flex;
align-items: center;
}
.footer-socials .social-link {
margin-left: 14rem;
filter: contrast(0%) brightness(200%);
transition: 350ms;
}
.footer-socials .social-link:hover {
filter: contrast(0%) brightness(100%);
}
.footer-title {
font-weight: 700;
font-size: 16rem;
line-height: 19rem;
display: inline-block;
border-bottom: 2rem solid #FFFFFF;
padding-bottom: 5rem;
margin-bottom: 6rem;
}
.footer_widgets-item .menu-item a {
font-size: 14rem;
line-height: 16rem;
display: block;
}
.footer_widgets-item .menu-item+.menu-item {
margin-top: 4rem;
}
.footer_widgets-item .menu-item:first-child a {
padding-top: 0;
}
.footer_widgets-item .menu-item a:hover {
color: #D80207;
}
.footer_widgets-item ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-contacts_item .contact-link {
background: none;
color: #FFFFFF;
text-fill-color: initial;
-webkit-text-fill-color: initial;
font-weight: 700;
font-size: 14rem;
line-height: 16rem;
display: flex;
justify-content: flex-start;
margin: 8rem 0;
}
.footer-contacts_item {
margin-bottom: 20rem;
}
.footer-contacts_item:last-child {
margin-bottom: 0;
}
.footer-contacts_item .contact-link:hover {
color: #D80207;
filter: none;
}
.footer-contacts_item .contact-link .hasicon-icon {
height: 12rem;
width: 12rem;
}
.footer-contacts_item .contact-link .hasicon-icon {
filter: contrast(0%) brightness(200%);
} .modal {
position: fixed;
height: 100%;
width: 100%;
z-index: 9000;
top: 0;
left: 0;
display: flex;
align-content: center;
transition: 450ms;
opacity: 0;
pointer-events: none;
perspective: 2000rem;
}
.open.modal {
opacity: 1;
pointer-events: auto;
}
.modal_overlay {
height: 100%;
width: 100%;
position: fixed;
background-color: rgba(0, 16, 40, 0.85);
}
.modal_body .modal_exit {
width: 21rem;
height: 21rem;
position: absolute;
top: 17rem;
right: 17rem;
}
.modal_exit {
cursor: pointer;
}
.modal_body .modal_exit:before,
.modal_body .modal_exit:after {
content: '';
width: 2rem;
height: 100%;
background-color: #000000;
display: block;
position: absolute;
left: calc(50% - 2rem);
top: -1rem;
transition: 350ms;
}
.modal_body .modal_exit:before {
transform: rotate(45deg);
}
.modal_body .modal_exit:after {
transform: rotate(-45deg);
}
.modal_body .modal_exit:hover:before {
transform: rotate(45deg) scale(1.1);
background-color: #FFFFFF;
}
.modal_body .modal_exit:hover:after {
transform: rotate(-45deg) scale(1.1);
background-color: #FFFFFF;
}
.modal_body {
margin: auto;
z-index: 10;
position: relative;
align-self: center;
overflow-y: auto;
max-height: 98%;
width: 520rem;
transition: 0.8s;
transform-style: preserve-3d;
transform: scale(0.2) translateY(-100%) rotateY(180deg);
border-radius: 10rem;
padding: 30rem 40rem;
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
color: #FFFFFF;
}
.open.modal .modal_body {
transform: rotateY(0deg);
}
.modal_title {
font-weight: 700;
font-size: 34rem;
line-height: 61rem;
text-transform: uppercase;
color: #FFFFFF;
margin: 0;
text-align: center;
display: block;
}
.modal_subtitle {
font-size: 16rem;
line-height: 22rem;
text-transform: uppercase;
color: #C5C5C5;
text-align: center;
display: block;
margin-bottom: 30rem;
}
#contactform .btn {
padding: 20rem 40rem;
width: 70%;
background: linear-gradient(180deg, #EA0009 0%, #A20702 40%, #060C48 60%, #004793 100%) 0% 0 / 100% 300%;
text-shadow: 0 0rem 5rem #000000;
}
#contactform .btn:hover {
background-position: 0 100%;
}
.header-logo {
display: none;
}
.section-how>.container {
display: flex;
align-items: flex-start;
}
.how-left {
width: 33%;
}
.how-right {
width: 67%;
padding-left: 60rem;
padding-right: 41rem;
}
.how-video>.how-video_wrap>iframe {
width: 100%;
height: 100%;
position: absolute;
}
.how-video_wrap {
position: relative;
border: 2rem solid #000000;
padding-bottom: 444rem;
width: 100%;
}
.how-video_wrap:after {
width: 100%;
height: 100%;
position: absolute; -moz-box-shadow: inset 0rem 3rem 18rem rgba(0, 0, 0, 0.14);
-webkit-box-shadow: inset 0rem 3rem 18rem rgba(0, 0, 0, 0.14);
box-shadow: inset 0rem 3rem 18rem rgba(0, 0, 0, 0.14);
content: '';
pointer-events: none;
}
.how-video {
background: linear-gradient(145deg, #F5F5F5 0%, #F0F0F0 80%);
box-shadow: 0 5rem 20rem rgba(0, 0, 0, 0.14);
padding: 42rem 35rem 35rem;
border-radius: 22rem;
border: 1rem solid #C4C4C4;
position: relative;
}
.how-video:after {
background-image: url(//recas.ru/wp-content/themes/recas/assets/images/how-hand.png);
content: '';
position: absolute;
height: 632rem;
width: 460rem;
background-size: contain;
background-position: center right;
right: -144rem;
bottom: -41rem;
background-repeat: no-repeat;
pointer-events: none;
}
.how-video:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNyA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIzLjUiIGN5PSIzLjUiIHI9IjMuNSIgZmlsbD0iIzNBM0EzQSIvPgo8Y2lyY2xlIGN4PSIzLjUiIGN5PSIzLjUiIHI9IjIiIGZpbGw9ImJsYWNrIiBzdHJva2U9IiM1MzUzNTMiLz4KPC9zdmc+Cg==");
position: absolute;
content: '';
left: 50%;
transform: translatex(-50%);
height: 7rem;
width: 7rem;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
top: 18rem;
pointer-events: none;
}
.section-how .h2 {
font-weight: 500;
font-size: 48rem;
line-height: 120%;
padding-left: 13rem;
margin-top: 10rem;
margin-bottom: 23rem;
}
.h2 .text-big {
font-size: 61rem;
margin-left: 0;
margin-right: 12rem;
}
.how-item {
display: flex;
align-items: center;
padding: 14rem 0 10rem;
position: relative;
}
.how-item:after {
content: '';
width: 36%;
position: absolute;
height: 2rem;
background: linear-gradient(265deg, #EA0009 0%, #A20702 100%);
bottom: 0;
left: 14rem;
}
.how-item:last-child:after {
display: none;
}
.how-image {
width: 90rem;
text-align: center;
}
.how-text {
width: calc(100% - 90rem);
padding-left: 7rem;
}
.how-btn {
font-weight: 700;
font-size: 14rem;
line-height: 100%;
display: inline-flex;
align-items: center;
text-align: center;
letter-spacing: -0.01em;
text-transform: uppercase;
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
padding: 9rem 32rem;
border-radius: 3rem;
border: 2rem solid #060C48;
margin-top: 24rem;
margin-left: 13rem;
}
.how-btn:hover {
filter: hue-rotate(130deg) saturate(150%);
}
.portfolio-nav {
display: flex;
margin-bottom: 32rem;
}
.portfolio-link_icon {
display: none;
}
.portfolio-link:last-child {
margin-right: 0;
}
.portfolio-link>.btn {
font-weight: 700;
font-size: 14rem;
line-height: 100%;
letter-spacing: -0.01em;
text-transform: uppercase;
background-position: 100% 0;
margin-right: 32rem;
}
.portfolio-link:hover>.btn,
.portfolio-link.active>.btn {
background-position: 0 0;
}
.portfolio-items {
display: flex;
margin-left: -15rem;
width: calc(100% + 30rem);
}
.portfolio-item {
margin: 0 15rem;
width: calc(25% - 30rem);
}
.portfolio-image {
width: 100%;
padding-bottom: 100%;
position: relative;
display: block;
background-size: cover;
background-position: center;
overflow: hidden;
}
.portfolio-image>.portfolio-overlay {
position: absolute;
height: 100%;
width: 100%;
transition: 450ms;
background-color: rgba(1, 56, 125, 0.4);
top: 0;
left: 0; -moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
display: flex;
opacity: 0;
}
.portfolio-image:hover>.portfolio-overlay {
opacity: 1;
}
.portfolio-controls {
position: absolute;
height: 100%;
width: 100%;
transition: 450ms;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
}
.portfolio-image:hover>.portfolio-controls {
opacity: 1;
}
.portfolio-controls_wrap {
display: flex;
justify-content: center;
align-items: center;
}
.portfolio-controls_wrap>div {
height: 36rem;
width: 36rem;
background-size: contain;
background-position: center;
}
.portfolio-url {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzNSAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzLjQzOTYgNy42MTU4OUMxLjUxODEgNS44NjMxNSAtMS4xMDc5MSAyMi42NjAyIDAuMzE5MjY5IDMxLjI3NzlDNC40Mjk0MiAxNC40NTE2IDE3LjQ0NTQgMTQuMDQyNiAyMy40Mzk2IDE1Ljk0MTRWMjIuNTE0MkwzNSAxMS45OTc3TDIzLjQzOTYgMC4xNjY3NDhWNy42MTU4OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
margin-right: 30rem;
}
.portfolio-fancybox {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjMzMzMgMzAuMzk1MkMxOC43MzU0IDMwLjM5NDUgMjIuMDM5NCAyOS4yNjU3IDI0LjcxOTMgMjcuMTg4NUwzMy4xNDQ5IDM1LjUzOTZMMzUuODU1MSAzMi44NTM0TDI3LjQyOTQgMjQuNTAyM0MyOS41MjYzIDIxLjg0NTkgMzAuNjY1OSAxOC41NzA0IDMwLjY2NjcgMTUuMTk3NkMzMC42NjY3IDYuODE4MDIgMjMuNzg3OCAwIDE1LjMzMzMgMEM2Ljg3ODkyIDAgMCA2LjgxODAyIDAgMTUuMTk3NkMwIDIzLjU3NzIgNi44Nzg5MiAzMC4zOTUyIDE1LjMzMzMgMzAuMzk1MlpNMTUuMzMzMyAzLjc5OTRDMjEuNjc1NiAzLjc5OTQgMjYuODMzMyA4LjkxMTQ4IDI2LjgzMzMgMTUuMTk3NkMyNi44MzMzIDIxLjQ4MzcgMjEuNjc1NiAyNi41OTU4IDE1LjMzMzMgMjYuNTk1OEM4Ljk5MTA5IDI2LjU5NTggMy44MzMzNCAyMS40ODM3IDMuODMzMzQgMTUuMTk3NkMzLjgzMzM0IDguOTExNDggOC45OTEwOSAzLjc5OTQgMTUuMzMzMyAzLjc5OTRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTguMDM5OCAxMi41MTE0QzE4Ljc2NjIgMTMuMjMzMyAxOS4xNjY4IDE0LjE4NjkgMTkuMTY2OCAxNS4xOTc1SDIzLjAwMDFDMjMuMDAxOCAxNC4xOTkxIDIyLjgwMzggMTMuMjEwMyAyMi40MTc2IDEyLjI4ODJDMjIuMDMxNCAxMS4zNjYxIDIxLjQ2NDYgMTAuNTI5IDIwLjc1IDkuODI1MzNDMTcuODQ4MSA2Ljk1MzA4IDEyLjgxNjkgNi45NTMwOCA5LjkxNjk5IDkuODI1MzNMMTIuNjIzMyAxMi41MTUyQzE0LjA4IDExLjA3NTMgMTYuNTkwOCAxMS4wNzkxIDE4LjAzOTggMTIuNTExNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
.video_news-image:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMzQuNSAyNC4xMzRDMzUuMTY2NyAyNC41MTg5IDM1LjE2NjcgMjUuNDgxMSAzNC41IDI1Ljg2NkwyMSAzMy42NjAzQzIwLjMzMzMgMzQuMDQ1MiAxOS41IDMzLjU2NCAxOS41IDMyLjc5NDJWMTcuMjA1OEMxOS41IDE2LjQzNiAyMC4zMzMzIDE1Ljk1NDggMjEgMTYuMzM5N0wzNC41IDI0LjEzNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
content: '';
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 0;
position: absolute;
z-index: 2;
opacity: 0;
transition: 450ms;
}
.portfolio-image:hover>.portfolio-overlay:after {
transform: none;
}
.portfolio-wrap {
border-radius: 6rem;
overflow: hidden; -moz-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.11);
-webkit-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.11);
box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.11);
transition: 350ms;
position: relative;
}
.portfolio-item:hover>.portfolio-wrap {
transform: translatey(-10rem);
}
.portfolio-bottom {
border-top: 2rem solid #C4C4C4;
position: relative;
padding: 12rem 16rem 19rem 16rem;
}
.portfolio-logo {
position: absolute;
width: 40rem;
height: 40rem;
right: 20rem;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
border: 2rem solid #C4C4C4; -moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
top: -20rem;
background-color: #FFFFFF;
}
.portfolio-text {
display: block;
font-weight: 400;
font-size: 10rem;
line-height: 12rem;
text-transform: uppercase;
color: #3A3A3A;
margin-bottom: 4rem;
}
.portfolio-name {
font-weight: 700;
font-size: 16rem;
line-height: 19rem;
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: block;
margin-bottom: 2rem;
}
.portfolio-city {
font-size: 10rem;
line-height: 12rem;
display: block;
color: #3A3A3A;
}
.portfolio-wrap:before {
width: 130rem;
height: 4rem;
background: linear-gradient(45deg, #EA0009 0%, #A20702 40%, #060C48 60%, #004793 100%) 100% 0 / 400%;
bottom: 0;
content: '';
position: absolute;
margin: auto;
left: 0;
right: 0;
transition: 500ms;
}
.portfolio-item:hover>.portfolio-wrap:before {
background-position: 0 0;
}
.feadbacks-items>.feadbacks-item {
text-align: center;
width: calc(33.3333% - 30rem);
margin: 0 15rem;
}
.feadbacks-image {
width: 58%;
margin: 10rem auto 18rem;
padding-bottom: 58%;
border: 2rem solid #C7C7C7;
background-position: center;
background-size: cover; -moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
}
.feadbacks-name {
font-weight: 700;
font-size: 16rem;
line-height: 19rem;
display: block;
text-align: center;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin-bottom: 5rem;
}
.feadbacks-type {
font-size: 14rem;
line-height: 16rem;
display: block;
text-align: center;
color: #3A3A3A;
}
.feadbacks-text {
font-size: 14rem;
line-height: 16rem;
display: block;
text-align: center;
color: #3A3A3A;
margin: 11rem 0 0;
padding: 0 17rem;
}
.feadbacks-send .feadbacks-image {
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
border: 2rem solid transparent;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.feadbacks-send .feadbacks-image>* {
position: absolute;
top: 50%;
transform: translatey(-50%);
}
.feadbacks-btn_container {
display: flex;
justify-content: center;
align-items: center;
margin-top: 45rem;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1rem;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1rem solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.cols-w4-c3 {
width: calc(75% - 30rem);
margin: 15rem;
}
.gallery {
width: calc(100% + 30rem);
margin-left: -15rem;
position: relative;
padding-bottom: 27rem;
}
.gallery-item {
margin: 15rem;
}
.gallery-item>a {
position: relative;
width: 100%;
padding-bottom: 100%;
display: block;
border-radius: 6rem;
background-position: center;
background-size: auto 100%;
overflow: hidden;
}
.gallery-item>a:after,
.gallery_page a.gallery_page-items:after {
position: absolute;
height: 140%;
width: 140%;
content: '';
transition: 450ms;
background-color: rgba(1, 56, 125, 0.4);
transform: scale(0);
top: -20%;
left: -20%; -moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
}
.gallery-item>a:before,
.gallery_page a.gallery_page-items:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1LjMzMzMgMzAuMzk1MkMxOC43MzU0IDMwLjM5NDUgMjIuMDM5NCAyOS4yNjU3IDI0LjcxOTMgMjcuMTg4NUwzMy4xNDQ5IDM1LjUzOTZMMzUuODU1MSAzMi44NTM0TDI3LjQyOTQgMjQuNTAyM0MyOS41MjYzIDIxLjg0NTkgMzAuNjY1OSAxOC41NzA0IDMwLjY2NjcgMTUuMTk3NkMzMC42NjY3IDYuODE4MDIgMjMuNzg3OCAwIDE1LjMzMzMgMEM2Ljg3ODkyIDAgMCA2LjgxODAyIDAgMTUuMTk3NkMwIDIzLjU3NzIgNi44Nzg5MiAzMC4zOTUyIDE1LjMzMzMgMzAuMzk1MlpNMTUuMzMzMyAzLjc5OTRDMjEuNjc1NiAzLjc5OTQgMjYuODMzMyA4LjkxMTQ4IDI2LjgzMzMgMTUuMTk3NkMyNi44MzMzIDIxLjQ4MzcgMjEuNjc1NiAyNi41OTU4IDE1LjMzMzMgMjYuNTk1OEM4Ljk5MTA5IDI2LjU5NTggMy44MzMzNCAyMS40ODM3IDMuODMzMzQgMTUuMTk3NkMzLjgzMzM0IDguOTExNDggOC45OTEwOSAzLjc5OTQgMTUuMzMzMyAzLjc5OTRaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTguMDM5OCAxMi41MTE0QzE4Ljc2NjIgMTMuMjMzMyAxOS4xNjY4IDE0LjE4NjkgMTkuMTY2OCAxNS4xOTc1SDIzLjAwMDFDMjMuMDAxOCAxNC4xOTkxIDIyLjgwMzggMTMuMjEwMyAyMi40MTc2IDEyLjI4ODJDMjIuMDMxNCAxMS4zNjYxIDIxLjQ2NDYgMTAuNTI5IDIwLjc1IDkuODI1MzNDMTcuODQ4MSA2Ljk1MzA4IDEyLjgxNjkgNi45NTMwOCA5LjkxNjk5IDkuODI1MzNMMTIuNjIzMyAxMi41MTUyQzE0LjA4IDExLjA3NTMgMTYuNTkwOCAxMS4wNzkxIDE4LjAzOTggMTIuNTExNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
content: '';
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 0;
position: absolute;
z-index: 2;
opacity: 0;
transition: 450ms;
}
.gallery-item>a:hover:before,
.gallery_page a.gallery_page-items:hover:before {
opacity: 1;
}
.gallery-item>a:hover {
background-size: auto 110%;
box-shadow: 0 4rem 14rem rgba(0, 0, 0, 0.11);
}
.gallery-item>a:hover:after,
.gallery_page a.gallery_page-items:hover:after {
transform: none;
}
.gallery .slick-arrow {
position: absolute;
bottom: 0;
right: 15rem;
padding: 0;
margin: 0;
background-color: transparent;
border: 0rem solid black;
display: flex;
justify-content: center;
align-items: center;
transition: 350ms;
}
.gallery .slick-arrow.slick-prev {
right: 43rem;
}
.gallery .slick-arrow:hover {
filter: hue-rotate(130deg) saturate(150%);
}
.students-title {
font-weight: 700;
font-size: 52rem;
line-height: 61rem;
display: flex;
align-items: center;
text-transform: uppercase;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.students-subtitle {
font-weight: 700;
font-size: 18rem;
letter-spacing: -0.005em;
line-height: 39rem;
display: flex;
align-items: center;
text-transform: uppercase;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.cols-w3 {
width: calc(33.33% - 30rem);
margin: 15rem;
}
.video_news-items {
padding: 24rem;
background: #FFFFFF;
box-shadow: 0 4rem 14rem rgba(0, 0, 0, 0.11);
position: relative;
margin-top: 40rem;
display: flex;
justify-content: space-between;
}
.video_news-items:before {
content: '';
position: absolute;
height: calc(100% + 34rem);
top: -17rem;
width: 33.3333%;
left: -17rem;
background-color: #C7C7C7;
z-index: -1;
}
.video_news-item {
width: calc(33.3333% - 16rem);
}
.video_news-image {
position: relative;
width: 100%;
padding-bottom: 75.4%;
display: block;
border-radius: 6rem;
background-position: center;
background-size: 100% 100%;
overflow: hidden;
margin-bottom: 16rem;
transition: 350ms;
}
.video_news-image:after {
position: absolute;
height: 180%;
width: 140%;
content: '';
transition: 450ms;
background-color: rgba(1, 56, 125, 0.4);
transform: scale(0);
top: -40%;
left: -20%; -moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
}
.video_news-image:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIvPgo8cGF0aCBkPSJNMzQuNSAyNC4xMzRDMzUuMTY2NyAyNC41MTg5IDM1LjE2NjcgMjUuNDgxMSAzNC41IDI1Ljg2NkwyMSAzMy42NjAzQzIwLjMzMzMgMzQuMDQ1MiAxOS41IDMzLjU2NCAxOS41IDMyLjc5NDJWMTcuMjA1OEMxOS41IDE2LjQzNiAyMC4zMzMzIDE1Ljk1NDggMjEgMTYuMzM5N0wzNC41IDI0LjEzNFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
content: '';
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
top: 0;
left: 0;
position: absolute;
z-index: 2;
opacity: 0;
transition: 450ms;
}
.video_news-item:hover>.video_news-image:before {
opacity: 1;
}
.video_news-item:hover>.video_news-image {
background-size: 110% 110%;
}
.video_news-item:hover>.video_news-image:after {
transform: none;
}
.video_news-name {
font-weight: 700;
font-size: 16rem;
line-height: 19rem;
display: flex;
align-items: center;
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin-right: 16rem;
}
.video_news-item:hover>.video_news-name {
filter: hue-rotate(130deg) saturate(150%);
}
.video_news-category {
font-size: 10rem;
line-height: 12rem;
display: flex;
align-items: center;
color: #888888;
margin-top: 8rem;
}
.news_list {
margin-top: 40rem;
}
.news_list-item {
display: flex;
margin: 15.7rem 0;
align-items: center;
}
.news_list-text {
width: calc(100% - 63rem);
margin-left: 16rem;
font-weight: 700;
font-size: 16rem;
line-height: 19rem;
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
transition: 350ms;
}
.news_list-item:hover .news_list-text {
filter: hue-rotate(130deg) saturate(150%);
}
.news_list-date {
background-color: #C7C7C7;
font-weight: 700;
font-size: 18rem;
line-height: 21rem;
text-align: center;
color: #3A3A3A;
width: 47rem;
height: 47rem;
display: flex;
justify-content: center;
align-items: center;
}
.news_list-number {
display: block;
}
.news_list-month {
font-size: 8rem;
line-height: 9rem;
display: block;
}
.process-block {
display: flex;
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODM2IiBoZWlnaHQ9IjExNyIgdmlld0JveD0iMCAwIDgzNiAxMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTU3LjMzMyAzLjg4NjcySDY0Ni4xOTFWNi4wNzY3Mkg1NTcuMzMzVjMuODg2NzJaTTc4MS40NDMgNi4wNzY3Mkg3NDEuMzU5VjMuODg2NzJINzgxLjQ0M0M4MTEuNTc0IDMuODg2NzIgODM2IDI4LjMxMjUgODM2IDU4LjQ0MzNDODM2IDg4LjU3NDEgODExLjU3NCAxMTMgNzgxLjQ0MyAxMTNINTE1LjI3MVYxMTAuODFINzgxLjQ0M0M4MTAuMzY1IDExMC44MSA4MzMuODEgODcuMzY0NiA4MzMuODEgNTguNDQzM0M4MzMuODEgMjkuNTIyIDgxMC4zNjUgNi4wNzY3MiA3ODEuNDQzIDYuMDc2NzJaTTMxOS4xNTIgMTEwLjgxSDU0LjU1NjdDMjUuNjM1NCAxMTAuODEgMi4xOSA4Ny4zNjQ2IDIuMTkgNTguNDQzM0MyLjE5IDI5LjUyMiAyNS42MzUzIDYuMDc2NzIgNTQuNTU2NiA2LjA3NjcySDk0LjExNTJWMy44ODY3Mkg1NC41NTY2QzI0LjQyNTggMy44ODY3MiAwIDI4LjMxMjUgMCA1OC40NDMzQzAgODguNTc0MSAyNC40MjU5IDExMyA1NC41NTY3IDExM0gzMTkuMTUyVjExMC44MVpNNDYyLjE2NiAzLjg4NjcySDM3My4zMDhWNi4wNzY3Mkg0NjIuMTY2VjMuODg2NzJaTTE4OS4yODMgMy44ODY3MkgyNzguMTQxVjYuMDc2NzJIMTg5LjI4M1YzLjg4NjcyWiIgZmlsbD0iI0M3QzdDNyIvPgo8cmVjdCB4PSI4My4wNzQyIiB5PSI0My4zNTg0IiB3aWR0aD0iNjc0LjA1OCIgaGVpZ2h0PSIxLjE5IiBmaWxsPSIjQzdDN0M3Ii8+CjxwYXRoIGQ9Ik05OS4zMzA5IDQuOTgxMTJDOTkuMzMwOSA2LjgzNTgxIDk3Ljg5NyA4LjI2NDE0IDk2LjIxOSA4LjI2NDE0Qzk0LjU0MSA4LjI2NDE0IDkzLjEwNyA2LjgzNTgxIDkzLjEwNyA0Ljk4MTEyQzkzLjEwNyAzLjEyNjQzIDk0LjU0MSAxLjY5ODEgOTYuMjE5IDEuNjk4MUM5Ny44OTcgMS42OTgxIDk5LjMzMDkgMy4xMjY0MyA5OS4zMzA5IDQuOTgxMTJaIiBzdHJva2U9IiNDN0M3QzciIHN0cm9rZS13aWR0aD0iMi4xODg2OCIvPgo8cGF0aCBkPSJNMTkwLjI5MiA0Ljk4MTEyQzE5MC4yOTIgNi44MzU4MSAxODguODU4IDguMjY0MTQgMTg3LjE4IDguMjY0MTRDMTg1LjUwMiA4LjI2NDE0IDE4NC4wNjggNi44MzU4MSAxODQuMDY4IDQuOTgxMTJDMTg0LjA2OCAzLjEyNjQzIDE4NS41MDIgMS42OTgxIDE4Ny4xOCAxLjY5ODFDMTg4Ljg1OCAxLjY5ODEgMTkwLjI5MiAzLjEyNjQzIDE5MC4yOTIgNC45ODExMloiIHN0cm9rZT0iI0M3QzdDNyIgc3Ryb2tlLXdpZHRoPSIyLjE4ODY4Ii8+CjxwYXRoIGQ9Ik0yODMuMzU2IDQuOTgxMTJDMjgzLjM1NiA2LjgzNTgxIDI4MS45MjIgOC4yNjQxNCAyODAuMjQ0IDguMjY0MTRDMjc4LjU2NiA4LjI2NDE0IDI3Ny4xMzIgNi44MzU4MSAyNzcuMTMyIDQuOTgxMTJDMjc3LjEzMiAzLjEyNjQzIDI3OC41NjYgMS42OTgxIDI4MC4yNDQgMS42OTgxQzI4MS45MjIgMS42OTgxIDI4My4zNTYgMy4xMjY0MyAyODMuMzU2IDQuOTgxMTJaIiBzdHJva2U9IiNDN0M3QzciIHN0cm9rZS13aWR0aD0iMi4xODg2OCIvPgo8cGF0aCBkPSJNMzc0LjMxNyA0Ljk4MTEyQzM3NC4zMTcgNi44MzU4MSAzNzIuODgzIDguMjY0MTQgMzcxLjIwNSA4LjI2NDE0QzM2OS41MjcgOC4yNjQxNCAzNjguMDkzIDYuODM1ODEgMzY4LjA5MyA0Ljk4MTEyQzM2OC4wOTMgMy4xMjY0MyAzNjkuNTI3IDEuNjk4MSAzNzEuMjA1IDEuNjk4MUMzNzIuODgzIDEuNjk4MSAzNzQuMzE3IDMuMTI2NDMgMzc0LjMxNyA0Ljk4MTEyWiIgc3Ryb2tlPSIjQzdDN0M3IiBzdHJva2Utd2lkdGg9IjIuMTg4NjgiLz4KPHBhdGggZD0iTTMyNC44OTMgMTEyLjAxOUMzMjQuODkzIDExMy44NzQgMzIzLjQ1OSAxMTUuMzAyIDMyMS43ODEgMTE1LjMwMkMzMjAuMTA0IDExNS4zMDIgMzE4LjY3IDExMy44NzQgMzE4LjY3IDExMi4wMTlDMzE4LjY3IDExMC4xNjQgMzIwLjEwNCAxMDguNzM2IDMyMS43ODEgMTA4LjczNkMzMjMuNDU5IDEwOC43MzYgMzI0Ljg5MyAxMTAuMTY0IDMyNC44OTMgMTEyLjAxOVoiIHN0cm9rZT0iI0M3QzdDNyIgc3Ryb2tlLXdpZHRoPSIyLjE4ODY4Ii8+CjxwYXRoIGQ9Ik01MTYuMjc5IDExMi4wMTlDNTE2LjI3OSAxMTMuODc0IDUxNC44NDUgMTE1LjMwMiA1MTMuMTY3IDExNS4zMDJDNTExLjQ4OSAxMTUuMzAyIDUxMC4wNTUgMTEzLjg3NCA1MTAuMDU1IDExMi4wMTlDNTEwLjA1NSAxMTAuMTY0IDUxMS40ODkgMTA4LjczNiA1MTMuMTY3IDEwOC43MzZDNTE0Ljg0NSAxMDguNzM2IDUxNi4yNzkgMTEwLjE2NCA1MTYuMjc5IDExMi4wMTlaIiBzdHJva2U9IiNDN0M3QzciIHN0cm9rZS13aWR0aD0iMi4xODg2OCIvPgo8cGF0aCBkPSJNNDY3LjM4MSA0Ljk4MTEyQzQ2Ny4zODEgNi44MzU4MSA0NjUuOTQ3IDguMjY0MTQgNDY0LjI2OSA4LjI2NDE0QzQ2Mi41OTEgOC4yNjQxNCA0NjEuMTU3IDYuODM1ODEgNDYxLjE1NyA0Ljk4MTEyQzQ2MS4xNTcgMy4xMjY0MyA0NjIuNTkxIDEuNjk4MSA0NjQuMjY5IDEuNjk4MUM0NjUuOTQ3IDEuNjk4MSA0NjcuMzgxIDMuMTI2NDMgNDY3LjM4MSA0Ljk4MTEyWiIgc3Ryb2tlPSIjQzdDN0M3IiBzdHJva2Utd2lkdGg9IjIuMTg4NjgiLz4KPHBhdGggZD0iTTU1OC4zNDIgNC45ODExMkM1NTguMzQyIDYuODM1ODEgNTU2LjkwOCA4LjI2NDE0IDU1NS4yMyA4LjI2NDE0QzU1My41NTIgOC4yNjQxNCA1NTIuMTE4IDYuODM1ODEgNTUyLjExOCA0Ljk4MTEyQzU1Mi4xMTggMy4xMjY0MyA1NTMuNTUyIDEuNjk4MSA1NTUuMjMgMS42OTgxQzU1Ni45MDggMS42OTgxIDU1OC4zNDIgMy4xMjY0MyA1NTguMzQyIDQuOTgxMTJaIiBzdHJva2U9IiNDN0M3QzciIHN0cm9rZS13aWR0aD0iMi4xODg2OCIvPgo8cGF0aCBkPSJNNjUxLjkzMiA0Ljk4MTEyQzY1MS45MzIgNi44MzU4MSA2NTAuNDk4IDguMjY0MTQgNjQ4LjgyIDguMjY0MTRDNjQ3LjE0MiA4LjI2NDE0IDY0NS43MDggNi44MzU4MSA2NDUuNzA4IDQuOTgxMTJDNjQ1LjcwOCAzLjEyNjQzIDY0Ny4xNDIgMS42OTgxIDY0OC44MiAxLjY5ODFDNjUwLjQ5OCAxLjY5ODEgNjUxLjkzMiAzLjEyNjQzIDY1MS45MzIgNC45ODExMloiIHN0cm9rZT0iI0M3QzdDNyIgc3Ryb2tlLXdpZHRoPSIyLjE4ODY4Ii8+CjxwYXRoIGQ9Ik03NDIuMzY3IDQuOTgxMTJDNzQyLjM2NyA2LjgzNTgxIDc0MC45MzMgOC4yNjQxNCA3MzkuMjU1IDguMjY0MTRDNzM3LjU3NyA4LjI2NDE0IDczNi4xNDMgNi44MzU4MSA3MzYuMTQzIDQuOTgxMTJDNzM2LjE0MyAzLjEyNjQzIDczNy41NzcgMS42OTgxIDczOS4yNTUgMS42OTgxQzc0MC45MzMgMS42OTgxIDc0Mi4zNjcgMy4xMjY0MyA3NDIuMzY3IDQuOTgxMTJaIiBzdHJva2U9IiNDN0M3QzciIHN0cm9rZS13aWR0aD0iMi4xODg2OCIvPgo8L3N2Zz4K");
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 0 5.764vw;
justify-content: space-between;
margin-top: 40rem;
width: 58.056vw;
height: 8.6vw;
}
.process-item {
text-align: center;
position: relative;
width: 7.986vw;
bottom: 1.523vw;
}
.process-image {
margin-bottom: 1.528vw;
display: flex;
justify-content: center;
}
.process-image>img {
width: 62rem;
height: 62rem;
}
.process-text {
font-weight: 700;
font-size: 0.972vw;
line-height: 1.111vw;
text-align: center;
background: linear-gradient(35deg, #030838 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
display: block;
}
.process-btn_container {
margin-top: -1.389vw;
display: flex;
justify-content: center;
width: 58.056vw;
}
.btn-blue {
background-position: 100% 0;
}
.btn-blue:hover {
background-position: 0 0;
}
.sidebar_mob_fixmenu {
display: none;
}
.sidebar_mob-menu {
display: none;
}
.how-right .h2 {
display: none;
}
.defaul_page {
padding-top: 117rem;
}
.defaul_page:before {
display: block;
position: absolute;
width: 100%;
content: '';
height: 76rem;
top: 0;
left: 0; -moz-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.1);
box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.1);
}
.defaul_page {
display: flex;
}
.page_content {
width: calc(100% - 300rem);
margin-right: 30rem;
}
.page_sidebar {
width: 270rem;
}
.page_sidebar .stiky_wrap {
position: relative;
}
.page_sidebar .stiky {
position: relative;
width: 100%;
top: 0;
transition: 700ms ease-out 10ms;
}
.page_sidebar-item .h2.has_before {
margin-left: 15rem;
display: flex;
}
.page_content .h2.has_before {
margin-left: 15rem;
margin-bottom: 39rem;
font-size: 25rem;
}
.h3 {
font-weight: 700;
font-size: 18rem;
line-height: 21rem;
display: flex;
align-items: center;
background: linear-gradient(34.58deg, #030838 2.55%, #004793 95.33%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.page_content p,
.page_content address,
.page_content ul li,
.page_content ol li {
font-size: 14rem;
line-height: 16rem;
color: #3A3A3A;
display: block;
text-align: justify;
}
.page_content hr {
border: 0rem solid black;
width: 140rem;
background: linear-gradient(264.83deg, #EA0009 -7.01%, #A20702 99.89%);
height: 2rem;
margin-left: 0;
}
.back_image {
background-size: cover;
background-position: center;
padding-bottom: 35%;
margin: 30rem 0;
}
.page_sidebar-item {
margin-bottom: 40rem;
}
.blog_item {
background-color: #FFFFFF;
display: block; -moz-box-shadow: 0 0 10rem rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 10rem rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10rem rgba(0, 0, 0, 0.1);
margin-bottom: 20rem;
border-bottom: 2rem solid #D50207;
padding: 30rem 30rem 20rem 30rem;
}
.blog_item:hover { -moz-box-shadow: 0 0 20rem rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 20rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20rem rgba(0, 0, 0, 0.2);
}
.blog_item_title {
display: flex;
justify-content: space-between;
align-items: center;
}
.blog_item_title .h2 {
margin-bottom: 0;
}
@media (max-width: 991.99px) {
.container {
padding-right: 40rem;
padding-left: 40rem;
}
.sidebar_open .first_screen {
background-size: 100% auto;
}
.sidebar_open .main_wrap {
padding-left: 70rem;
}
.main,
.footer {
transition: 350ms;
position: relative;
right: 0;
}
.sidebar_open .header {
width: calc(100% - 70rem);
right: -130rem;
}
.sidebar_open .main,
.sidebar_open .footer {
right: -130rem;
}
.first_screen-title {
padding: 150rem 0;
}
.services {
align-items: flex-start;
position: relative;
padding-right: 450rem;
}
.services-item {
width: calc(100% - 30rem);
}
.services-item:last-child {
position: absolute;
right: 0;
width: 420rem;
height: calc(100% - 30rem);
display: flex;
align-items: center;
justify-items: center;
background: transparent;
border-radius: 6rem;
color: #FFFFFF;
padding: 28rem 32rem;
}
.services-item:last-child.fix_form-wrap {
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
}
.services-item .blueform {
position: static;
margin: auto;
width: 100%;
display: block;
background: none; -moz-box-shadow: 0 0;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
padding: 0;
}
.services {
flex-wrap: wrap;
}
.services-wrap {
display: flex;
align-items: center;
}
.services-text {
text-align: left;
margin-left: 20rem;
}
.services-icon {
width: 60rem;
margin-bottom: 0;
}
.main_wrap {
padding-top: 80rem;
}
.section-progress .cols-w4-c3 {
width: calc(100% - 30rem);
}
.process-block {
display: flex;
background-image: none;
padding: 29rem 80rem 40rem;
margin-top: 0;
width: 100%;
height: auto;
border: 2rem solid #C7C7C7; -moz-border-radius: 80rem;
-webkit-border-radius: 80rem;
-khtml-border-radius: 80rem;
border-radius: 80rem;
}
.process-item {
text-align: center;
position: relative;
width: 25%;
bottom: auto;
padding: 0 10rem;
}
.process-image {
margin-bottom: auto;
}
.process-image>img {
width: auto;
height: auto;
margin-bottom: 15rem;
}
.process-text {
font-size: 14rem;
line-height: 16rem;
}
.process-btn_container {
margin-top: -15rem;
display: flex;
justify-content: center;
width: 100%;
}
.section-students .cols-w4-c3 {
width: calc(100% - 30rem);
margin-bottom: -50rem;
}
.section-students .cols-w4 {
width: calc(100% - 30rem);
}
.section-video_news .cols-w4 {
width: calc(100% - 30rem);
margin-top: 100rem;
}
.section-video_news .cols-w4-c3 {
width: calc(100% - 30rem);
}
.news_list {
display: flex;
flex-wrap: wrap;
margin-top: -8rem;
width: calc(100% + 16rem);
margin-left: -8rem;
}
.news_list-item {
width: calc(33.3333% - 16rem);
margin: 8rem;
}
.page_sidebar {
display: none;
}
.page_content {
width: 100%;
}
.defaul_page:before {
margin-top: -80rem;
}
}
@media (max-width: 991.99px) {
.header-right .contact-link .hasicon-text {
display: none;
}
.section-why .cols-w4 {
width: calc(33.3333% - 30rem);
}
.form_footer .form-group {
margin-right: 5rem;
}
.form_footer-title {
font-size: 16rem;
}
}
@media (max-width: 991.99px) {
.footer_widgets {
display: none;
}
.footer-contacts {
width: 100%;
display: flex;
justify-content: space-around;
}
.form_footer {
flex-wrap: wrap;
}
.form_footer .form-group {
width: calc(50% - 6rem);
margin-bottom: 15rem;
}
.form_footer-title_wrap {
width: 100%;
text-align: center;
}
.form_footer .form-group:nth-child(5) {
width: 100%;
}
.form_footer .form-btngroup {
width: 100%;
margin-top: 35rem;
}
.form_footer .checkbox {
position: absolute;
bottom: 70rem;
width: 100%;
left: 0;
}
.form_footer {
max-width: 360rem;
}
.form_footer .form-group {
margin-right: 0;
}
.form_footer-title {
font-size: 20rem;
}
.form_footer {
margin-bottom: -50rem;
}
.footer {
margin-top: 200rem;
}
.how-left {
width: 100%;
order: 2;
padding: 20rem 0rem 0rem;
}
.how-right {
width: 100%;
order: 1;
padding: 0;
}
.section-how>.container {
flex-wrap: wrap;
}
.how-right .h2 {
margin-bottom: 30rem;
display: block;
}
.how-left .h2 {
display: none;
}
.portfolio-items {
flex-wrap: wrap;
}
.portfolio-item {
width: calc(50% - 30rem);
margin: 15rem;
}
.first_screen-title {
padding: 100rem 0 80rem;
}
}
@media (max-width: 991.99px) {
.header {
width: 100%;
background: linear-gradient(270deg, #CFCFCF 0%, #FBFBFB 40%, #FBFBFB 60%, #CFCFCF 100%);
box-shadow: 0 4rem 14rem rgba(0, 0, 0, 0.32);
position: fixed;
}
.header:after {
content: '';
position: absolute;
bottom: -20rem;
height: 20rem;
right: -10rem;
width: 44rem;
background-color: #D1D1D1;
transform: skew(45deg);
box-shadow: 0 4rem 14rem rgb(0 0 0 / 32%);
}
.header:before {
content: '';
position: absolute;
bottom: -20rem;
height: 20rem;
left: -10rem;
width: 44rem;
background-color: #D1D1D1;
transform: skew(-45deg);
box-shadow: 0 4rem 14rem rgb(0 0 0 / 32%);
}
.header-right {
width: 100%;
}
.header-logo {
display: block;
}
.header-left .search_form,
.header-btn,
.header-right .contact-link {
display: none;
}
.header-right {
margin: 0 -5rem 0 0;
flex-direction: row-reverse;
justify-content: flex-start;
}
.sidebar {
display: none;
}
.main_wrap {
padding-left: 0;
}
.cols-w4 {
width: calc(50% - 30rem);
}
.services {
padding: 0;
flex-direction: column-reverse;
}
.services-item {
width: calc(100% - 30rem);
}
.services-item:last-child {
position: relative;
width: calc(100% - 30rem);
}
.first_screen-title {
padding-bottom: 80rem;
padding-top: 200rem;
}
.blueform .form-group:nth-child(4) {
width: calc(50% - 10rem);
display: inline-block;
margin-bottom: 0;
margin-left: 8rem;
}
.blueform .form-group:nth-child(3) {
width: calc(50% - 10rem);
display: inline-block;
margin-bottom: 0;
margin-right: 8rem;
}
.first_screen {
background-size: 250%;
background-position: 89% -10%;
}
.services-item .blueform {
width: 100%;
}
.section-why .cols-w4 {
width: calc(50% - 30rem);
}
.section-why .cols-w4:first-child {
width: calc(100% - 30rem);
}
.footer>.container {
display: flex;
flex-wrap: wrap;
}
.footer-bottom {
order: 1;
flex-wrap: wrap;
width: 100%;
padding-top: 0;
}
.footer-contacts {
margin-bottom: 30rem;
}
.footer-top {
order: 2;
width: 100%;
}
.footer-logo {
width: 100%;
margin-bottom: 30rem;
}
.footer-socials {
margin: auto auto 30rem auto;
}
.footer-copyright {
position: absolute;
bottom: -35rem;
width: 100%;
text-align: center;
left: 0;
}
.footer {
border-bottom: 140rem solid #001643;
}
.container {
padding: 0 25rem;
}
#lang_menu .sub-menu {
background-color: #FFFFFF;
}
.portfolio-link {
margin: 0 0 10rem 0;
width: calc(20% - 10rem);
cursor: pointer;
}
.portfolio-link:hover>.portfolio-link_icon,
.portfolio-link.active>.portfolio-link_icon {
filter: hue-rotate(130deg) saturate(2.2);
}
.portfolio-link_icon {
display: none;
display: flex;
justify-content: center;
align-content: center;
margin-bottom: 10rem;
}
.portfolio-link>.btn {
font-weight: 700;
font-size: 12rem;
line-height: 100%;
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #FFFFFF;
margin: auto;
padding: 8rem 13rem;
width: 100%;
}
.portfolio-nav {
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 0;
}
.sidebar_mob_fixmenu {
display: block;
position: fixed;
bottom: 0;
width: 100%;
z-index: 40;
left: 0;
height: 100%;
margin: 0;
padding: 0;
top: 0;
right: 0;
pointer-events: none;
}
.sidebar_mob_fixmenu.open {
pointer-events: auto;
}
.sidebar_mob_fixmenu-overlay {
left: 0;
position: fixed;
width: 100%;
top: 0;
bottom: 0;
background: rgba(58, 58, 58, 0.8);
height: 100%;
cursor: pointer;
z-index: 20;
right: 0;
opacity: 0;
pointer-events: none;
transition: 600ms;
}
.sidebar_mob_fixmenu.open .sidebar_mob_fixmenu-overlay {
opacity: 1;
pointer-events: auto;
}
.sidebar_mob_fixmenu-body {
padding-bottom: 52rem;
background: #FFFFFF;
opacity: 0.95;
box-shadow: 0rem -2rem 10rem rgba(0, 0, 0, 0.25);
border-radius: 30rem 30rem 0rem 0rem;
position: absolute;
width: 100%;
bottom: 0;
height: auto;
z-index: 30;
pointer-events: none;
transition: 500ms ease-out;
transform: translatey(100%);
max-height: 90vh;
min-height: 470rem;
}
.sidebar_mob_fixmenu.open .sidebar_mob_fixmenu-body {
pointer-events: auto;
opacity: 1;
transform: none;
}
.fixmenu-item {
display: none;
}
.sidebar_mob_fixmenu-body>.sidebar_mob_fixmenu-exit {
position: absolute;
right: 24rem;
top: 24rem;
cursor: pointer;
}
.fixmenu-top {
text-align: center;
padding: 16rem 0 20rem 0;
}
.fixmenu-logo {
height: 74rem;
display: inline-flex;
width: 55rem;
margin: auto;
}
.sidebar_mob {
position: fixed;
width: calc(100% - 36rem);
bottom: 15rem;
left: 18rem;
z-index: 50;
}
.sidebar_mob-menu {
display: flex;
height: 65rem;
background: #FFFFFF;
box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.32); -moz-border-radius: 10rem;
-webkit-border-radius: 10rem;
-khtml-border-radius: 10rem;
border-radius: 10rem;
justify-content: space-around;
align-items: center;
padding: 0 100rem 0 10rem;
}
.sbmenu-item {
border: 0rem solid black;
background-color: transparent;
display: flex;
flex-direction: column;
position: relative;
}
.sbmenu-item:after {
position: absolute;
width: 30rem;
background: linear-gradient(264.83deg, #EA0009 -7.01%, #A20702 99.89%);
content: '';
height: 2rem;
padding: 0;
bottom: -13rem;
margin: auto;
left: 0;
right: 0;
opacity: 0;
}
.sbmenu-item.active:after {
opacity: 1;
}
.sbmenu-text {
font-weight: 700;
font-size: 12rem;
line-height: 100%;
background: linear-gradient(34.58deg, #030838 2.55%, #004793 95.33%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
margin-top: 3rem;
}
.sbmenu-icon {
height: 24rem;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.mob_fix_btn {
font-weight: 700;
font-size: 10rem;
line-height: 120%;
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.01em;
text-transform: uppercase;
color: #FFFFFF;
border: 0rem solid black;
background: linear-gradient(264.83deg, #EA0009 -7.01%, #A20702 99.89%);
box-shadow: 0rem 0rem 2rem rgba(0, 0, 0, 0.25);
padding: 10rem; -moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
width: 80rem;
height: 80rem;
position: absolute;
right: 20rem;
top: -30rem;
}
.mob_fix_btn:before {
border: 1rem solid rgba(220, 0, 7, 0); -moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
content: '';
height: 100%;
width: 100%;
position: absolute;
left: -1rem;
top: -1rem;
animation: mob_fix_btn 2000ms ease infinite;
transition: 2000ms;
}
@keyframes mob_fix_btn {
0% {
transform: scale(2);
opacity: 0; -moz-box-shadow: 0 0 0 #DD0007;
-webkit-box-shadow: 0 0 0 #DD0007;
box-shadow: 0 0 0 #DD0007;
}
25% {
transform: scale(1);
opacity: 0;
}
30% {
transform: scale(1);
opacity: 1; -moz-box-shadow: 0 0 0 #DD0007;
-webkit-box-shadow: 0 0 0 #DD0007;
box-shadow: 0 0 0 #DD0007;
}
35% {
transform: scale(1);
opacity: 1; -moz-box-shadow: 0 0 5rem #DD0007;
-webkit-box-shadow: 0 0 5rem #DD0007;
box-shadow: 0 0 5rem #DD0007;
}
40% {
transform: scale(1);
opacity: 1; -moz-box-shadow: 0 0 10rem #DD0007;
-webkit-box-shadow: 0 0 10rem #DD0007;
box-shadow: 0 0 10rem #DD0007;
}
45% {
transform: scale(1);
opacity: 1; -moz-box-shadow: 0 0 15rem #DD0007;
-webkit-box-shadow: 0 0 15rem #DD0007;
box-shadow: 0 0 15rem #DD0007;
}
50% {
transform: scale(1);
opacity: 1; -moz-box-shadow: 0 0 20rem #DD0007;
-webkit-box-shadow: 0 0 20rem #DD0007;
box-shadow: 0 0 20rem #DD0007;
}
60% {
transform: scale(1.1);
opacity: 0.8; -moz-box-shadow: 0 0 20rem #DD0007;
-webkit-box-shadow: 0 0 20rem #DD0007;
box-shadow: 0 0 20rem #DD0007;
}
70% {
transform: scale(1.2);
opacity: 0.6; -moz-box-shadow: 0 0 20rem #DD0007;
-webkit-box-shadow: 0 0 20rem #DD0007;
box-shadow: 0 0 20rem #DD0007;
}
80% {
transform: scale(1.3);
opacity: 0.4; -moz-box-shadow: 0 0 20rem #DD0007;
-webkit-box-shadow: 0 0 20rem #DD0007;
box-shadow: 0 0 20rem #DD0007;
}
70% {
transform: scale(1.4);
opacity: 0.2; -moz-box-shadow: 0 0 20rem #DD0007;
-webkit-box-shadow: 0 0 20rem #DD0007;
box-shadow: 0 0 20rem #DD0007;
}
80% {
transform: scale(1.5);
opacity: 0; -moz-box-shadow: 0 0 0 #DD0007;
-webkit-box-shadow: 0 0 0 #DD0007;
box-shadow: 0 0 0 #DD0007;
}
100% {
transform: scale(1.5);
opacity: 0; -moz-box-shadow: 0 0 0 #DD0007;
-webkit-box-shadow: 0 0 0 #DD0007;
box-shadow: 0 0 0 #DD0007;
}
}
.mob_fix_btn>p {
box-shadow: 0rem 0rem 4rem rgba(0, 0, 0, 0.45);
background: linear-gradient(264.83deg, #EA0009 -7.01%, #A20702 99.89%);
padding: 0;
padding: 5rem; -moz-border-radius: 50%;
-webkit-border-radius: 50%;
-khtml-border-radius: 50%;
border-radius: 50%;
width: 60rem;
height: 60rem;
display: flex;
justify-content: center;
align-items: center;
}
.mob_fix_btn:active>p {
box-shadow: inset 0rem 0rem 4rem rgba(0, 0, 0, 0.45);
}
.fixmenu-title {
display: flex;
align-items: center;
text-align: center;
justify-content: center;
margin-bottom: 36rem;
}
.fixmenu-intitle {
font-weight: 500;
font-size: 24rem;
line-height: 100%;
letter-spacing: 0.03em;
text-transform: uppercase;
background: linear-gradient(34.58deg, #030838 2.55%, #004793 95.33%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
position: relative;
padding-bottom: 6rem;
}
.fixmenu-intitle:after {
content: '';
width: 100%;
height: 2rem;
background: linear-gradient(264.83deg, #EA0009 -7.01%, #A20702 99.89%);
position: absolute;
left: 0;
bottom: 0;
}
.gsmenu {
padding: 0;
margin: 0;
}
.smenu-item {
border-bottom: 1rem solid #C7C7C7;
padding: 13rem 36rem;
}
.smenu-li {
flex-wrap: wrap;
}
.smenu-text {
color: #000000;
opacity: 1;
transform: none;
}
.smenu-item.smenu-haschild:after {
opacity: 1;
transform: rotate(90deg);
width: 9rem;
height: 9rem;
background-position: center;
background-repeat: no-repeat;
display: block;
padding: 0;
margin-top: 6rem;
right: 36rem;
filter: grayscale(1);
opacity: 0.5;
}
.smenu-li.open .smenu-haschild:after {
transform: rotate(-90deg);
filter: none;
}
.smenu-sub {
display: none;
position: static;
transform: none;
opacity: 1;
transition: 0ms;
width: 100%; -moz-box-shadow: 0 0;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
background-color: transparent;
padding: 0;
margin: 0;
pointer-events: auto;
}
.smenu-sub_li {
padding: 0;
}
.smenu-sub_item {
border-bottom: 1rem solid #C7C7C7;
padding: 8rem 36rem;
}
.smenu-sub_li:last-child>.smenu-sub_item {
border-bottom: 1rem solid #C7C7C7;
}
.search_menu-wrap {
display: flex;
padding: 0 36rem 3rem;
border-bottom: 1rem solid #C4C4C4;
}
.search_menu-back {
display: flex;
justify-content: center;
align-items: center;
margin-right: 10rem;
border-right: 1rem solid #C4C4C4;
padding-right: 9rem;
}
.search_menu-form input {
border: 0rem solid black; -moz-box-shadow: 0 0;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
background-color: transparent;
font-weight: 700;
font-size: 16rem;
line-height: 19rem;
color: rgba(11, 19, 74, 0.9);
padding: 6rem 0;
width: 100%;
}
.search_menu-form {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.search_menu-form button {
border: 0rem solid black; -moz-box-shadow: 0 0;
-webkit-box-shadow: 0 0;
box-shadow: 0 0;
background-color: transparent;
}
.contacts_menu-title {
font-weight: 700;
font-size: 16rem;
line-height: 19rem;
display: flex;
align-items: center;
background: linear-gradient(34.58deg, #060C48 2.55%, #004793 95.33%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
padding-bottom: 8rem;
border-bottom: 1rem solid #C7C7C7;
padding: 8rem 36rem;
margin-bottom: 8rem;
margin-top: 16rem;
}
.contacts_menu-item .contact-link {
font-weight: 700;
font-size: 14rem;
line-height: 16rem;
display: flex;
text-transform: uppercase;
justify-content: flex-start;
padding: 0 36rem;
margin-bottom: 8rem;
color: #022866;
}
.defaul_page:before {
display: none;
}
.defaul_page {
padding-top: 75rem;
}
.section-feadbacks .cols-w4 {
margin: 50rem auto 15rem;
}
.feadbacks-item.feadbacks-send {
display: flex;
align-items: center;
position: relative;
padding-bottom: 45rem;
}
.section-feadbacks .cols .cols-w4 {
width: 310rem;
}
.feadbacks-item.feadbacks-send .feadbacks-top {
width: 70rem;
}
.feadbacks-item.feadbacks-send .feadbacks-image {
width: 70rem;
height: 70rem;
padding: 20rem 17rem;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.feadbacks-item.feadbacks-send .feadbacks-btn_container {
position: absolute;
margin: 0;
bottom: 0;
}
.feadbacks-item.feadbacks-send .feadbacks-top .feadbacks-image>* {
max-height: 30rem;
max-width: 36rem;
}
.feadbacks-item.feadbacks-send .feadbacks-name {
text-align: left;
margin-left: 20rem;
margin-bottom: 0;
}
.section-feadbacks .cols-w4-c3 {
width: calc(100% - 30rem);
}
.feadbacks-items {
width: calc(100% + 50rem);
margin-left: -25rem;
}
.feadbacks-items .feadbacks-item {
padding: 0 70rem;
}
.feadbacks-items .slick-arrow {
position: absolute;
bottom: 0;
right: 15rem;
padding: 0;
margin: 0;
background-color: transparent;
border: 0rem solid black;
display: flex;
justify-content: center;
align-items: center;
transition: 350ms;
}
.feadbacks-items.slick-arrow.slick-prev {
right: 45rem;
}
.feadbacks-items .slick-arrow:hover {
filter: hue-rotate(130deg) saturate(150%);
}
.feadbacks-items button {
top: 50%;
transform: translatey(-50%);
left: 40rem;
z-index: 5;
width: 17rem;
height: 28rem;
}
.feadbacks-items button.slick-next {
left: auto;
right: 40rem;
transform: translatey(-50%) rotate(180deg);
}
.feadbacks-items button>* {
display: none;
}
.feadbacks-items button:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxNyAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTg1NzMxIDE2LjQxNDJDLTAuMTk1MzE4IDE1LjYzMzIgLTAuMTk1MzE4IDE0LjM2NjggMC41ODU3MzEgMTMuNTg1OEwxMy4zMTM3IDAuODU3ODY0QzE0LjA5NDcgMC4wNzY4MTU4IDE1LjM2MSAwLjA3NjgxNTggMTYuMTQyMSAwLjg1Nzg2NEMxNi45MjMxIDEuNjM4OTEgMTYuOTIzMSAyLjkwNTI0IDE2LjE0MjEgMy42ODYyOUw0LjgyODM3IDE1TDE2LjE0MjEgMjYuMzEzN0MxNi45MjMxIDI3LjA5NDggMTYuOTIzMSAyOC4zNjExIDE2LjE0MjEgMjkuMTQyMUMxNS4zNjEgMjkuOTIzMiAxNC4wOTQ3IDI5LjkyMzIgMTMuMzEzNyAyOS4xNDIxTDAuNTg1NzMxIDE2LjQxNDJaTTQuNTE2MTEgMTdIMS45OTk5NFYxM0g0LjUxNjExVjE3WiIgZmlsbD0iIzAyMjg2NiIvPgo8L3N2Zz4K");
position: absolute;
left: 0;
top: 0;
background-position: center;
background-repeat: no-repeat;
height: auto;
width: auto;
display: block !important;
content: '';
width: 17rem;
height: 28rem;
}
}
@media (max-width: 991.99px) {
.header {
padding: 12rem 0;
}
.header>.container:after {
content: "";
position: absolute;
display: block;
z-index: 10;
top: 0;
left: 0;
right: 0;
height: 59rem;
background: linear-gradient(270deg, #CFCFCF 3.21%, #FBFBFB 43.94%, #FBFBFB 58.42%, #CFCFCF 94.11%) 0 0/ 100% 100% no-repeat;
}
.header-left,
.header-right {
z-index: 20;
position: relative;
}
.header:after {
content: '';
position: absolute;
bottom: -9rem;
height: 10rem;
right: -5rem;
width: 22rem;
background: linear-gradient(270deg, #CFCFCF 3.21%, #FBFBFB 43.94%, #FBFBFB 58.42%, #CFCFCF 94.11%) 100% 0/ 600rem 59rem no-repeat;
}
.header:before {
content: '';
position: absolute;
bottom: -9rem;
height: 10rem;
left: -5rem;
width: 22rem;
background: linear-gradient(270deg, #CFCFCF 3.21%, #FBFBFB 43.94%, #FBFBFB 58.42%, #CFCFCF 94.11%) 0 0/ 600rem 59rem no-repeat;
}
.header-logo {
height: 36rem;
}
.header-logo>svg {
max-height: 35rem;
width: auto;
max-width: none;
width: 113rem;
height: 35rem;
}
#lang_menu a {
font-weight: 500;
font-size: 18rem;
line-height: 21rem;
}
.header-socials .social-link {
padding: 0 5rem;
}
.main_wrap {
padding-top: 50rem;
}
.header>.container {
height: 35rem;
align-items: center;
}
.header-left {
display: flex;
align-items: center;
}
.header-socials {
margin-left: 5rem;
}
.h2 {
font-weight: 700;
font-size: 20rem;
line-height: 109.6%;
}
.read_more-link {
font-weight: 400;
font-size: 10rem;
line-height: 12rem;
margin-left: auto;
}
.first_screen {
background-size: auto 500rem;
background-position: 80% 0;
}
.first_screen-title_wrap .h1 {
font-size: 32rem;
line-height: 37rem;
}
.first_screen-subtitle {
font-size: 8rem;
line-height: 100%;
}
.first_screen-title_wrap {
padding: 40rem;
}
.first_screen-title_wrap:before {
width: 12rem;
height: 9rem;
background-size: contain;
background-repeat: no-repeat;
}
.section-why .cols-w4 {
width: calc(100% - 30rem);
}
.why-image {
height: 70rem;
width: 70rem;
}
.why-right {
width: calc(100% - 70rem);
}
.process-block {
border: 0rem solid black;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.process-text {
width: 180rem;
text-align: left;
margin-left: 24rem;
margin-right: -10rem;
}
.process-image>img {
margin-bottom: 0;
}
.process-item {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 33rem 0 41rem;
}
.process-item:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU2IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxNTYgOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iNyIgeT0iMyIgd2lkdGg9IjE0MyIgaGVpZ2h0PSIyIiBmaWxsPSIjQzdDN0M3Ii8+CjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSIyLjkwNTY2IiBzdHJva2U9IiNDN0M3QzciIHN0cm9rZS13aWR0aD0iMi4xODg2OCIvPgo8Y2lyY2xlIGN4PSIxNTIiIGN5PSI0IiByPSIyLjkwNTY2IiBzdHJva2U9IiNDN0M3QzciIHN0cm9rZS13aWR0aD0iMi4xODg2OCIvPgo8L3N2Zz4K");
position: absolute;
width: 156rem;
height: 8rem;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
content: '';
bottom: 0;
}
.process-item:last-child:after {
display: none;
}
.process-btn_container {
margin: 0;
}
.portfolio-item {
width: calc(100% - 30rem);
}
.news_list-item {
width: calc(100% - 30rem);
}
.feadbacks-items .cols-w4 {
width: calc(100% - 30rem);
}
.how-right .h2 {
font-size: 37.29rem;
}
.how-right .h2 .text-big {
font-size: 47.39rem;
}
.how-btn_container {
text-align: center;
}
.how-video {
padding: 19rem 16rem 16rem;
}
.how-video:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgNyA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8Y2lyY2xlIGN4PSIzLjUiIGN5PSIzLjUiIHI9IjMuNSIgZmlsbD0iIzNBM0EzQSIvPgo8Y2lyY2xlIGN4PSIzLjUiIGN5PSIzLjUiIHI9IjIiIGZpbGw9ImJsYWNrIiBzdHJva2U9IiM1MzUzNTMiLz4KPC9zdmc+Cg==");
width: 4rem;
height: 4rem;
top: 8rem;
}
.students-title {
font-size: 32rem;
line-height: normal;
}
.students-subtitle {
font-size: 20rem;
}
.video_news-item {
width: 100%;
margin-bottom: 24rem;
}
.video_news-items {
flex-wrap: wrap;
}
.gallery button {
top: 50%;
transform: translatey(-50%);
left: 40rem;
z-index: 5;
width: 17rem;
height: 28rem;
}
.gallery button.slick-next {
left: auto;
right: 40rem;
transform: translatey(-50%) rotate(180deg);
}
.gallery button>* {
display: none;
}
.gallery button:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAxNyAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNTg1NzMxIDE2LjQxNDJDLTAuMTk1MzE4IDE1LjYzMzIgLTAuMTk1MzE4IDE0LjM2NjggMC41ODU3MzEgMTMuNTg1OEwxMy4zMTM3IDAuODU3ODY0QzE0LjA5NDcgMC4wNzY4MTU4IDE1LjM2MSAwLjA3NjgxNTggMTYuMTQyMSAwLjg1Nzg2NEMxNi45MjMxIDEuNjM4OTEgMTYuOTIzMSAyLjkwNTI0IDE2LjE0MjEgMy42ODYyOUw0LjgyODM3IDE1TDE2LjE0MjEgMjYuMzEzN0MxNi45MjMxIDI3LjA5NDggMTYuOTIzMSAyOC4zNjExIDE2LjE0MjEgMjkuMTQyMUMxNS4zNjEgMjkuOTIzMiAxNC4wOTQ3IDI5LjkyMzIgMTMuMzEzNyAyOS4xNDIxTDAuNTg1NzMxIDE2LjQxNDJaTTQuNTE2MTEgMTdIMS45OTk5NFYxM0g0LjUxNjExVjE3WiIgZmlsbD0iIzAyMjg2NiIvPgo8L3N2Zz4K");
position: absolute;
left: 0;
top: 0;
background-position: center;
background-repeat: no-repeat;
height: auto;
width: auto;
display: block !important;
content: '';
width: 17rem;
height: 28rem;
}
.gallery {
padding: 0 0;
width: calc(100% + 64rem);
margin-left: -32rem;
}
.gallery-item {
pointer-events: none;
margin: 0 31rem;
}
.gallery-item.slick-current.slick-active {
pointer-events: auto;
}
.sidebar_mob-menu {
padding: 0 75rem 0 15rem;
justify-content: space-between;
}
.sbmenu-text {
font-size: 8rem;
}
.mob_fix_btn {
width: 50rem;
height: 50rem;
padding: 5rem;
top: -15rem;
right: 15rem;
}
.mob_fix_btn>p {
width: 40rem;
height: 40rem;
}
.sidebar_mob-menu {
height: 56rem;
}
.sbmenu-item:after {
bottom: -10rem;
}
.sbmenu-item.active:after {
opacity: 1;
}
.portfolio-link_icon {
margin-bottom: 7rem;
}
.portfolio-link_text.btn {
font-size: 10rem;
}
}
@media (max-width: 991.99px) {
.first_screen {
background-size: 100%;
background-position: top center;
}
.first_screen-title {
padding-top: 250rem;
}
.first_screen-title_wrap {
padding: 35rem 0 35rem 35rem;
}
.portfolio-link_text.btn {
font-size: 8rem;
padding: 4rem 13rem;
}
.portfolio-link {
width: calc(20% - 5rem);
}
.services-item.fix_form-wrap {
padding: 20rem;
width: calc(100% + 10rem);
margin-left: -5rem;
}
.sbmenu-item.sbmenu-item-hidemob {
display: none !important;
}
.services-item .blueform {
min-width: 100%;
}
.blueform .form-group:nth-child(4) {
width: calc(50% - 5rem);
margin-left: 3rem;
}
.blueform .form-group:nth-child(3) {
width: calc(50% - 5rem);
margin-right: 3rem;
}
}
@media (max-width: 991.99px) {
.header-socials {
display: none;
}
}.carousel {
position: relative;
box-sizing: border-box
}
.carousel *,
.carousel *:before,
.carousel *:after {
box-sizing: inherit
}
.carousel.is-draggable {
cursor: move;
cursor: grab
}
.carousel.is-dragging {
cursor: move;
cursor: grabbing
}
.carousel__viewport {
position: relative;
overflow: hidden;
max-width: 100%;
max-height: 100%
}
.carousel__track {
display: flex
}
.carousel__slide {
flex: 0 0 auto;
width: var(--carousel-slide-width, 60%);
max-width: 100%;
padding: 16rem;
position: relative;
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain
}
.has-dots {
margin-bottom: calc(8rem + 22rem)
}
.carousel__dots {
margin: 0 auto;
padding: 0;
position: absolute;
top: calc(100% + 8rem);
left: 0;
right: 0;
display: flex;
justify-content: center;
list-style: none;
user-select: none
}
.carousel__dots .carousel__dot {
margin: 0;
padding: 0;
display: block;
position: relative;
width: 22rem;
height: 22rem;
cursor: pointer
}
.carousel__dots .carousel__dot:after {
content: "";
width: 8rem;
height: 8rem;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: currentColor;
opacity: .25;
transition: opacity .15s ease-in-out
}
.carousel__dots .carousel__dot.is-selected:after {
opacity: 1
}
.carousel__button {
width: var(--carousel-button-width, 48rem);
height: var(--carousel-button-height, 48rem);
padding: 0;
border: 0;
display: flex;
justify-content: center;
align-items: center;
pointer-events: all;
cursor: pointer;
color: var(--carousel-button-color, currentColor);
background: var(--carousel-button-bg, transparent);
border-radius: var(--carousel-button-border-radius, 50%);
box-shadow: var(--carousel-button-shadow, none);
transition: opacity .15s ease
}
.carousel__button.is-prev,
.carousel__button.is-next {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.carousel__button.is-prev {
left: 10rem
}
.carousel__button.is-next {
right: 10rem
}
.carousel__button[disabled] {
cursor: default;
opacity: .3
}
.carousel__button svg {
width: var(--carousel-button-svg-width, 50%);
height: var(--carousel-button-svg-height, 50%);
fill: none;
stroke: currentColor;
stroke-width: var(--carousel-button-svg-stroke-width, 1.5);
stroke-linejoin: bevel;
stroke-linecap: round;
filter: var(--carousel-button-svg-filter, none);
pointer-events: none
}
html.with-fancybox {
scroll-behavior: auto
}
body.compensate-for-scrollbar {
overflow: hidden !important;
touch-action: none
}
.fancybox__container {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
direction: ltr;
margin: 0;
padding: env(safe-area-inset-top, 0rem) env(safe-area-inset-right, 0rem) env(safe-area-inset-bottom, 0rem) env(safe-area-inset-left, 0rem);
box-sizing: border-box;
display: flex;
flex-direction: column;
color: var(--fancybox-color, #fff);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
overflow: hidden;
z-index: 1050;
outline: none;
transform-origin: top left;
--carousel-button-width: 48rem;
--carousel-button-height: 48rem;
--carousel-button-svg-width: 24rem;
--carousel-button-svg-height: 24rem;
--carousel-button-svg-stroke-width: 2.5;
--carousel-button-svg-filter: drop-shadow(1rem 1rem 1rem rgba(0, 0, 0, 0.4))
}
.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
box-sizing: inherit
}
.fancybox__container :focus {
outline: none
}
body:not(.is-using-mouse) .fancybox__container :focus {
box-shadow: 0 0 0 1rem #fff, 0 0 0 2rem var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))
}
@media all and (min-width: 1024rem) {
.fancybox__container {
--carousel-button-width: 48rem;
--carousel-button-height: 48rem;
--carousel-button-svg-width: 27rem;
--carousel-button-svg-height: 27rem
}
}
.fancybox__backdrop {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: var(--fancybox-bg, rgba(24, 24, 27, 0.92))
}
.fancybox__carousel {
position: relative;
flex: 1 1 auto;
min-height: 0;
height: 100%;
z-index: 10
}
.fancybox__carousel.has-dots {
margin-bottom: calc(8rem + 22rem)
}
.fancybox__viewport {
position: relative;
width: 100%;
height: 100%;
overflow: visible;
cursor: default
}
.fancybox__track {
display: flex;
height: 100%
}
.fancybox__slide {
flex: 0 0 auto;
width: 100%;
max-width: 100%;
margin: 0;
padding: 48rem 8rem 8rem 8rem;
position: relative;
overscroll-behavior: contain;
display: flex;
flex-direction: column;
outline: 0;
overflow: auto;
--carousel-button-width: 36rem;
--carousel-button-height: 36rem;
--carousel-button-svg-width: 22rem;
--carousel-button-svg-height: 22rem
}
.fancybox__slide::before,
.fancybox__slide::after {
content: "";
flex: 0 0 0;
margin: auto
}
@media all and (min-width: 1024rem) {
.fancybox__slide {
padding: 64rem 100rem
}
}
.fancybox__content {
margin: 0 env(safe-area-inset-right, 0rem) 0 env(safe-area-inset-left, 0rem);
padding: 36rem;
color: var(--fancybox-content-color, #374151);
background: var(--fancybox-content-bg, #fff);
position: relative;
align-self: center;
display: flex;
flex-direction: column;
z-index: 20
}
.fancybox__content :focus:not(.carousel__button.is-close) {
outline: thin dotted;
box-shadow: none
}
.fancybox__caption {
align-self: center;
max-width: 100%;
margin: 0;
padding: 16rem 0 0 0;
line-height: 1.375;
color: var(--fancybox-color, currentColor);
visibility: visible;
cursor: auto;
flex-shrink: 0;
overflow-wrap: anywhere
}
.is-loading .fancybox__caption {
visibility: hidden
}
.fancybox__container>.carousel__dots {
top: 100%;
color: var(--fancybox-color, #fff)
}
.fancybox__nav .carousel__button {
z-index: 40
}
.fancybox__nav .carousel__button.is-next {
right: 8rem
}
@media all and (min-width: 1024rem) {
.fancybox__nav .carousel__button.is-next {
right: 40rem
}
}
.fancybox__nav .carousel__button.is-prev {
left: 8rem
}
@media all and (min-width: 1024rem) {
.fancybox__nav .carousel__button.is-prev {
left: 40rem
}
}
.carousel__button.is-close {
position: absolute;
top: 8rem;
right: 8rem;
top: calc(env(safe-area-inset-top, 0rem) + 8rem);
right: calc(env(safe-area-inset-right, 0rem) + 8rem);
z-index: 40
}
@media all and (min-width: 1024rem) {
.carousel__button.is-close {
right: 40rem
}
}
.fancybox__content>.carousel__button.is-close {
position: absolute;
top: -40rem;
right: 0;
color: var(--fancybox-color, #fff)
}
.fancybox__no-click,
.fancybox__no-click button {
pointer-events: none
}
.fancybox__spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50rem;
height: 50rem;
color: var(--fancybox-color, currentColor)
}
.fancybox__slide .fancybox__spinner {
cursor: pointer;
z-index: 1053
}
.fancybox__spinner svg {
animation: fancybox-rotate 2s linear infinite;
transform-origin: center center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%
}
.fancybox__spinner svg circle {
fill: none;
stroke-width: 2.75;
stroke-miterlimit: 10;
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
animation: fancybox-dash 1.5s ease-in-out infinite;
stroke-linecap: round;
stroke: currentColor
}
@keyframes fancybox-rotate {
100% {
transform: rotate(360deg)
}
}
@keyframes fancybox-dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35rem
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124rem
}
}
.fancybox__backdrop,
.fancybox__caption,
.fancybox__nav,
.carousel__dots,
.carousel__button.is-close {
opacity: var(--fancybox-opacity, 1)
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,
.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,
.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,
.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close {
animation: .15s ease backwards fancybox-fadeIn
}
.fancybox__container.is-animated.is-closing .fancybox__backdrop,
.fancybox__container.is-animated.is-closing .fancybox__caption,
.fancybox__container.is-animated.is-closing .fancybox__nav,
.fancybox__container.is-animated.is-closing .carousel__dots,
.fancybox__container.is-animated.is-closing .carousel__button.is-close {
animation: .15s ease both fancybox-fadeOut
}
.fancybox-fadeIn {
animation: .15s ease both fancybox-fadeIn
}
.fancybox-fadeOut {
animation: .1s ease both fancybox-fadeOut
}
.fancybox-zoomInUp {
animation: .2s ease both fancybox-zoomInUp
}
.fancybox-zoomOutDown {
animation: .15s ease both fancybox-zoomOutDown
}
.fancybox-throwOutUp {
animation: .15s ease both fancybox-throwOutUp
}
.fancybox-throwOutDown {
animation: .15s ease both fancybox-throwOutDown
}
@keyframes fancybox-fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fancybox-fadeOut {
to {
opacity: 0
}
}
@keyframes fancybox-zoomInUp {
from {
transform: scale(0.97) translate3d(0, 16rem, 0);
opacity: 0
}
to {
transform: scale(1) translate3d(0, 0, 0);
opacity: 1
}
}
@keyframes fancybox-zoomOutDown {
to {
transform: scale(0.97) translate3d(0, 16rem, 0);
opacity: 0
}
}
@keyframes fancybox-throwOutUp {
to {
transform: translate3d(0, -30%, 0);
opacity: 0
}
}
@keyframes fancybox-throwOutDown {
to {
transform: translate3d(0, 30%, 0);
opacity: 0
}
}
.fancybox__carousel .carousel__slide {
scrollbar-width: thin;
scrollbar-color: #ccc rgba(255, 255, 255, .1)
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar {
width: 8rem;
height: 8rem
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar-track {
background-color: rgba(255, 255, 255, .1)
}
.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 2rem;
box-shadow: inset 0 0 4rem rgba(0, 0, 0, .2)
}
.fancybox__carousel.is-draggable .fancybox__slide,
.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content {
cursor: move;
cursor: grab
}
.fancybox__carousel.is-dragging .fancybox__slide,
.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content {
cursor: move;
cursor: grabbing
}
.fancybox__carousel .fancybox__slide .fancybox__content {
cursor: auto
}
.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content {
cursor: zoom-in
}
.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content {
cursor: zoom-out
}
.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content {
cursor: move;
cursor: grab
}
.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content {
cursor: move;
cursor: grabbing
}
.fancybox__image {
transform-origin: 0 0;
user-select: none;
transition: none
}
.has-image .fancybox__content {
padding: 0;
background: rgba(0, 0, 0, 0);
min-height: 1rem
}
.is-closing .has-image .fancybox__content {
overflow: visible
}
.has-image[data-image-fit=contain] {
overflow: visible;
touch-action: none
}
.has-image[data-image-fit=contain] .fancybox__content {
flex-direction: row;
flex-wrap: wrap
}
.has-image[data-image-fit=contain] .fancybox__image {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.has-image[data-image-fit=contain-w] {
overflow-x: hidden;
overflow-y: auto
}
.has-image[data-image-fit=contain-w] .fancybox__content {
min-height: auto
}
.has-image[data-image-fit=contain-w] .fancybox__image {
max-width: 100%;
height: auto
}
.has-image[data-image-fit=cover] {
overflow: visible;
touch-action: none
}
.has-image[data-image-fit=cover] .fancybox__content {
width: 100%;
height: 100%
}
.has-image[data-image-fit=cover] .fancybox__image {
width: 100%;
height: 100%;
object-fit: cover
}
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
max-width: 100%;
flex-shrink: 1;
min-height: 1rem;
overflow: visible
}
.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content {
width: 100%;
height: 80%
}
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
width: 960rem;
height: 540rem;
max-width: 100%;
max-height: 100%
}
.fancybox__carousel .fancybox__slide.has-map .fancybox__content,
.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,
.fancybox__carousel .fancybox__slide.has-video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
padding: 0;
background: rgba(24, 24, 27, .9);
color: #fff
}
.fancybox__carousel .fancybox__slide.has-map .fancybox__content {
background: #e5e3df
}
.fancybox__html5video,
.fancybox__iframe {
border: 0;
display: block;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0)
}
.fancybox-placeholder {
position: absolute;
width: 1rem;
height: 1rem;
padding: 0;
margin: -1rem;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
.fancybox__thumbs {
flex: 0 0 auto;
position: relative;
padding: 0rem 3rem;
opacity: var(--fancybox-opacity, 1)
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs {
animation: .15s ease-in backwards fancybox-fadeIn
}
.fancybox__container.is-animated.is-closing .fancybox__thumbs {
opacity: 0
}
.fancybox__thumbs .carousel__slide {
flex: 0 0 auto;
width: var(--fancybox-thumbs-width, 96rem);
margin: 0;
padding: 8rem 3rem;
box-sizing: content-box;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
cursor: pointer
}
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border-width: 5rem;
border-style: solid;
border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
opacity: 0;
transition: opacity .15s ease;
border-radius: var(--fancybox-thumbs-border-radius, 4rem)
}
.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after {
opacity: .92
}
.fancybox__thumbs .carousel__slide>* {
pointer-events: none;
user-select: none
}
.fancybox__thumb {
position: relative;
width: 100%;
padding-top: calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));
background-size: cover;
background-position: center center;
background-color: rgba(255, 255, 255, .1);
background-repeat: no-repeat;
border-radius: var(--fancybox-thumbs-border-radius, 4rem)
}
.fancybox__toolbar {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 20;
background: linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);
padding: 0;
touch-action: none;
display: flex;
justify-content: space-between;
--carousel-button-svg-width: 20rem;
--carousel-button-svg-height: 20rem;
opacity: var(--fancybox-opacity, 1);
text-shadow: var(--fancybox-toolbar-text-shadow, 1rem 1rem 1rem rgba(0, 0, 0, 0.4))
}
@media all and (min-width: 1024rem) {
.fancybox__toolbar {
padding: 8rem
}
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar {
animation: .15s ease-in backwards fancybox-fadeIn
}
.fancybox__container.is-animated.is-closing .fancybox__toolbar {
opacity: 0
}
.fancybox__toolbar__items {
display: flex
}
.fancybox__toolbar__items--left {
margin-right: auto
}
.fancybox__toolbar__items--center {
position: absolute;
left: 50%;
transform: translateX(-50%)
}
.fancybox__toolbar__items--right {
margin-left: auto
}
@media(max-width: 640rem) {
.fancybox__toolbar__items--center:not(:last-child) {
display: none
}
}
.fancybox__counter {
min-width: 72rem;
padding: 0 10rem;
line-height: var(--carousel-button-height, 48rem);
text-align: center;
font-size: 17rem;
font-variant-numeric: tabular-nums;
-webkit-font-smoothing: subpixel-antialiased
}
.fancybox__progress {
background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));
height: 3rem;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 30;
user-select: none
}
.fancybox__container:fullscreen::backdrop {
opacity: 0
}
.fancybox__button--fullscreen g:nth-child(2) {
display: none
}
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) {
display: none
}
.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) {
display: block
}
.fancybox__button--slideshow g:nth-child(2) {
display: none
}
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) {
display: none
}
.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) {
display: block
}.arcuAnimated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.arcuAnimated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.arcuAnimated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.arcuAnimated.bounceIn,
.arcuAnimated.bounceOut,
.arcuAnimated.flipOutX,
.arcuAnimated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes arcu_bounce {
20%,
53%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
animation-timing-function: cubic-bezier(.755, .050, .855, .060);
transform: translate3d(0, -30rem, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
animation-timing-function: cubic-bezier(.755, .050, .855, .060);
transform: translate3d(0, -15rem, 0)
}
90% {
transform: translate3d(0, -4rem, 0)
}
}
@keyframes arcu_bounce {
20%,
53%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: translate3d(0, 0, 0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
animation-timing-function: cubic-bezier(.755, .050, .855, .060);
transform: translate3d(0, -30rem, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
animation-timing-function: cubic-bezier(.755, .050, .855, .060);
transform: translate3d(0, -15rem, 0)
}
90% {
transform: translate3d(0, -4rem, 0)
}
}
.arcuAnimated.bounce {
-webkit-animation-name: arcu_bounce;
animation-name: arcu_bounce;
transform-origin: center bottom
}
@-webkit-keyframes arcu_flash {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes arcu_flash {
50%,
from,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.arcuAnimated.flash {
-webkit-animation-name: arcu_flash;
animation-name: arcu_flash
}
@-webkit-keyframes arcu_pulse {
from {
transform: scale3d(1, 1, 1)
}
50% {
transform: scale3d(1.05, 1.05, 1.05)
}
to {
transform: scale3d(1, 1, 1)
}
}
@keyframes arcu_pulse {
from {
transform: scale3d(1, 1, 1)
}
50% {
transform: scale3d(1.05, 1.05, 1.05)
}
to {
transform: scale3d(1, 1, 1)
}
}
.arcuAnimated.pulse {
-webkit-animation-name: arcu_pulse;
animation-name: arcu_pulse
}
@-webkit-keyframes arcu_rubberBand {
from {
transform: scale3d(1, 1, 1)
}
30% {
transform: scale3d(1.25, .75, 1)
}
40% {
transform: scale3d(.75, 1.25, 1)
}
50% {
transform: scale3d(1.15, .85, 1)
}
65% {
transform: scale3d(.95, 1.05, 1)
}
75% {
transform: scale3d(1.05, .95, 1)
}
to {
transform: scale3d(1, 1, 1)
}
}
@keyframes arcu_rubberBand {
from {
transform: scale3d(1, 1, 1)
}
30% {
transform: scale3d(1.25, .75, 1)
}
40% {
transform: scale3d(.75, 1.25, 1)
}
50% {
transform: scale3d(1.15, .85, 1)
}
65% {
transform: scale3d(.95, 1.05, 1)
}
75% {
transform: scale3d(1.05, .95, 1)
}
to {
transform: scale3d(1, 1, 1)
}
}
.arcuAnimated.rubberBand {
-webkit-animation-name: arcu_rubberBand;
animation-name: arcu_rubberBand
}
@-webkit-keyframes arcu_shake {
from,
to {
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10rem, 0, 0)
}
20%,
40%,
60%,
80% {
transform: translate3d(10rem, 0, 0)
}
}
@keyframes arcu_shake {
from,
to {
transform: translate3d(0, 0, 0)
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10rem, 0, 0)
}
20%,
40%,
60%,
80% {
transform: translate3d(10rem, 0, 0)
}
}
.arcuAnimated.shake {
-webkit-animation-name: arcu_shake;
animation-name: arcu_shake
}
@-webkit-keyframes arcu_headShake {
0% {
transform: translateX(0)
}
6.5% {
transform: translateX(-6rem) rotateY(-9deg)
}
18.5% {
transform: translateX(5rem) rotateY(7deg)
}
31.5% {
transform: translateX(-3rem) rotateY(-5deg)
}
43.5% {
transform: translateX(2rem) rotateY(3deg)
}
50% {
transform: translateX(0)
}
}
@keyframes arcu_headShake {
0% {
transform: translateX(0)
}
6.5% {
transform: translateX(-6rem) rotateY(-9deg)
}
18.5% {
transform: translateX(5rem) rotateY(7deg)
}
31.5% {
transform: translateX(-3rem) rotateY(-5deg)
}
43.5% {
transform: translateX(2rem) rotateY(3deg)
}
50% {
transform: translateX(0)
}
}
.arcuAnimated.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: arcu_headShake;
animation-name: arcu_headShake
}
@-webkit-keyframes arcu_swing {
20% {
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
transform: rotate3d(0, 0, 1, -5deg)
}
to {
transform: rotate3d(0, 0, 1, 0deg)
}
}
@keyframes arcu_swing {
20% {
transform: rotate3d(0, 0, 1, 15deg)
}
40% {
transform: rotate3d(0, 0, 1, -10deg)
}
60% {
transform: rotate3d(0, 0, 1, 5deg)
}
80% {
transform: rotate3d(0, 0, 1, -5deg)
}
to {
transform: rotate3d(0, 0, 1, 0deg)
}
}
.arcuAnimated.swing {
transform-origin: top center;
-webkit-animation-name: arcu_swing;
animation-name: arcu_swing
}
@-webkit-keyframes arcu_tada {
from {
transform: scale3d(1, 1, 1)
}
10%,
20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
transform: scale3d(1, 1, 1)
}
}
@keyframes arcu_tada {
from {
transform: scale3d(1, 1, 1)
}
10%,
20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
transform: scale3d(1, 1, 1)
}
}
.arcuAnimated.tada {
-webkit-animation-name: arcu_tada;
animation-name: arcu_tada
}
@-webkit-keyframes arcu_wobble {
from {
transform: none
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
transform: none
}
}
@keyframes arcu_wobble {
from {
transform: none
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
transform: none
}
}
.arcuAnimated.wobble {
-webkit-animation-name: arcu_wobble;
animation-name: arcu_wobble
}
@-webkit-keyframes arcu_jello {
11.1%,
from,
to {
transform: none
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes arcu_jello {
11.1%,
from,
to {
transform: none
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.arcuAnimated.jello {
-webkit-animation-name: arcu_jello;
animation-name: arcu_jello;
transform-origin: center
}
@-webkit-keyframes arcu_bounceIn {
20%,
40%,
60%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
transform: scale3d(1, 1, 1)
}
}
@keyframes arcu_bounceIn {
20%,
40%,
60%,
80%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
transform: scale3d(.9, .9, .9)
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
transform: scale3d(1, 1, 1)
}
}
.arcuAnimated.bounceIn {
-webkit-animation-name: arcu_bounceIn;
animation-name: arcu_bounceIn
}
@-webkit-keyframes arcu_bounceInDown {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(0, -3000rem, 0)
}
60% {
opacity: 1;
transform: translate3d(0, 25rem, 0)
}
75% {
transform: translate3d(0, -10rem, 0)
}
90% {
transform: translate3d(0, 5rem, 0)
}
to {
transform: none
}
}
@keyframes arcu_bounceInDown {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(0, -3000rem, 0)
}
60% {
opacity: 1;
transform: translate3d(0, 25rem, 0)
}
75% {
transform: translate3d(0, -10rem, 0)
}
90% {
transform: translate3d(0, 5rem, 0)
}
to {
transform: none
}
}
.arcuAnimated.bounceInDown {
-webkit-animation-name: arcu_bounceInDown;
animation-name: arcu_bounceInDown
}
@-webkit-keyframes arcu_bounceInLeft {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(-3000rem, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(25rem, 0, 0)
}
75% {
transform: translate3d(-10rem, 0, 0)
}
90% {
transform: translate3d(5rem, 0, 0)
}
to {
transform: none
}
}
@keyframes arcu_bounceInLeft {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
transform: translate3d(-3000rem, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(25rem, 0, 0)
}
75% {
transform: translate3d(-10rem, 0, 0)
}
90% {
transform: translate3d(5rem, 0, 0)
}
to {
transform: none
}
}
.arcuAnimated.bounceInLeft {
-webkit-animation-name: arcu_bounceInLeft;
animation-name: arcu_bounceInLeft
}
@-webkit-keyframes arcu_bounceInRight {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
transform: translate3d(3000rem, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(-25rem, 0, 0)
}
75% {
transform: translate3d(10rem, 0, 0)
}
90% {
transform: translate3d(-5rem, 0, 0)
}
to {
transform: none
}
}
@keyframes arcu_bounceInRight {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
transform: translate3d(3000rem, 0, 0)
}
60% {
opacity: 1;
transform: translate3d(-25rem, 0, 0)
}
75% {
transform: translate3d(10rem, 0, 0)
}
90% {
transform: translate3d(-5rem, 0, 0)
}
to {
transform: none
}
}
.arcuAnimated.bounceInRight {
-webkit-animation-name: arcu_bounceInRight;
animation-name: arcu_bounceInRight
}
@-webkit-keyframes arcu_bounceInUp {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
transform: translate3d(0, 3000rem, 0)
}
60% {
opacity: 1;
transform: translate3d(0, -20rem, 0)
}
75% {
transform: translate3d(0, 10rem, 0)
}
90% {
transform: translate3d(0, -5rem, 0)
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes arcu_bounceInUp {
60%,
75%,
90%,
from,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
opacity: 0;
transform: translate3d(0, 3000rem, 0)
}
60% {
opacity: 1;
transform: translate3d(0, -20rem, 0)
}
75% {
transform: translate3d(0, 10rem, 0)
}
90% {
transform: translate3d(0, -5rem, 0)
}
to {
transform: translate3d(0, 0, 0)
}
}
.arcuAnimated.bounceInUp {
-webkit-animation-name: arcu_bounceInUp;
animation-name: arcu_bounceInUp
}
@-webkit-keyframes arcu_bounceOut {
20% {
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
}
@keyframes arcu_bounceOut {
20% {
transform: scale3d(.9, .9, .9)
}
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
}
.arcuAnimated.bounceOut {
-webkit-animation-name: arcu_bounceOut;
animation-name: arcu_bounceOut
}
@-webkit-keyframes arcu_bounceOutDown {
20% {
transform: translate3d(0, 10rem, 0)
}
40%,
45% {
opacity: 1;
transform: translate3d(0, -20rem, 0)
}
to {
opacity: 0;
transform: translate3d(0, 2000rem, 0)
}
}
@keyframes arcu_bounceOutDown {
20% {
transform: translate3d(0, 10rem, 0)
}
40%,
45% {
opacity: 1;
transform: translate3d(0, -20rem, 0)
}
to {
opacity: 0;
transform: translate3d(0, 2000rem, 0)
}
}
.arcuAnimated.bounceOutDown {
-webkit-animation-name: arcu_bounceOutDown;
animation-name: arcu_bounceOutDown
}
@-webkit-keyframes arcu_bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20rem, 0, 0)
}
to {
opacity: 0;
transform: translate3d(-2000rem, 0, 0)
}
}
@keyframes arcu_bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20rem, 0, 0)
}
to {
opacity: 0;
transform: translate3d(-2000rem, 0, 0)
}
}
.arcuAnimated.bounceOutLeft {
-webkit-animation-name: arcu_bounceOutLeft;
animation-name: arcu_bounceOutLeft
}
@-webkit-keyframes arcu_bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20rem, 0, 0)
}
to {
opacity: 0;
transform: translate3d(2000rem, 0, 0)
}
}
@keyframes arcu_bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20rem, 0, 0)
}
to {
opacity: 0;
transform: translate3d(2000rem, 0, 0)
}
}
.arcuAnimated.bounceOutRight {
-webkit-animation-name: arcu_bounceOutRight;
animation-name: arcu_bounceOutRight
}
@-webkit-keyframes arcu_bounceOutUp {
20% {
transform: translate3d(0, -10rem, 0)
}
40%,
45% {
opacity: 1;
transform: translate3d(0, 20rem, 0)
}
to {
opacity: 0;
transform: translate3d(0, -2000rem, 0)
}
}
@keyframes arcu_bounceOutUp {
20% {
transform: translate3d(0, -10rem, 0)
}
40%,
45% {
opacity: 1;
transform: translate3d(0, 20rem, 0)
}
to {
opacity: 0;
transform: translate3d(0, -2000rem, 0)
}
}
.arcuAnimated.bounceOutUp {
-webkit-animation-name: arcu_bounceOutUp;
animation-name: arcu_bounceOutUp
}
@-webkit-keyframes arcu_fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes arcu_fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.arcuAnimated.fadeIn {
-webkit-animation-name: arcu_fadeIn;
animation-name: arcu_fadeIn
}
@-webkit-keyframes arcu_fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes arcu_fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
transform: none
}
}
.arcuAnimated.fadeInDown {
-webkit-animation-name: arcu_fadeInDown;
animation-name: arcu_fadeInDown
}
@-webkit-keyframes arcu_fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000rem, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes arcu_fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000rem, 0)
}
to {
opacity: 1;
transform: none
}
}
.arcuAnimated.fadeInDownBig {
-webkit-animation-name: arcu_fadeInDownBig;
animation-name: arcu_fadeInDownBig
}
@-webkit-keyframes arcu_fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes arcu_fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.arcuAnimated.fadeInLeft {
-webkit-animation-name: arcu_fadeInLeft;
animation-name: arcu_fadeInLeft
}
@-webkit-keyframes arcu_fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000rem, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes arcu_fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000rem, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.arcuAnimated.fadeInLeftBig {
-webkit-animation-name: arcu_fadeInLeftBig;
animation-name: arcu_fadeInLeftBig
}
@-webkit-keyframes arcu_fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes arcu_fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.arcuAnimated.fadeInRight {
-webkit-animation-name: arcu_fadeInRight;
animation-name: arcu_fadeInRight
}
@-webkit-keyframes arcu_fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000rem, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes arcu_fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000rem, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
.arcuAnimated.fadeInRightBig {
-webkit-animation-name: arcu_fadeInRightBig;
animation-name: arcu_fadeInRightBig
}
@-webkit-keyframes arcu_fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes arcu_fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
transform: none
}
}
.arcuAnimated.fadeInUp {
-webkit-animation-name: arcu_fadeInUp;
animation-name: arcu_fadeInUp
}
@-webkit-keyframes arcu_fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000rem, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes arcu_fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000rem, 0)
}
to {
opacity: 1;
transform: none
}
}
.arcuAnimated.fadeInUpBig {
-webkit-animation-name: arcu_fadeInUpBig;
animation-name: arcu_fadeInUpBig
}
@-webkit-keyframes arcu_fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes arcu_fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
.arcuAnimated.fadeOut {
-webkit-animation-name: arcu_fadeOut;
animation-name: arcu_fadeOut
}
@-webkit-keyframes arcu_fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
}
@keyframes arcu_fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0)
}
}
.arcuAnimated.fadeOutDown {
-webkit-animation-name: arcu_fadeOutDown;
animation-name: arcu_fadeOutDown
}
@-webkit-keyframes arcu_fadeOutDownBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 2000rem, 0)
}
}
@keyframes arcu_fadeOutDownBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, 2000rem, 0)
}
}
.arcuAnimated.fadeOutDownBig {
-webkit-animation-name: arcu_fadeOutDownBig;
animation-name: arcu_fadeOutDownBig
}
@-webkit-keyframes arcu_fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
}
@keyframes arcu_fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
}
.arcuAnimated.fadeOutLeft {
-webkit-animation-name: arcu_fadeOutLeft;
animation-name: arcu_fadeOutLeft
}
@-webkit-keyframes arcu_fadeOutLeftBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-2000rem, 0, 0)
}
}
@keyframes arcu_fadeOutLeftBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(-2000rem, 0, 0)
}
}
.arcuAnimated.fadeOutLeftBig {
-webkit-animation-name: arcu_fadeOutLeftBig;
animation-name: arcu_fadeOutLeftBig
}
@-webkit-keyframes arcu_fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
}
@keyframes arcu_fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0)
}
}
.arcuAnimated.fadeOutRight {
-webkit-animation-name: arcu_fadeOutRight;
animation-name: arcu_fadeOutRight
}
@-webkit-keyframes arcu_fadeOutRightBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(2000rem, 0, 0)
}
}
@keyframes arcu_fadeOutRightBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(2000rem, 0, 0)
}
}
.arcuAnimated.fadeOutRightBig {
-webkit-animation-name: arcu_fadeOutRightBig;
animation-name: arcu_fadeOutRightBig
}
@-webkit-keyframes arcu_fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
}
@keyframes arcu_fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0)
}
}
.arcuAnimated.fadeOutUp {
-webkit-animation-name: arcu_fadeOutUp;
animation-name: arcu_fadeOutUp
}
@-webkit-keyframes arcu_fadeOutUpBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -2000rem, 0)
}
}
@keyframes arcu_fadeOutUpBig {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(0, -2000rem, 0)
}
}
.arcuAnimated.fadeOutUpBig {
-webkit-animation-name: arcu_fadeOutUpBig;
animation-name: arcu_fadeOutUpBig
}
@-webkit-keyframes arcu_flip {
from {
transform: perspective(400rem) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
transform: perspective(400rem) translate3d(0, 0, 150rem) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
transform: perspective(400rem) translate3d(0, 0, 150rem) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
transform: perspective(400rem) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
transform: perspective(400rem);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes arcu_flip {
from {
transform: perspective(400rem) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
transform: perspective(400rem) translate3d(0, 0, 150rem) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
transform: perspective(400rem) translate3d(0, 0, 150rem) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
transform: perspective(400rem) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
transform: perspective(400rem);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.arcuAnimated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: arcu_flip;
animation-name: arcu_flip
}
@-webkit-keyframes arcu_flipInX {
from {
transform: perspective(400rem) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400rem) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
transform: perspective(400rem) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
transform: perspective(400rem) rotate3d(1, 0, 0, -5deg)
}
to {
transform: perspective(400rem)
}
}
@keyframes arcu_flipInX {
from {
transform: perspective(400rem) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400rem) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
transform: perspective(400rem) rotate3d(1, 0, 0, 10deg);
opacity: 1
}
80% {
transform: perspective(400rem) rotate3d(1, 0, 0, -5deg)
}
to {
transform: perspective(400rem)
}
}
.arcuAnimated.flipInX {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: arcu_flipInX;
animation-name: arcu_flipInX
}
@-webkit-keyframes arcu_flipInY {
from {
transform: perspective(400rem) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400rem) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
transform: perspective(400rem) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
transform: perspective(400rem) rotate3d(0, 1, 0, -5deg)
}
to {
transform: perspective(400rem)
}
}
@keyframes arcu_flipInY {
from {
transform: perspective(400rem) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0
}
40% {
transform: perspective(400rem) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
60% {
transform: perspective(400rem) rotate3d(0, 1, 0, 10deg);
opacity: 1
}
80% {
transform: perspective(400rem) rotate3d(0, 1, 0, -5deg)
}
to {
transform: perspective(400rem)
}
}
.arcuAnimated.flipInY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: arcu_flipInY;
animation-name: arcu_flipInY
}
@-webkit-keyframes arcu_flipOutX {
from {
transform: perspective(400rem)
}
30% {
transform: perspective(400rem) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
to {
transform: perspective(400rem) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
@keyframes arcu_flipOutX {
from {
transform: perspective(400rem)
}
30% {
transform: perspective(400rem) rotate3d(1, 0, 0, -20deg);
opacity: 1
}
to {
transform: perspective(400rem) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
.arcuAnimated.flipOutX {
-webkit-animation-name: arcu_flipOutX;
animation-name: arcu_flipOutX;
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes arcu_flipOutY {
from {
transform: perspective(400rem)
}
30% {
transform: perspective(400rem) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
to {
transform: perspective(400rem) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
@keyframes arcu_flipOutY {
from {
transform: perspective(400rem)
}
30% {
transform: perspective(400rem) rotate3d(0, 1, 0, -15deg);
opacity: 1
}
to {
transform: perspective(400rem) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
.arcuAnimated.flipOutY {
-webkit-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: arcu_flipOutY;
animation-name: arcu_flipOutY
}
@-webkit-keyframes arcu_lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
transform: skewX(20deg);
opacity: 1
}
80% {
transform: skewX(-5deg);
opacity: 1
}
to {
transform: none;
opacity: 1
}
}
@keyframes arcu_lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0
}
60% {
transform: skewX(20deg);
opacity: 1
}
80% {
transform: skewX(-5deg);
opacity: 1
}
to {
transform: none;
opacity: 1
}
}
.arcuAnimated.lightSpeedIn {
-webkit-animation-name: arcu_lightSpeedIn;
animation-name: arcu_lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes arcu_lightSpeedOut {
from {
opacity: 1
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes arcu_lightSpeedOut {
from {
opacity: 1
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
.arcuAnimated.lightSpeedOut {
-webkit-animation-name: arcu_lightSpeedOut;
animation-name: arcu_lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes arcu_rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
transform-origin: center;
transform: none;
opacity: 1
}
}
@keyframes arcu_rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
transform-origin: center;
transform: none;
opacity: 1
}
}
.arcuAnimated.rotateIn {
-webkit-animation-name: arcu_rotateIn;
animation-name: arcu_rotateIn
}
@-webkit-keyframes arcu_rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1
}
}
@keyframes arcu_rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1
}
}
.arcuAnimated.rotateInDownLeft {
-webkit-animation-name: arcu_rotateInDownLeft;
animation-name: arcu_rotateInDownLeft
}
@-webkit-keyframes arcu_rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1
}
}
@keyframes arcu_rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1
}
}
.arcuAnimated.rotateInDownRight {
-webkit-animation-name: arcu_rotateInDownRight;
animation-name: arcu_rotateInDownRight
}
@-webkit-keyframes arcu_rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1
}
}
@keyframes arcu_rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1
}
}
.arcuAnimated.rotateInUpLeft {
-webkit-animation-name: arcu_rotateInUpLeft;
animation-name: arcu_rotateInUpLeft
}
@-webkit-keyframes arcu_rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1
}
}
@keyframes arcu_rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1
}
}
.arcuAnimated.rotateInUpRight {
-webkit-animation-name: arcu_rotateInUpRight;
animation-name: arcu_rotateInUpRight
}
@-webkit-keyframes arcu_rotateOut {
from {
transform-origin: center;
opacity: 1
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
@keyframes arcu_rotateOut {
from {
transform-origin: center;
opacity: 1
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
.arcuAnimated.rotateOut {
-webkit-animation-name: arcu_rotateOut;
animation-name: arcu_rotateOut
}
@-webkit-keyframes arcu_rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
@keyframes arcu_rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
}
.arcuAnimated.rotateOutDownLeft {
-webkit-animation-name: arcu_rotateOutDownLeft;
animation-name: arcu_rotateOutDownLeft
}
@-webkit-keyframes arcu_rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes arcu_rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.arcuAnimated.rotateOutDownRight {
-webkit-animation-name: arcu_rotateOutDownRight;
animation-name: arcu_rotateOutDownRight
}
@-webkit-keyframes arcu_rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
@keyframes arcu_rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
}
.arcuAnimated.rotateOutUpLeft {
-webkit-animation-name: arcu_rotateOutUpLeft;
animation-name: arcu_rotateOutUpLeft
}
@-webkit-keyframes arcu_rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
@keyframes arcu_rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0
}
}
.arcuAnimated.rotateOutUpRight {
-webkit-animation-name: arcu_rotateOutUpRight;
animation-name: arcu_rotateOutUpRight
}
@-webkit-keyframes arcu_hinge {
0% {
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
transform: translate3d(0, 700rem, 0);
opacity: 0
}
}
@keyframes arcu_hinge {
0% {
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
20%,
60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40%,
80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1
}
to {
transform: translate3d(0, 700rem, 0);
opacity: 0
}
}
.arcuAnimated.hinge {
-webkit-animation-name: arcu_hinge;
animation-name: arcu_hinge
}
@-webkit-keyframes arcu_jackInTheBox {
from {
opacity: 0;
transform: scale(.1) rotate(30deg);
transform-origin: center bottom
}
50% {
transform: rotate(-10deg)
}
70% {
transform: rotate(3deg)
}
to {
opacity: 1;
transform: scale(1)
}
}
@keyframes arcu_jackInTheBox {
from {
opacity: 0;
transform: scale(.1) rotate(30deg);
transform-origin: center bottom
}
50% {
transform: rotate(-10deg)
}
70% {
transform: rotate(3deg)
}
to {
opacity: 1;
transform: scale(1)
}
}
.arcuAnimated.jackInTheBox {
-webkit-animation-name: arcu_jackInTheBox;
animation-name: arcu_jackInTheBox
}
@-webkit-keyframes arcu_rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
transform: none
}
}
@keyframes arcu_rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
transform: none
}
}
.arcuAnimated.rollIn {
-webkit-animation-name: arcu_rollIn;
animation-name: arcu_rollIn
}
@-webkit-keyframes arcu_rollOut {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes arcu_rollOut {
from {
opacity: 1
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.arcuAnimated.rollOut {
-webkit-animation-name: arcu_rollOut;
animation-name: arcu_rollOut
}
@-webkit-keyframes arcu_zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes arcu_zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.arcuAnimated.zoomIn {
-webkit-animation-name: arcu_zoomIn;
animation-name: arcu_zoomIn
}
@-webkit-keyframes arcu_zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000rem, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60rem, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes arcu_zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000rem, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60rem, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.arcuAnimated.zoomInDown {
-webkit-animation-name: arcu_zoomInDown;
animation-name: arcu_zoomInDown
}
@-webkit-keyframes arcu_zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000rem, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10rem, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes arcu_zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000rem, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10rem, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.arcuAnimated.zoomInLeft {
-webkit-animation-name: arcu_zoomInLeft;
animation-name: arcu_zoomInLeft
}
@-webkit-keyframes arcu_zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000rem, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10rem, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes arcu_zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000rem, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10rem, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.arcuAnimated.zoomInRight {
-webkit-animation-name: arcu_zoomInRight;
animation-name: arcu_zoomInRight
}
@-webkit-keyframes arcu_zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000rem, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60rem, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes arcu_zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000rem, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60rem, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.arcuAnimated.zoomInUp {
-webkit-animation-name: arcu_zoomInUp;
animation-name: arcu_zoomInUp
}
@-webkit-keyframes arcu_zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes arcu_zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.arcuAnimated.zoomOut {
-webkit-animation-name: arcu_zoomOut;
animation-name: arcu_zoomOut
}
@-webkit-keyframes arcu_zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60rem, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000rem, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes arcu_zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60rem, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000rem, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.arcuAnimated.zoomOutDown {
-webkit-animation-name: arcu_zoomOutDown;
animation-name: arcu_zoomOutDown
}
@-webkit-keyframes arcu_zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42rem, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000rem, 0, 0);
transform-origin: left center
}
}
@keyframes arcu_zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42rem, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000rem, 0, 0);
transform-origin: left center
}
}
.arcuAnimated.zoomOutLeft {
-webkit-animation-name: arcu_zoomOutLeft;
animation-name: arcu_zoomOutLeft
}
@-webkit-keyframes arcu_zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42rem, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000rem, 0, 0);
transform-origin: right center
}
}
@keyframes arcu_zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42rem, 0, 0)
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000rem, 0, 0);
transform-origin: right center
}
}
.arcuAnimated.zoomOutRight {
-webkit-animation-name: arcu_zoomOutRight;
animation-name: arcu_zoomOutRight
}
@-webkit-keyframes arcu_zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60rem, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000rem, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes arcu_zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60rem, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000rem, 0);
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.arcuAnimated.zoomOutUp {
-webkit-animation-name: arcu_zoomOutUp;
animation-name: arcu_zoomOutUp
}
@-webkit-keyframes arcu_slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes arcu_slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.arcuAnimated.slideInDown {
-webkit-animation-name: arcu_slideInDown;
animation-name: arcu_slideInDown
}
@-webkit-keyframes arcu_slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes arcu_slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.arcuAnimated.slideInLeft {
-webkit-animation-name: arcu_slideInLeft;
animation-name: arcu_slideInLeft
}
@-webkit-keyframes arcu_slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes arcu_slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.arcuAnimated.slideInRight {
-webkit-animation-name: arcu_slideInRight;
animation-name: arcu_slideInRight
}
@-webkit-keyframes arcu_slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes arcu_slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
transform: translate3d(0, 0, 0)
}
}
.arcuAnimated.slideInUp {
-webkit-animation-name: arcu_slideInUp;
animation-name: arcu_slideInUp
}
@-webkit-keyframes arcu_slideOutDown {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0)
}
}
@keyframes arcu_slideOutDown {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0)
}
}
.arcuAnimated.slideOutDown {
-webkit-animation-name: arcu_slideOutDown;
animation-name: arcu_slideOutDown
}
@-webkit-keyframes arcu_slideOutLeft {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0)
}
}
@keyframes arcu_slideOutLeft {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0)
}
}
.arcuAnimated.slideOutLeft {
-webkit-animation-name: arcu_slideOutLeft;
animation-name: arcu_slideOutLeft
}
@-webkit-keyframes arcu_slideOutRight {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0)
}
}
@keyframes arcu_slideOutRight {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0)
}
}
.arcuAnimated.slideOutRight {
-webkit-animation-name: arcu_slideOutRight;
animation-name: arcu_slideOutRight
}
@-webkit-keyframes arcu_slideOutUp {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0)
}
}
@keyframes arcu_slideOutUp {
from {
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0)
}
}
.arcuAnimated.slideOutUp {
-webkit-animation-name: arcu_slideOutUp;
animation-name: arcu_slideOutUp
}
.arcu-text-center {
text-align: center
}
.arcu-text-left {
text-align: left
}
.arcu-text-right {
text-align: right
}
.arcu-widget {
opacity: 0;
transition: .2s opacity;
line-height: 1
}
.arcu-widget * {
box-sizing: border-box
}
.arcu-widget .arcu-backdrop {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 0;
opacity: 0;
pointer-events: none;
transition: .2s all
}
.arcu-widget .arcu-single-mode-link {
position: absolute;
display: block;
z-index: 1;
width: 100%;
height: 100%
}
.arcu-widget .arcu-online-badge {
position: absolute;
top: 6rem;
right: 6rem;
width: 10rem;
height: 10rem;
border-radius: 50%;
z-index: 1
}
.arcu-widget .arcu-online-badge.online {
background-color: #35ac19
}
.arcu-widget .arcu-online-badge.offline {
background-color: #FF0000
}
.arcu-widget .arcu-unread-badge {
display: flex;
flex-flow: row wrap;
-moz-box-pack: center;
place-content: center;
align-items: center;
position: absolute;
box-sizing: border-box;
font-family: 'Roboto', sans-serif, Arial;
font-size: 12rem;
min-width: 20rem;
line-height: 1;
padding: 0rem 6rem;
height: 20rem;
border-radius: 10rem;
z-index: 1;
transition: transform 225ms cubic-bezier(.4, 0, .2, 1) 0ms;
background-color: #CC0000;
color: #FFF;
top: 1rem;
right: 1rem;
font-weight: 700;
transform: scale(0)
}
.arcu-widget .arcu-unread-badge.active {
transform: scale(1)
}
.arcu-widget.arcu-elastic.left .messangers-block,
.arcu-widget.arcu-bubble.left .messangers-block {
right: auto;
left: 0;
transform: translate3d(-100%, 0, 0)
}
.arcu-widget.arcu-elastic .messangers-block,
.arcu-widget.arcu-bubble .messangers-block {
transform: translate3d(100%, 0, 0);
position: fixed;
top: 0;
right: 0;
bottom: 0 !important;
border-radius: 0;
background: none;
transition: .3s all;
box-shadow: none;
opacity: 0
}
.arcu-widget.arcu-elastic .messangers-block:before,
.arcu-widget.arcu-bubble .messangers-block:before {
content: "";
position: absolute;
width: calc(100% - 118rem);
top: 0;
right: 0 !important;
bottom: 0;
background: #FFFFFF
}
.arcu-widget.arcu-elastic .messangers-block .messangers-list-container,
.arcu-widget.arcu-bubble .messangers-block .messangers-list-container,
.arcu-widget.arcu-elastic .messangers-block .messangers-list,
.arcu-widget.arcu-bubble .messangers-block .messangers-list {
height: 100%
}
.arcu-widget.arcu-elastic .messangers-block .arcu-menu-header,
.arcu-widget.arcu-bubble .messangers-block .arcu-menu-header {
transform: translate3d(0, -100%, 0);
transition: .1s all;
border-radius: 0
}
.arcu-widget.arcu-elastic .messangers-block .arcu-menu-header .arcu-header-close,
.arcu-widget.arcu-bubble .messangers-block .arcu-menu-header .arcu-header-close {
top: 0;
right: 0;
border-radius: 0
}
.arcu-widget.arcu-elastic .messangers-block .arcu-menu-header .arcu-header-close:hover,
.arcu-widget.arcu-bubble .messangers-block .arcu-menu-header .arcu-header-close:hover {
transform: none
}
.arcu-widget.arcu-elastic .messangers-block .messangers-list-container .arcu-creds,
.arcu-widget.arcu-bubble .messangers-block .messangers-list-container .arcu-creds {
position: absolute;
width: 100%;
bottom: -19rem;
transition: .2s all;
transition-delay: .5s
}
.arcu-widget.arcu-elastic .messangers-block.has-header .arcu-morph-shape,
.arcu-widget.arcu-bubble .messangers-block.has-header .arcu-morph-shape {
top: 0
}
.arcu-widget.arcu-elastic.open.arcu-elastic .messangers-block,
.arcu-widget.arcu-bubble.open.arcu-elastic .messangers-block,
.arcu-widget.arcu-elastic.open.arcu-bubble .messangers-block,
.arcu-widget.arcu-bubble.open.arcu-bubble .messangers-block {
opacity: 0
}
.arcu-widget.arcu-elastic.open.arcu-elastic .messangers-block.arcu-show,
.arcu-widget.arcu-bubble.open.arcu-elastic .messangers-block.arcu-show,
.arcu-widget.arcu-elastic.open.arcu-bubble .messangers-block.arcu-show,
.arcu-widget.arcu-bubble.open.arcu-bubble .messangers-block.arcu-show {
opacity: 1
}
.arcu-widget.arcu-elastic.open.arcu-elastic .messangers-block .messangers-list-container .arcu-creds,
.arcu-widget.arcu-bubble.open.arcu-elastic .messangers-block .messangers-list-container .arcu-creds,
.arcu-widget.arcu-elastic.open.arcu-bubble .messangers-block .messangers-list-container .arcu-creds,
.arcu-widget.arcu-bubble.open.arcu-bubble .messangers-block .messangers-list-container .arcu-creds {
bottom: 7rem
}
.arcu-widget.arcu-elastic.open .messangers-block,
.arcu-widget.arcu-bubble.open .messangers-block {
opacity: 1;
transform: translate3d(0, 0, 0)
}
.arcu-widget.arcu-elastic.open .messangers-block .messangers-list.arcu-downtoup,
.arcu-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-downtoup,
.arcu-widget.arcu-elastic.open .messangers-block .messangers-list.arcu-uptodown,
.arcu-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-uptodown {
transition: transform .4s;
transition-delay: .2s
}
.arcu-widget.arcu-elastic.open .messangers-block .messangers-list.arcu-downtoup li,
.arcu-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-downtoup li,
.arcu-widget.arcu-elastic.open .messangers-block .messangers-list.arcu-uptodown li,
.arcu-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-uptodown li {
transition: transform .4s;
transition-duration: .4s;
transition-delay: .2s
}
.arcu-widget.arcu-elastic.open .messangers-block.has-header .arcu-menu-header,
.arcu-widget.arcu-bubble.open .messangers-block.has-header .arcu-menu-header {
transform: translate3d(0, 0, 0);
transition-delay: .3s
}
.arcu-widget.arcu-elastic.open.left .messangers-block,
.arcu-widget.arcu-bubble.open.left .messangers-block {
transform: translate3d(0, 0, 0)
}
.arcu-widget.arcu-elastic.open.left .messangers-block:before,
.arcu-widget.arcu-bubble.open.left .messangers-block:before {
left: 0 !important
}
.arcu-widget.arcu-elastic .arcu-morph-shape,
.arcu-widget.arcu-bubble .arcu-morph-shape {
position: absolute;
top: 0;
left: 0;
width: 120rem;
bottom: 0;
transform: rotate(180deg);
color: #FFFFFF;
fill: #FFFFFF;
z-index: -1
}
.arcu-widget.arcu-elastic.left .arcu-morph-shape,
.arcu-widget.arcu-bubble.left .arcu-morph-shape {
left: auto;
right: 0;
transform: rotate(0)
}
.arcu-widget.arcu-bubble .arcu-morph-shape {
width: 100%
}
.arcu-widget.arcu-bubble .messangers-block:before {
display: none !important
}
.arcu-widget.arcu-bubble .messangers-block .messangers-list {
transform: translate3d(100%, 0, 0);
transition-delay: .2s
}
.arcu-widget.arcu-bubble .messangers-block.has-header .arcu-menu-header {
transform: translate3d(0, -100%, 0);
transition: .2s
}
.arcu-widget.arcu-bubble .messangers-block.has-header .arcu-morph-shape {
top: 0
}
.arcu-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-downtoup,
.arcu-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-uptodown {
transition: transform .6s;
transition-delay: .2s
}
.arcu-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-downtoup li,
.arcu-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-uptodown li {
transition: transform .6s;
transition-duration: .6s;
transition-delay: .2s
}
.arcu-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-fromaside {
transition-delay: .2s
}
.arcu-widget.arcu-bubble.open.left .messangers-block .messangers-list.arcu-fromaside li {
transition-delay: .2s
}
.arcu-widget.arcu-bubble.open .messangers-block .messangers-list {
transform: translate3d(0, 0, 0)
}
.arcu-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-downtoup,
.arcu-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-uptodown {
transition: transform .6s;
transition-delay: .2s
}
.arcu-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-downtoup li,
.arcu-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-uptodown li {
transition: transform .6s;
transition-duration: .6s;
transition-delay: .2s
}
.arcu-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-fromaside {
transition-delay: .2s
}
.arcu-widget.arcu-bubble.open .messangers-block .messangers-list.arcu-fromaside li {
transition-delay: .2s
}
.arcu-widget.arcu-bubble.open .messangers-block.has-header .arcu-menu-header {
transform: translate3d(0, 0, 0);
transition-delay: .5s
}
.arcu-widget.left.arcu-message {
left: 20rem;
right: auto
}
.arcu-widget.left .arcu-message-button {
right: auto;
left: 0
}
.arcu-widget.left .arcu-popup {
left: 0;
right: auto
}
.arcu-widget.left .arcu-prompt {
left: calc(100% + 10rem);
right: auto;
transform-origin: 0% 50%
}
.arcu-widget.left .arcu-prompt.arcu-prompt-top {
left: 0;
right: auto
}
.arcu-widget.left .arcu-prompt.arcu-prompt-top:before {
border-right: 8rem solid transparent;
border-top: 8rem solid #FFFFFF;
border-left: 8rem solid transparent;
border-bottom: 0 none;
left: 25rem;
right: auto
}
.arcu-widget.left .arcu-prompt:before {
border-right: 8rem solid #FFF;
border-top: 8rem solid transparent;
border-left: 8rem solid transparent;
border-bottom: 8rem solid transparent;
right: auto;
left: -15rem
}
.arcu-widget.left .messangers-block {
right: auto;
left: 0;
transform-origin: 10% 105%
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside {
transition: transform 0s .2s;
transform: translate3d(-100%, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li {
transition: transform 0s .2s;
transition-timing-function: cubic-bezier(.3, 0, .3, 1);
transform: translate3d(-500rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(2) {
transform: translate3d(-1000rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(3) {
transform: translate3d(-1500rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(4) {
transform: translate3d(-2000rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(5) {
transform: translate3d(-2500rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(6) {
transform: translate3d(-3000rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(7) {
transform: translate3d(-3500rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(8) {
transform: translate3d(-4000rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(9) {
transform: translate3d(-4500rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(10) {
transform: translate3d(-5000rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(11) {
transform: translate3d(-5500rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(12) {
transform: translate3d(-6000rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(13) {
transform: translate3d(-6500rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(14) {
transform: translate3d(-7000rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(15) {
transform: translate3d(-7500rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(16) {
transform: translate3d(-8000rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(17) {
transform: translate3d(-8500rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(18) {
transform: translate3d(-9000rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(19) {
transform: translate3d(-9500rem, 0, 0)
}
.arcu-widget.left .messangers-block .messangers-list.arcu-fromaside li:nth-child(20) {
transform: translate3d(-10000rem, 0, 0)
}
.arcu-widget.left .arcu-forms-container {
left: 0;
right: auto
}
.arcu-widget.left .messangers-block::before,
.arcu-widget.left .arcu-forms-container::before {
left: 25rem;
right: auto
}
.arcu-widget.left.open .messangers-block .messangers-list.arcu-downtoup,
.arcu-widget.left.open .messangers-block .messangers-list.arcu-uptodown,
.arcu-widget.left.open .messangers-block .messangers-list.arcu-fromaside {
transform: translate3d(0, 0, 0);
transition: transform .4s;
transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}
.arcu-widget.left.open .messangers-block .messangers-list.arcu-downtoup li,
.arcu-widget.left.open .messangers-block .messangers-list.arcu-uptodown li,
.arcu-widget.left.open .messangers-block .messangers-list.arcu-fromaside li {
transition: transform .4s;
transition-timing-function: cubic-bezier(.7, 0, .3, 1);
transition-duration: .4s;
transform: translate3d(0, 0, 0)
}
.arcu-widget.hg.arcu-message {
height: 100rem
}
.arcu-widget.hg .arcu-online-badge {
right: 10rem;
top: 10rem
}
.arcu-widget.hg .arcu-unread-badge {
right: 5rem;
top: 5rem
}
.arcu-widget.hg .messangers-block,
.arcu-widget.hg .arcu-forms-container,
.arcu-widget.hg .arcu-popup {
bottom: 110rem
}
.arcu-widget.hg .arcu-prompt {
bottom: 5rem
}
.arcu-widget.hg .icons-line {
top: 22rem;
left: 24rem
}
.arcu-widget.hg .icons-line span {
transform: scale(1.5)
}
.arcu-widget.hg.left .messangers-block:before,
.arcu-widget.hg.left .arcu-forms-container:before,
.arcu-widget.hg.left .arcu-popup:before {
left: 41rem;
right: auto
}
.arcu-widget.hg.left .arcu-prompt {
left: calc(100% + 10rem);
right: auto;
bottom: 26rem
}
.arcu-widget.hg.left .arcu-prompt.arcu-prompt-top {
bottom: 110rem;
left: 17rem
}
.arcu-widget.hg.right .messangers-block:before,
.arcu-widget.hg.right .arcu-forms-container:before,
.arcu-widget.hg.right .arcu-popup:before {
right: 41rem
}
.arcu-widget.hg.right .arcu-prompt {
right: calc(100% + 10rem);
left: auto;
bottom: 26rem
}
.arcu-widget.hg.right .arcu-prompt.arcu-prompt-top {
bottom: 110rem;
right: 17rem
}
.arcu-widget.hg .arcu-message-button {
padding-left: 100rem;
height: 100rem
}
.arcu-widget.hg .arcu-message-button .arcu-button-content .arcu-button-title {
line-height: 24rem
}
.arcu-widget.hg .arcu-message-button .arcu-button-content .arcu-button-descr {
line-height: 22rem
}
.arcu-widget.hg .arcu-message-button .arcu-button-content .arcu-button-label {
line-height: 15rem;
margin-top: 6rem
}
.arcu-widget.hg .arcu-message-button .arcu-button-icon {
width: 100rem
}
.arcu-widget.hg .arcu-message-button .pulsation {
border-radius: 60rem
}
.arcu-widget.hg .arcu-message-button .icons {
width: 70rem;
height: 70rem;
margin-top: -35rem;
margin-left: -35rem
}
.arcu-widget.hg .arcu-message-button .form-icon svg,
.arcu-widget.hg .arcu-message-button .form-icon i,
.arcu-widget.hg .arcu-message-button .form-icon img {
transform: scale(2)
}
.arcu-widget.hg .arcu-message-button .static .static-container {
width: 90rem;
height: 90rem;
margin-left: -45rem;
margin-top: -45rem
}
.arcu-widget.hg .arcu-message-button .callback-state {
width: 70rem;
height: 70rem;
margin-top: -35rem;
margin-left: -35rem
}
.arcu-widget.md.arcu-message {
min-width: 60rem;
height: 60rem
}
.arcu-widget.md .arcu-online-badge {
top: 4rem;
right: 4rem
}
.arcu-widget.md .arcu-unread-badge {
right: 0;
top: 0
}
.arcu-widget.md .messangers-block,
.arcu-widget.md .arcu-forms-container,
.arcu-widget.md .arcu-popup {
bottom: 70rem
}
.arcu-widget.md .arcu-prompt {
bottom: 5rem
}
.arcu-widget.md.left .messangers-block:before,
.arcu-widget.md.left .arcu-forms-container:before,
.arcu-widget.md.left .arcu-popup:before {
left: 21rem;
right: auto
}
.arcu-widget.md.left .arcu-prompt {
left: calc(100% + 10rem)
}
.arcu-widget.md.left .arcu-prompt.arcu-prompt-top {
bottom: 70rem;
left: 0;
right: auto
}
.arcu-widget.md.left .arcu-prompt.arcu-prompt-top:before {
border-right: 8rem solid transparent;
border-top: 8rem solid #FFFFFF;
border-left: 8rem solid transparent;
border-bottom: 0 none;
left: 21rem;
right: auto
}
.arcu-widget.md.right .messangers-block:before,
.arcu-widget.md.right .arcu-forms-container:before,
.arcu-widget.md.right .arcu-popup:before {
right: 21rem
}
.arcu-widget.md.right .arcu-prompt {
right: calc(100% + 10rem)
}
.arcu-widget.md.right .arcu-prompt.arcu-prompt-top {
right: 0;
bottom: 70rem
}
.arcu-widget.md.right .arcu-prompt.arcu-prompt-top:before {
right: 21rem
}
.arcu-widget.md .arcu-message-button {
padding-left: 60rem;
min-width: 60rem;
height: 60rem
}
.arcu-widget.md .arcu-message-button .arcu-button-icon {
width: 60rem
}
.arcu-widget.md .arcu-message-button .arcu-button-content .arcu-button-title {
font-size: 14rem;
line-height: 16rem
}
.arcu-widget.md .arcu-message-button .arcu-button-content .arcu-button-descr {
font-size: 13rem
}
.arcu-widget.md .arcu-message-button .arcu-button-content .arcu-button-label {
font-size: 10rem
}
.arcu-widget.md .arcu-message-button .static .static-container {
width: 54rem;
height: 54rem;
margin-left: -27rem;
margin-top: -27rem
}
.arcu-widget.md .arcu-message-button .icons {
width: 40rem;
height: 40rem;
margin-top: -20rem;
margin-left: -20rem
}
.arcu-widget.md .arcu-message-button .form-icon svg,
.arcu-widget.md .arcu-message-button .form-icon i,
.arcu-widget.md .arcu-message-button .form-icon img {
transform: scale(1.2)
}
.arcu-widget.md .arcu-message-button .callback-state {
width: 40rem;
height: 40rem;
margin-top: -20rem;
margin-left: -20rem
}
.arcu-widget.sm.arcu-message {
min-width: 50rem;
height: 50rem
}
.arcu-widget.sm .arcu-online-badge {
top: 3rem;
right: 2rem
}
.arcu-widget.sm .arcu-unread-badge {
right: 0;
top: 0;
font-size: 10rem;
height: 16rem;
padding: 0 5rem;
min-width: 16rem
}
.arcu-widget.sm .messangers-block,
.arcu-widget.sm .arcu-forms-container,
.arcu-widget.sm .arcu-popup {
bottom: 60rem
}
.arcu-widget.sm .arcu-prompt {
bottom: 0rem
}
.arcu-widget.sm.left .messangers-block:before,
.arcu-widget.sm.left .arcu-forms-container:before,
.arcu-widget.sm.left .arcu-popup:before {
left: 16rem;
right: auto
}
.arcu-widget.sm.left .arcu-prompt {
left: calc(100% + 10rem)
}
.arcu-widget.sm.left .arcu-prompt.arcu-prompt-top {
bottom: 60rem;
left: 0;
right: auto
}
.arcu-widget.sm.left .arcu-prompt.arcu-prompt-top:before {
border-right: 8rem solid transparent;
border-top: 8rem solid #FFFFFF;
border-left: 8rem solid transparent;
border-bottom: 0 none;
left: 16rem;
right: auto
}
.arcu-widget.sm.right .messangers-block:before,
.arcu-widget.sm.right .arcu-forms-container:before,
.arcu-widget.sm.right .arcu-popup:before {
right: 16rem
}
.arcu-widget.sm.right .arcu-prompt {
right: calc(100% + 10rem)
}
.arcu-widget.sm.right .arcu-prompt.arcu-prompt-top {
right: 0;
bottom: 60rem
}
.arcu-widget.sm.right .arcu-prompt.arcu-prompt-top:before {
right: 16rem
}
.arcu-widget.sm .arcu-message-button {
padding-left: 50rem;
min-width: 50rem;
height: 50rem
}
.arcu-widget.sm .arcu-message-button .form-icon svg,
.arcu-widget.sm .arcu-message-button .form-icon i,
.arcu-widget.sm .arcu-message-button .form-icon img {
transform: scale(1)
}
.arcu-widget.sm .arcu-message-button .arcu-button-icon {
width: 50rem
}
.arcu-widget.sm .arcu-message-button .arcu-button-content .arcu-button-title {
font-size: 13rem;
line-height: 14rem
}
.arcu-widget.sm .arcu-message-button .arcu-button-content .arcu-button-descr {
font-size: 11rem;
line-height: 13rem
}
.arcu-widget.sm .arcu-message-button .arcu-button-content .arcu-button-label {
font-size: 10rem;
line-height: 12rem;
margin-top: 0
}
.arcu-widget.sm .arcu-message-button .static .static-container {
width: 46rem;
height: 46rem;
margin-left: -23rem;
margin-top: -23rem
}
.arcu-widget.sm .arcu-message-button .icons {
width: 40rem;
height: 40rem;
margin-top: -20rem;
margin-left: -20rem
}
.arcu-widget.sm .arcu-message-button .callback-state {
width: 40rem;
height: 40rem;
margin-top: -20rem;
margin-left: -20rem
}
.arcu-widget.active {
opacity: 1
}
.arcu-widget.arcu-message {
z-index: 1000000;
right: 20rem;
bottom: 20rem;
position: fixed!important;
height: 70rem
}
.arcu-widget .arcu-message-button {
min-width: 70rem;
padding-left: 70rem;
z-index: 1;
height: 70rem;
right: 0;
background-color: red;
border-radius: 50rem;
box-sizing: border-box;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer
}
.arcu-widget .arcu-message-button .arcu-button-content {
color: #FFFFFF;
font-family: 'Roboto', sans-serif, Arial;
padding: 0 20rem 0 0;
white-space: nowrap;
transition: .2s all;
text-align: left
}
.arcu-widget .arcu-message-button .arcu-button-content .arcu-button-title {
font-weight: 500;
font-size: 16rem;
line-height: 20rem
}
.arcu-widget .arcu-message-button .arcu-button-content .arcu-button-descr {
font-weight: 400;
font-size: 14rem;
line-height: 16rem
}
.arcu-widget .arcu-message-button .arcu-button-content .arcu-button-label {
font-weight: 300;
font-size: 11rem;
line-height: 13rem;
display: inline-flex;
border-radius: 5rem;
padding: 1rem 4rem;
background: #FFFFFF44;
align-self: flex-start;
margin-top: 2rem
}
.arcu-widget .arcu-message-button .arcu-button-icon {
position: absolute;
left: 0;
right: 0;
width: 70rem;
height: 100%;
box-sizing: border-box;
text-align: center;
display: flex;
justify-content: center;
align-items: center
}
.arcu-widget .arcu-message-button p,
.arcu-widget .arcu-message-button .arcu-item-label {
font-family: 'Roboto', sans-serif, Arial;
color: #fff;
font-weight: 700;
font-size: 10rem;
line-height: 11rem;
margin: 0
}
.arcu-widget .arcu-message-button .pulsation {
width: 100%;
height: 100%;
background-color: red;
border-radius: 50rem;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
z-index: -1;
transform: translate(0, 0);
-webkit-animation: arcu-pulse 2s infinite;
animation: arcu-pulse 2s infinite
}
.arcu-widget .arcu-message-button .icons {
background-color: #fff;
width: 44rem;
height: 44rem;
border-radius: 50rem;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
margin-top: -22rem;
margin-left: -22rem
}
.arcu-widget .arcu-message-button .static div {
margin: auto
}
.arcu-widget .arcu-message-button .static .static-container {
width: 60rem;
height: 60rem;
border-radius: 50rem;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
margin-top: -30rem;
margin-left: -30rem;
display: flex
}
.arcu-widget .arcu-message-button .static .static-container.img-24 svg,
.arcu-widget .arcu-message-button .static .static-container.img-24 i,
.arcu-widget .arcu-message-button .static .static-container.img-24 img {
width: 24rem;
height: 24rem;
font-size: 24rem;
line-height: 24rem
}
.arcu-widget .arcu-message-button .static .static-container.img-26 svg,
.arcu-widget .arcu-message-button .static .static-container.img-26 i,
.arcu-widget .arcu-message-button .static .static-container.img-26 img {
width: 26rem;
height: 26rem;
font-size: 26rem;
line-height: 26rem
}
.arcu-widget .arcu-message-button .static .static-container.img-28 svg,
.arcu-widget .arcu-message-button .static .static-container.img-28 i,
.arcu-widget .arcu-message-button .static .static-container.img-28 img {
width: 28rem;
height: 28rem;
font-size: 28rem;
line-height: 28rem
}
.arcu-widget .arcu-message-button .static .static-container.img-30 svg,
.arcu-widget .arcu-message-button .static .static-container.img-30 i,
.arcu-widget .arcu-message-button .static .static-container.img-30 img {
width: 30rem;
height: 30rem;
font-size: 30rem;
line-height: 30rem
}
.arcu-widget .arcu-message-button .static .static-container.img-32 svg,
.arcu-widget .arcu-message-button .static .static-container.img-32 i,
.arcu-widget .arcu-message-button .static .static-container.img-32 img {
width: 32rem;
height: 32rem;
font-size: 32rem;
line-height: 32rem
}
.arcu-widget .arcu-message-button .static .static-container.img-36 svg,
.arcu-widget .arcu-message-button .static .static-container.img-36 i,
.arcu-widget .arcu-message-button .static .static-container.img-36 img {
width: 36rem;
height: 36rem;
font-size: 36rem;
line-height: 36rem
}
.arcu-widget .arcu-message-button .static .static-container.img-38 svg,
.arcu-widget .arcu-message-button .static .static-container.img-38 i,
.arcu-widget .arcu-message-button .static .static-container.img-38 img {
width: 38rem;
height: 38rem;
font-size: 38rem;
line-height: 38rem
}
.arcu-widget .arcu-message-button .static .static-container.img-42 svg,
.arcu-widget .arcu-message-button .static .static-container.img-42 i,
.arcu-widget .arcu-message-button .static .static-container.img-42 img {
width: 42rem;
height: 42rem;
font-size: 42rem;
line-height: 42rem
}
.arcu-widget .arcu-message-button .static .static-container.img-46 svg,
.arcu-widget .arcu-message-button .static .static-container.img-46 i,
.arcu-widget .arcu-message-button .static .static-container.img-46 img {
width: 46rem;
height: 46rem;
font-size: 46rem;
line-height: 46rem
}
.arcu-widget .arcu-message-button .static .static-container.img-48 svg,
.arcu-widget .arcu-message-button .static .static-container.img-48 i,
.arcu-widget .arcu-message-button .static .static-container.img-48 img {
width: 48rem;
height: 48rem;
font-size: 48rem;
line-height: 48rem
}
.arcu-widget .arcu-message-button .form-icon {
transition: .2s all;
transform: scale(0)
}
.arcu-widget .arcu-message-button .form-icon svg,
.arcu-widget .arcu-message-button .form-icon i,
.arcu-widget .arcu-message-button .form-icon img {
transform: scale(1.5)
}
.arcu-widget .arcu-message-button .form-icon.active {
transform: scale(1)
}
.arcu-widget .arcu-message-button .static,
.arcu-widget .arcu-message-button .form-icon {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex: auto
}
.arcu-widget .arcu-message-button .static img,
.arcu-widget .arcu-message-button .form-icon img {
display: inline
}
.arcu-widget .arcu-message-button .static svg,
.arcu-widget .arcu-message-button .form-icon svg,
.arcu-widget .arcu-message-button .static i,
.arcu-widget .arcu-message-button .form-icon i,
.arcu-widget .arcu-message-button .static img,
.arcu-widget .arcu-message-button .form-icon img {
width: 24rem;
height: 24rem;
color: #FFFFFF;
line-height: 24rem;
font-size: 24rem;
margin: auto
}
.arcu-widget .pulsation:nth-of-type(2n) {
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.arcu-widget .pulsation.stop {
-webkit-animation: none;
animation: none
}
.arcu-widget .icons-line {
top: 10rem;
left: 12rem;
display: flex;
position: absolute;
transition: cubic-bezier(.13, 1.49, .14, -0.4);
-webkit-animation-delay: 0s;
animation-delay: 0s;
transform: translateX(30rem);
height: 24rem;
transition: .2s all
}
.arcu-widget .icons-line.stop {
-webkit-animation-play-state: paused;
animation-play-state: paused
}
.arcu-widget .icons-line span {
display: inline-block;
width: 24rem;
height: 24rem;
color: red
}
.arcu-widget .icons-line span svg,
.arcu-widget .icons-line span i,
.arcu-widget .icons-line span img {
width: 24rem;
height: 24rem
}
.arcu-widget .icons-line span i {
display: block;
font-size: 24rem;
line-height: 24rem
}
.arcu-widget .icons-line img,
.arcu-widget .icons-line span {
margin-right: 40px;
}
.arcu-widget .static {
transition: .2s all
}
.arcu-widget .static.arcu-hide {
transform: scale(0);
opacity: 0
}
.arcu-widget .icons {
transition: .2s all
}
.arcu-widget .icons.arcu-hide {
transform: scale(0);
opacity: 0
}
.arcu-widget .icons.arcu-hide .icons-line {
transform: scale(0)
}
.arcu-widget .icons .icon:first-of-type {
margin-left: 0
}
.arcu-widget .arcu-close {
color: #FFFFFF
}
.arcu-widget .arcu-close svg {
transform: rotate(180deg) scale(0);
transition: ease-in .12s all;
display: block
}
.arcu-widget .arcu-close.arcu-show svg {
transform: rotate(0) scale(1)
}
.arcu-widget .arcu-prompt {
display: flex
}
.arcu-widget .arcu-forms-container,
.arcu-widget .messangers-block,
.arcu-widget .arcu-prompt,
.arcu-widget .arcu-popup {
background: #FFFFFF;
box-shadow: 0 0 40rem rgba(0, 0, 0, 0.2);
width: 300rem;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: 80rem;
right: 0rem;
flex-direction: column;
align-items: flex-start;
padding: 10rem 0;
box-sizing: border-box;
border-radius: 7rem;
z-index: 1000000;
transform: scale(1);
display: none
}
.arcu-widget .arcu-forms-container:before,
.arcu-widget .messangers-block:before,
.arcu-widget .arcu-prompt:before,
.arcu-widget .arcu-popup:before {
position: absolute;
bottom: -7rem;
right: 25rem;
left: auto;
display: inline-block !important;
border-right: 8rem solid transparent;
border-top: 8rem solid #FFFFFF;
border-left: 8rem solid transparent;
content: ''
}
.arcu-widget.arcu-no-background .messangers-block {
transform-origin: right bottom !important;
padding: 0;
box-shadow: none;
background: none;
right: 30rem;
pointer-events: none
}
.arcu-widget.arcu-no-background .messangers-block:before {
display: none !important
}
.arcu-widget.arcu-no-background .messangers-block .arcu-menu-header {
display: none
}
.arcu-widget.arcu-no-background .messangers-block .messangers-list-container {
pointer-events: none;
overflow: visible
}
.arcu-widget.arcu-no-background .messangers-block .messangers-list-container .arcu-creds {
display: none !important;
visibility: hidden !important
}
.arcu-widget.arcu-no-background .messangers-block .messangers-list-container .messangers-list {
pointer-events: none
}
.arcu-widget.arcu-no-background .messangers-block .messangers-list-container .messangers-list li {
position: relative;
height: 54rem;
pointer-events: none
}
.arcu-widget.arcu-no-background .messangers-block .messangers-list-container .messangers-list li .messanger {
pointer-events: all;
padding: 0;
position: static;
float: right;
top: 0;
width: 40rem;
height: 54rem
}
.arcu-widget.arcu-no-background .messangers-block .messangers-list-container .messangers-list li .messanger:hover {
background: none
}
.arcu-widget.arcu-no-background .messangers-block .messangers-list-container .messangers-list li .messanger:hover .arcu-item-label {
opacity: 1
}
.arcu-widget.arcu-no-background .messangers-block .messangers-list-container .messangers-list li .messanger .arcu-qr-addon {
display: none
}
.arcu-widget.arcu-no-background .messangers-block .messangers-list-container .messangers-list li .messanger .arcu-item-icon {
left: auto;
right: -20rem;
margin-left: 0;
margin-right: 0
}
.arcu-widget.arcu-no-background .messangers-block .messangers-list-container .messangers-list li .messanger .arcu-item-label {
padding: 10rem;
position: absolute;
left: auto;
right: 35rem;
text-align: right;
border-radius: 4rem;
opacity: 0;
transition: .2s all;
background: #efefef
}
.arcu-widget.arcu-no-background .messangers-block .messangers-list-container .messangers-list li .messanger .arcu-item-label:before {
border-right: 8rem solid transparent;
border-top: 8rem solid transparent;
border-left: 8rem solid #efefef;
border-bottom: 8rem solid transparent;
top: 50%;
margin-top: -8rem;
right: -15rem;
content: " ";
position: absolute;
left: auto
}
.arcu-widget.arcu-no-background .messangers-block.sm .messangers-list-container .messangers-list li {
width: 32rem;
min-height: 44rem;
height: auto
}
.arcu-widget.arcu-no-background .messangers-block.sm .messangers-list-container .messangers-list li .messanger {
width: 32rem;
min-height: 44rem;
height: auto
}
.arcu-widget.arcu-no-background .messangers-block.sm .messangers-list-container .messangers-list li .messanger .arcu-item-label {
padding-top: 4rem;
padding-bottom: 4rem
}
.arcu-widget.arcu-no-background .messangers-block.sm .messangers-list-container .messangers-list li .messanger .arcu-item-icon {
right: -16rem
}
.arcu-widget.arcu-no-background .messangers-block.lg .messangers-list-container .messangers-list li {
min-height: 74rem;
height: auto
}
.arcu-widget.arcu-no-background .messangers-block.lg .messangers-list-container .messangers-list li .messanger {
min-height: 74rem;
height: auto
}
.arcu-widget.arcu-no-background .messangers-block.lg .messangers-list-container .messangers-list li .messanger .arcu-item-icon {
right: -25rem
}
.arcu-widget.arcu-no-background.hg .messangers-block {
right: 51rem
}
.arcu-widget.arcu-no-background.lg .messangers-block {
right: 35rem
}
.arcu-widget.arcu-no-background.sm .messangers-block {
right: 25rem
}
.arcu-widget.arcu-no-background.left .messangers-block {
transform-origin: left bottom !important
}
.arcu-widget.arcu-no-background.left .messangers-block .messangers-list-container .messangers-list li .messanger {
float: left
}
.arcu-widget.arcu-no-background.left .messangers-block .messangers-list-container .messangers-list li .messanger .arcu-item-icon {
right: auto;
left: -20rem
}
.arcu-widget.arcu-no-background.left .messangers-block .messangers-list-container .messangers-list li .messanger .arcu-item-label {
text-align: left;
right: auto;
left: 35rem
}
.arcu-widget.arcu-no-background.left .messangers-block .messangers-list-container .messangers-list li .messanger .arcu-item-label:before {
border-right: 8rem solid #efefef;
border-top: 8rem solid transparent;
border-left: 8rem solid transparent;
border-bottom: 8rem solid transparent;
right: auto;
left: -15rem
}
.arcu-widget.arcu-no-background.left .messangers-block.sm .messangers-list-container .messangers-list li {
min-height: 44rem;
height: auto
}
.arcu-widget.arcu-no-background.left .messangers-block.sm .messangers-list-container .messangers-list li .messanger {
min-height: 44rem;
height: auto
}
.arcu-widget.arcu-no-background.left .messangers-block.sm .messangers-list-container .messangers-list li .messanger .arcu-item-icon {
left: -16rem
}
.arcu-widget.arcu-no-background.left .messangers-block.lg .messangers-list-container .messangers-list li {
min-height: 74rem
}
.arcu-widget.arcu-no-background.left .messangers-block.lg .messangers-list-container .messangers-list li .messanger .arcu-item-icon {
left: -25rem
}
.arcu-widget.arcu-no-background.left.hg .messangers-block {
left: 51rem;
right: auto
}
.arcu-widget.arcu-no-background.left.lg .messangers-block {
left: 35rem;
right: auto
}
.arcu-widget.arcu-no-background.left.md .messangers-block {
left: 30rem;
right: auto
}
.arcu-widget.arcu-no-background.left.sm .messangers-block {
left: 25rem;
right: auto
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .arcu-message-button {
display: flex
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block {
transform-origin: right center !important;
pointer-events: none;
display: flex;
width: 1000rem;
flex-flow: row-reverse;
transform-origin: 100%;
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
bottom: 3rem;
right: 100%
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block .messangers-list-container {
pointer-events: all;
overflow: visible
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block .messangers-list-container .messangers-list li {
margin: 0 10rem;
width: 40rem;
float: left
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block .messangers-list-container .messangers-list li .messanger {
padding: 0;
min-height: 40rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block .messangers-list-container .messangers-list li .messanger .arcu-item-icon {
margin: 0;
top: 50%;
margin-top: -20rem;
left: 0;
right: 0
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block .messangers-list-container .messangers-list li .messanger .arcu-item-label {
left: 50%;
right: auto;
bottom: 58rem;
text-align: center;
min-width: 160rem;
margin-left: -80rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block .messangers-list-container .messangers-list li .messanger .arcu-item-label:before {
top: auto;
position: absolute;
bottom: -15rem;
right: 50%;
margin-right: -8rem;
left: auto;
display: inline-block !important;
border-right: 8rem solid transparent;
border-top: 8rem solid #efefef;
border-left: 8rem solid transparent;
content: ''
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block.sm {
bottom: 8rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block.sm .messangers-list-container .messangers-list li {
width: 32rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block.sm .messangers-list-container .messangers-list li .messanger {
width: 32rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block.sm .messangers-list-container .messangers-list li .messanger .arcu-item-icon {
margin-top: -16rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block.sm .messangers-list-container .messangers-list li .messanger .arcu-item-label {
bottom: 50rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block.lg {
bottom: -7rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block.lg .messangers-list-container .messangers-list li {
width: 50rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block.lg .messangers-list-container .messangers-list li .messanger {
width: 50rem;
height: 50rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block.lg .messangers-list-container .messangers-list li .messanger .arcu-item-icon {
margin-top: -25rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal .messangers-block.lg .messangers-list-container .messangers-list li .messanger .arcu-item-label {
bottom: 74rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.hg .messangers-block {
bottom: 22rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.hg .messangers-block.sm {
bottom: 26rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.hg .messangers-block.lg {
bottom: 11rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.lg .messangers-block {
bottom: 8rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.lg .messangers-block.sm {
bottom: 12rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.lg .messangers-block.lg {
bottom: -2rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.sm .messangers-block {
bottom: -2rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.sm .messangers-block.sm {
bottom: 2rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.sm .messangers-block.lg {
bottom: -12rem
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.left .messangers-block {
flex-flow: row;
transform-origin: left center !important
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.left .messangers-block .messangers-list-container .messangers-list li .messanger .arcu-item-icon {
left: 0;
right: 0
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.left.hg .messangers-block {
bottom: 22rem;
left: 100%;
right: auto
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.left.lg .messangers-block {
bottom: 8rem;
left: 100%;
right: auto
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.left.md .messangers-block {
bottom: 3rem;
left: 100%;
right: auto
}
.arcu-widget.arcu-no-background.arcu-menu-horizontal.left.sm .messangers-block {
bottom: -2rem;
left: 100%;
right: auto
}
.arcu-widget .arcu-forms-container .arcu-form-container {
display: none
}
.arcu-widget .arcu-forms-container .arcu-form-container.active {
display: block
}
.arcu-widget.arcu-scale .arcu-forms-container,
.arcu-widget.arcu-scale .messangers-block,
.arcu-widget.arcu-scale .arcu-prompt,
.arcu-widget.arcu-scale .arcu-popup {
display: block;
transform-origin: right 100%;
transform: scale(0);
transition: ease-out .12s all
}
.arcu-widget.arcu-scale .arcu-forms-container.arcu-show,
.arcu-widget.arcu-scale .messangers-block.arcu-show,
.arcu-widget.arcu-scale .arcu-prompt.arcu-show,
.arcu-widget.arcu-scale .arcu-popup.arcu-show,
.arcu-widget.arcu-scale .arcu-forms-container.display-flex,
.arcu-widget.arcu-scale .messangers-block.display-flex,
.arcu-widget.arcu-scale .arcu-prompt.display-flex,
.arcu-widget.arcu-scale .arcu-popup.display-flex,
.arcu-widget.arcu-scale .arcu-forms-container.active,
.arcu-widget.arcu-scale .messangers-block.active,
.arcu-widget.arcu-scale .arcu-prompt.active,
.arcu-widget.arcu-scale .arcu-popup.active {
transform: scale(1)
}
.arcu-widget.arcu-scale.left .arcu-forms-container,
.arcu-widget.arcu-scale.left .messangers-block,
.arcu-widget.arcu-scale.left .arcu-prompt,
.arcu-widget.arcu-scale.left .arcu-popup {
transform-origin: left 100%
}
.arcu-widget.arcu-scaleout .arcu-forms-container,
.arcu-widget.arcu-scaleout .messangers-block,
.arcu-widget.arcu-scaleout .arcu-prompt,
.arcu-widget.arcu-scaleout .arcu-popup {
display: block;
transform-origin: 85% 100%;
transform: scale(1.5);
transition: ease-out .12s all;
opacity: 0;
visibility: hidden
}
.arcu-widget.arcu-scaleout .arcu-forms-container.arcu-show,
.arcu-widget.arcu-scaleout .messangers-block.arcu-show,
.arcu-widget.arcu-scaleout .arcu-prompt.arcu-show,
.arcu-widget.arcu-scaleout .arcu-popup.arcu-show,
.arcu-widget.arcu-scaleout .arcu-forms-container.display-flex,
.arcu-widget.arcu-scaleout .messangers-block.display-flex,
.arcu-widget.arcu-scaleout .arcu-prompt.display-flex,
.arcu-widget.arcu-scaleout .arcu-popup.display-flex,
.arcu-widget.arcu-scaleout .arcu-forms-container.active,
.arcu-widget.arcu-scaleout .messangers-block.active,
.arcu-widget.arcu-scaleout .arcu-prompt.active,
.arcu-widget.arcu-scaleout .arcu-popup.active {
transform: scale(1);
opacity: 1;
visibility: visible
}
.arcu-widget.arcu-scaleout.left .arcu-forms-container,
.arcu-widget.arcu-scaleout.left .messangers-block,
.arcu-widget.arcu-scaleout.left .arcu-prompt,
.arcu-widget.arcu-scaleout.left .arcu-popup {
transform-origin: left 100%
}
.arcu-widget.arcu-elastic .arcu-forms-container,
.arcu-widget.arcu-bubble .arcu-forms-container,
.arcu-widget.arcu-elastic .messangers-block,
.arcu-widget.arcu-bubble .messangers-block,
.arcu-widget.arcu-elastic .arcu-prompt,
.arcu-widget.arcu-bubble .arcu-prompt,
.arcu-widget.arcu-elastic .arcu-popup,
.arcu-widget.arcu-bubble .arcu-popup {
display: block;
visibility: hidden;
opacity: 0;
transition: ease-in-out .2s all;
transform: translate3d(0, -20%, 0)
}
.arcu-widget.arcu-elastic .arcu-forms-container.arcu-show,
.arcu-widget.arcu-bubble .arcu-forms-container.arcu-show,
.arcu-widget.arcu-elastic .messangers-block.arcu-show,
.arcu-widget.arcu-bubble .messangers-block.arcu-show,
.arcu-widget.arcu-elastic .arcu-prompt.arcu-show,
.arcu-widget.arcu-bubble .arcu-prompt.arcu-show,
.arcu-widget.arcu-elastic .arcu-popup.arcu-show,
.arcu-widget.arcu-bubble .arcu-popup.arcu-show,
.arcu-widget.arcu-elastic .arcu-forms-container.display-flex,
.arcu-widget.arcu-bubble .arcu-forms-container.display-flex,
.arcu-widget.arcu-elastic .messangers-block.display-flex,
.arcu-widget.arcu-bubble .messangers-block.display-flex,
.arcu-widget.arcu-elastic .arcu-prompt.display-flex,
.arcu-widget.arcu-bubble .arcu-prompt.display-flex,
.arcu-widget.arcu-elastic .arcu-popup.display-flex,
.arcu-widget.arcu-bubble .arcu-popup.display-flex,
.arcu-widget.arcu-elastic .arcu-forms-container.active,
.arcu-widget.arcu-bubble .arcu-forms-container.active,
.arcu-widget.arcu-elastic .messangers-block.active,
.arcu-widget.arcu-bubble .messangers-block.active,
.arcu-widget.arcu-elastic .arcu-prompt.active,
.arcu-widget.arcu-bubble .arcu-prompt.active,
.arcu-widget.arcu-elastic .arcu-popup.active,
.arcu-widget.arcu-bubble .arcu-popup.active {
visibility: visible;
opacity: 1;
transform: translate3d(0, 0, 0)
}
.arcu-widget.arcu-fadeindown .arcu-forms-container,
.arcu-widget.arcu-fadeinup .arcu-forms-container,
.arcu-widget.arcu-fadeindown .messangers-block,
.arcu-widget.arcu-fadeinup .messangers-block,
.arcu-widget.arcu-fadeindown .arcu-prompt,
.arcu-widget.arcu-fadeinup .arcu-prompt,
.arcu-widget.arcu-fadeindown .arcu-popup,
.arcu-widget.arcu-fadeinup .arcu-popup {
display: block;
visibility: hidden;
opacity: 0;
transition: ease-in-out .2s all;
transform: translate3d(0, -20%, 0)
}
.arcu-widget.arcu-fadeindown .arcu-forms-container.arcu-show,
.arcu-widget.arcu-fadeinup .arcu-forms-container.arcu-show,
.arcu-widget.arcu-fadeindown .messangers-block.arcu-show,
.arcu-widget.arcu-fadeinup .messangers-block.arcu-show,
.arcu-widget.arcu-fadeindown .arcu-prompt.arcu-show,
.arcu-widget.arcu-fadeinup .arcu-prompt.arcu-show,
.arcu-widget.arcu-fadeindown .arcu-popup.arcu-show,
.arcu-widget.arcu-fadeinup .arcu-popup.arcu-show,
.arcu-widget.arcu-fadeindown .arcu-forms-container.display-flex,
.arcu-widget.arcu-fadeinup .arcu-forms-container.display-flex,
.arcu-widget.arcu-fadeindown .messangers-block.display-flex,
.arcu-widget.arcu-fadeinup .messangers-block.display-flex,
.arcu-widget.arcu-fadeindown .arcu-prompt.display-flex,
.arcu-widget.arcu-fadeinup .arcu-prompt.display-flex,
.arcu-widget.arcu-fadeindown .arcu-popup.display-flex,
.arcu-widget.arcu-fadeinup .arcu-popup.display-flex,
.arcu-widget.arcu-fadeindown .arcu-forms-container.active,
.arcu-widget.arcu-fadeinup .arcu-forms-container.active,
.arcu-widget.arcu-fadeindown .messangers-block.active,
.arcu-widget.arcu-fadeinup .messangers-block.active,
.arcu-widget.arcu-fadeindown .arcu-prompt.active,
.arcu-widget.arcu-fadeinup .arcu-prompt.active,
.arcu-widget.arcu-fadeindown .arcu-popup.active,
.arcu-widget.arcu-fadeinup .arcu-popup.active {
visibility: visible;
opacity: 1;
transform: translate3d(0, 0, 0)
}
.arcu-widget.arcu-fadeinup .arcu-forms-container,
.arcu-widget.arcu-fadeinup .messangers-block,
.arcu-widget.arcu-fadeinup .arcu-prompt,
.arcu-widget.arcu-fadeinup .arcu-popup {
transform: translate3d(0, 20%, 0)
}
.arcu-widget .arcu-popup {
display: block;
transform-origin: 85% 100%;
transform: scale(0);
transition: ease-out .12s all;
padding: 0
}
.arcu-widget .arcu-popup.arcu-show {
display: block;
transform: scale(1)
}
.arcu-widget .arcu-popup .arcu-popup-header {
padding: 18rem 30rem;
color: #FFFFFF;
background: #787878;
border-radius: 7rem 7rem 0 0;
font-family: 'Roboto', sans-serif, Arial;
margin-bottom: 0;
font-size: 17rem;
position: relative;
line-height: 1.4
}
.arcu-widget .arcu-popup .arcu-popup-content {
padding: 10rem;
max-height: 300rem;
overflow: auto;
line-height: initial
}
.arcu-widget .arcu-prompt.arcu-prompt-top {
right: 0;
max-width: 260rem;
bottom: 80rem
}
.arcu-widget .arcu-prompt.arcu-prompt-top:before {
bottom: -7rem;
right: 25rem;
left: auto;
border-right: 8rem solid transparent;
border-top: 8rem solid #FFFFFF;
border-left: 8rem solid transparent;
border-bottom: 0 none
}
.arcu-widget .messangers-block {
display: block
}
.arcu-widget .messangers-block.has-header {
padding-top: 0
}
.arcu-widget .messangers-block .messangers-list-container {
overflow: hidden
}
.arcu-widget .messangers-block .messangers-list-container .arcu-creds {
display: block !important;
visibility: hidden;
opacity: 1 !important;
transform: none !important;
text-align: center;
font-family: 'Roboto', sans-serif, Arial;
font-size: 11rem;
line-height: 12rem;
height: 19rem;
border-top: 1rem solid #EEEEEE;
color: #787878;
padding-top: 4rem;
position: relative;
bottom: -1rem
}
.arcu-widget .messangers-block .messangers-list-container .arcu-creds a {
color: #f26364
}
.arcu-widget .messangers-block .messangers-list-container.ar-loading {
position: relative
}
.arcu-widget .messangers-block .messangers-list-container.ar-loading:before {
background: rgba(255, 255, 255, 0.6);
content: ' ';
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
z-index: 2;
border-radius: 7rem
}
.arcu-widget .messangers-block .messangers-list-container.ar-loading:after {
content: ' ';
position: absolute;
width: 30rem;
height: 30rem;
z-index: 2;
top: 50%;
bottom: 50%;
margin-top: -15rem;
margin-bottom: -15rem;
left: 50%;
margin-left: -15rem;
background: url(//recas.ru/wp-content/themes/recas/assets/img/ring-alt.gif) no-repeat transparent scroll 0 0
}
.arcu-widget .messangers-block.arcu-show .messangers-list-container .arcu-creds {
visibility: visible !important
}
.arcu-widget .messangers-block .arcu-menu-header {
padding: 18rem 15rem;
color: #FFFFFF;
background: #787878;
border-radius: 7rem 7rem 0 0;
font-family: 'Roboto', sans-serif, Arial;
margin-bottom: 10rem;
font-size: 17rem;
position: relative;
line-height: 1.4
}
.arcu-widget .messangers-block .arcu-menu-header .arcu-menu-subheader {
font-size: 14rem
}
.arcu-widget .messangers-block .arcu-menu-header .arcu-header-icon {
position: absolute;
width: 42rem;
height: 42rem;
left: 11rem;
top: 50%;
margin-top: -21rem
}
.arcu-widget .messangers-block .arcu-menu-header .arcu-header-icon .arcu-online-badge {
height: 11rem;
width: 11rem;
border: 2rem solid red;
bottom: -2rem;
right: 3rem;
top: auto
}
.arcu-widget .messangers-block .arcu-menu-header .arcu-header-icon.arcu-bg-image {
background-size: cover;
border-radius: 50%
}
.arcu-widget .messangers-block .arcu-menu-header .arcu-header-icon>img,
.arcu-widget .messangers-block .arcu-menu-header .arcu-header-icon>svg,
.arcu-widget .messangers-block .arcu-menu-header .arcu-header-icon>i,
.arcu-widget .messangers-block .arcu-menu-header .arcu-header-icon>.arcu-img-round {
display: block;
width: 42rem;
font-size: 42rem;
height: 42rem;
margin: auto
}
.arcu-widget .messangers-block .arcu-menu-header.arcu-icon-center>img,
.arcu-widget .messangers-block .arcu-menu-header.arcu-icon-center>svg,
.arcu-widget .messangers-block .arcu-menu-header.arcu-icon-center>i,
.arcu-widget .messangers-block .arcu-menu-header.arcu-icon-center>.arcu-img-round {
margin: 0 auto 5rem
}
.arcu-widget .messangers-block .arcu-menu-header.arcu-icon-center .arcu-header-icon {
position: relative;
margin: 0 auto 10rem auto;
display: block;
top: 0;
left: 0;
right: 0
}
.arcu-widget .messangers-block .arcu-menu-header.arcu-icon-left {
position: relative;
padding-left: 68rem
}
.arcu-widget .messangers-block .arcu-menu-header.arcu-icon-left>img,
.arcu-widget .messangers-block .arcu-menu-header.arcu-icon-left>svg,
.arcu-widget .messangers-block .arcu-menu-header.arcu-icon-left>i,
.arcu-widget .messangers-block .arcu-menu-header.arcu-icon-left>.arcu-img-round {
position: absolute;
left: 10rem;
top: 18rem
}
.arcu-widget .arcu-header-close,
.arcu-widget .arcu-popup-close,
.arcu-widget .arcu-popup-back {
position: absolute;
right: 0;
top: -30rem;
padding: 0;
margin: 0;
border: 0 none;
background: none;
line-height: 1;
width: 26rem;
height: 26rem;
cursor: pointer;
color: #FFFFFF;
background: #787878;
border-radius: 50%;
text-align: center
}
.arcu-widget .arcu-header-close svg,
.arcu-widget .arcu-popup-close svg,
.arcu-widget .arcu-popup-back svg {
height: 12rem;
width: 12rem;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -6rem 0 0 -6rem
}
.arcu-widget .arcu-header-close,
.arcu-widget .arcu-popup-close {
transition: .2s all
}
.arcu-widget .arcu-header-close:hover,
.arcu-widget .arcu-popup-close:hover {
transform: rotate(180deg)
}
.arcu-widget .arcu-popup-back {
right: auto;
left: 0;
top: 50%;
margin-top: -13rem;
display: block
}
.arcu-widget .arcu-popup-back svg {
height: 16rem;
width: 16rem;
margin: -8rem 0 0 -8rem
}
.arcu-widget .arcu-prompt-typing {
border-radius: 10rem;
display: inline-block;
left: 3rem;
padding: 0 0 0 3rem;
position: relative;
top: 4rem;
width: 50rem
}
.arcu-widget .arcu-prompt-typing>div {
position: relative;
float: left;
border-radius: 50%;
width: 10rem;
height: 10rem;
background: #ccc;
margin: 0rem 2rem;
-webkit-animation: arcu-updown 1s infinite;
animation: arcu-updown 1s infinite
}
.arcu-widget .arcu-prompt-typing>div:nth-child(2) {
-webkit-animation-delay: .1s;
animation-delay: .1s
}
.arcu-widget .arcu-prompt-typing>div:nth-child(3) {
-webkit-animation-delay: .2s;
animation-delay: .2s
}
.arcu-widget .arcu-prompt {
color: #787878;
font-family: 'Roboto', sans-serif, Arial;
font-size: 16rem;
line-height: 18rem;
width: auto;
bottom: 10rem;
right: 105%;
left: auto;
white-space: nowrap;
padding: 14rem 20rem 14rem
}
.arcu-widget .arcu-prompt:before {
border-right: 8rem solid transparent;
border-top: 8rem solid transparent;
border-left: 8rem solid #FFF;
border-bottom: 8rem solid transparent;
bottom: 16rem;
right: -15rem
}
.arcu-widget .arcu-prompt.active {
transform: scale(1)
}
.arcu-widget .arcu-prompt:hover .arcu-prompt-close {
opacity: 1
}
.arcu-widget .arcu-prompt .arcu-prompt-close {
opacity: 0;
transition: .2s all;
position: absolute;
right: -10rem;
top: -10rem;
padding: 0;
margin: 0;
border: 0 none;
background: none;
line-height: 1;
width: 26rem;
height: 26rem;
cursor: pointer;
color: #FFFFFF;
background: #787878;
border-radius: 50%;
text-align: center
}
.arcu-widget .arcu-prompt .arcu-prompt-close svg {
height: 12rem;
width: 12rem;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -6rem 0 0 -6rem
}
.arcu-widget .messangers-block .arcu-submenu-container {
transition: .2s all;
opacity: 0;
visibility: hidden
}
.arcu-widget .messangers-block .arcu-submenu-container.active {
opacity: 1;
visibility: visible
}
.arcu-widget .messangers-block .arcu-submenu li {
display: none
}
.arcu-widget .messangers-block .arcu-submenu li.active {
display: block
}
.arcu-widget .messangers-block .arcu-submenu.active>li {
display: block !important
}
.arcu-widget .messangers-block .messangers-list,
.arcu-widget .messangers-block .arcu-submenu {
list-style: none;
margin: 0;
padding: 0
}
.arcu-widget .messangers-block .messangers-list li,
.arcu-widget .messangers-block .arcu-submenu li {
margin: 0;
padding: 0
}
.arcu-widget .messangers-block .messangers-list.arcu-submenu-active li,
.arcu-widget .messangers-block .arcu-submenu.arcu-submenu-active li {
display: none
}
.arcu-widget .messangers-block .messangers-list.arcu-submenu-active li.active,
.arcu-widget .messangers-block .arcu-submenu.arcu-submenu-active li.active {
display: block
}
.arcu-widget .messangers-block .messangers-list.arcu-submenu-active li.active>.messanger,
.arcu-widget .messangers-block .arcu-submenu.arcu-submenu-active li.active>.messanger {
display: none
}
.arcu-widget .messangers-block .messangers-list.arcu-submenu-active li.active>.arcu-submenu-header,
.arcu-widget .messangers-block .arcu-submenu.arcu-submenu-active li.active>.arcu-submenu-header {
display: block
}
.arcu-widget .messangers-block .messangers-list .arcu-submenu-header,
.arcu-widget .messangers-block .arcu-submenu .arcu-submenu-header {
padding: 10rem 30rem 10rem 30rem;
background: red;
position: relative;
display: none
}
.arcu-widget .messangers-block .messangers-list .arcu-submenu-header>img,
.arcu-widget .messangers-block .arcu-submenu .arcu-submenu-header>img,
.arcu-widget .messangers-block .messangers-list .arcu-submenu-header>svg,
.arcu-widget .messangers-block .arcu-submenu .arcu-submenu-header>svg {
display: block;
width: 48rem;
height: auto;
margin: 0 auto 5rem
}
.arcu-widget .messangers-block .messangers-list .arcu-submenu-header.active,
.arcu-widget .messangers-block .arcu-submenu .arcu-submenu-header.active {
display: block
}
.arcu-widget .messangers-block .messangers-list .arcu-submenu-header .arcu-submenu-title,
.arcu-widget .messangers-block .arcu-submenu .arcu-submenu-header .arcu-submenu-title {
font-size: 14rem;
color: #ffffff;
font-family: 'Roboto', sans-serif, Arial
}
.arcu-widget .messangers-block .messangers-list .arcu-submenu-header .arcu-submenu-back,
.arcu-widget .messangers-block .arcu-submenu .arcu-submenu-header .arcu-submenu-back {
cursor: pointer;
padding: 9rem 6rem;
top: 0;
left: 0;
position: absolute;
color: #ffffff
}
.arcu-widget .messangers-block .messangers-list .arcu-submenu-header .arcu-submenu-back svg,
.arcu-widget .messangers-block .arcu-submenu .arcu-submenu-header .arcu-submenu-back svg {
height: 16rem;
width: 16rem
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup,
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup,
.arcu-widget .messangers-block .messangers-list.arcu-uptodown,
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown {
transition: transform 0s .2s;
transform: translate3d(0, 100%, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li,
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li,
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li,
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li {
transition: transform 0s .2s;
transition-timing-function: cubic-bezier(.3, 0, .3, 1);
transform: translate3d(0, 500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(2),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(2),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(2),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(2) {
transform: translate3d(0, 1000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(3),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(3),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(3),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(3) {
transform: translate3d(0, 1500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(4),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(4),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(4),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(4) {
transform: translate3d(0, 2000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(5),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(5),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(5),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(5) {
transform: translate3d(0, 2500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(6),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(6),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(6),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(6) {
transform: translate3d(0, 3000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(7),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(7),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(7),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(7) {
transform: translate3d(0, 3500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(8),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(8),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(8),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(8) {
transform: translate3d(0, 4000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(9),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(9),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(9),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(9) {
transform: translate3d(0, 4500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(10),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(10),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(10),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(10) {
transform: translate3d(0, 5000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(11),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(11),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(11),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(11) {
transform: translate3d(0, 5500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(12),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(12),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(12),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(12) {
transform: translate3d(0, 6000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(13),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(13),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(13),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(13) {
transform: translate3d(0, 6500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(14),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(14),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(14),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(14) {
transform: translate3d(0, 7000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(15),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(15),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(15),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(15) {
transform: translate3d(0, 7500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(16),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(16),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(16),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(16) {
transform: translate3d(0, 8000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(17),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(17),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(17),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(17) {
transform: translate3d(0, 8500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(18),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(18),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(18),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(18) {
transform: translate3d(0, 9000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(19),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(19),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(19),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(19) {
transform: translate3d(0, 9500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-downtoup li:nth-child(20),
.arcu-widget .messangers-block .arcu-submenu.arcu-downtoup li:nth-child(20),
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(20),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(20) {
transform: translate3d(0, 10000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown,
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown {
transition: transform 0s .2s;
transform: translate3d(0, -100%, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li,
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li {
transition: transform 0s .2s;
transition-timing-function: cubic-bezier(.3, 0, .3, 1);
transform: translate3d(0, -500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(2),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(2) {
transform: translate3d(0, -1000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(3),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(3) {
transform: translate3d(0, -1500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(4),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(4) {
transform: translate3d(0, -2000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(5),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(5) {
transform: translate3d(0, -2500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(6),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(6) {
transform: translate3d(0, -3000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(7),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(7) {
transform: translate3d(0, -3500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(8),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(8) {
transform: translate3d(0, -4000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(9),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(9) {
transform: translate3d(0, -4500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(10),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(10) {
transform: translate3d(0, -5000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(11),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(11) {
transform: translate3d(0, -5500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(12),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(12) {
transform: translate3d(0, -6000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(13),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(13) {
transform: translate3d(0, -6500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(14),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(14) {
transform: translate3d(0, -7000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(15),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(15) {
transform: translate3d(0, -7500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(16),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(16) {
transform: translate3d(0, -8000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(17),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(17) {
transform: translate3d(0, -8500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(18),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(18) {
transform: translate3d(0, -9000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(19),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(19) {
transform: translate3d(0, -9500rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-uptodown li:nth-child(20),
.arcu-widget .messangers-block .arcu-submenu.arcu-uptodown li:nth-child(20) {
transform: translate3d(0, -10000rem, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside,
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside {
transition: transform 0s .2s;
transform: translate3d(-100%, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li,
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li {
transition: transform 0s .2s;
transition-timing-function: cubic-bezier(.3, 0, .3, 1);
transform: translate3d(500rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(2),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(2) {
transform: translate3d(1000rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(3),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(3) {
transform: translate3d(1500rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(4),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(4) {
transform: translate3d(2000rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(5),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(5) {
transform: translate3d(2500rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(6),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(6) {
transform: translate3d(3000rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(7),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(7) {
transform: translate3d(3500rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(8),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(8) {
transform: translate3d(4000rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(9),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(9) {
transform: translate3d(4500rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(10),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(10) {
transform: translate3d(5000rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(11),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(11) {
transform: translate3d(5500rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(12),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(12) {
transform: translate3d(6000rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(13),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(13) {
transform: translate3d(6500rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(14),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(14) {
transform: translate3d(7000rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(15),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(15) {
transform: translate3d(7500rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(16),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(16) {
transform: translate3d(8000rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(17),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(17) {
transform: translate3d(8500rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(18),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(18) {
transform: translate3d(9000rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(19),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(19) {
transform: translate3d(9500rem, 0, 0)
}
.arcu-widget .messangers-block .messangers-list.arcu-fromaside li:nth-child(20),
.arcu-widget .messangers-block .arcu-submenu.arcu-fromaside li:nth-child(20) {
transform: translate3d(10000rem, 0, 0)
}
.arcu-widget .messangers-block.sm .arcu-menu-header {
padding-top: 12rem;
padding-bottom: 12rem
}
.arcu-widget .messangers-block.sm .not-rounded-items .messanger {
padding-left: 42rem
}
.arcu-widget .messangers-block.sm .messanger {
padding-left: 50rem;
min-height: 44rem;
padding-top: 4rem;
padding-bottom: 4rem
}
.arcu-widget .messangers-block.sm .messanger .arcu-item-icon {
height: 32rem;
width: 32rem;
margin-top: -16rem
}
.arcu-widget .messangers-block.sm .messanger .arcu-item-icon .arcu-online-badge {
bottom: -2rem
}
.arcu-widget .messangers-block.sm .messanger .arcu-item-icon svg,
.arcu-widget .messangers-block.sm .messanger .arcu-item-icon i,
.arcu-widget .messangers-block.sm .messanger .arcu-item-icon img {
height: 20rem;
width: 20rem;
line-height: 20rem;
margin-top: -10rem;
margin-left: -10rem;
font-size: 21rem
}
.arcu-widget .messangers-block.sm .messanger .arcu-item-icon.no-container svg,
.arcu-widget .messangers-block.sm .messanger .arcu-item-icon.no-container i,
.arcu-widget .messangers-block.sm .messanger .arcu-item-icon.no-container img {
height: 100%;
width: 100%;
margin-top: 0;
margin-left: 0;
line-height: 32rem;
font-size: 32rem
}
.arcu-widget .messangers-block.lg .messanger {
min-height: 74rem;
padding-left: 74rem
}
.arcu-widget .messangers-block.lg .messanger .arcu-item-icon {
width: 50rem;
height: 50rem;
margin-top: -25rem
}
.arcu-widget .messangers-block.lg .messanger .arcu-item-label .arcu-item-title {
font-weight: 500
}
.arcu-widget .messangers-block.lg .messanger .arcu-item-label .arcu-item-title,
.arcu-widget .messangers-block.lg .messanger .arcu-item-label .arcu-item-subtitle {
line-height: 1.4
}
.arcu-widget.layout-personal .arcu-wellcome {
min-height: 120rem;
max-height: 280rem;
overflow: auto;
padding: 10rem
}
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg {
overflow: hidden;
position: relative;
padding: 14rem 10rem 10rem 38rem
}
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg .arcu-wellcome-icon {
width: 28rem;
height: 28rem;
position: absolute;
left: 0;
top: 14rem
}
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg .arcu-wellcome-icon .arcu-header-icon {
width: 28rem;
height: 28rem
}
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg .arcu-wellcome-icon .arcu-header-icon .arcu-online-badge {
display: none
}
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg .arcu-wellcome-icon .arcu-header-icon.arcu-bg-image {
background-size: cover;
border-radius: 50%
}
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg .arcu-wellcome-icon .arcu-header-icon svg,
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg .arcu-wellcome-icon .arcu-header-icon i,
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg .arcu-wellcome-icon .arcu-header-icon img {
display: block;
width: 28rem;
height: 28rem;
font-size: 28rem
}
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg .arcu-wellcome-time {
position: absolute;
width: 100%;
top: 0;
left: 0;
font-family: 'Roboto', sans-serif, Arial;
font-size: 12rem;
color: #787878;
text-align: center
}
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg.typing .arcu-wellcome-content {
border-radius: 8rem
}
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg .arcu-wellcome-content {
font-family: 'Roboto', sans-serif, Arial;
font-size: 14rem;
line-height: 16rem;
min-height: 28rem;
padding: 6rem 6rem;
background: #eeeeee;
border-radius: 3rem 8rem 8rem 8rem;
float: left
}
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg .arcu-wellcome-content .arcu-prompt-typing {
width: 41rem;
top: -2rem
}
.arcu-widget.layout-personal .arcu-wellcome .arcu-wellcome-msg .arcu-wellcome-content .arcu-prompt-typing div {
background: #AAAAAA;
width: 6rem;
height: 6rem
}
.arcu-widget.layout-personal .arcu-items-header {
text-align: center;
font-size: 16rem;
font-weight: 600;
font-family: 'Roboto', sans-serif, Arial;
margin-bottom: 5rem
}
.arcu-widget.layout-personal .messangers-list,
.arcu-widget.layout-personal .arcu-submenu {
display: flex
}
.arcu-widget.layout-personal .messangers-list li,
.arcu-widget.layout-personal .arcu-submenu li {
flex: 1
}
.arcu-widget.layout-personal .messangers-list li .arcu-item-label,
.arcu-widget.layout-personal .arcu-submenu li .arcu-item-label,
.arcu-widget.layout-personal .messangers-list li .arcu-qr-addon,
.arcu-widget.layout-personal .arcu-submenu li .arcu-qr-addon {
display: none
}
.arcu-widget.layout-personal .messangers-list li .messanger,
.arcu-widget.layout-personal .arcu-submenu li .messanger {
padding: 0;
transition: .2s all
}
.arcu-widget.layout-personal .messangers-list li .messanger:hover,
.arcu-widget.layout-personal .arcu-submenu li .messanger:hover {
background: none;
opacity: .9
}
.arcu-widget.layout-personal .messangers-list li .messanger .arcu-item-icon,
.arcu-widget.layout-personal .arcu-submenu li .messanger .arcu-item-icon {
left: 50%;
margin-left: -20rem
}
.arcu-widget.popup-opened .arcu-backdrop {
opacity: 1
}
.arcu-widget.open .arcu-backdrop {
opacity: 1
}
.arcu-widget.open .messangers-block .messangers-list.arcu-downtoup,
.arcu-widget.open .messangers-block .messangers-list.arcu-uptodown,
.arcu-widget.open .messangers-block .messangers-list.arcu-fromaside {
transform: translate3d(0, 0, 0);
transition: transform .4s;
transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}
.arcu-widget.open .messangers-block .messangers-list.arcu-downtoup li,
.arcu-widget.open .messangers-block .messangers-list.arcu-uptodown li,
.arcu-widget.open .messangers-block .messangers-list.arcu-fromaside li {
transition: transform .4s;
transition-timing-function: cubic-bezier(.7, 0, .3, 1);
transition-duration: .4s;
transform: translate3d(0, 0, 0)
}
.arcu-widget .not-rounded-items .messanger {
padding-left: 48rem
}
.arcu-widget .not-rounded-items .messanger .arcu-item-icon {
left: 5rem
}
.arcu-widget .messanger {
display: flex;
flex-direction: row;
align-items: center;
margin: 0;
cursor: pointer;
width: 100%;
padding: 8rem 20rem 8rem 60rem;
position: relative;
min-height: 54rem;
text-decoration: none
}
.arcu-widget .messanger.arcu-disabled {
opacity: .6;
cursor: not-allowed;
pointer-events: none
}
.arcu-widget .messanger.arcu-disabled .arcu-item-icon,
.arcu-widget .messanger.arcu-disabled .arcu-item-label {
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1)
}
.arcu-widget .messanger.has-addon {
padding-right: 26rem
}
.arcu-widget .messanger:hover {
background-color: #EEEEEE
}
.arcu-widget .messanger:before {
background-repeat: no-repeat;
background-position: center
}
.arcu-widget .messanger.facebook .arcu-item-icon {
background: #0084ff
}
.arcu-widget .messanger.viber .arcu-item-icon {
background: #7c529d
}
.arcu-widget .messanger.telegram .arcu-item-icon {
background: #2ca5e0
}
.arcu-widget .messanger.skype .arcu-item-icon {
background: #31c4ed
}
.arcu-widget .messanger.email .arcu-item-icon {
background: #ff8400
}
.arcu-widget .messanger.contact .arcu-item-icon {
background: #7eb105
}
.arcu-widget .messanger.call-back .arcu-item-icon {
background: #54cd81
}
.arcu-widget .messanger .arcu-qr-addon {
display: block;
width: 18rem;
height: 18rem;
position: absolute;
top: 50%;
margin-top: -9rem;
right: 6rem
}
.arcu-widget .messanger .arcu-qr-addon img {
width: 100%;
height: auto
}
.arcu-widget .messanger .arcu-item-icon {
position: absolute;
left: 10rem;
top: 50%;
margin-top: -20rem;
display: block;
width: 40rem;
height: 40rem;
border-radius: 50%;
background-color: #0084ff;
margin-right: 10rem;
color: #FFFFFF;
text-align: center;
vertical-align: middle
}
.arcu-widget .messanger .arcu-item-icon svg,
.arcu-widget .messanger .arcu-item-icon i,
.arcu-widget .messanger .arcu-item-icon img {
width: 24rem;
height: 24rem;
vertical-align: middle;
text-align: center;
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top: -12rem;
margin-left: -12rem
}
.arcu-widget .messanger .arcu-item-icon .arcu-online-badge {
bottom: 0rem;
top: auto;
right: 2rem;
width: 10rem;
height: 10rem;
border: 2rem solid #FFFFFF
}
.arcu-widget .messanger .arcu-item-icon.no-container {
background: none
}
.arcu-widget .messanger .arcu-item-icon.no-container svg,
.arcu-widget .messanger .arcu-item-icon.no-container i,
.arcu-widget .messanger .arcu-item-icon.no-container img {
top: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
line-height: 40rem;
font-size: 40rem
}
.arcu-widget .messanger .arcu-item-icon i {
font-size: 24rem;
line-height: 24rem
}
.arcu-widget .messanger p,
.arcu-widget .messanger .arcu-item-label {
margin: 0;
font-family: 'Roboto', sans-serif, Arial;
font-size: 15rem;
color: rgba(0, 0, 0, 0.87);
padding: 0;
line-height: 17rem
}
.arcu-widget .messanger p .arcu-item-subtitle,
.arcu-widget .messanger .arcu-item-label .arcu-item-subtitle {
font-size: 13rem;
color: #787878
}
.arcu-widget .messanger p .arcu-item-labels .arcu-item-lbl,
.arcu-widget .messanger .arcu-item-label .arcu-item-labels .arcu-item-lbl {
font-size: 10rem;
padding: 0 6rem;
margin-right: 4rem;
border-radius: 3rem;
line-height: 12rem
}
.arcu-widget.arcu-menu-style-1 .messanger {
margin: 10rem;
border-radius: 6rem;
width: auto;
transition: .2s all;
background: #efefef
}
.arcu-widget.arcu-menu-style-1 .messanger:hover {
background: #e7e7e7
}
.arcu-widget .arcu-forms-container {
background: #FFFFFF;
box-shadow: 0 0 40rem rgba(0, 0, 0, 0.2);
width: 410rem;
background-repeat: no-repeat;
background-position: center;
position: absolute;
bottom: 80rem;
left: auto;
right: 0;
align-items: center;
border-radius: 7rem;
transform-origin: 85% 100%;
transform: scale(1);
transition: ease-out .12s all;
z-index: 1000000;
color: red;
padding-top: 5rem;
padding-left: 8rem;
padding-right: 8rem;
display: none
}
.arcu-widget .arcu-forms-container .callback-countdown-block-timer_timer {
font-size: 38rem;
font-family: 'Roboto', sans-serif, Arial
}
.arcu-widget .arcu-forms-container.display-flex {
display: block
}
.arcu-widget .arcu-forms-container:before {
position: absolute;
bottom: -7rem;
right: 25rem;
left: auto;
display: inline-block !important;
border-right: 8rem solid transparent;
border-top: 8rem solid #FFFFFF;
border-left: 8rem solid transparent;
content: ''
}
.arcu-widget .arcu-forms-container .arcu-form-container {
font-family: 'Roboto', sans-serif, Arial;
font-size: 15rem;
line-height: 18rem;
padding: 0 10rem 10rem;
flex-direction: column;
align-items: center;
justify-content: center;
display: none;
width: 100%;
position: relative
}
.arcu-widget .arcu-forms-container .arcu-form-container:before {
transition: .2s all
}
.arcu-widget .arcu-forms-container .arcu-form-container.ar-loading:before {
background: rgba(255, 255, 255, 0.6);
content: ' ';
position: absolute;
bottom: -10rem;
left: -8rem;
right: -8rem;
top: 0;
z-index: 1;
border-radius: 7rem
}
.arcu-widget .arcu-forms-container .arcu-form-container.ar-loading:after {
content: ' ';
position: absolute;
width: 30rem;
height: 30rem;
z-index: 2;
top: 50%;
bottom: 50%;
margin-top: -15rem;
margin-bottom: -15rem;
left: 50%;
margin-left: -15rem;
background: url(//recas.ru/wp-content/themes/recas/assets/img/ring-alt.gif) no-repeat transparent scroll 0 0
}
.arcu-widget .arcu-forms-container .arcu-form-container p,
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-item-label {
text-align: center;
margin-bottom: 10rem;
margin-top: 3rem
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-success,
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-error {
font-size: 18rem;
position: absolute;
top: 0;
bottom: -10rem;
left: -8rem;
right: -8rem;
border-radius: 7rem;
background: rgba(255, 255, 255, 0.9);
text-align: center;
vertical-align: middle;
align-items: center;
display: none
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-success>div,
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-error>div {
flex: 1 auto
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-success.active,
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-error.active {
display: flex
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-header {
text-align: center;
margin-bottom: 10rem;
margin-top: -5rem;
margin-left: -18rem;
margin-right: -18rem;
padding: 18rem 15rem;
color: #FFFFFF;
border-radius: 7rem 7rem 0 0
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-header .arcu-form-header-icon svg,
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-header .arcu-form-header-icon i,
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-header .arcu-form-header-icon img {
display: block;
width: 48rem;
height: auto;
margin: 0 auto 5rem;
font-size: 48rem
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group {
margin-bottom: 10rem
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group .arcu-form-field-errors {
display: none;
font-size: 12rem;
line-height: 14rem;
margin-left: 3rem
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group.arcu-form-group-type-hidden {
display: none
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group:last-child {
margin-bottom: 0
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group.arcu-form-group-required .arcu-form-label label {
display: block;
padding: 0;
margin: 0
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group.arcu-form-group-required .arcu-form-label label:after {
content: " *";
color: #c7254e
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group.arcu-form-group-type-checkbox {
position: relative;
padding-left: 20rem
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group.arcu-form-group-type-checkbox input {
position: absolute;
top: 2rem;
left: 0;
width: 16rem;
height: 16rem
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group.arcu-form-group-type-checkbox .arcu-form-field-errors {
position: relative;
left: -20rem
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group.has-error .arcu-form-field-errors {
display: block;
color: #842029
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group.has-error .arcu-form-label {
color: #842029
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group.has-error .arcu-form-field {
border-color: #842029
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-label {
font-size: 14rem;
margin-bottom: 3rem;
color: #333333
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-field {
display: block;
width: 100%;
font-family: 'Roboto', sans-serif, Arial;
font-size: 14rem;
line-height: 16rem;
border-radius: 4rem;
border: 0;
height: 36rem;
box-sizing: border-box;
padding: 6rem 10rem 6rem;
border: 1rem solid #DDDDDD;
margin: 0 !important
}
.arcu-widget .arcu-forms-container .arcu-form-container textarea.arcu-form-field {
height: 80rem;
resize: vertical;
max-height: 140rem;
min-height: 60rem
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-button {
display: block;
width: 100%;
border-radius: 4rem;
border: 0;
background-color: red;
color: #fff;
font-family: 'Roboto', sans-serif, Arial;
font-size: 14rem;
padding: 7rem 5rem 7rem;
cursor: pointer;
height: 36rem;
margin: 0;
line-height: 20rem;
text-decoration: none;
text-align: center
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-button.second {
background-color: #FFFFFF;
border: 1rem solid red
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-button:hover {
opacity: .8
}
.arcu-widget .arcu-forms-container .arcu-form-close {
position: absolute;
right: 0;
top: -30rem;
padding: 0;
margin: 0;
border: 0 none;
background: none;
line-height: 1;
width: 26rem;
height: 26rem;
cursor: pointer;
color: #FFFFFF;
background: #787878;
border-radius: 50%;
z-index: 1;
transition: .2s all;
text-align: center
}
.arcu-widget .arcu-forms-container .arcu-form-close:hover {
transform: rotate(180deg)
}
.arcu-widget .arcu-forms-container .arcu-form-close svg {
height: 12rem;
width: 12rem;
display: block;
position: absolute;
left: 50%;
top: 50%;
margin: -6rem 0 0 -6rem;
transform: none
}
.arcu-widget .arcu-forms-container .callback-countdown-block-timer {
flex-direction: column;
justify-content: center;
align-items: center;
height: 140rem;
display: none
}
.arcu-widget .arcu-forms-container .callback-countdown-block-timer p {
font-family: 'Roboto', sans-serif, Arial;
font-size: 16rem;
line-height: 21rem;
text-align: center;
margin-bottom: 5rem;
margin-top: 7rem
}
.arcu-widget .arcu-forms-container .callback-countdown-block-timer h1 {
font-family: 'Roboto', sans-serif, Arial;
font-size: 40rem;
line-height: 46rem;
text-align: center;
font-weight: 300
}
.arcu-widget .callback-state {
background-color: #fff;
width: 44rem;
height: 44rem;
border-radius: 50rem;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%;
margin-top: -22rem;
margin-left: -22rem;
display: none;
-webkit-animation: none;
animation: none;
z-index: 999999;
transition: .2s all;
transform: scale(0);
color: red;
display: flex
}
.arcu-widget .callback-state.display-flex {
transform: scale(1)
}
.arcu-widget .callback-state svg {
width: 24rem;
height: 24rem;
position: absolute;
top: 50%;
left: 50%;
margin-top: -12rem;
margin-left: -12rem
}
.arcu-widget .callback-state .callback-state-img {
position: absolute;
top: 12rem;
left: 12rem
}
.arcu-widget .animation-pause {
-webkit-animation-play-state: paused;
animation-play-state: paused
}
@-webkit-keyframes arcu-pulse {
0% {
transform: scale(0);
opacity: 1
}
50% {
opacity: .5
}
100% {
transform: scale(1.3);
opacity: 0
}
}
@media (max-width: 991.99px) {
.arcu-widget.arcu-message.opened {
width: auto;
right: 20rem;
left: 20rem
}
}
@media (max-height: 991.99px) {
.arcu-widget .arcu-prompt .arcu-prompt-close {
opacity: 1
}
}
@media (max-width: 991.99px) {
.arcu-widget .arcu-prompt .arcu-prompt-close {
opacity: 1
}
.arcu-widget.arcu-message .messangers-block,
.arcu-widget.arcu-message .arcu-forms-container,
.arcu-widget.arcu-message .arcu-popup {
bottom: 0;
border-radius: 0;
width: 100%;
position: fixed
}
.arcu-widget.arcu-message .arcu-form-container.ar-loading:before {
border-radius: 0
}
.arcu-widget.arcu-message .arcu-form-container .arcu-form-header,
.arcu-widget.arcu-message .arcu-form-container .arcu-form-error,
.arcu-widget.arcu-message .arcu-form-container .arcu-form-success {
border-radius: 0
}
.arcu-widget.arcu-message.open .messangers-block .arcu-menu-header,
.arcu-widget.arcu-message.opened .messangers-block .arcu-menu-header,
.arcu-widget.arcu-message.popup-opened .messangers-block .arcu-menu-header {
border-radius: 0;
padding-right: 10rem;
padding-left: 10rem
}
.arcu-widget.arcu-message.open .messangers-block .arcu-menu-header.arcu-icon-left,
.arcu-widget.arcu-message.opened .messangers-block .arcu-menu-header.arcu-icon-left,
.arcu-widget.arcu-message.popup-opened .messangers-block .arcu-menu-header.arcu-icon-left {
padding-left: 68rem
}
.arcu-widget.arcu-message.open .messangers-block .arcu-header-close,
.arcu-widget.arcu-message.opened .messangers-block .arcu-header-close,
.arcu-widget.arcu-message.popup-opened .messangers-block .arcu-header-close {
right: 5rem
}
.arcu-widget.arcu-message.open .arcu-close,
.arcu-widget.arcu-message.opened .arcu-close,
.arcu-widget.arcu-message.popup-opened .arcu-close {
right: 5rem
}
.arcu-widget.arcu-message.open.arcu-bubble .arcu-header-close,
.arcu-widget.arcu-message.opened.arcu-bubble .arcu-header-close,
.arcu-widget.arcu-message.popup-opened.arcu-bubble .arcu-header-close,
.arcu-widget.arcu-message.open.arcu-elastic .arcu-header-close,
.arcu-widget.arcu-message.opened.arcu-elastic .arcu-header-close,
.arcu-widget.arcu-message.popup-opened.arcu-elastic .arcu-header-close {
right: 0
}
.arcu-widget.arcu-message.open .arcu-popup .arcu-popup-header,
.arcu-widget.arcu-message.opened .arcu-popup .arcu-popup-header,
.arcu-widget.arcu-message.popup-opened .arcu-popup .arcu-popup-header {
border-radius: 0;
padding-right: 40rem;
padding-left: 30rem
}
.arcu-widget.arcu-message.open .arcu-popup .arcu-popup-back,
.arcu-widget.arcu-message.opened .arcu-popup .arcu-popup-back,
.arcu-widget.arcu-message.popup-opened .arcu-popup .arcu-popup-back {
display: block
}
.arcu-widget.arcu-message.open .arcu-popup .arcu-popup-close,
.arcu-widget.arcu-message.opened .arcu-popup .arcu-popup-close,
.arcu-widget.arcu-message.popup-opened .arcu-popup .arcu-popup-close {
right: 5rem
}
.arcu-widget.arcu-message.open .messangers-block,
.arcu-widget.arcu-message.opened .messangers-block,
.arcu-widget.arcu-message.popup-opened .messangers-block,
.arcu-widget.arcu-message.open .arcu-forms-container,
.arcu-widget.arcu-message.opened .arcu-forms-container,
.arcu-widget.arcu-message.popup-opened .arcu-forms-container,
.arcu-widget.arcu-message.open .arcu-popup,
.arcu-widget.arcu-message.opened .arcu-popup,
.arcu-widget.arcu-message.popup-opened .arcu-popup {
width: 100%
}
.arcu-widget.arcu-message.open .messangers-block .arcu-prompt-close,
.arcu-widget.arcu-message.opened .messangers-block .arcu-prompt-close,
.arcu-widget.arcu-message.popup-opened .messangers-block .arcu-prompt-close,
.arcu-widget.arcu-message.open .arcu-forms-container .arcu-prompt-close,
.arcu-widget.arcu-message.opened .arcu-forms-container .arcu-prompt-close,
.arcu-widget.arcu-message.popup-opened .arcu-forms-container .arcu-prompt-close,
.arcu-widget.arcu-message.open .arcu-popup .arcu-prompt-close,
.arcu-widget.arcu-message.opened .arcu-popup .arcu-prompt-close,
.arcu-widget.arcu-message.popup-opened .arcu-popup .arcu-prompt-close {
opacity: 1
}
.arcu-widget.arcu-message.open .arcu-prompt .arcu-prompt-close,
.arcu-widget.arcu-message.opened .arcu-prompt .arcu-prompt-close,
.arcu-widget.arcu-message.popup-opened .arcu-prompt .arcu-prompt-close {
opacity: 1
}
.arcu-widget.arcu-message.open .arcu-message-button,
.arcu-widget.arcu-message.opened .arcu-message-button,
.arcu-widget.arcu-message.popup-opened .arcu-message-button {
display: none
}
.arcu-widget.arcu-message.open.arcu-no-background .arcu-message-button,
.arcu-widget.arcu-message.opened.arcu-no-background .arcu-message-button,
.arcu-widget.arcu-message.popup-opened.arcu-no-background .arcu-message-button {
display: flex
}
.arcu-widget.arcu-message.arcu-no-background .arcu-message-button {
display: flex
}
.arcu-widget.arcu-message.arcu-no-background .messangers-block {
pointer-events: none;
bottom: 90rem;
right: 50rem;
left: 0;
width: auto
}
.arcu-widget.arcu-message.arcu-no-background .messangers-block .messangers-list-container .messangers-list li {
height: 54rem;
position: relative;
display: block
}
.arcu-widget.arcu-message.arcu-no-background .messangers-block .messangers-list-container .messangers-list li .messanger {
pointer-events: all;
width: 60rem;
overflow: visible;
float: right;
position: static
}
.arcu-widget.arcu-message.arcu-no-background.hg .messangers-block {
bottom: 128rem;
right: 70rem
}
.arcu-widget.arcu-message.arcu-no-background.lg .messangers-block {
bottom: 98rem;
right: 55rem
}
.arcu-widget.arcu-message.arcu-no-background.sm .messangers-block {
bottom: 77rem;
right: 45rem
}
.arcu-widget.arcu-message.arcu-no-background.left.hg .messangers-block {
bottom: 128rem;
left: 70rem;
right: 0
}
.arcu-widget.arcu-message.arcu-no-background.left.lg .messangers-block {
bottom: 98rem;
left: 55rem;
right: 0
}
.arcu-widget.arcu-message.arcu-no-background.left.md .messangers-block {
bottom: 98rem;
left: 55rem;
right: 0
}
.arcu-widget.arcu-message.arcu-no-background.left.sm .messangers-block {
bottom: 77rem;
left: 45rem;
right: 0
}
.arcu-widget.arcu-message.arcu-no-background.arcu-menu-horizontal .messangers-block {
width: 1000rem;
left: auto;
bottom: 30rem;
right: 86rem
}
.arcu-widget.arcu-message.arcu-no-background.arcu-menu-horizontal .messangers-block .messangers-list-container .messangers-list li {
height: 40rem
}
.arcu-widget.arcu-message.arcu-no-background.arcu-menu-horizontal .messangers-block .messangers-list-container .messangers-list li .arcu-item-label {
bottom: 50rem
}
.arcu-widget.arcu-message.arcu-no-background.arcu-menu-horizontal.hg .messangers-block {
bottom: 50rem;
right: 128rem
}
.arcu-widget.arcu-message.arcu-no-background.arcu-menu-horizontal.lg .messangers-block {
bottom: 35rem;
right: 98rem
}
.arcu-widget.arcu-message.arcu-no-background.arcu-menu-horizontal.sm .messangers-block {
bottom: 25rem;
right: 77rem
}
.arcu-widget.arcu-message.arcu-no-background.arcu-menu-horizontal.left.hg .messangers-block {
bottom: 50rem;
left: 128rem;
right: auto
}
.arcu-widget.arcu-message.arcu-no-background.arcu-menu-horizontal.left.lg .messangers-block {
bottom: 35rem;
left: 98rem;
right: auto
}
.arcu-widget.arcu-message.arcu-no-background.arcu-menu-horizontal.left.md .messangers-block {
bottom: 30rem;
left: 86rem;
right: auto
}
.arcu-widget.arcu-message.arcu-no-background.arcu-menu-horizontal.left.sm .messangers-block {
bottom: 25rem;
left: 77rem;
right: auto
}
}
@keyframes arcu-updown {
0%,
43%,
100% {
transform: translate(0, 0)
}
25%,
35% {
transform: translate(0, -6rem)
}
}
@-webkit-keyframes arcu-updown {
0% {
transform: translate(0, 0)
}
25% {
transform: translate(0, 6rem)
}
35% {
transform: translate(0, 6rem)
}
43% {
transform: translate(0, 0)
}
100% {
transform: translate(0, 0)
}
}
@keyframes arcu-pulse {
0% {
transform: scale(0);
opacity: 1
}
50% {
opacity: .5
}
100% {
transform: scale(1.3);
opacity: 0
}
}
@-webkit-keyframes arcu-show-stat {
0%,
20% {
transform: scale(1)
}
21%,
84% {
transform: scale(0)
}
85%,
100% {
transform: scale(1)
}
}
@keyframes arcu-show-stat {
0%,
20% {
transform: scale(1)
}
21%,
84% {
transform: scale(0)
}
85%,
100% {
transform: scale(1)
}
}
@-webkit-keyframes arcu-show-icons {
0%,
20% {
transform: scale(0)
}
21%,
84% {
transform: scale(1)
}
85%,
100% {
transform: scale(0)
}
}
@keyframes arcu-show-icons {
0%,
20% {
transform: scale(0)
}
21%,
84% {
transform: scale(1)
}
85%,
100% {
transform: scale(0)
}
}
.arcu-widget {
display: none !important;
}
.arcu-widget.active {
display: block !important;
}
.arcu-menu-item {
display: block;
position: relative;
padding: 0 0 0 50rem;
text-decoration: none!important;
box-shadow: 0 10rem 6rem -6rem #eaeaea!important;
min-height: 40rem;
line-height: 40rem;
border: 1rem solid #eaeaea;
border-left: 2rem solid #7eb105;
margin-bottom: 15rem;
transition: .2s all!important;
background-color: #FFF
}
.arcu-menu-item:hover {
background-color: #F8F8F8
}
.arcu-menu-item:last-child {
margin-bottom: 0
}
.arcu-menu-item .arcu-menu-item-icon {
display: block;
width: auto;
height: 32rem;
position: absolute;
left: 10rem;
top: 0;
margin: auto 0;
bottom: 0
}
.arcu-menu-item .arcu-menu-item-icon svg {
height: 100%
}
.arcu-menu-item .arcu-menu-item-icon img {
max-height: 100%;
width: auto
}
.arcu-menu-item .arcu-menu-item-title {
color: #353535
}
#lhc_status_container,
#lhc_status-icon-restore {
display: none !important
}
#ar-zalo-chat-widget {
display: none;
}
#ar-zalo-chat-widget.active {
display: block;
}
#chat-application {
display: none !important;
}
#chat-application.active {
display: block !important;
}
#customer-chat-iframe {
display: none !important
}
#customer-chat-iframe.active {
display: block !important
}
#customer-chat-iframe #mobile-widget {
display: none !important
}
.storefront-handheld-footer-bar .arcontactus {
text-indent: 0
}
.storefront-handheld-footer-bar .arcontactus svg {
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 30rem;
height: 30rem;
left: 0;
right: 0
}
#lz_overlay_wm,
#lz_overlay_preview {
display: none !important
}
#lz_overlay_wm.active {
display: block !important
}
.arcu-popup-html {
display: none !important
}
.arcu-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-field::-webkit-input-placeholder {
color: #BBBBBB
}
.arcu-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-field::-moz-placeholder {
color: #BBBBBB
}
.arcu-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-field:-ms-input-placeholder {
color: #BBBBBB
}
.arcu-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-field::-ms-input-placeholder {
color: #BBBBBB
}
.arcu-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-field::placeholder {
color: #BBBBBB
}
.arcu-widget .messangers-block .messangers-list {
list-style: none outside none !important
}
.arcu-widget .messangers-block .messangers-list li {
list-style: none
}
.messangers-block .messanger p,
.messangers-block .messanger .arcu-item-label {
text-align: left
}
.arcu-widget .arcu-message-button p .static {
text-align: center;
text-indent: 0
}
.arcu-widget .callback-countdown-block .callback-countdown-block-phone .callback-countdown-block-form-group .arcu-form-label a {
text-decoration: underline
}
.fc-widget-normal {
display: none
}
.fc-widget-normal.fc-open {
display: block
}
.arcu-widget .arcu-prompt.active {
opacity: 1;
visibility: visible;
}
.arcu-form-group input[type="checkbox"]:checked::before {
top: 0;
left: 0;
margin: 0;
width: 18rem;
height: 18rem;
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group.arcu-form-group-type-checkbox input {
width: 20rem;
height: 20rem;
padding: 0;
top: 1rem;
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group.arcu-form-group-type-checkbox {
position: relative;
padding-left: 24rem;
min-height: 20rem;
line-height: 20rem;
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form {
margin-bottom: 0
}
.arcu-widget .arcu-forms-container .arcu-form-container .arcu-form-group:last-of-type {
margin-bottom: 0
}
#ar-fb-chat {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
#ar-fb-chat.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.arcu-widget .messangers-block .messangers-list-container .arcu-creds {
display: block !important;
height: 18rem;
}
.arcu-widget .messanger .arcu-item-icon .arcu-online-badge {
border: 2rem solid #FFF;
height: 10rem;
width: 10rem;
bottom: 0;
}
.arcu-widget.layout-personal .arcu-items-header {
font-weight: 500;
}
@import url("https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto+Slab|Roboto:300,400,500,700&display=swap");
#anychat-livechat-root {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
margin: 0
}
#anychat-livechat-root .widget-avatar svg {
height: 24rem;
width: 24rem
}
@-webkit-keyframes AnychatTyping {
0% {
transform: translateY(0)
}
75% {
transform: translateY(7rem)
}
to {
transform: translateY(0)
}
}
@keyframes AnychatTyping {
0% {
transform: translateY(0)
}
75% {
transform: translateY(7rem)
}
to {
transform: translateY(0)
}
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
unicode-range: U+0370-03FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4Ep0.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4Ep0.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4Ep0.woff2) format('woff2');
unicode-range: U+0370-03FF;
} @font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4Ep0.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4Ep0.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Roboto Mono';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v22/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYmRjRdE.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v22/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISma2RjRdE.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v22/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmY2RjRdE.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
} @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v22/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmbGRjRdE.woff2) format('woff2');
unicode-range: U+0370-03FF;
} @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v22/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYGRjRdE.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v22/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYWRjRdE.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/robotoslab/v22/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmb2Rj.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.arcu-widget .messangers-block {
background-color: #ffffff;
}
.arcu-widget .messangers-block:before {
border-top-color: #ffffff;
}
.messangers-block .messanger p,
.messangers-block .messanger .arcu-item-label {
color: #3b3b3b;
}
.messangers-block .messanger:hover p,
.messangers-block .messanger:hover .arcu-item-label {
color: #3b3b3b;
}
.messangers-block .messanger:hover {
background-color: #f0f0f0;
}
.arcu-widget .messanger p .arcu-item-subtitle,
.arcu-widget .messanger .arcu-item-label .arcu-item-subtitle {
color: #787878;
}
.arcu-widget .messanger:hover p .arcu-item-subtitle,
.arcu-widget .messanger:hover .arcu-item-label .arcu-item-subtitle {
color: #787878;
}
#arcu-message-callback-phone-submit {
font-weight: normal;
}
.grecaptcha-badge {
display: none !important;
}
.arcu-widget.right.arcu-message {
right: 20rem;
}
.arcu-widget .arcu-message-button .static div svg,
.arcu-widget .arcu-message-button .static div i,
.arcu-widget .arcu-message-button .static div img {
width: 24rem;
height: 24rem;
}
.arcu-widget .arcu-message-button .static div img {
border-radius: 50%;
display: block;
}
.arcu-widget.right.arcu-message {
bottom: 95rem;
}
.arcu-widget .messangers-block,
.arcu-widget .arcu-prompt,
.arcu-widget .callback-countdown-block,
.arcu-widget .arcu-forms-container {
box-shadow: 0 0 30rem rgba(0, 0, 0, 0.2);
}
.arcu-widget .arcu-message-button .pulsation {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
#ar-zalo-chat-widget {
display: none;
}
#ar-zalo-chat-widget.active {
display: block;
}
.arcu-widget .messangers-block,
.arcu-widget .arcu-popup {
width: 300rem;
}
.messangers-block .messanger p,
.messangers-block .messanger .arcu-item-label {}
.arcu-widget .arcu-forms-container {
width: auto;
}
.arcu-widget .arcu-forms-container #arcu-form-callback {
width: 300rem;
}
.arcu-widget .arcu-forms-container #arcu-form-email {
width: 300rem;
}
.arcu-widget .arcu-forms-container #arcu-form-offline {
width: 300rem;
}
@media(max-width: 991.99px) {
.arcu-widget.right.arcu-message.opened,
.arcu-widget.right.arcu-message.open,
.arcu-widget.right.arcu-message.popup-opened {
left: 0;
right: 0;
bottom: 0;
}
}
.arcu-widget .arcu-message-button {
position: relative;
}
.arcu-widget .arcu-message-button .pulsation.stop {
opacity: 0;
}html {
font-size: 1px;
}
#arcontactus,
.header,
.main_wrap,
.sidebar {
opacity: 0;
z-index: -1;
visibility: hidden;
}
.visible #arcontactus,
.visible .header,
.visible .main_wrap,
.visible .sidebar {
opacity: 1;
z-index: auto;
visibility: inherit;
}
.visible .header,
.visible #arcontactus,
.visible .sidebar {
z-index: 30;
}
.smenu-haschild:after {
background-size: 6rem auto;
}
.with-red-line {
background: linear-gradient(264.83deg, #EA0009 -7.01%, #A20702 99.89%);
width: 140rem;
height: 2rem;
margin: 23rem auto 0 0;
}
.sidebar-logo_mini.sidebar_mini {
margin: 11rem 0;
width: 53rem;
height: 74rem;
padding: 0;
}
.sidebar-logo_full.sidebar_full {
padding: 0;
height: 53rem;
margin: 11rem 0;
width: 171rem;
}
img.alignleft {
float: left;
margin-right: 15rem;
margin-bottom: 15rem;
height: 220rem;
width: auto;
}
img.alignright {
float: right;
margin-left: 15rem;
margin-bottom: 15rem;
height: 220rem;
width: auto;
}
.wpcf7-spinner {
display: none;
}
.grecaptcha-badge {
opacity: 0;
pointer-events: none;
}
form {
position: relative;
}
.form-group {
position: relative;
}
.wpcf7-form-control-wrap {
position: static;
}
.wpcf7-not-valid-tip {
position: absolute;
top: 100%;
left: 0;
right: 0;
text-align: center;
font-size: 12rem;
}
.wpcf7 form .wpcf7-response-output {
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin: 0;
text-align: center;
font-size: 10rem;
margin-bottom: 32rem;
padding: 2rem;
border-width: 2rem;
}
.sp-wrap+.sp-wrap {
margin-top: 15rem;
}
#lang_menu:after,
#lang_menu .sub-menu a:after {
background-size: 6rem auto;
}
.arcu-widget .arcu-close.arcu-show svg {
width: 12rem;
height: 13rem;
}
.sticky-form .wpcf7 form .wpcf7-response-output,
.stiky .wpcf7 form .wpcf7-response-output {
bottom: -30rem;
right: -32rem;
left: -32rem;
margin: 0;
font-size: 9rem;
padding: 3rem;
border-radius: 0 0 6rem 6rem;
}
.apply_online_page .wpcf7 form .wpcf7-response-output {
margin: 0;
bottom: auto;
top: 100%;
left: -32rem;
right: -32rem;
padding: 2rem;
text-align: center;
}
.h2.has_before br {
display: none;
}
.search_form.open>input {
font-size: 16rem;
}
.dnd-upload-counter {
right: 5rem;
bottom: 3rem;
font-size: 12rem;
}
.codedropz-upload-handler {
border-width: 2rem;
border-radius: 5rem;
margin-bottom: 10rem;
}
.page_content h1,
.page_content h2,
.page_content h4 {
font-size: 18rem;
line-height: 1.2;
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-emphasis-color: transparent;
text-align: justify;
}
.video_news-item {
cursor: pointer;
}
.page_content a,
.page_content a>h3 {
font-weight: 500;
font-style: italic;
font-size: 16rem;
line-height: 1.2;
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-emphasis-color: transparent;
transition: all 350ms ease;
padding-right: 4rem;
position: relative;
}
.page_content a:before {
content: "";
width: 100%;
height: 1rem;
bottom: 1rem;
left: 0;
position: absolute;
background: linear-gradient(35deg, #060C48 0%, #004793 100%);
}
.page_content a:hover {
filter: hue-rotate(130deg) saturate(150%);
}
.page_content .results_search {
display: block;
}
.page_content .results_search+.results_search {
margin-top: 20rem;
}
.page_content .pagination {
padding: 0;
margin-top: 20rem;
}
.pagination>span {
font-size: 16rem;
line-height: 1.2;
color: #3A3A3A;
}
.pagination .page-numbers+.page-numbers {
margin-left: 5rem;
}
.page_content .search_form.open>input {
width: 100%;
}
.page_content .search_form.open .go_search {
margin-left: auto;
margin-right: 5rem;
}
.page_content .search_form.open {
margin-bottom: 30rem;
}
.page_content ul,
.page_content ol {
margin: 16rem 0;
padding: 0;
list-style: none;
}
.page_content ul li,
.page_content ol li {
padding-left: 20rem;
background: radial-gradient(#3a3a3a 1.4rem, transparent 1.6rem) 8.5rem 6.5rem/ 3rem 3rem no-repeat;
}
.page_content ul li+li,
.page_content ol li+li {
margin-top: 5rem;
}
*::selection {
-webkit-text-fill-color: #fff;
background: #004793;
-webkit-background-clip: inherit;
}
.apply_online_page input[type="submit"] {
display: none;
}
img.aligncenter,
img.alignnone {
width: 100%;
margin: 12rem 0;
border-radius: 3rem;
}
.preloader_logo svg {
width: 300px;
height: 300px;
}
.h2.has_before+p img {
margin-top: 0;
}
.flow {
height: 100vh;
width: 100vw;
overflow: hidden;
}
.empty-img-container+p>img {
margin-top: 3rem;
} .container-left-part {
width: calc(100% - 402rem);
margin: 0 16rem;
}
.container-sticky-form {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.hidden-text h1 {
opacity: 0;
pointer-events: none;
position: absolute;
font-size: 2rem;
}
.services-item .blueform {
position: static;
}
.sticky-form {
position: sticky;
top: 112rem;
margin-top: -78rem;
height: 316rem;
}
.blueform .form-btngroup {
margin-top: 28rem;
margin-bottom: 7rem;
}
.header-socials>.social-link:hover {
filter: none;
}
.header-socials>.social-link:hover:nth-child(1) svg path {
fill: url(#paint0_linear_76_122);
}
.header-socials>.social-link:hover:nth-child(2) svg path {
fill: url(#paint0_linear_76_118);
}
.header-socials>.social-link:hover:nth-child(2) svg rect+g path {
fill: url(#paint1_linear_76_118);
}
.header-socials>.social-link:hover:nth-child(3) svg path {
fill: url(#paint0_linear_76_113);
}
.header-socials>.social-link:hover:nth-child(3) svg rect+path {
fill: url(#paint1_linear_76_113);
}
.header-socials>.social-link:hover:nth-child(4) svg path {
fill: url(#paint0_linear_76_109);
}
.header-socials>.social-link:hover:nth-child(4) svg rect+g path {
fill: url(#paint1_linear_76_109);
} .page_sidebar .stiky_wrap {
position: sticky;
top: 117rem;
}
.page_sidebar .stiky {
position: static;
}
.has_sidebar {
position: relative;
} .form-label {
display: block;
text-align: center;
font-size: 16rem;
line-height: 1.5;
cursor: text;
}
.blueform br {
display: none;
}
.apply-container {
font-size: 0;
}
.apply-container .form-group:nth-child(3n),
.apply-container .form-group:nth-child(3n+1) {
width: calc(50% - 20rem);
display: inline-block;
}
.apply-container .form-group:nth-child(3n) {
margin-right: 40rem;
}
.apply-container .form-group.mfiles-form-group {
width: 100%;
display: block;
font-size: 16rem;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
-webkit-text-fill-color: #fff;
font-style: inherit;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn:before {
display: none;
}
.fix_form-wrap input[type="submit"],
.form_footer input[type="submit"] {
display: none;
}
.blueform .btn,
.modal .btn {
background: linear-gradient(45deg, #EA0009 0%, #A20702 40%, #fff 60%, #fff 100%) 0% 0 / 400% 100%;
}
.blueform .btn:hover,
.modal .btn:hover {
background: linear-gradient(45deg, #EA0009 0%, #A20702 40%, #fff 60%, #fff 100%) 100% 0 / 400% 100%;
}
.form-btngroup .btn {
width: 100rem;
height: 32rem;
}
.form-btngroup .btn p {
background: linear-gradient(45deg, #FFF 0%, #FFF 50%, #060C48 50%, #004793 100%) 0 0 / 300% 100%;
color: #FFFFFF;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
transition: all 350ms ease;
}
.blueform .form-btngroup .btn:hover p,
.modal .form-btngroup .btn:hover p {
background-position: 100% 0;
color: #060C48;
}
.form-btngroup .btn p+p {
display: none;
}
.container-left-part {
transition: all 350ms ease;
}
.sidebar_open .container-left-part {
width: calc(100% - 338rem);
}
.form-group h3 {
text-align: center;
color: #fff;
font-size: 24rem;
line-height: 32rem;
margin: 5rem 0;
}
.form-date .new-calendar {
position: absolute;
bottom: 10rem;
right: 8rem;
width: 16rem;
height: 16rem;
padding: 0.5rem;
font-size: 0;
background: #0A154D;
transition: all 350ms ease;
}
.form-date .new-calendar svg {
width: 15rem;
height: 15rem;
transition: all 350ms ease;
}
.form-date input:focus+.new-calendar {
background: #152574;
}
.new-calendar svg path {
fill: #fff;
transition: all 350ms ease;
}
.form-date input:focus+.new-calendar svg path {
fill: #545C83;
}
.modal .form-btngroup {
margin-top: 30rem;
}
.apply_online_page h1.h2.has_before {
display: none;
}
.codedropz-upload-container {
padding: 15rem 20rem;
} .smenu-sub {
right: auto;
left: calc(100% + 10rem);
}
.smenu-sub_item {
white-space: nowrap;
} .has_sidebar::before {
display: none;
}
.single-page .header {
-moz-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.10);
-webkit-box-shadow: rgba(0, 0, 0, 0.10);
box-shadow: rgba(0, 0, 0, 0.10);
} .sp-wrap {
margin-bottom: 0;
}
.accordion-group+.accordion-group {
margin-top: 15rem;
}
.sp-wrap-default {
background: transparent;
border: 1.24rem solid #D6D6D6;
}
.sp-wrap-default .sp-head {
margin: 0;
padding: 13rem 40rem 14rem 10rem;
font-size: 16rem;
line-height: 18rem;
background: linear-gradient(34.58deg, #030838 2.55%, #004793 95.33%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-emphasis-color: transparent;
position: relative;
font-weight: 700;
}
.sp-wrap-default .sp-head:after {
content: "";
position: absolute;
top: 12rem;
right: 17rem;
width: 22rem;
height: 22rem;
background: url(//recas.ru/wp-content/themes/recas/assets/images/arrow_toup.svg) center center / auto 20rem no-repeat;
}
.sp-wrap-default .sp-head:before {
display: none;
}
.sp-head_center {
position: relative;
background: linear-gradient(34.58deg, #030838 2.55%, #004793 95.33%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-emphasis-color: transparent;
padding-left: 13rem;
}
.sp-wrap-default .sp-head .sp-head_center::before {
content: '';
position: absolute;
top: 7rem;
left: 0;
width: 3rem;
height: 3rem;
border-radius: 50%;
background: linear-gradient(34.58deg, #030838 2.55%, #004793 95.33%);
}
.sp-wrap-default .sp-head.unfolded .sp-head_center {
-webkit-text-fill-color: #FBFBFB;
color: #FBFBFB;
}
.sp-wrap-default .sp-head.unfolded {
background: linear-gradient(34.58deg, #030838 2.55%, #004793 95.33%);
-webkit-text-fill-color: #FBFBFB;
color: #FBFBFB;
margin: -1rem;
}
.sp-wrap-default .sp-head.unfolded::after {
background: url(//recas.ru/wp-content/themes/recas/assets/images/arrow_todown.svg) center center / auto 20rem no-repeat;
border-color: #FBFBFB;
}
.sp-wrap-default .sp-head.unfolded .sp-head_center::before {
background: #FBFBFB;
}
.sp-wrap-default .sp-head.unfolded::before {
transform: translateY(calc(-50% + 1rem)) rotate(219deg) skew(-10deg);
transition: transform 200ms linear;
}
.sp-wrap-default .spdiv {
display: none;
}
.sp-body p:nth-child(1 - n) {
margin: 0;
}
.wp-block-presto-player-reusable-edit p {
margin: 0;
}
.sp-wrap-default .sp-body {
padding: 32rem;
background: #fff;
}
.video-container {
width: 260rem;
margin: 0 auto;
}
.footer-map_mob-container {
display: none;
} .smenu-icon img,
.smenu-icon svg {
width: 24rem;
height: 24rem;
}
.sslide-icon img {
width: 16rem;
height: 14rem;
}
.hasicon-icon svg {
width: 20rem;
height: 20rem;
}
.social-link svg {
width: 20rem;
height: 20rem;
}
.first_screen-title_wrap:before {
background-size: 20rem 15rem;
}
.services-icon img {
width: 81rem;
height: 81rem;
}
.services>.cols.container {
margin: 0 -30rem;
padding-right: 0;
}
.why-image img {
width: 70rem;
}
.how-image img {
width: 62rem;
}
.feadbacks-send .feadbacks-image>* {
width: 80rem;
}
.gallery .slick-arrow svg {
width: 24rem;
height: 24rem;
}
.gallery-item>a:before,
.gallery_page a.gallery_page-items:before {
background-size: 36rem 36rem;
}
.video_news-image:before {
background-size: 50rem 50rem;
}
.footer-logo .footer-logo_before svg,
.footer-logo .footer-logo_after svg {
width: 61rem;
height: 10rem;
}
.footer-logo a img {
width: 171rem;
} .header-left {
margin-left: -7rem;
}
.section-why .why-subtitle+.text-default {
margin-left: 5rem;
}
.section-why.section .container {
padding-right: 15rem;
}
.section-why.section {
margin-left: -15rem;
}
.section-how.section {
margin: 0;
overflow: hidden;
padding-top: 82rem;
padding-bottom: 100rem;
}
.section.section-progress {
margin-bottom: 0;
}
.section.section-portfolio {
margin-top: 0;
margin-bottom: 104rem;
}
.section-portfolio .read_more {
margin-bottom: 29rem;
}
.section.section-students {
margin-top: 102rem;
margin-bottom: 0;
}
.section-students .cols-w4 {
margin-top: 31rem;
padding-left: 12rem
}
.section-students .cols-w4-c3 {
margin-top: 1rem;
}
.section.section-video_news {
margin-top: 36rem;
}
.footer-contacts_item .contact-link .hasicon-icon {
transition: all 350ms ease;
filter: contrast(0%) brightness(200%) hue-rotate(0deg) saturate(0);
}
.footer-contacts_item .contact-link:hover .hasicon-icon {
filter: contrast(100%) brightness(350%) hue-rotate(130deg) saturate(150%);
}
.contact-link .hasicon-icon {
filter: contrast(100%) brightness(100%) hue-rotate(0deg) saturate(170%);
transition: all 350ms ease;
}
.sidebar .contact-link .hasicon-icon {
filter: contrast(100%) brightness(300%) hue-rotate(0deg) saturate(50%);
}
.contact-link:hover .hasicon-icon {
filter: contrast(100%) brightness(150%) hue-rotate(0deg) saturate(150%);
}
.sslide-icon svg {
width: 16rem;
height: 14rem;
} .arcu-widget.right.arcu-message {
right: 20rem;
bottom: 20rem;
}
.arcu-widget.arcu-message {
z-index: 30;
}
.bg-color-anychat,
.arcu-widget .arcu-message-button.bg-color-anychat,
.arcu-widget .messanger .arcu-item-icon.bg-color-anychat {
background: linear-gradient(45deg, #060C48 0%, #004793 40%, #EA0009 60%, #A20702 100%) 0 0 / 400% 100%;
transition: all 350ms ease;
}
.bg-color-anychat:hover,
.arcu-widget .arcu-message-button.bg-color-anychat:hover,
.arcu-widget .messanger:hover .arcu-item-icon.bg-color-anychat,
.arcu-message-button:hover .pulsation.bg-color-anychat {
background-position: 100% 0;
}
.arcu-widget .arcu-message-button {
min-width: 60rem;
padding-left: 60rem;
height: 60rem;
}
.arcu-widget .arcu-message-button .arcu-button-icon {
width: 60rem;
}
.arcu-widget .arcu-message-button p {
font-size: 9rem;
}
.arcu-widget .arcu-online-badge {
top: 5rem;
right: 5rem;
width: 8rem;
height: 8rem;
}
.arcu-widget .arcu-message-button .static div svg {
width: 20rem;
height: 20rem;
margin-bottom: 2rem;
}
.bg-color-anychat-inset svg {
color: #EA0009;
transition: all 350ms ease;
}
.arcu-button-icon:hover .bg-color-anychat-inset svg {
color: #060C48;
}
.smenu-li:hover .smenu-sub {
transform: none;
opacity: 1;
pointer-events: auto;
}
.smenu-sub:before {
content: "";
position: absolute;
height: 100%;
width: 10rem;
top: 0;
left: -10rem;
}
.contact-container {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.page_content .footer-title {
border-color: #022B6B;
}
.page_content .footer-title {
color: #022B6B;
padding-bottom: 4rem;
margin: 0;
}
.page_content .footer-contacts_item .contact-link {
margin: 5rem 0;
color: #022B6B;
font-style: inherit;
}
.page_content .footer-contacts_item .contact-link:hover {
color: #D80207;
}
.page_content .footer-contacts_item {
margin-bottom: 13rem;
}
.footer-contacts_item br,
.footer-contacts_item .contact-link:before,
.contact-container a:before {
display: none;
}
.contact-page_left-side .hasicon-icon svg {
width: 12rem;
height: 12rem;
}
.contact-page_left-side .hasicon-text {
transition: all 350ms ease;
}
.contact-page_bottom-map {
width: 100%;
margin-top: 14rem;
}
.contact-page_bottom-map iframe {
width: 100%;
min-height: 450rem;
}
.contact-page_right-side svg {
height: 204rem;
width: 146rem;
margin-right: 150rem;
margin-bottom: 16rem;
}
.contact-page_right-side a {
font-size: 0;
}
.page_content .contact-container p {
margin: 0;
}
.contact-container .footer-contacts_item .contact-link .hasicon-icon,
.page_content .contact-container a {
filter: none;
padding: 0;
}
.page_content a.category-list_link {
display: block;
}
.page_content a.category-list_link:before {
display: none;
}
.our-courses .sp-body {
padding: 25rem;
}
.our-courses .category-item__header {
margin: 0;
font-style: inherit;
}
.our-courses .category-list_link {
font-style: inherit;
}
.our-courses .category-list-container .category-list_item {
background-position: 8.5rem 8.5rem;
}
.our-courses .category-list-container .category-list_item+.category-list_item {
margin-top: 5rem;
}
.un-link-container {
margin-top: 14rem;
}
.process-item:first-child .process-image>img {
width: 55rem;
height: 55rem;
}
.section-how .text-gradient {
margin-left: 20rem;
}
.section-why .cols {
justify-content: space-between;
padding-right: 15rem;
}
.section-why .cols .cols-w3 {
width: 283rem;
margin: 0;
}
.section-why .cols .cols-w3:first-child {
width: 224rem;
margin-left: 24rem;
}
.section-why .read_more {
margin-bottom: 27rem;
}
.category .page_content a:before {
display: none;
}
.gallery_page .page_content .has_before+p {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.gallery_page a.gallery_page-items {
overflow: hidden;
display: block;
width: 270rem;
padding: 0;
border-radius: 6rem;
}
.gallery_page a.gallery_page-items:nth-child(n+4) {
margin-top: 30rem;
}
.gallery_page a.gallery_page-items>img {
transition: 450ms;
width: 1080rem;
height: auto;
}
.gallery_page a.gallery_page-items:hover>img {
transform: scale(1.1);
}
.gallery_page a.gallery_page-items:hover {
filter: none;
box-shadow: 0 4rem 14rem rgba(0, 0, 0, 0.2);
}
.page_content a.read_more-link {
font-weight: 400;
font-size: 14rem;
line-height: 16rem;
font-style: inherit;
color: #888888;
-webkit-text-fill-color: currentColor;
-webkit-background-clip: inherit;
background: transparent;
}
.page_content a.read_more-link:hover {
color: #000000;
}
.special-padding .sp-wrap-default .sp-body {
padding: 25rem 25rem 18rem;
}
.un-img-container>img {
width: 100%;
height: auto;
}
.read_more-icon svg {
width: 12rem;
height: 8rem;
}
.adress-container_footer .contact-link {
display: block;
}
.footer-contacts_item.adress-container_footer .contact-link:hover {
color: #fff;
filter: none;
}
.footer-contacts {
display: flex;
align-items: center;
}
.footer-contacts_left,
.footer-contacts_right {
width: 50%;
}
.footer-contacts_right .map-container-footer {
height: 203rem;
width: 270rem;
border-radius: 8rem;
overflow: hidden;
}
.footer-contacts_right iframe {
height: 304.5rem;
width: 405rem;
transform-origin: 0 0;
transform: scale(0.666);
}
.footer-contacts_left {
padding-left: 15rem;
}
.footer-contacts_right {
padding-left: 21rem;
}
.footer_widgets-item+.footer_widgets-item {
padding-left: 6rem;
}
.footer-contacts_left .footer-title {
margin-bottom: 0;
}
.footer-contacts_left .footer-contacts_item .contact-link {
margin: 5rem 0;
font-weight: 400;
}
.footer-contacts_left .footer-contacts_item {
margin-bottom: 5rem;
}
.footer .hasicon-icon svg {
width: 12rem;
height: 12rem;
}
.footer-contacts_item.adress-container_footer .contact-link .hasicon-icon {
display: inline-block;
margin-right: -10rem;
}
.footer-contacts_item.adress-container_footer br {
display: block;
}
.un-content-container,
.un-content-container>p {
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
line-clamp: 6;
box-orient: vertical;
margin: 0;
}
.un-content-container {
margin-top: 14rem;
}
.un-img-container>img {
border-radius: 3rem;
}
.sp-wrap.empty-content,
.category-list_item.empty-content {
cursor: pointer;
}
.has_before+.un-img-container.empty-img-container {
margin-top: -3rem;
}
.sp-head.empty-content-title,
.category-list_link.empty-content-title {
pointer-events: none;
}
.category-list_item.empty-content:hover a {
filter: hue-rotate(130deg) saturate(150%);
}
table td {
font-size: 14rem;
line-height: 16rem;
color: #3A3A3A;
text-align: justify;
}
.has_before+.un-img-container {
margin-bottom: 16rem;
}
.un-img-container {
border-radius: 3rem;
}
.page_content .has_before+.search_form.open {
margin-top: 46rem;
}
.only_mob {
display: none;
}
.gallery_page .page_content p,
.gallery_page .page_content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.gallery_page .page_content img,
.gallery_page .page_content p {
margin: 0;
}@media (max-width: 991.99px) { html {
font-size: 1px;
}
.container {
padding: 0 32rem;
}
.section {
margin: 55rem 0;
}
.has_before:before {
width: 4rem;
height: calc(100% + 7rem);
left: -12rem;
}
.preloader_logo img {
width: 100px;
height: 100px;
}
.mob_fix_btn,
.sidebar_mob .mob_fix_btn p {
background: linear-gradient(45deg, #EA0009 0%, #A20702 40%, #060C48 60%, #004793 100%) 0% 0 / 400% 100%;
transition: all 350ms ease;
font-size: 9rem;
letter-spacing: 0.1em;
}
.mob_fix_btn:hover,
.sidebar_mob .mob_fix_btn:hover p {
background-position: 100% 0;
}
.sidebar_mob .mob_fix_btn:hover p {
box-shadow: inset 0 0 4rem rgb(0, 0, 0, 0.45);
}
.wpcf7-not-valid-tip {
font-size: 8rem;
}
.sticky-form .wpcf7 form .wpcf7-response-output,
.stiky .wpcf7 form .wpcf7-response-output {
bottom: -28rem;
right: -20rem;
left: -20rem;
font-size: 8rem;
}
.apply_online_page .wpcf7 form .wpcf7-response-output {
top: auto;
bottom: -28rem;
font-size: 9rem;
left: -32rem;
right: -32rem;
}
.form-group.form-date .form-input {
min-height: 35rem;
}
.wpcf7 form .wpcf7-response-output,
.footer .wpcf7 form .wpcf7-response-output {
bottom: -22rem;
right: -20rem;
left: -20rem;
margin: 0;
font-size: 7rem;
border-radius: 0 0 6rem 6rem;
}
.fixmenu-logo>svg {
width: 53rem;
height: 74rem;
}
.sidebar_mob .sbmenu-icon svg {
width: 25rem;
height: 24rem;
}
.modal .wpcf7 form .wpcf7-response-output {
bottom: -29rem;
right: -30rem;
left: -30rem;
margin: 0;
font-size: 9rem;
border-radius: 0 0 10rem 10rem;
} .first_screen {
background-size: cover;
background-position: 80% 0;
}
.header>.container {
padding: 0 40rem;
}
.header-socials {
display: block;
margin-right: -8rem;
margin-left: 3rem;
}
.header-socials .social-link {
padding: 0 4.5rem;
}
.process-image>img {
width: 62rem;
height: auto;
}
.portfolio-link_icon>img {
width: 24rem;
height: auto;
}
.section-why.section {
margin-left: 0;
} .first_screen>.container {
padding: 0 17rem;
}
.first_screen-title {
padding-top: 261rem;
}
.first_screen-title_wrap:before {
background-size: cover;
}
.first_screen-title_wrap {
padding: 28rem 0 50rem 42rem;
}
.first_screen-subtitle {
margin-top: 4rem;
} .sidebar_mob {
position: fixed;
width: calc(100% - 36rem);
bottom: 20rem;
}
.sidebar_mob-menu {
border-radius: 6rem;
padding: 0 78rem 0 8rem;
background: radial-gradient(58rem 58rem at calc(100% - 40rem) 10rem, transparent 29rem, #fff 29.5rem);
box-shadow: none;
filter: drop-shadow( 0 4rem 14rem rgb(0, 0, 0, 0.32));
}
.sbmenu-item {
align-items: center;
padding: 1rem 6rem;
}
.sbmenu-item.blue-line::after {
width: 22rem;
bottom: -7rem;
opacity: 1;
background: linear-gradient(34.58deg, #030838 2.55%, #004793 95.33%);
}
.sbmenu-item.active::after {
width: 22rem;
background: linear-gradient(264.83deg, #EA0009 -7.01%, #A20702 99.89%);
}
.mob_fix_btn a {
font-weight: 700;
font-size: 10rem;
line-height: 120%;
letter-spacing: -0.01em;
text-transform: uppercase;
background: linear-gradient(264.83deg, #EA0009 -7.01%, #A20702 99.89%);
box-shadow: 0 0 4rem rgba(0, 0, 0, 0.45);
border-radius: 50%;
padding: 8rem 5rem;
} .blueform-title {
margin-bottom: 17rem;
}
.sticky-form {
order: 1;
position: static;
margin: 0;
height: auto;
}
.container-left-part {
order: 2;
margin: 33rem 0 0 0;
width: 100%;
}
.services-item.fix_form-wrap {
padding: 20rem;
width: calc(100% - 64rem);
margin: 0 32rem;
height: auto;
}
.blueform .form-group:nth-child(n) {
margin: 0;
}
.blueform .form-group.form-email {
margin-left: 10rem;
}
.blueform .form-group.form-phone {
margin-top: 10rem;
}
.blueform form {
font-size: 0;
} .services-wrap {
padding: 16rem;
}
.services-text {
text-align: left;
margin-left: 10rem;
padding-left: 8rem;
}
.services-wrap:before {
width: 150rem;
}
.services>.cols.container {
padding: 0 17rem;
width: 100%;
margin: 0;
}
.services .services-item:last-child {
padding: 0;
}
.cols-w3 {
width: calc(100% - 30rem);
margin: 13rem auto;
}
.services-icon {
width: 81rem;
} .read_more-title {
margin: 0 32rem 0 12rem;
}
.section-why .why-subtitle+.text-default {
margin-left: 7rem;
padding-right: 40rem;
margin-top: 16rem;
}
.section-why.section .container {
padding-right: 32rem;
}
.why-item {
margin-bottom: 18rem;
} .process-item {
padding: 33rem 0 35rem;
}
.process-item:first-child {
padding-top: 13rem;
}
.process-btn_container {
margin: -5rem 0 0 0;
}
.btn {
padding: 9rem 29rem;
} .section-how.section {
padding-top: 37rem;
padding-bottom: 67rem;
}
.section-how .h2 {
padding-left: 0;
margin-bottom: 26rem;
white-space: nowrap;
}
.h2 .text-big {
margin-left: 0;
margin-right: 6rem;
}
.only_mob {
display: block;
}
.why-subtitle {
font-size: 18rem;
line-height: 19rem;
}
.why-name {
font-size: 18rem;
line-height: 18rem;
}
.process-text {
font-size: 18rem;
line-height: 16rem;
width: 200rem;
text-align: left;
margin-left: 15rem;
margin-right: -26rem;
height: 17rem;
}
.how-video {
padding: 18rem 14rem 14rem;
border-radius: 10rem;
}
.how-video_wrap {
border-width: 1rem;
}
.section-how .text-gradient {
margin-left: 40rem;
}
.how-video_wrap {
padding-bottom: 206rem;
}
.how-video:after {
height: 299rem;
width: 216rem;
right: -68rem;
bottom: -43rem;
}
.how-left {
padding: 15rem 0rem 0rem;
}
.how-item {
padding: 14rem 0 15rem;
}
.how-image {
width: 76rem;
}
.how-image img {
margin: 0 13rem 0rem 0;
}
.how-text {
width: calc(100% - 76rem);
padding-left: 7rem;
}
.how-text .text-default {
font-size: 13rem;
line-height: 15rem;
}
.how-item:after {
width: 45%;
left: 0;
}
.how-btn {
margin-top: 6rem;
margin-left: 2rem;
} .section.section-portfolio {
margin-bottom: 59rem;
}
.portfolio-body {
margin-top: 6rem;
}
.section-portfolio .read_more {
margin-bottom: 35rem;
}
.portfolio-item {
margin: 16rem;
}
.portfolio-link {
width: calc(20% - 8rem);
}
.portfolio-link_text.btn {
padding: 3rem 13rem;
}
.portfolio-image {
padding-bottom: 74%;
}
.portfolio-logo {
width: 46rem;
height: 46rem;
right: 23rem;
top: -23rem;
background-size: auto calc(100% - 6rem);
} .feadbacks-image {
width: 157rem;
padding-bottom: 157rem;
margin: 7rem auto 18rem;
}
.feadbacks-items button {
top: calc(50% - 22rem);
left: 25rem;
transform: none;
}
.feadbacks-items button.slick-next {
right: 25rem;
transform: rotate(180deg);
}
.feadbacks-items .feadbacks-item {
padding: 0 60rem;
}
.section-feadbacks .cols-w4 {
margin: 14rem auto 15rem;
}
.feadbacks-item.feadbacks-send {
padding-bottom: 47rem;
}
.section-feadbacks .btn {
padding: 9rem 32rem;
} .section.section-students {
margin-top: 55rem;
}
.section-students .cols-w4 {
margin-top: 12rem;
padding-left: 0;
}
.students-subtitle {
margin-top: -5rem;
}
.section-students .text-default {
margin-top: 0;
}
.section-students .cols-w4-c3 {
margin-top: 7rem;
}
.section-students .cols-w4-c3 {
margin-bottom: 19rem;
} .gallery .slick-list {
padding: 0 41rem;
}
.gallery .slick-list .slick-slide {
overflow: hidden;
height: 210rem;
border-radius: 6rem;
}
.gallery .slick-list .slick-slide>a {
margin-top: -12.5rem;
}
.gallery button {
left: 25rem;
}
.gallery button.slick-next {
left: auto;
right: 25rem;
}
.gallery-item {
margin: 0 32rem;
} .video_news-items {
margin-top: 52rem;
margin-left: 16rem;
padding: 17rem;
}
.video_news-items:before {
width: 39%;
}
.video_news-item {
margin-bottom: 22rem;
}
.video_news-item:last-child {
margin-bottom: 3rem;
}
.video_news-image {
margin-bottom: 12rem;
}
.video_news-name {
margin-right: 40rem;
margin-left: 2rem;
}
.video_news-category {
margin-top: 3rem;
margin-left: 3rem;
}
.section-video_news .cols-w4 {
margin-top: 71rem;
}
.news_list {
margin-top: 27rem;
} .footer {
margin-top: 137rem;
}
.form_footer {
transform: translatey(calc(-50% + 13rem));
padding: 18rem 20rem 22rem 20rem;
}
.footer form {
width: 100%;
flex-wrap: wrap;
}
.footer form>p {
width: 100%;
margin-bottom: 18rem;
}
.form_footer .form-group:nth-child(n) {
margin: 0;
}
.form_footer .form-group.form-phone {
margin-top: 12rem;
}
.form_footer .form-btngroup {
margin-top: 28rem;
}
.footer-logo a img {
width: 128rem;
}
.arcu-widget.right.arcu-message {
right: 32rem;
bottom: 100rem;
}
.form_footer {
margin-bottom: -56rem;
}
.footer-logo .footer-logo_before svg,
.footer-logo .footer-logo_after svg {
width: 46rem;
height: 8rem;
}
.footer-logo {
margin-bottom: 32rem;
}
.footer-socials .social-link {
margin-left: 12rem;
}
.footer-socials-title {
font-size: 20rem;
line-height: 23rem;
margin-right: 14rem;
margin-left: -25rem;
}
.footer-socials {
margin: 0 auto 11rem;
}
.footer-contacts {
justify-content: space-between;
}
.footer-title {
padding-bottom: 6rem;
margin-bottom: 9rem;
}
.footer .hasicon-text {
margin-left: 8rem;
}
.footer-contacts_item .contact-link {
margin: 3rem 0;
}
.footer-contacts_item:last-child {
margin: 12rem 0 0 0;
}
.footer-contacts_item {
margin-bottom: 18rem;
}
.footer-contacts {
margin: 0;
flex-wrap: wrap;
order: 1;
}
.footer-contacts_left {
width: 100%;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer-contacts_right {
display: none;
}
.footer_widgets {
display: flex;
order: 2;
width: 100%;
margin-top: 21rem;
}
.footer_widgets-item,
.footer_widgets-item+.footer_widgets-item {
width: 50%;
margin: 0;
padding: 0;
}
.empty-img-container+p>img {
margin-top: 0;
}
.footer_widgets-item+.footer_widgets-item {
padding-left: 11rem;
}
.footer-top {
flex-wrap: wrap;
}
.footer-map_mob-container {
display: block;
order: 3;
width: 100%;
height: 232rem;
border-radius: 8rem;
overflow: hidden;
margin: 32rem 0 37rem;
}
.footer-map_mob-container>iframe {
width: 470rem;
height: 348rem;
transform-origin: 0 0;
transform: scale(0.666);
}
.read_more-link:hover {
margin-left: -2rem;
}
.read_more-icon svg {
margin-bottom: -1rem;
} .page_content .h2.has_before {
font-size: 20rem;
line-height: 1.2;
letter-spacing: -0.01em;
margin-left: 12rem;
margin-bottom: 26rem;
}
.page_content .h2.has_before:before {
height: calc(100% + 4rem);
top: -2rem;
}
.defaul_page {
padding-top: 35rem;
}
.page_content {
margin: 0;
}
.page_content h1,
.page_content h2,
.page_content h4 {
font-size: 16rem;
line-height: 1.2;
}
img.aligncenter,
img.alignnone {
margin: 2rem 0;
}
.with-red-line {
width: 45%;
margin: -3rem auto 0 0;
}
.section-why .cols {
padding: 0;
margin: 0;
width: 100%;
}
.section-why .cols .cols-w3 {
width: 100%;
margin: 0;
}
.section-why .cols .cols-w3:first-child {
width: 100%;
margin-left: 3rem;
}
.section-why .cols .cols-w3+.cols-w3 {
margin-top: 23rem;
}
.gallery button:after,
.feadbacks-items button:after {
background-size: 17rem auto;
} .blueform-title,
.footer .blueform-title {
font-size: 20rem;
}
.apply_online_page .blueform .form-group:nth-child(n) {
margin: 0;
width: 100%;
}
.apply_online_page .blueform .form-group+.form-group {
margin-top: 10rem;
}
.form-label {
font-size: 14rem;
}
.form-group h3 {
font-size: 16rem;
line-height: 20rem;
margin: 0 0 5rem;
}
.apply-container .form-group.mfiles-form-group {
font-size: 14rem;
}
.page_content a {
font-size: 14rem;
}
.codedropz-upload-container {
padding: 10rem 20rem;
}
.modal .group-container {
font-size: 0;
}
.modal .form-group:nth-child(1),
.modal .form-group:nth-child(2) {
width: calc(50% - 6rem);
display: inline-block;
}
.modal .form-group:nth-child(2) {
margin-left: 12rem;
margin-top: 0;
}
.modal .form-group+.form-group+.form-group {
margin-top: 12rem;
}
.modal_body {
width: 310rem;
height: 400rem;
padding: 20rem 30rem;
}
.modal .form-btngroup {
margin-top: 20rem;
}
.contact-page_bottom-map iframe {
width: 100%;
height: 250rem;
min-height: 250rem;
}
.contact-container {
justify-content: center;
}
.contact-page_right-side svg {
margin: 0;
}
.gallery_page a.gallery_page-items>img {
width: 100%;
}
.gallery_page a.gallery_page-items:nth-child(n+2) {
margin-top: 30rem;
}
.carousel__button.is-prev,
.carousel__button.is-next {
top: calc(50% + 24rem);
}
.fancybox__nav .carousel__button.is-next {
right: -4rem;
}
.fancybox__nav .carousel__button.is-prev {
left: -4rem;
}
.sp-wrap-default .sp-head {
padding: 4rem 30rem 4rem 10rem;
height: 40rem;
display: flex;
align-items: center;
}
.sp-wrap-default .sp-head .sp-head_center {
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
-moz-box-orient: vertical;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
padding-left: 13rem;
}
.sp-wrap-default .sp-head {
font-size: 14rem;
line-height: 16rem;
}
.sp-wrap-default .sp-head::before {
top: 12rem;
}
.sp-wrap-default .sp-head:after {
top: 50%;
transform: translateY(-50%);
right: 5rem;
}
.mob_fix_btn:before {
display: none;
}
.arcu-widget.arcu-message {
height: 50rem;
}
.arcu-widget .arcu-message-button {
min-width: 50rem;
padding-left: 50rem;
height: 50rem;
}
.arcu-widget.arcu-message {
width: 50rem;
height: 50rem;
border-radius: 50rem;
margin-left: -25rem;
margin-top: -25rem;
}
.arcu-widget .arcu-message-button .arcu-button-icon {
width: 50rem;
}
.arcu-widget .arcu-message-button p {
font-size: 7rem;
}
.arcu-widget .arcu-message-button .static div svg {
width: 16rem;
height: 16rem;
margin-bottom: 2rem;
}
.arcu-widget .arcu-message-button .icons {
width: 40rem;
height: 40rem;
border-radius: 50rem;
margin-left: -20rem;
margin-top: -20rem;
}
.arcu-widget .icons-line img,
.arcu-widget .icons-line span {
margin-right: 40px;
}
.arcu-widget .icons-line span {
width: 20rem;
height: 20rem;
}
.arcu-widget .icons-line span svg,
.arcu-widget .icons-line span i,
.arcu-widget .icons-line span img {
width: 20rem;
height: 20rem;
}
.arcu-widget .arcu-online-badge {
top: 3rem;
right: 3rem;
}
.gsmenu {
height: 56vh;
overflow-y: auto;
}
.sidebar_mob-menu .sbmenu-item .sbmenu-text {
position: absolute;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
bottom: 3rem;
}
.sidebar_mob-menu .sbmenu-item .sbmenu-icon {
margin-bottom: 15.8rem;
}
.owf_hidden {
overflow: hidden;
}
.single-page .header {
-moz-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.32);
-webkit-box-shadow: rgba(0, 0, 0, 0.32);
box-shadow: rgba(0, 0, 0, 0.32);
}
.smenu-text {
height: 15rem;
}
.header:hover {
-moz-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.32);
-webkit-box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.32);
box-shadow: 0rem 4rem 14rem rgba(0, 0, 0, 0.32);
}
.un-content-container h2 {
font-size: 14rem;
line-height: 16rem;
margin: 0 0 14rem 0;
}
.special-padding .sp-wrap-default .sp-body {
padding: 12rem;
}
.un-img-container {
overflow: hidden;
border-radius: 3rem;
position: relative;
}
.un-img-container>img {
width: auto;
height: 136rem;
max-width: inherit;
margin-left: -75.4rem;
}
.our-courses .category-item__header {
margin: 0;
font-style: inherit;
font-size: 14rem;
line-height: 16rem;
}
.our-courses .category-list-container .category-list_item {
background-position: 8.5rem 6.5rem;
}
.two_line_desk,
.footer-contacts_item.adress-container_footer br.two_line_desk {
display: none;
}
.footer .footer-contacts_left .footer-contacts_item {
width: 100%;
text-align: center;
}
.footer .footer-contacts_left .footer-contacts_item .contact-link+.contact-link {
margin-left: 24rem;
}
.contact-link_container {
display: flex;
justify-content: flex-start;
padding: 0 5rem;
}
.footer .hasicon-text.map-text {
margin: 0;
letter-spacing: -0.03em;
}
.footer .footer-contacts_left .footer-contacts_item .contact-link {
text-align: justify;
}
.footer .footer-contacts_item.adress-container_footer .contact-link .hasicon-icon {
margin-right: -2rem;
}
.footer_widgets-item .menu-item a {
font-size: 14rem;
line-height: 16rem;
display: block;
padding-left: 13rem;
background: radial-gradient(3rem 3rem at 4rem 8rem, #fff, #fff 1.5rem, transparent 1.6rem);
}
.footer .footer-contacts_left .footer-contacts_item {
margin-bottom: 22rem;
}
.footer .footer-contacts_left .footer-contacts_item+.footer-contacts_item {
margin-bottom: 31rem;
}
.footer_widgets-item .menu-item+.menu-item {
margin-top: 2rem;
}
.gallery_page .page_content a.gallery_page-items {
width: 100%;
}
}[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}