@charset "UTF-8";
.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}
   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
.ba-slider {
position: relative;
overflow: hidden;
}
.ba-slider img {
width: 100%;
display: block;
max-width: none;
}
.ba-slider .resize {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
overflow: hidden;
}
.ba-slider .handle { position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 4px;
margin-left: -2px;
background: rgba(0, 0, 0, 0.5);
cursor: ew-resize;
}
.ba-slider .handle:after { position: absolute;
top: 50%;
width: 64px;
height: 64px;
margin: -32px 0 0 -32px;
content: "⇔";
color: white;
font-weight: bold;
font-size: 36px;
text-align: center;
line-height: 64px;
background: #ffb800; border: 1px solid #e6a600; border-radius: 50%;
transition: all 0.3s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), inset 0 2px 0 rgba(255, 255, 255, 0.5), inset 0 60px 50px -30px #ffd466; }
.ba-slider .handle.ba-draggable:after {
width: 48px;
height: 48px;
margin: -24px 0 0 -24px;
line-height: 50px;
font-size: 30px;
}   .my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
} .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog,
.my-mfp-zoom-in.mfp-ready .mfp-iframe-scaler {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
} .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog,
.my-mfp-zoom-in.mfp-removing .mfp-iframe-scaler {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
} .my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
} .my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} .mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
transition: height 500ms ease-in-out;
} .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.pdg-top-100:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.pdg-top-53:after {
content: "";
display: block;
width: 100%;
padding-top: 53%;
}
.bg-white {
background: #ffffff;
}
.bg-white-70 {
background: rgba(255, 255, 255, 0.7);
}
.bg-white-80 {
background: rgba(255, 255, 255, 0.8);
}
.bg-white-95, .link-with-icon {
background: rgba(255, 255, 255, 0.95);
}
.bg-green {
background: #36BA24;
}
.bg-blue {
background: #1437F1;
}
.bg-yellow {
background: #FFE31A;
}
.bg-black {
background: #0D0D0D;
}
.bg-black-50 {
background: rgba(0, 0, 0, 0.5);
}
.clr-white {
color: #ffffff;
}
.clr-white * {
color: #ffffff !important;
}
.clr-black, .link-with-icon span {
color: #0D0D0D;
}
.clr-black *, .link-with-icon span * {
color: #0D0D0D !important;
}
.clr-blue {
color: #1437F1;
color: #E60000;
}
.clr-blue * {
color: #1437F1 !important;
color: #E60000 !important;
}
.clr-green {
color: #36BA24;
}
.clr-green * {
color: #36BA24 !important;
}
.clr-yellow {
color: #FFE31A;
}
.clr-yellow * {
color: #FFE31A !important;
}
.clr-orange {
color: #FF5C05;
}
.clr-orange * {
color: #FF5C05 !important;
}
.fs-12 {
font-size: 12px;
font-size: 0.75rem;
}
.fs-14 {
font-size: 14px;
font-size: 0.875rem;
}
.fs-16, .main.page-about .team-block .wrapper .tabs .tab-list li a, section.products-solutions-block .wrapper .tabs .tab-list li a, .link-with-icon span {
font-size: 16px;
font-size: 1rem;
}
.fs-18 {
font-size: 18px;
font-size: 1.125rem;
}
.fs-20, section.products-solutions-block .wrapper .tabs .tab-content .list .single span {
font-size: 20px;
font-size: 1.25rem;
}
.fs-24 {
font-size: 24px;
font-size: 1.5rem;
}
@media (max-width: 1024px) {
.fs-24 {
font-size: 21px;
font-size: 1.3125rem;
}
}
.fs-32 {
font-size: 32px;
font-size: 2rem;
}
@media (max-width: 1280px) {
.fs-32 {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.fs-32 {
font-size: 26px;
font-size: 1.625rem;
}
}
.fs-48 {
font-size: 48px;
font-size: 3rem;
}
@media (max-width: 1440px) {
.fs-48 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.fs-48 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.fs-48 {
font-size: 30px;
font-size: 1.875rem;
}
}
.fs-64 {
font-size: 64px;
font-size: 4rem;
}
@media (max-width: 1680px) {
.fs-64 {
font-size: 56px;
font-size: 3.5rem;
}
}
@media (max-width: 1440px) {
.fs-64 {
font-size: 49px;
font-size: 3.0625rem;
}
}
@media (max-width: 1280px) {
.fs-64 {
font-size: 44px;
font-size: 2.75rem;
}
}
@media (max-width: 768px) {
.fs-64 {
font-size: 36px;
font-size: 2.25rem;
}
}
.fs-96 {
font-size: 96px;
font-size: 6rem;
}
@media (max-width: 1680px) {
.fs-96 {
font-size: 84px;
font-size: 5.25rem;
}
}
@media (max-width: 1440px) {
.fs-96 {
font-size: 74px;
font-size: 4.625rem;
}
}
@media (max-width: 1280px) {
.fs-96 {
font-size: 64px;
font-size: 4rem;
}
}
@media (max-width: 768px) {
.fs-96 {
font-size: 50px;
font-size: 3.125rem;
}
}
@media (max-width: 480px) {
.fs-96 {
font-size: 42px;
font-size: 2.625rem;
}
}
.wght-300 {
font-weight: 300;
}
.wght-400 {
font-weight: 400;
}
.wght-500 {
font-weight: 500;
}
.wght-700, .link-with-icon span {
font-weight: 700;
}
.margin-0 {
margin: 0;
}
.grid {
display: grid;
}
.grid.grid-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid.grid-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid.grid-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid.grid-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid.grid-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid.grid-6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid.gap-0 {
grid-gap: 0px;
}
.grid.gap-7 {
grid-gap: 7px;
}
.grid.gap-8 {
grid-gap: 8px;
}
.grid.gap-10 {
grid-gap: 10px;
}
.grid.gap-17 {
grid-gap: 17px;
}
.grid.gap-20 {
grid-gap: 20px;
}
.grid.gap-32 {
grid-gap: 32px;
}
.grid.gap-55 {
grid-gap: 55px;
}
.grid.gap-60 {
grid-gap: 60px;
}
.grid.gap-70 {
grid-gap: 70px;
}
.grid.gap-75 {
grid-gap: 75px;
}
.grid.gap-80 {
grid-gap: 80px;
}
.grid.gap-85 {
grid-gap: 85px;
}
.grid.gap-100 {
grid-gap: 100px;
}
.grid.gap-120 {
grid-gap: 120px;
}
.grid.gap-130 {
grid-gap: 130px;
}
.grid.row-gap-10 {
grid-row-gap: 10px;
}
.grid.row-gap-20 {
grid-row-gap: 20px;
}
.grid.row-gap-30 {
grid-row-gap: 30px;
}
.grid.row-gap-50 {
grid-row-gap: 50px;
}
.grid.row-gap-60 {
grid-row-gap: 60px;
}
.grid.row-gap-80 {
grid-row-gap: 80px;
}
.grid.row-gap-100 {
grid-row-gap: 100px;
}
.br-100 {
border-radius: 100%;
}
.br-20, .link-with-icon {
border-radius: 20px;
}
html {
font-size: 100%;
overflow-x: hidden;
}
@media (max-width: 1280px) {
html {
font-size: 90%;
}
}
@media (max-width: 1024px) {
html {
font-size: 85%;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background: #E5E5E5;
overflow-x: hidden;
}
.wrapper {
width: calc(100% - 180px);
max-width: 1280px;
margin: 0 auto;
position: relative;
}
.wrapper.smaller {
max-width: 1120px;
}
@media (max-width: 1440px) {
.wrapper {
width: calc(100% - 120px);
}
}
@media (max-width: 1280px) {
.wrapper {
width: calc(100% - 90px);
}
}
@media (max-width: 768px) {
.wrapper {
width: calc(100% - 60px);
}
}
@media (max-width: 480px) {
.wrapper {
width: calc(100% - 40px);
}
}
body, p, ul, ol, table {
font-size: 20px;
font-size: 1.25rem;
color: #4A4D4E;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.5;
}
.all {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.vc {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
*:focus {
outline: none;
}
.text > *:nth-child(1) {
margin-top: 0;
}
.text > *:last-child {
margin-bottom: 0;
}
.text ul {
padding-left: 20px;
}
.text p a {
color: #0D0D0D;
}
.text ul li a {
color: #0D0D0D;
}
b, strong {
font-weight: 500;
}
.main {
padding: 0px 0 0;
}
@media (max-width: 1280px) {
.main {
padding: 0px 0 0;
}
}
body.logged-in .main {
padding: 32px 0 0;
}
h2.block-title {
font-size: 48px;
font-size: 3rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
}
@media (max-width: 1440px) {
h2.block-title {
font-size: 44px;
font-size: 2.75rem;
}
}
@media (max-width: 1280px) {
h2.block-title {
font-size: 40px;
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
h2.block-title {
font-size: 36px;
font-size: 2.25rem;
}
}
h2.block-title.short {
max-width: 521px;
}
h2.block-title.medium {
max-width: 811px;
}
h2.block-title-h3 {
font-size: 40px;
font-size: 2.5rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.1875;
margin: 0;
}
@media (max-width: 1280px) {
h2.block-title-h3 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
h2.block-title-h3 {
font-size: 30px;
font-size: 1.875rem;
}
}
h3.block-title {
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.1875;
margin: 0;
}
@media (max-width: 1280px) {
h3.block-title {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
h3.block-title {
font-size: 26px;
font-size: 1.625rem;
}
}
h4.block-title {
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.1875;
margin: 0;
}
@media (max-width: 1024px) {
h4.block-title {
font-size: 21px;
font-size: 1.3125rem;
}
}
.bg-photo {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.link-arrow {
display: inline-flex;
align-items: center;
text-decoration: none;
}
.link-arrow.blue span {
color: #1437F1;
}
.link-arrow.orange span {
color: #FF5C05;
}
.link-arrow span {
display: block;
}
.link-arrow img {
height: 24px;
width: auto;
display: block;
margin: 0 0 0 20px;
}
.big-btn {
padding: 20px 20px;
border-radius: 20px;
display: inline-flex;
align-items: center;
text-decoration: none;
}
.big-btn.blue {
background: #1437F1;
}
.big-btn.blue span {
color: #ffffff;
}
.big-btn span {
font-size: 12px;
font-size: 0.75rem;
color: #ffffff;
font-weight: 500;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.big-btn span span {
display: block;
font-size: 24px;
font-size: 1.5rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.big-btn img {
height: 10px;
width: auto;
display: block;
margin: 0 0 0 35px;
}
.btn {
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-decoration: none;
padding: 28px 28px;
display: inline-block;
background: #0D0D0D;
width: 100%;
max-width: 330px;
text-align: center;
}
@media (max-width: 768px) {
.btn {
padding: 20px 20px;
}
}
.block-desc-wrap {
margin: 0 0 80px;
}
@media (max-width: 1024px) {
.block-desc-wrap {
margin: 0 0 60px;
}
}
@media (max-width: 768px) {
.block-desc-wrap {
margin: 0 0 40px;
}
}
.block-desc-wrap.half-left .wrap h2.block-title {
max-width: 620px;
margin: 0;
}
.block-desc-wrap.half-left .wrap .desc {
margin: 62px 0 0;
}
@media (max-width: 1024px) {
.block-desc-wrap.half-left .wrap .desc {
margin: 40px 0 0;
}
}
.block-desc-wrap.half-right {
display: flex;
justify-content: flex-end;
}
.block-desc-wrap.half-right .wrap {
max-width: 549px;
}
.block-desc-wrap.full .wrap h2.block-title {
max-width: 951px;
}
.block-desc-wrap .wrap .desc {
margin: 40px 0 0;
max-width: 549px;
}
@media (max-width: 1024px) {
.block-desc-wrap .wrap .desc {
margin: 30px 0 0;
}
}
.services-grid-wrap {
display: flex;
justify-content: space-between;
}
@media (max-width: 768px) {
.services-grid-wrap {
flex-direction: column;
grid-gap: 60px;
}
}
.services-grid-wrap .column {
max-width: 549px;
width: 50%;
}
@media (max-width: 768px) {
.services-grid-wrap .column {
width: 100%;
}
}
.services-grid-wrap .column:nth-of-type(1) {
margin: 0 80px 0 0;
}
@media (max-width: 768px) {
.services-grid-wrap .column:nth-of-type(1) {
margin: 0;
}
}
.services-grid-wrap .column .headline-wrap.img-left {
display: flex;
align-items: center;
}
.services-grid-wrap .column .headline-wrap.img-left img {
height: 80px;
width: auto;
display: block;
margin: 0 40px 0 0;
}
@media (max-width: 1024px) {
.services-grid-wrap .column .headline-wrap.img-left img {
height: 60px;
margin: 0 30px 0 0;
}
}
.services-grid-wrap .column .headline-wrap.img-left .block-title {
margin: 0;
font-size: 24px;
font-size: 1.5rem;
font-weight: 700;
}
.services-grid-wrap .column .headline-wrap.img-top {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.services-grid-wrap .column .headline-wrap.img-top .iliustration {
height: 160px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.services-grid-wrap .column .headline-wrap.img-top .iliustration {
height: 120px;
}
}
.services-grid-wrap .column .headline-wrap.badge-right {
position: relative;
}
.services-grid-wrap .column .headline-wrap.badge-right h3 {
max-width: calc(100% - 120px);
margin: 50px 0 0;
}
.services-grid-wrap .column .headline-wrap.badge-right .badge {
position: absolute;
right: 0;
bottom: -21px;
text-decoration: none;
display: block;
}
.services-grid-wrap .column .headline-wrap.badge-right .badge img {
height: 80px;
width: auto;
display: block;
}
.services-grid-wrap .column .desc {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.services-grid-wrap .column .desc {
margin: 30px 0 0;
}
}
@media (max-width: 480px) {
.services-grid-wrap .column .desc {
margin: 24px 0 0;
}
}
.services-grid-wrap .column .desc p {
font-size: 16px;
font-size: 1rem;
}
.services-grid-wrap .column .link {
display: inline-flex;
align-items: center;
text-decoration: none;
margin: 48px 0 0;
}
@media (max-width: 1024px) {
.services-grid-wrap .column .link {
margin: 32px 0 0;
}
}
@media (max-width: 768px) {
.services-grid-wrap .column .link {
margin: 24px 0 0;
}
}
.services-grid-wrap .column .link span {
margin: 0 20px 0 0;
}
.services-grid-wrap .column .link img {
height: 24px;
width: auto;
display: block;
}
.text-1-photo-2 {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 768px) {
.text-1-photo-2 {
flex-direction: column;
grid-gap: 48px;
}
}
.text-1-photo-2.align-top {
align-items: flex-start;
}
.text-1-photo-2.align-bottom {
align-items: flex-end;
}
.text-1-photo-2.equal .column {
width: calc(50% - 30px) !important;
}
@media (max-width: 768px) {
.text-1-photo-2.equal .column {
width: 100% !important;
}
}
.text-1-photo-2.reversed .column:nth-of-type(1) {
order: 2;
}
.text-1-photo-2.reversed .column:nth-of-type(2) {
order: 1;
}
.text-1-photo-2 .column:nth-of-type(1) {
width: calc(36% - 30px);
}
@media (max-width: 768px) {
.text-1-photo-2 .column:nth-of-type(1) {
width: 100%;
}
}
.text-1-photo-2 .column:nth-of-type(1) h2 {
margin: 0;
}
.text-1-photo-2 .column:nth-of-type(1) .text {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.text-1-photo-2 .column:nth-of-type(1) .text {
margin: 30px 0 0;
}
}
.text-1-photo-2 .column:nth-of-type(1) a {
text-decoration: none;
display: flex;
align-items: center;
margin: 54px 0 0;
}
@media (max-width: 1024px) {
.text-1-photo-2 .column:nth-of-type(1) a {
margin: 32px 0 0;
}
}
.text-1-photo-2 .column:nth-of-type(1) a span {
margin: 0 20px 0 0;
}
.text-1-photo-2 .column:nth-of-type(1) a img {
height: 24px;
width: auto;
display: block;
}
.text-1-photo-2 .column:nth-of-type(2) {
width: calc(64% - 30px);
}
@media (max-width: 768px) {
.text-1-photo-2 .column:nth-of-type(2) {
width: 100%;
}
}
.text-1-photo-2 .column:nth-of-type(2) .photo {
width: auto;
height: auto;
display: block;
max-width: 100%;
}
.text-1-photo-2 .column:nth-of-type(2) .photo.second-photo {
margin: 32px 0 0;
}
.links-plan {
display: flex;
justify-content: space-between;
}
.links-plan .plan {
width: 300px;
display: flex;
align-items: center;
justify-content: center;
align-self: center;
}
.links-plan .plan .wrap {
position: absolute;
padding: 63px 29px 79px 58px;
}
.links-plan .plan .wrap span {
display: block;
}
.links-plan .plan .wrap p {
margin: 24px 0 0;
}
.links-plan .links {
width: calc(100% - 340px);
}
@media (max-width: 768px) {
.links-plan .links {
margin: 30px auto 0;
width: 100%;
max-width: 480px;
}
}
.link-with-icon {
padding: 46px 50px;
text-decoration: none;
display: flex;
align-items: center;
}
@media (max-width: 1280px) {
.link-with-icon {
padding: 30px 30px;
}
}
@media (max-width: 1024px) {
.link-with-icon {
padding: 20px 20px;
flex-direction: column;
}
}
.link-with-icon.arrow-disabled .arrow {
opacity: 0;
}
.link-with-icon .icon-wrap {
height: 36px;
width: 36px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 28px 0 0;
flex: none;
}
@media (max-width: 1024px) {
.link-with-icon .icon-wrap {
margin: 0 16px 0 0;
margin: 0;
width: 30px;
height: 30px;
}
}
.link-with-icon .icon-wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: block;
}
.link-with-icon span {
display: block;
}
@media (max-width: 1024px) {
.link-with-icon span {
margin: 8px 0;
}
}
.link-with-icon .arrow {
display: block;
width: auto;
height: 20px;
margin: 0 0 0 28px;
}
@media (max-width: 1024px) {
.link-with-icon .arrow {
margin: 0 0 0 16px;
margin: 0;
}
}
.link-with-arrow {
display: inline-flex;
align-items: center;
text-decoration: none;
margin: 48px 0 0;
}
@media (max-width: 1024px) {
.link-with-arrow {
margin: 32px 0 0;
}
}
.link-with-arrow span {
margin: 0 20px 0 0;
}
.link-with-arrow img {
height: 24px;
width: auto;
display: block;
}
article.single-article .photo {
display: block;
text-decoration: none;
}
article.single-article .photo.video-article:before {
content: "";
display: block;
}
article.single-article .info {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 24px 0 0;
}
@media (max-width: 480px) {
article.single-article .info {
margin: 16px 0 0;
}
}
article.single-article .info .title {
display: block;
width: calc(100% - 58px);
text-decoration: none;
}
article.single-article .info .arrow {
display: block;
text-decoration: none;
}
article.single-article .info .arrow img {
display: block;
width: auto;
height: 24px;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.otgs-development-site-front-end {
display: none;
}
body.logged-in {
padding: 0px 0 0;
}
body.logged-in header,
body.logged-in .responsive-menu {
top: 32px;
}
.skay-icon {
height: 180px;
width: auto;
display: block;
position: absolute;
}
@media (max-width: 1440px) {
.skay-icon {
height: 126px;
}
}
@media (max-width: 1024px) {
.skay-icon {
height: 88px;
}
}
@media (max-width: 768px) {
.skay-icon {
height: 62px;
}
}
.skay-icon.x1-5 {
height: 270px;
}
@media (max-width: 1440px) {
.skay-icon.x1-5 {
height: 189px;
}
}
@media (max-width: 1024px) {
.skay-icon.x1-5 {
height: 132px;
}
}
@media (max-width: 768px) {
.skay-icon.x1-5 {
height: 93px;
}
}
.skay-icon.x2 {
height: 360px;
}
@media (max-width: 1440px) {
.skay-icon.x2 {
height: 252px;
}
}
@media (max-width: 1024px) {
.skay-icon.x2 {
height: 176px;
}
}
@media (max-width: 768px) {
.skay-icon.x2 {
height: 124px;
}
}
.skay-icon.h-210 {
height: 210px;
}
@media (max-width: 1440px) {
.skay-icon.h-210 {
height: 147px;
}
}
@media (max-width: 1024px) {
.skay-icon.h-210 {
height: 103px;
}
}
@media (max-width: 768px) {
.skay-icon.h-210 {
height: 72px;
}
}
.skay-icon.h-230 {
height: 230px;
}
@media (max-width: 1440px) {
.skay-icon.h-230 {
height: 161px;
}
}
@media (max-width: 1024px) {
.skay-icon.h-230 {
height: 113px;
}
}
@media (max-width: 768px) {
.skay-icon.h-230 {
height: 79px;
}
}
.skay-icon.top-0 {
top: 0;
}
.skay-icon.left-0 {
left: 0;
}
.skay-icon.bottom-0 {
bottom: 0;
}
.skay-icon.right-0 {
right: 0;
}
.moove_gdpr_cookie_modal_open .moove-gdpr-company-logo-holder {
display: none;
}
@media (max-width: 1280px) {
.moove_gdpr_cookie_modal_open .moove-gdpr-button-holder {
justify-content: flex-start !important;
}
}
.moove_gdpr_cookie_modal_open .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {
height: 80px !important;
}
.moove_gdpr_cookie_modal_open .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before {
bottom: 83px !important;
}
header {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 99;
}
header.has-fixed-bottom-bar {
padding-bottom: var(--bottom-bar-height, 0);
}
header .top-bar {
padding: 10px 0;
}
header .top-bar .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 1024px) {
header .top-bar .wrapper {
justify-content: flex-end;
}
}
header .top-bar .wrapper .left {
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
header .top-bar .wrapper .left {
display: none;
}
}
header .top-bar .wrapper .left .single {
padding: 0 16px;
border-right: 1px solid #ffffff;
display: flex;
align-items: center;
}
header .top-bar .wrapper .left .single:first-of-type {
padding-left: 0;
}
header .top-bar .wrapper .left .single:last-of-type {
padding-right: 0;
border: none;
}
header .top-bar .wrapper .left .single p {
margin: 0;
display: flex;
align-items: center;
}
header .top-bar .wrapper .left .single p b {
margin: 0 8px 0 0;
}
header .top-bar .wrapper .left .single p a {
text-decoration: none;
}
header .top-bar .wrapper .left .single p a.mail {
margin-left: 5px;
}
header .top-bar .wrapper .left .single a {
display: flex;
align-items: center;
text-decoration: none;
}
header .top-bar .wrapper .left .single a img {
display: block;
height: 20px;
width: auto;
margin: 0 8px 0 0;
}
header .top-bar .wrapper .right {
display: flex;
align-items: center;
grid-gap: 24px;
}
header .top-bar .wrapper .right .lang {
display: flex;
align-items: center;
}
header .top-bar .wrapper .right .lang .wpml-ls {
border: none;
padding: 0;
}
header .top-bar .wrapper .right .lang .wpml-ls ul {
display: flex;
align-items: center;
}
header .top-bar .wrapper .right .lang .wpml-ls ul li {
margin: 0 16px 0 0;
}
header .top-bar .wrapper .right .lang .wpml-ls ul li.wpml-ls-first-item {
order: 1;
}
header .top-bar .wrapper .right .lang .wpml-ls ul li.wpml-ls-last-item {
order: 2;
margin: 0;
}
header .top-bar .wrapper .right .lang .wpml-ls ul li.wpml-ls-current-language a {
border-color: #ffffff;
}
header .top-bar .wrapper .right .lang .wpml-ls ul li a {
padding: 10px;
border: 1px solid transparent;
}
header .top-bar .wrapper .right .lang .wpml-ls ul li a span {
font-size: 16px;
font-size: 1rem;
color: #ffffff;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1;
display: block;
}
header .bottom-bar {
padding: 28px 0;
background: #ffffff;
}
header .bottom-bar.is-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
@media (max-width: 1024px) {
header .bottom-bar {
padding: 24px 0;
}
}
header .bottom-bar .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
header .bottom-bar .wrapper .left {
display: flex;
align-items: center;
}
header .bottom-bar .wrapper .left .responsive-btn {
cursor: pointer;
margin: 0 54px 0 0;
}
@media (max-width: 1024px) {
header .bottom-bar .wrapper .left .responsive-btn {
margin: 0 40px 0 0;
}
}
@media (max-width: 768px) {
header .bottom-bar .wrapper .left .responsive-btn {
margin: 0 24px 0 0;
}
}
@media (max-width: 480px) {
header .bottom-bar .wrapper .left .responsive-btn {
margin: 0 24px 0 0;
}
}
header .bottom-bar .wrapper .left .responsive-btn img {
height: 18px;
width: auto;
display: block;
}
header .bottom-bar .wrapper .left .logo {
display: block;
text-decoration: none;
}
header .bottom-bar .wrapper .left .logo img {
height: 38px;
width: auto;
display: block;
}
header .bottom-bar .wrapper .left .small-nav {
margin: 0 0 0 54px;
display: flex;
align-items: center;
justify-content: center;
grid-gap: 24px;
}
@media (max-width: 1024px) {
header .bottom-bar .wrapper .left .small-nav {
display: none;
}
}
header .bottom-bar .wrapper .left .small-nav a {
color: #0D0D0D;
text-decoration: none;
font-size: 16px;
font-size: 1rem;
}
header .bottom-bar .wrapper .right {
display: flex;
align-items: center;
gap: 24px;
}
header .bottom-bar .wrapper .right .header-cta {
white-space: nowrap;
padding: 10px 20px;
font-size: 16px;
font-size: 1rem;
}
@media (max-width: 480px) {
header .bottom-bar .wrapper .right .header-cta {
display: none;
}
}
header .bottom-bar .wrapper .right .cart {
margin: 0 6px 0 0;
}
header .bottom-bar .wrapper .right .cart a {
text-decoration: none;
display: inline-block;
position: relative;
}
header .bottom-bar .wrapper .right .cart a img {
height: 24px;
width: auto;
display: block;
}
header .bottom-bar .wrapper .right .cart a .cart-items-counter {
padding: 2px 5px;
border-radius: 8px;
background: #E60000;
color: #ffffff;
line-height: 1;
position: absolute;
right: -5px;
bottom: -5px;
font-size: 12px;
font-size: 0.75rem;
}
body.admin-bar header .bottom-bar.is-fixed {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar header .bottom-bar.is-fixed {
top: 46px;
}
}
.responsive-menu {
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100%;
z-index: 100;
background: #0D0D0D;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
min-height: 850px;
}
@media (max-width: 480px) {
.responsive-menu {
min-height: 730px;
}
}
.responsive-menu.active {
left: 0;
}
.responsive-menu .wrapper {
position: relative;
display: flex;
align-items: flex-start;
height: 100%;
}
.responsive-menu .wrapper .left {
width: 240px;
margin: 0 80px 0 0;
padding: 84px 0 0;
}
@media (max-width: 1024px) {
.responsive-menu .wrapper .left {
margin: 0 60px 0 0;
}
}
@media (max-width: 768px) {
.responsive-menu .wrapper .left {
margin: 0 30px 0 0;
width: 220px;
}
}
@media (max-width: 480px) {
.responsive-menu .wrapper .left {
width: 170px;
margin: 0 20px 0 0;
padding: 40px 0 0;
}
}
.responsive-menu .wrapper .left .responsive-btn-close {
cursor: pointer;
margin: 0 0 60px;
}
@media (max-width: 768px) {
.responsive-menu .wrapper .left .responsive-btn-close {
margin: 0 0 20px;
}
}
.responsive-menu .wrapper .left .responsive-btn-close img {
height: 20px;
width: auto;
display: block;
}
.responsive-menu .wrapper .left .single-link {
margin: 0 0 30px;
position: relative;
}
@media (max-width: 1024px) {
.responsive-menu .wrapper .left .single-link {
margin: 0 0 24px;
}
}
.responsive-menu .wrapper .left .single-link:last-of-type {
margin: 0;
}
.responsive-menu .wrapper .left .single-link a {
font-size: 24px;
font-size: 1.5rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.1;
text-decoration: none;
max-width: 204px;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
@media (max-width: 480px) {
.responsive-menu .wrapper .left .single-link a {
display: block;
max-width: 150px;
}
}
.responsive-menu .wrapper .left .single-link a:hover {
color: #E60000;
}
.responsive-menu .wrapper .left .single-link p {
margin: 10px 0 0;
max-width: 180px;
font-size: 14px;
font-size: 0.875rem;
color: #ffffff;
font-weight: 500;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 480px) {
.responsive-menu .wrapper .left .single-link p {
max-width: 160px;
}
}
.responsive-menu .wrapper .left .single-link .arrow {
width: 36px;
height: 36px;
background-position: center right;
background-size: 50% auto;
background-repeat: no-repeat;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/vodafone/icon-menu-arrow.svg);
cursor: pointer;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 480px) {
.responsive-menu .wrapper .left .single-link .arrow {
top: -6px;
}
}
.responsive-menu .wrapper .left .single-link .arrow.active {
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/vodafone/icon-menu-arrow-red.svg);
background-size: auto 50%;
}
.responsive-menu .wrapper .right {
position: relative;
width: calc(100% - 360px);
height: calc(100vh - 168px);
height: calc(100% - 168px);
margin: 84px 0 0;
overflow-y: auto;    }
@media (max-width: 768px) {
.responsive-menu .wrapper .right {
width: calc(100% - 250px);
}
}
@media (max-width: 480px) {
.responsive-menu .wrapper .right {
width: calc(100% - 190px);
margin: 40px 0 0;
height: calc(100% - 128px);
padding-right: 15px;
}
}
.responsive-menu .wrapper .right::-webkit-scrollbar {
width: 10px;
}
.responsive-menu .wrapper .right::-webkit-scrollbar-track {
background: #f1f1f1;
}
.responsive-menu .wrapper .right::-webkit-scrollbar-thumb {
background: #888;
}
.responsive-menu .wrapper .right::-webkit-scrollbar-thumb:hover {
background: #555;
}
.responsive-menu .wrapper .right .single-link-right {
position: absolute;
position: relative;
top: 84px;
top: inherit;
left: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 80px;
grid-row-gap: 60px;
-webkit-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
z-index: 100;
pointer-events: none;
align-content: flex-start;
display: none;
}
@media (max-width: 1024px) {
.responsive-menu .wrapper .right .single-link-right {
grid-gap: 60px;
grid-row-gap: 50px;
}
}
@media (max-width: 768px) {
.responsive-menu .wrapper .right .single-link-right {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-row-gap: 40px;
}
}
.responsive-menu .wrapper .right .single-link-right.active {
display: grid;
pointer-events: all;
}
.responsive-menu .wrapper .right .single-link-right .single {
margin: 0 0 60px;
margin: 0;
}
.responsive-menu .wrapper .right .single-link-right .single:last-of-type {
margin: 0;
}
.responsive-menu .wrapper .right .single-link-right .single .title {
display: block;
font-size: 16px;
font-size: 1rem;
color: #E60000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.1;
}
.responsive-menu .wrapper .right .single-link-right .single .list-wrap {
margin: 10px 0 0;
display: flex;
flex-direction: column;
}
.responsive-menu .wrapper .right .single-link-right .single .list-wrap .list-single-link {
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.1;
display: inline-block;
text-decoration: none;
margin: 0 0 10px;
}
.responsive-menu .wrapper .right .single-link-right .single .list-wrap .list-single-link.disabled {
color: rgba(255, 255, 255, 0.5);
}
.responsive-menu .wrapper .right .single-link-right .single .list-wrap a {
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.responsive-menu .wrapper .right .single-link-right .single .list-wrap a:hover {
color: #E60000;
}
footer .above-footer {
padding: 28px 0;
position: relative;
background: #E60000;
}
footer .above-footer .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
footer .above-footer .wrapper .logo {
height: 40px;
width: auto;
display: block;
}
footer .above-footer .wrapper .link {
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
font-weight: 500;
position: relative;
z-index: 2;
text-decoration: none;
}
footer .above-footer .wrapper .bg {
position: absolute;
top: -28px;
height: calc(100% + 56px);
width: auto;
display: block;
right: 67px;
}
@media (max-width: 480px) {
footer .above-footer .wrapper .bg {
left: 0;
right: 0;
margin: 0 auto;
}
}
footer .top {
background: linear-gradient(0deg, #222222 0%, rgba(0, 0, 0, 0) 115.43%);
padding: 80px 0 23px;
}
@media (max-width: 1024px) {
footer .top {
padding: 64px 0 24px;
}
}
footer .top .wrapper .wrap-top {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 768px) {
footer .top .wrapper .wrap-top {
flex-direction: column;
}
}
footer .top .wrapper .wrap-top .left {
padding: 0 24px 0 0;
}
@media (max-width: 768px) {
footer .top .wrapper .wrap-top .left {
width: 100%;
}
}
footer .top .wrapper .wrap-top .left .logo {
height: 38px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
footer .top .wrapper .wrap-top .left .logo {
height: 30px;
}
}
footer .top .wrapper .wrap-top .left .desc {
max-width: 396px;
margin: 24px 0 0;
}
footer .top .wrapper .wrap-top .left .links {
margin: 40px 0 0;
display: flex;
align-items: center;
}
@media (max-width: 480px) {
footer .top .wrapper .wrap-top .left .links {
flex-direction: column;
grid-gap: 12px;
align-items: flex-start;
}
}
footer .top .wrapper .wrap-top .left .links .single {
padding: 0 24px;
border-right: 1px solid #ffffff;
}
@media (max-width: 480px) {
footer .top .wrapper .wrap-top .left .links .single {
border: none;
padding: 0;
}
}
footer .top .wrapper .wrap-top .left .links .single:first-of-type {
padding-left: 0;
}
footer .top .wrapper .wrap-top .left .links .single:last-of-type {
padding-right: 0;
border: none;
}
footer .top .wrapper .wrap-top .left .links .single a {
text-decoration: none;
display: flex;
align-items: center;
}
footer .top .wrapper .wrap-top .left .links .single a img {
display: block;
width: auto;
height: 20px;
margin: 0 8px 0 0;
}
footer .top .wrapper .wrap-top .right {
display: flex;
justify-content: flex-end;
margin: 15px 0 0;
}
@media (max-width: 768px) {
footer .top .wrapper .wrap-top .right {
width: 100%;
justify-content: flex-start;
margin: 40px 0 0;
}
}
@media (max-width: 480px) {
footer .top .wrapper .wrap-top .right {
flex-direction: column;
grid-gap: 40px;
}
}
footer .top .wrapper .wrap-top .right .column {
margin: 0 60px 0 0;
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
footer .top .wrapper .wrap-top .right .column {
margin: 0 40px 0 0;
}
}
@media (max-width: 480px) {
footer .top .wrapper .wrap-top .right .column {
margin: 0;
}
}
footer .top .wrapper .wrap-top .right .column:last-of-type {
margin: 0;
}
footer .top .wrapper .wrap-top .right .column .headline-h4 {
margin: 0;
}
footer .top .wrapper .wrap-top .right .column .text {
margin: 20px 0 0;
}
footer .top .wrapper .wrap-top .right .column .text * {
font-size: 16px;
font-size: 1rem;
}
footer .top .wrapper .wrap-top .right .column .text a {
text-decoration: none;
}
footer .top .wrapper .wrap-top .right .column .text a.underline {
text-decoration: underline;
}
footer .top .wrapper .wrap-bottom {
display: flex;
align-items: center;
margin: 127px 0 0;
grid-gap: 30px;
}
@media (max-width: 1024px) {
footer .top .wrapper .wrap-bottom {
margin: 80px 0 0;
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
footer .top .wrapper .wrap-bottom {
margin: 60px 0 0;
}
}
footer .top .wrapper .wrap-bottom .single:last-of-type {
margin: 0;
}
footer .top .wrapper .wrap-bottom .single img {
display: block;
height: auto;
width: auto;
max-height: 53px;
}
footer .bottom {
background: #0D0D0D;
padding: 40px 0;
}
@media (max-width: 1024px) {
footer .bottom {
padding: 24px 0;
}
}
footer .bottom .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 480px) {
footer .bottom .wrapper {
flex-direction: column;
}
}
footer .bottom .wrapper .left {
display: flex;
align-items: center;
}
@media (max-width: 480px) {
footer .bottom .wrapper .left {
order: 2;
}
}
footer .bottom .wrapper .left .copyright {
margin: 0 42px 0 0;
}
@media (max-width: 1024px) {
footer .bottom .wrapper .left .copyright {
margin: 0 24px 0 0;
}
}
footer .bottom .wrapper .left a {
text-decoration: none;
}
footer .bottom .wrapper .right {
display: flex;
align-items: center;
}
@media (max-width: 480px) {
footer .bottom .wrapper .right {
margin: 0 0 24px;
order: 1;
}
}
footer .bottom .wrapper .right a {
text-decoration: none;
display: flex;
align-items: center;
margin: 0 42px 0 0;
}
@media (max-width: 1024px) {
footer .bottom .wrapper .right a {
margin: 0 24px 0 0;
}
}
footer .bottom .wrapper .right a:last-of-type {
margin: 0;
}
footer .bottom .wrapper .right a img {
display: flex;
width: auto;
height: 20px;
margin: 0 8px 0 0;
}
.global-cta {
padding: 32px 0;
position: relative;
overflow: hidden;
background: #E60000;
}
.global-cta .wrapper {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
gap: 40px;
position: relative;
}
@media (max-width: 768px) {
.global-cta .wrapper {
gap: 24px;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
.global-cta .content,
.global-cta .action {
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.global-cta .content {
width: 100%;
}
}
.global-cta .content h2 {
margin: 0;
font-size: 22px;
font-size: 1.375rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.15;
}
.global-cta .description {
margin: 8px 0 0;
color: #ffffff;
font-size: 16px;
font-size: 1rem;
max-width: 670px;
width: 100%;
}
.global-cta .description p {
margin: 0;
color: inherit;
font-size: 16px;
font-size: 1rem;
}
@media (max-width: 768px) {
.global-cta .action {
width: 100%;
}
}
.global-cta .action .link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 12px 24px;
border: 1px solid #ffffff;
border-radius: 4px;
color: #ffffff;
font-weight: 500;
position: relative;
z-index: 2;
text-decoration: none;
white-space: nowrap;
}
.global-cta .bg {
position: absolute;
top: -32px;
height: calc(100% + 64px);
width: auto;
display: block;
right: 67px;
}
@media (max-width: 480px) {
.global-cta .bg {
left: 0;
right: 0;
margin: 0 auto;
}
}
.global-form-anchor {
display: block;
height: 0;
position: relative;
top: -190px;
visibility: hidden;
}
.global-form-block {
background: #fafafa;
padding: 80px 0;
}
@media (max-width: 768px) {
.global-form-block {
padding: 64px 0;
}
}
.global-form-block .global-form-card {
max-width: 760px;
margin: 0 auto;
}
@media (max-width: 768px) {
#moove_gdpr_save_popup_settings_button {
display: none !important;
}
}
@media (max-width: 768px) {
.sticky-cart {
display: none;
}
}
.cta-sticky-mobile {
display: none;
position: fixed;
left: 4px;
right: 4px;
bottom: 4px;
z-index: 90;
padding: 8px 6px calc(8px + env(safe-area-inset-bottom));
border-radius: 8px;
border: 1px solid #D9D4CF;
background: #FFF;
box-shadow: 0 -2px 8px 0 rgba(0, 0, 0, 0.18);
}
@media (max-width: 768px) {
.cta-sticky-mobile {
display: block;
}
}
.cta-sticky-mobile .link {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 48px;
padding: 12px 24px;
border: 1px solid #E60000;
border-radius: 6px;
background: #E60000;
color: #ffffff;
font-weight: 700;
text-decoration: none;
font-size: 18px;
font-size: 1.125rem;
}
@media (max-width: 480px) {
.cta-sticky-mobile .link {
font-size: 16px;
font-size: 1rem;
}
}
.vf-link {
text-decoration: none;
color: #E60000;
font-weight: 400;
font-size: 18px;
font-size: 1.125rem;
}
.global-form-block.global-form-with-desc .wrapper {
display: flex;
align-items: center;
grid-gap: 64px;
}
@media (max-width: 1024px) {
.global-form-block.global-form-with-desc .wrapper {
flex-direction: column;
align-items: stretch;
grid-gap: 32px;
}
}
@media (max-width: 768px) {
.global-form-block.global-form-with-desc .wrapper {
padding: 20px;
}
}
.global-form-block.global-form-with-desc .form-left-side {
flex: 1 1 auto;
min-width: 0;
}
.global-form-block.global-form-with-desc .form-left-side h2 {
margin: 0;
font-size: 36px;
font-size: 2.25rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 768px) {
.global-form-block.global-form-with-desc .form-left-side h2 {
font-size: 28px;
font-size: 1.75rem;
}
}
.global-form-block.global-form-with-desc .form-left-side .desc {
margin: 16px 0 0;
font-size: 19px;
font-size: 1.1875rem;
color: #383838;
line-height: 1.4;
}
.global-form-block.global-form-with-desc .form-left-side .desc p {
margin: 0;
color: inherit;
}
.global-form-block.global-form-with-desc .form-left-side .list {
margin: 28px 0 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
grid-gap: 13px;
}
.global-form-block.global-form-with-desc .form-left-side .list li {
position: relative;
margin: 0;
padding: 0 0 0 20px;
font-size: 17px;
font-size: 1.0625rem;
color: #383838;
line-height: 1.4;
}
.global-form-block.global-form-with-desc .form-left-side .list li:before {
content: "";
position: absolute;
left: 0;
top: 0.5em;
width: 8px;
height: 8px;
border-radius: 3px;
background: #E60000;
}
.global-form-block.global-form-with-desc .form-left-side .trusted {
margin: 30px 0 0;
}
.global-form-block.global-form-with-desc .form-left-side .trusted .headline {
display: block;
font-size: 13px;
font-size: 0.8125rem;
color: #6b6663;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.global-form-block.global-form-with-desc .form-left-side .trusted .tags {
margin: 14px 0 0;
display: flex;
flex-wrap: wrap;
grid-gap: 11px;
}
.global-form-block.global-form-with-desc .form-left-side .trusted .tags span {
display: inline-flex;
align-items: center;
padding: 11px 17px;
background: #ffffff;
border: 1px solid #E2DDD6;
border-radius: 6px;
font-size: 15px;
font-size: 0.9375rem;
color: #0D0D0D;
font-weight: 700;
}
.global-form-block.global-form-with-desc .global-form-card {
flex: 0 0 auto;
width: 560px;
max-width: 100%;
margin: 0;
padding: 28px 30px;
background: #ffffff;
border: 2px solid #E2DDD6;
border-radius: 14px;
}
@media (max-width: 1024px) {
.global-form-block.global-form-with-desc .global-form-card {
width: 100%;
}
}
@media (max-width: 768px) {
.global-form-block.global-form-with-desc .global-form-card {
padding: 24px 20px;
}
}
.global-faq-block {
background: #F2F2F2;
padding: 80px 0;
}
@media (max-width: 768px) {
.global-faq-block {
padding: 64px 0;
}
}
.global-faq-block .wrapper h2 {
margin: 0;
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.15;
}
@media (max-width: 768px) {
.global-faq-block .wrapper h2 {
font-size: 26px;
font-size: 1.625rem;
}
}
.global-faq-block .wrapper .accordion {
margin: 24px 0 0;
max-width: 960px;
width: 100%;
}
.global-faq-block .wrapper .accordion .single {
border-bottom: 1px solid #D2D2D8;
}
.global-faq-block .wrapper .accordion .single:first-child {
border-top: 1px solid #D2D2D8;
}
.global-faq-block .wrapper .accordion .single .header {
position: relative;
}
.global-faq-block .wrapper .accordion .single .header .title {
display: block;
margin: 0;
padding: 20px 40px 20px 0;
cursor: pointer;
font-size: 22px;
font-size: 1.375rem;
font-weight: 700;
color: #0D0D0D;
}
@media (max-width: 768px) {
.global-faq-block .wrapper .accordion .single .header .title {
font-size: 19px;
font-size: 1.1875rem;
}
}
.global-faq-block .wrapper .accordion .single .header .state {
position: absolute;
top: 20px;
right: 0;
width: 20px;
height: 20px;
pointer-events: none;
}
.global-faq-block .wrapper .accordion .single .header .state:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
border: solid #0D0D0D;
border-width: 0 2px 2px 0;
transform: translate(-50%, -70%) rotate(45deg);
transition: transform 0.3s ease;
}
.global-faq-block .wrapper .accordion .single .header.ui-state-active .state:before {
transform: translate(-50%, -30%) rotate(-135deg);
}
.global-faq-block .wrapper .accordion .single .acc-text {
padding: 0 0 20px;
max-width: 860px;
}
.top-home-block {
height: calc(100vh - 58px);
display: flex;
align-items: flex-end;
position: relative;
min-height: 790px;
}
@media (max-width: 1440px) {
.top-home-block {
min-height: 720px;
}
}
@media (max-width: 1280px) {
.top-home-block {
min-height: 610px;
}
}
@media (max-width: 1024px) {
.top-home-block {
min-height: 580px;
}
}
@media (max-width: 480px) {
.top-home-block {
height: auto;
padding: 90px 0 0;
background-position: 60% center;
}
}
.top-home-block:after {
content: "";
display: block;
width: 100%;
height: 599px;
background: linear-gradient(360deg, #000000 -19.75%, rgba(0, 0, 0, 0) 100%);
opacity: 0.8;
position: absolute;
bottom: 0;
left: 0;
}
.top-home-block .wrapper {
z-index: 2;
}
.top-home-block .wrapper .wrap {
padding: 0 0 40px;
}
.top-home-block .wrapper .wrap .h1-title-fix {
display: block;
margin: 0 0 40px;
font-weight: 700;
max-width: 607px;
}
@media (max-width: 480px) {
.top-home-block .wrapper .wrap .h1-title-fix {
margin: 0 0 24px;
}
}
.top-home-block .wrapper .wrap h1 {
margin: 0 0 40px;
max-width: 607px;
}
@media (max-width: 480px) {
.top-home-block .wrapper .wrap h1 {
margin: 0 0 24px;
}
}
.top-home-block .wrapper .wrap .text.desc {
margin: 0 0 80px;
max-width: 800px;
}
@media (max-width: 1440px) {
.top-home-block .wrapper .wrap .text.desc {
max-width: 600px;
}
}
@media (max-width: 768px) {
.top-home-block .wrapper .wrap .text.desc {
margin: 0 0 60px;
}
}
@media (max-width: 480px) {
.top-home-block .wrapper .wrap .text.desc {
margin: 0 0 40px;
max-width: 80%;
}
}
.top-home-block .wrapper .wrap .text.desc.margin-zero {
margin: 24px 0 !important;
max-width: 100%;
}
.top-home-block .wrapper .wrap .text.desc.margin-zero p {
color: #ffffff;
font-weight: 700;
font-size: 30px;
font-size: 1.875rem;
}
.top-home-block .wrapper .wrap .text.desc p {
color: #ffffff;
font-size: 1.5em;
font-weight: 700;
}
@media (max-width: 1440px) {
.top-home-block .wrapper .wrap .text.desc p {
font-size: 24px;
font-size: 1.5rem;
}
}
@media (max-width: 1280px) {
.top-home-block .wrapper .wrap .text.desc p {
font-size: 22px;
font-size: 1.375rem;
}
}
@media (max-width: 480px) {
.top-home-block .wrapper .wrap .text.desc p {
font-weight: 400;
font-size: 16px;
font-size: 1rem;
}
}
@media (max-width: 1280px) {
.top-home-block .wrapper .wrap .services {
grid-gap: 96px;
}
}
@media (max-width: 1024px) {
.top-home-block .wrapper .wrap .services {
grid-gap: 72px;
}
}
@media (max-width: 768px) {
.top-home-block .wrapper .wrap .services {
grid-gap: 24px;
}
}
@media (max-width: 480px) {
.top-home-block .wrapper .wrap .services {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.top-home-block .wrapper .wrap .services .single {
text-decoration: none;
}
@media (max-width: 480px) {
.top-home-block .wrapper .wrap .services .single {
display: flex;
align-items: center;
grid-gap: 16px;
}
}
@media (max-width: 480px) {
.top-home-block .wrapper .wrap .services .single:last-child p {
margin-bottom: 0;
}
}
.top-home-block .wrapper .wrap .services .single.active * {
color: #FFE31A;
}
.top-home-block .wrapper .wrap .services .single.active img {
transform: rotate(90deg);
filter: invert(0%) sepia(90%) saturate(4913%) hue-rotate(336deg) brightness(100%) contrast(102%);
}
.top-home-block .wrapper .wrap .services .single h1 {
margin: 0;
}
@media (max-width: 768px) {
.top-home-block .wrapper .wrap .services .single h1 {
font-size: 24px;
font-size: 1.5rem;
}
}
@media (max-width: 480px) {
.top-home-block .wrapper .wrap .services .single h1 br {
display: none;
}
}
@media (max-width: 768px) {
.top-home-block .wrapper .wrap .services .single span {
font-size: 24px;
font-size: 1.5rem;
}
}
@media (max-width: 480px) {
.top-home-block .wrapper .wrap .services .single span br {
display: none;
}
}
@media (max-width: 480px) {
.top-home-block .wrapper .wrap .services .single p {
display: none;
}
}
.top-home-block .wrapper .wrap .services .single img {
height: 24px;
width: auto;
display: block;
}
@media (max-width: 480px) {
.top-home-block .wrapper .wrap .services .single img {
height: 16px;
}
}
section.products-solutions-block {
padding: 0 0 150px;
}
section.products-solutions-block .wrapper h2.block-title {
position: absolute;
margin: 0;
max-width: 500px;
width: calc(100% - 430px);
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.1875;
}
@media (max-width: 1280px) {
section.products-solutions-block .wrapper h2.block-title {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
section.products-solutions-block .wrapper h2.block-title {
font-size: 26px;
font-size: 1.625rem;
width: 100%;
position: relative;
}
}
section.products-solutions-block .wrapper h3.block-title {
position: absolute;
margin: 0;
max-width: 500px;
width: calc(100% - 430px);
}
@media (max-width: 768px) {
section.products-solutions-block .wrapper h3.block-title {
width: 100%;
position: relative;
}
}
@media (max-width: 768px) {
section.products-solutions-block .wrapper .tabs {
margin: 30px 0 0;
}
}
section.products-solutions-block .wrapper .tabs .tab-list {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
justify-content: flex-end;
}
@media (max-width: 768px) {
section.products-solutions-block .wrapper .tabs .tab-list {
justify-content: flex-start;
grid-gap: 30px;
}
}
section.products-solutions-block .wrapper .tabs .tab-list li {
margin: 0 70px 0 0;
}
@media (max-width: 1024px) {
section.products-solutions-block .wrapper .tabs .tab-list li {
margin: 0 50px 0 0;
}
}
@media (max-width: 768px) {
section.products-solutions-block .wrapper .tabs .tab-list li {
margin: 0;
}
}
section.products-solutions-block .wrapper .tabs .tab-list li:last-of-type {
margin: 0;
}
section.products-solutions-block .wrapper .tabs .tab-list li.ui-tabs-active a {
color: #0D0D0D;
}
section.products-solutions-block .wrapper .tabs .tab-list li.ui-tabs-active a:after {
opacity: 1;
}
section.products-solutions-block .wrapper .tabs .tab-list li a {
font-weight: 700;
color: #E60000;
display: inline-block;
text-decoration: none;
position: relative;
}
section.products-solutions-block .wrapper .tabs .tab-list li a:after {
content: "";
display: block;
width: 100%;
height: 4px;
background: #0D0D0D;
margin: 1px 0 0;
opacity: 0;
}
section.products-solutions-block .wrapper .tabs .tab-content {
margin: 124px 0 0;
}
@media (max-width: 1024px) {
section.products-solutions-block .wrapper .tabs .tab-content {
margin: 90px 0 0;
}
}
@media (max-width: 768px) {
section.products-solutions-block .wrapper .tabs .tab-content {
margin: 40px 0 0;
}
}
@media (max-width: 768px) {
section.products-solutions-block .wrapper .tabs .tab-content .list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
section.products-solutions-block .wrapper .tabs .tab-content .list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
section.products-solutions-block .wrapper .tabs .tab-content .list .single {
padding: 44px 44px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.95);
display: flex;
align-items: center;
text-decoration: none;
}
@media (max-width: 1280px) {
section.products-solutions-block .wrapper .tabs .tab-content .list .single {
padding: 30px 30px;
}
}
@media (max-width: 1024px) {
section.products-solutions-block .wrapper .tabs .tab-content .list .single {
padding: 20px 20px;
}
}
section.products-solutions-block .wrapper .tabs .tab-content .list .single.disabled span {
color: #808080;
}
section.products-solutions-block .wrapper .tabs .tab-content .list .single span {
width: calc(100% - 44px);
display: block;
align-self: flex-start;
color: #0D0D0D;
font-weight: 700;
}
section.products-solutions-block .wrapper .tabs .tab-content .list .single .arrow {
height: 20px;
width: auto;
display: block;
margin: 0 0 0 20px;
}
section.value-proposition-block {
padding: 32px 0 123px;
}
section.value-proposition-block .wrapper .wrap {
margin: 60px 0 0;
}
@media (max-width: 1024px) {
section.value-proposition-block .wrapper .wrap {
margin: 40px 0 0;
grid-gap: 60px;
grid-row-gap: 60px;
}
}
@media (max-width: 768px) {
section.value-proposition-block .wrapper .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-row-gap: 40px;
grid-gap: 40px;
}
}
@media (max-width: 480px) {
section.value-proposition-block .wrapper .wrap {
margin: 40px 0 0;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
section.value-proposition-block .wrapper .wrap .single {
max-width: 400px;
}
section.value-proposition-block .wrapper .wrap .single .headline {
font-size: 20px;
font-size: 1.25rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
display: block;
}
section.value-proposition-block .wrapper .wrap .single .value {
font-size: 48px;
font-size: 3rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
display: block;
margin: 16px 0 0;
}
@media (max-width: 1440px) {
section.value-proposition-block .wrapper .wrap .single .value {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
section.value-proposition-block .wrapper .wrap .single .value {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
section.value-proposition-block .wrapper .wrap .single .value {
font-size: 30px;
font-size: 1.875rem;
}
}
section.value-proposition-block .wrapper .wrap .single .text {
margin: 24px 0 0;
}
@media (max-width: 1024px) {
section.value-proposition-block .wrapper .wrap .single .text {
margin: 16px 0 0;
}
}
section.why-skaylink-block {
padding: 80px 0 88px;
}
@media (max-width: 1024px) {
section.why-skaylink-block {
padding: 80px 0 80px;
}
}
section.why-skaylink-block .wrapper h2.block-title {
margin: 0;
}
section.why-skaylink-block .wrapper .text {
margin: 35px 0 0;
}
@media (max-width: 1024px) {
section.why-skaylink-block .wrapper .text {
margin: 30px 0 0;
}
}
section.why-skaylink-block .wrapper .before-after-wrap {
margin: 24px 0 0;
}
section.why-skaylink-block .wrapper .before-after-wrap .ba-slider .after-wrap:after {
position: absolute;
top: 20px;
right: 20px;
display: block;
z-index: 0;
background: rgba(255, 255, 255, 0.75);
padding: 8px;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1;
}
@media (max-width: 480px) {
section.why-skaylink-block .wrapper .before-after-wrap .ba-slider .after-wrap:after {
top: 10px;
right: 10px;
font-size: 14px;
font-size: 0.875rem;
}
}
section.why-skaylink-block .wrapper .before-after-wrap .ba-slider .resize:after {
position: absolute;
top: 20px;
left: 20px;
display: block;
z-index: 1;
background: rgba(255, 255, 255, 0.75);
padding: 8px;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1;
}
@media (max-width: 480px) {
section.why-skaylink-block .wrapper .before-after-wrap .ba-slider .resize:after {
top: 10px;
left: 10px;
font-size: 14px;
font-size: 0.875rem;
}
}
section.why-skaylink-block .wrapper .before-after-wrap .ba-slider .handle {
background: rgba(255, 255, 255, 0.5);
}
section.why-skaylink-block .wrapper .before-after-wrap .ba-slider .handle:after {
background-color: transparent;
border: none;
box-shadow: none;
content: "";
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-before-after.svg);
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
}
section.choose-platform-block {
padding: 100px 0 180px;
background: #ffffff;
}
@media (max-width: 1024px) {
section.choose-platform-block {
padding: 80px 0 80px;
}
}
section.choose-platform-block .wrapper .wrap {
margin: 80px 0 0;
}
@media (max-width: 1024px) {
section.choose-platform-block .wrapper .wrap {
margin: 60px 0 0;
}
}
@media (max-width: 480px) {
section.choose-platform-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
section.choose-platform-block .wrapper .wrap .column h3 {
margin: 0;
}
section.choose-platform-block .wrapper .wrap .column .list {
margin: 40px 0 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media (max-width: 1024px) {
section.choose-platform-block .wrapper .wrap .column .list {
margin: 30px 0 0;
}
}
section.choose-platform-block .wrapper .wrap .column .list .single {
text-decoration: none;
display: inline-flex;
align-items: center;
margin: 0 0 24px;
}
section.choose-platform-block .wrapper .wrap .column .list .single:last-of-type {
margin: 0;
}
section.choose-platform-block .wrapper .wrap .column .list .single .icon-wrap {
height: 32px;
width: 32px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 24px 0 0;
}
section.choose-platform-block .wrapper .wrap .column .list .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
section.choose-platform-block .wrapper .wrap .column .list .single span {
font-size: 18px;
font-size: 1.125rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
display: block;
}
section.choose-platform-block .wrapper .wrap .column .link-arrow {
margin: 80px 0 0;
}
section.choose-platform-tool-block {
background: rgba(255, 255, 255, 0.7);
padding: 130px 0 130px;
position: relative;
}
@media (max-width: 1024px) {
section.choose-platform-tool-block {
padding: 80px 0 80px;
}
}
section.choose-platform-tool-block .illustration-tools {
width: auto;
height: 457px;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
section.choose-platform-tool-block .illustration-tools {
height: 320px;
}
}
@media (max-width: 1024px) {
section.choose-platform-tool-block .illustration-tools {
height: 224px;
}
}
@media (max-width: 768px) {
section.choose-platform-tool-block .illustration-tools {
height: 157px;
}
}
section.choose-platform-tool-block .wrapper .block-title {
margin: 0 0 40px;
}
@media (max-width: 1024px) {
section.choose-platform-tool-block .wrapper .block-title {
margin: 0 0 30px;
}
}
section.choose-platform-tool-block .wrapper .grid {
max-width: 864px;
}
@media (max-width: 480px) {
section.choose-platform-tool-block .wrapper .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
section.choose-platform-tool-block .wrapper .grid .single {
text-decoration: none;
background: rgba(255, 255, 255, 0.95);
border-radius: 20px;
padding: 24px 36px 44px;
position: relative;
}
@media (max-width: 1024px) {
section.choose-platform-tool-block .wrapper .grid .single {
padding: 20px 20px 44px;
}
}
section.choose-platform-tool-block .wrapper .grid .single .top {
display: flex;
align-items: center;
}
section.choose-platform-tool-block .wrapper .grid .single .top .icon-wrap {
height: 49px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 24px 0 0;
}
section.choose-platform-tool-block .wrapper .grid .single .top .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 80px;
max-height: 49px;
}
section.choose-platform-tool-block .wrapper .grid .single .top span {
font-size: 20px;
font-size: 1.25rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1;
display: block;
}
section.choose-platform-tool-block .wrapper .grid .single .text {
margin: 12px 0 0;
}
section.choose-platform-tool-block .wrapper .grid .single .text p {
font-size: 16px;
font-size: 1rem;
}
section.choose-platform-tool-block .wrapper .grid .single .arrow {
position: absolute;
width: auto;
display: block;
height: 18px;
bottom: 16px;
right: 18px;
}
section.landing-cta-block {
background: #FAFAFA;
padding: 71px 0 110px;
}
@media (max-width: 1024px) {
section.landing-cta-block {
padding: 80px 0 80px;
}
}
@media (max-width: 768px) {
section.landing-cta-block .wrapper .text-1-photo-2 .column img {
max-width: 240px;
width: 100%;
}
}
section.landing-cta-block .wrapper .text-1-photo-2 .column .text {
margin: 33px 0 0;
}
@media (max-width: 1024px) {
section.landing-cta-block .wrapper .text-1-photo-2 .column .text {
margin: 24px 0 0;
}
}
section.landing-cta-block .wrapper .text-1-photo-2 .column .btn {
margin: 40px 0 0;
background: #FE9901;
color: #ffffff;
display: inline-block;
}
@media (max-width: 1024px) {
section.landing-cta-block .wrapper .text-1-photo-2 .column .btn {
margin: 30px 0 0;
}
}
section.landing-cta-block .wrapper .logo-wrap {
margin: 56px 0 0;
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
section.landing-cta-block .wrapper .logo-wrap {
margin: 40px 0 0;
}
}
@media (max-width: 480px) {
section.landing-cta-block .wrapper .logo-wrap {
flex-direction: column;
grid-gap: 16px;
}
}
section.landing-cta-block .wrapper .logo-wrap img {
height: 57px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
section.landing-cta-block .wrapper .logo-wrap img {
height: 40px;
}
}
section.landing-cta-block .wrapper .logo-wrap span {
font-size: 16px;
font-size: 1rem;
margin: 0 0 0 12px;
}
@media (max-width: 480px) {
section.landing-cta-block .wrapper .logo-wrap span {
margin: 0;
}
}
section.offers-block {
margin: 130px 0 40px;
}
@media (max-width: 1024px) {
section.offers-block {
margin: 80px 0 40px;
}
}
section.offers-block .wrapper .single-group {
margin: 65px 0 0;
}
@media (max-width: 1024px) {
section.offers-block .wrapper .single-group {
margin: 50px 0 0;
}
}
section.offers-block .wrapper .single-group:first-of-type {
margin: 0;
}
section.offers-block .wrapper .single-group .desc {
margin: 16px 0 0;
}
section.offers-block .wrapper .single-group .offers {
margin: 60px 0 0;
}
@media (max-width: 1024px) {
section.offers-block .wrapper .single-group .offers {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 40px 0 0;
}
}
@media (max-width: 480px) {
section.offers-block .wrapper .single-group .offers {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-row-gap: 32px;
}
}
section.offers-block .wrapper .single-group .offers .single {
padding: 30px 25px 125px;
background: #ffffff;
position: relative;
}
section.offers-block .wrapper .single-group .offers .single .photo-wrap {
height: 226px;
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
@media (max-width: 1024px) {
section.offers-block .wrapper .single-group .offers .single .photo-wrap {
height: 190px;
}
}
@media (max-width: 480px) {
section.offers-block .wrapper .single-group .offers .single .photo-wrap {
height: auto;
}
}
section.offers-block .wrapper .single-group .offers .single .photo-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
section.offers-block .wrapper .single-group .offers .single .title {
display: block;
font-size: 20px;
font-size: 1.25rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 24px 0 0;
}
section.offers-block .wrapper .single-group .offers .single .specs {
margin: 20px 0 0;
}
section.offers-block .wrapper .single-group .offers .single .specs p {
font-size: 16px;
font-size: 1rem;
}
section.offers-block .wrapper .single-group .offers .single .price {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 40px 0 0;
}
@media (max-width: 1024px) {
section.offers-block .wrapper .single-group .offers .single .price {
margin: 30px 0 0;
}
}
section.offers-block .wrapper .single-group .offers .single .price .old {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
font-weight: 500;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0 0 6px;
position: relative;
}
section.offers-block .wrapper .single-group .offers .single .price .old:after {
content: "";
display: block;
width: 103px;
height: 19px;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-old-price.svg);
position: absolute;
}
section.offers-block .wrapper .single-group .offers .single .price .new {
display: flex;
align-items: flex-end;
font-weight: 500;
}
section.offers-block .wrapper .single-group .offers .single .price .new.small b {
font-size: 24px;
font-size: 1.5rem;
}
section.offers-block .wrapper .single-group .offers .single .price .new b {
font-size: 36px;
font-size: 2.25rem;
font-weight: 700;
margin-right: 4px;
}
@media (max-width: 1280px) {
section.offers-block .wrapper .single-group .offers .single .price .new b {
font-size: 32px;
font-size: 2rem;
}
}
@media (max-width: 768px) {
section.offers-block .wrapper .single-group .offers .single .price .new b {
font-size: 28px;
font-size: 1.75rem;
}
}
section.offers-block .wrapper .single-group .offers .single .btn {
display: block;
margin: 40px 0 0;
background: #0D0D0D;
border-radius: 6px;
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-transform: uppercase;
text-decoration: none;
text-align: center;
padding: 18px 18px;
position: absolute;
bottom: 25px;
left: 30px;
width: 100%;
max-width: calc(100% - 50px);
}
@media (max-width: 1024px) {
section.offers-block .wrapper .single-group .offers .single .btn {
margin: 30px 0 0;
}
}
@media (max-width: 480px) {
section.offers-block .wrapper .single-group .offers .single .btn {
padding: 14px 14px;
}
}
.other-services-block {
background: #F4F4F4;
padding: 80px 0 80px;
}
@media (max-width: 1024px) {
.other-services-block {
padding: 64px 0 64px;
}
}
@media (max-width: 1440px) {
.other-services-block .wrapper .services {
grid-gap: 67px;
}
}
@media (max-width: 1024px) {
.other-services-block .wrapper .services {
grid-gap: 56px;
}
}
@media (max-width: 768px) {
.other-services-block .wrapper .services {
grid-gap: 40px;
}
}
@media (max-width: 480px) {
.other-services-block .wrapper .services {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.other-services-block .wrapper .services .single {
text-decoration: none;
display: block;
}
.other-services-block .wrapper .services .single.active span {
color: #E60000;
}
.other-services-block .wrapper .services .single.active p {
color: #E60000;
}
.other-services-block .wrapper .services .single.active .arrow-wrap img {
transform: rotate(180deg);
}
.other-services-block .wrapper .services .single.active .arrow-wrap span {
color: #0F0570;
display: block;
font-size: 16px;
font-size: 1rem;
color: #0F0570;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1;
margin: 0 0 0 13px;
}
.other-services-block .wrapper .services .single span {
font-size: 40px;
font-size: 2.5rem;
color: #0D0D0D;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.1;
display: block;
}
@media (max-width: 1440px) {
.other-services-block .wrapper .services .single span {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.other-services-block .wrapper .services .single span {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.other-services-block .wrapper .services .single span {
font-size: 30px;
font-size: 1.875rem;
}
}
.other-services-block .wrapper .services .single p {
margin: 16px 0 0;
color: #0D0D0D;
}
.other-services-block .wrapper .services .single .arrow-wrap {
margin: 72px 0 0;
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.other-services-block .wrapper .services .single .arrow-wrap {
margin: 20px 0 0;
}
}
@media (max-width: 480px) {
.other-services-block .wrapper .services .single .arrow-wrap {
margin: 16px 0 0;
}
}
.other-services-block .wrapper .services .single .arrow-wrap img {
height: 27px;
width: auto;
display: block;
}
.other-services-block .wrapper .services .single .arrow-wrap span {
display: none;
}
.woocommerce .woocommerce-notices-wrapper .woocommerce-message .restore-item {
color: #515151;
}
.woocommerce .woocommerce-notices-wrapper .button {
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-decoration: none;
padding: 13px 26px;
display: inline-block;
background: #0D0D0D;
text-align: center;
line-height: 1;
border-radius: 0;
} .added_to_cart.wc-forward {
display: none !important;
}
#custom-cart-notice {
display: none; position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); background: #333;
color: #fff;
padding: 20px 40px;
border-radius: 8px;
z-index: 99999;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
font-family: inherit;
font-weight: 500;
text-align: center;
min-width: 250px;
}
.sticky-cart {
background: #000000;
width: 64px;
height: 64px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
bottom: 24px;
right: 24px;
z-index: 50;
opacity: 1;
transition: opacity 0.2s ease, visibility 0.2s ease;
}
.sticky-cart.hidden {
opacity: 0;
pointer-events: none;
visibility: hidden;
}
.sticky-cart img {
width: auto;
height: 36px;
display: block;
}
.sticky-cart span {
padding: 2px 5px;
border-radius: 8px;
background: #ffffff;
color: #0D0D0D;
line-height: 1;
position: absolute;
right: 8px;
bottom: 8px;
font-size: 14px;
font-size: 0.875rem;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
body.woocommerce-cart .woocommerce-cart-form td.product-price span {
white-space: nowrap;
}
body.woocommerce-cart .cart-collaterals .woocommerce-shipping-totals {
display: none;
}
body.woocommerce-order-received .woocommerce-order-details .woocommerce-table__product-name a {
color: #0D0D0D;
}
body.woocommerce-order-received .woocommerce-company-details * {
text-align: left;
}
.main.page-home .top-home-block {
display: flex;
height: 640px;
align-items: center;
}
.main.page-home .top-home-block .wrapper .wrap h1 {
color: #ffffff;
font-size: 64px;
font-size: 4rem;
font-weight: 700;
line-height: 1.12;
max-width: 500px;
width: 100%;
}
.main.page-home .top-home-block .wrapper .wrap .desc {
margin: 32px 0 0;
max-width: 600px;
width: 100%;
}
.main.page-home .top-home-block .wrapper .wrap .desc p {
font-weight: 500;
line-height: 1.2;
font-size: 28px;
font-size: 1.75rem;
}
.main.page-home .top-home-block .wrapper .wrap .top-service-btn {
margin: 48px 0 0;
}
.main.page-home .devops-block {
padding: 80px 0 140px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-home .devops-block {
padding: 80px 0 80px;
}
}
.main.page-home .devops-block .illustration-1 {
width: auto;
height: 222px;
display: block;
position: absolute;
top: 0;
right: 40px;
}
@media (max-width: 1440px) {
.main.page-home .devops-block .illustration-1 {
height: 155px;
}
}
@media (max-width: 1024px) {
.main.page-home .devops-block .illustration-1 {
height: 108px;
}
}
@media (max-width: 768px) {
.main.page-home .devops-block .illustration-1 {
height: 75px;
}
}
.main.page-home .cloudops-block {
padding: 80px 0 140px;
position: relative;
background: #fcfcfc;
}
@media (max-width: 1024px) {
.main.page-home .cloudops-block {
padding: 80px 0 80px;
}
}
.main.page-home .cloudops-block .illustration-2 {
width: auto;
height: 179px;
display: block;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-home .cloudops-block .illustration-2 {
height: 125px;
}
}
@media (max-width: 1024px) {
.main.page-home .cloudops-block .illustration-2 {
height: 88px;
}
}
@media (max-width: 768px) {
.main.page-home .cloudops-block .illustration-2 {
height: 62px;
}
}
.main.page-home .it-services-block {
padding: 80px 0 140px;
}
@media (max-width: 1024px) {
.main.page-home .it-services-block {
padding: 80px 0 80px;
}
}
.main.page-home .hardware-block {
padding: 80px 0 140px;
position: relative;
background: #fcfcfc;
}
@media (max-width: 1024px) {
.main.page-home .hardware-block {
padding: 80px 0 80px;
}
}
.main.page-home .hardware-block .illustration-3 {
width: auto;
height: 360px;
display: block;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-home .hardware-block .illustration-3 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-home .hardware-block .illustration-3 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-home .hardware-block .illustration-3 {
height: 123px;
}
}
.main.page-home .hardware-block .wrapper .block-desc-wrap p {
font-size: 18px;
font-size: 1.125rem;
}
.main.page-home .hardware-block .wrapper .sellers {
display: flex;
justify-content: flex-end;
margin: 120px 0 0;
grid-gap: 120px;
}
@media (max-width: 1440px) {
.main.page-home .hardware-block .wrapper .sellers {
grid-gap: 110px;
}
}
@media (max-width: 1280px) {
.main.page-home .hardware-block .wrapper .sellers {
grid-gap: 80px;
}
}
@media (max-width: 1024px) {
.main.page-home .hardware-block .wrapper .sellers {
margin: 80px 0 0;
grid-gap: 60px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
max-width: 549px;
margin-left: auto;
}
}
@media (max-width: 768px) {
.main.page-home .hardware-block .wrapper .sellers {
margin: 60px 0 0 auto;
}
}
@media (max-width: 480px) {
.main.page-home .hardware-block .wrapper .sellers {
grid-gap: 60px;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-home .hardware-block .wrapper .sellers .column .img-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
height: 90px;
width: 100%;
}
.main.page-home .hardware-block .wrapper .sellers .column .img-wrap .top-img {
display: block;
height: auto;
width: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-home .hardware-block .wrapper .sellers .column a {
text-decoration: none;
display: flex;
align-items: center;
margin: 72px 0 0;
}
@media (max-width: 1024px) {
.main.page-home .hardware-block .wrapper .sellers .column a {
margin: 32px 0 0;
}
}
@media (max-width: 768px) {
.main.page-home .hardware-block .wrapper .sellers .column a {
flex-direction: column;
margin: 32px 0 0;
align-items: flex-start;
}
}
@media (max-width: 480px) {
.main.page-home .hardware-block .wrapper .sellers .column a {
align-items: center;
flex-direction: row;
}
}
.main.page-home .hardware-block .wrapper .sellers .column a span {
margin: 0 20px 0 0;
}
@media (max-width: 768px) {
.main.page-home .hardware-block .wrapper .sellers .column a span {
white-space: nowrap;
margin: 0 0 16px 0;
}
}
@media (max-width: 480px) {
.main.page-home .hardware-block .wrapper .sellers .column a span {
white-space: none;
margin: 0 20px 0 0;
}
}
.main.page-home .hardware-block .wrapper .sellers .column a img {
height: 24px;
width: auto;
display: block;
}
.main.page-home .career-block {
padding: 120px 0 180px;
background: #fdfdfd;
}
@media (max-width: 1024px) {
.main.page-home .career-block {
padding: 80px 0 80px;
}
}
.main.page-home .career-block .wrapper .text-1-photo-2 .column .text p {
font-size: 16px;
font-size: 1rem;
}
.main.page-home .career-block .wrapper .text-1-photo-2 .column:nth-of-type(2) {
position: relative;
}
.main.page-home .career-block .wrapper .text-1-photo-2 .column:nth-of-type(2) .skay-icon {
bottom: -81px;
right: -44px;
}
@media (max-width: 768px) {
.main.page-home .career-block .wrapper .text-1-photo-2 .column:nth-of-type(2) .skay-icon {
bottom: -80px;
right: -30px;
}
}
@media (max-width: 480px) {
.main.page-home .career-block .wrapper .text-1-photo-2 .column:nth-of-type(2) .skay-icon {
right: -20px;
}
}
.main.page-home .career-block .wrapper .text-1-photo-2 .column:nth-of-type(2) .illustration-5 {
width: auto;
height: 320px;
display: block;
position: absolute;
bottom: -81px;
right: -44px;
}
@media (max-width: 1440px) {
.main.page-home .career-block .wrapper .text-1-photo-2 .column:nth-of-type(2) .illustration-5 {
height: 224px;
}
}
@media (max-width: 1024px) {
.main.page-home .career-block .wrapper .text-1-photo-2 .column:nth-of-type(2) .illustration-5 {
height: 157px;
}
}
@media (max-width: 768px) {
.main.page-home .career-block .wrapper .text-1-photo-2 .column:nth-of-type(2) .illustration-5 {
height: 110px;
}
}
.main.page-home .media-block {
padding: 80px 0 140px;
position: relative;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-home .media-block {
padding: 80px 0 80px;
}
}
.main.page-home .media-block .illustration-6 {
width: auto;
height: 360px;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-home .media-block .illustration-6 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-home .media-block .illustration-6 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-home .media-block .illustration-6 {
height: 123px;
}
}
.main.page-home .media-block .wrapper .title-wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.main.page-home .media-block .wrapper .title-wrap .link-with-arrow {
margin: 0;
}
.main.page-home .media-block .wrapper .news-grid {
margin: 80px 0 0;
}
@media (max-width: 1024px) {
.main.page-home .media-block .wrapper .news-grid {
margin: 60px 0 0;
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-home .media-block .wrapper .news-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 32px;
}
}
@media (max-width: 480px) {
.main.page-home .media-block .wrapper .news-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
margin: 40px 0 0;
}
}
@media (max-width: 768px) {
.main.page-home .media-block .wrapper .news-grid .single-article.blank {
display: none;
}
}
.main.page-cloud-services .top-home-block {
display: flex;
height: 640px;
align-items: center;
}
.main.page-cloud-services .top-home-block .wrapper .wrap h1,
.main.page-cloud-services .top-home-block .wrapper .wrap .h1-title-fix {
color: #ffffff;
font-size: 64px;
font-size: 4rem;
font-weight: 700;
line-height: 1.12;
max-width: 640px;
width: 100%;
}
.main.page-cloud-services .top-home-block .wrapper .wrap .desc {
margin: 32px 0 0;
max-width: 600px;
width: 100%;
}
.main.page-cloud-services .top-home-block .wrapper .wrap .desc p {
font-weight: 500;
line-height: 1.2;
font-size: 28px;
font-size: 1.75rem;
}
.main.page-cloud-services .top-home-block .wrapper .wrap .top-service-btn {
margin: 48px 0 0;
}
.main.page-cloud-services .cloud-journey-block {
padding: 100px 0 158px;
}
@media (max-width: 1024px) {
.main.page-cloud-services .cloud-journey-block {
padding: 80px 0 100px;
}
}
.main.page-cloud-services .roadblock-block {
padding: 80px 0 150px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-cloud-services .roadblock-block {
padding: 80px 0 100px;
}
}
.main.page-cloud-services .roadblock-block .skay-icon.icon-1 {
top: -40px;
}
.main.page-cloud-services .roadblock-block .illustration-1 {
width: auto;
height: 422px;
display: block;
position: absolute;
top: -40px;
right: 0;
}
@media (max-width: 1440px) {
.main.page-cloud-services .roadblock-block .illustration-1 {
height: 295px;
}
}
@media (max-width: 1024px) {
.main.page-cloud-services .roadblock-block .illustration-1 {
height: 207px;
}
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .illustration-1 {
height: 145px;
}
}
.main.page-cloud-services .roadblock-block .illustration-2 {
width: auto;
height: 422px;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-cloud-services .roadblock-block .illustration-2 {
height: 295px;
}
}
@media (max-width: 1024px) {
.main.page-cloud-services .roadblock-block .illustration-2 {
height: 207px;
}
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .illustration-2 {
height: 145px;
}
}
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge {
display: flex;
align-items: center;
position: relative;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge {
justify-content: center;
}
}
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge.first {
padding: 0 0 0 210px;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge.first {
padding: 0;
}
}
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge.first:before {
content: "";
display: block;
width: 39px;
height: 100px;
border-top: 2px dashed #0D0D0D;
border-left: 2px dashed #0D0D0D;
border-top-left-radius: 30px;
position: absolute;
left: 150px;
top: 40px;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge.first:before {
display: none;
}
}
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge.second {
padding: 45px 0 45px 210px;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge.second {
padding: 0;
margin: 60px 0 30px;
}
}
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge.second:before {
content: "";
display: block;
width: 39px;
height: 160px;
border-top: 2px dashed #0D0D0D;
border-left: 2px dashed #0D0D0D;
border-top-left-radius: 30px;
position: absolute;
left: 150px;
top: 85px;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge.second:before {
display: none;
}
}
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge.second:after {
content: "";
display: block;
width: calc(100% - 615px);
height: 160px;
border-bottom: 2px dashed #0D0D0D;
border-right: 2px dashed #0D0D0D;
border-bottom-right-radius: 30px;
position: absolute;
right: 150px;
bottom: 85px;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge.second:after {
display: none;
}
}
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge h3 {
margin: 0;
}
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge .badge {
display: block;
text-decoration: none;
margin: 0 0 0 20px;
z-index: 2;
position: relative;
}
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge .badge:after {
content: "";
display: block;
width: 20px;
height: 100px;
background: #E5E5E5;
position: absolute;
right: -20px;
top: 0;
}
.main.page-cloud-services .roadblock-block .wrapper .headline-wrap-badge .badge img {
height: 80px;
width: auto;
display: block;
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan {
position: relative;
z-index: 1;
margin: 45px 0 0;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .links-plan {
flex-direction: column;
margin: 30px 0 0;
}
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan .single.disabled .icon-wrap img {
filter: invert(54%) sepia(0%) saturate(7%) hue-rotate(170deg) brightness(93%) contrast(98%);
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan .single.disabled span {
color: #808080;
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.first {
z-index: 3;
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.second {
margin: 120px 0 0;
position: relative;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .links-plan.second {
margin: 60px 0 0;
}
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.second:before {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
left: 150px;
height: 120px;
border-bottom-left-radius: 30px;
border-left: 2px dashed #0D0D0D;
border-bottom: 2px dashed #0D0D0D;
top: -180px;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .links-plan.second:before {
display: none;
}
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.second:after {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
right: 150px;
height: 120px;
border-top-right-radius: 30px;
border-right: 2px dashed #0D0D0D;
border-top: 2px dashed #0D0D0D;
top: -60px;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .links-plan.second:after {
display: none;
}
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.second .plan {
order: 2;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .links-plan.second .plan {
order: 1;
}
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.second .links {
order: 1;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .links-plan.second .links {
order: 2;
}
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.third {
z-index: 3;
margin: 0;
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.fourth {
margin: 120px 0 0;
position: relative;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .links-plan.fourth {
margin: 60px 0 0;
}
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.fourth:before {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
left: 150px;
height: 120px;
border-bottom-left-radius: 30px;
border-left: 2px dashed #0D0D0D;
border-bottom: 2px dashed #0D0D0D;
top: -180px;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .links-plan.fourth:before {
display: none;
}
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.fourth:after {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
right: 150px;
height: 120px;
border-top-right-radius: 30px;
border-right: 2px dashed #0D0D0D;
border-top: 2px dashed #0D0D0D;
top: -60px;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .links-plan.fourth:after {
display: none;
}
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.fourth .plan {
order: 2;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .links-plan.fourth .plan {
order: 1;
}
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan.fourth .links {
order: 1;
}
@media (max-width: 768px) {
.main.page-cloud-services .roadblock-block .wrapper .links-plan.fourth .links {
order: 2;
}
}
.main.page-cloud-services .roadblock-block .wrapper .links-plan .plan {
position: relative;
z-index: 3;
}
.main.page-cloud-services .products-solutions-block {
position: relative;
}
@media (max-width: 1024px) {
.main.page-cloud-services .products-solutions-block {
padding: 0 0 80px;
}
}
.main.page-cloud-services .products-solutions-block .illustration-3 {
width: auto;
height: 421px;
display: block;
position: absolute;
right: 0;
bottom: -200px;
}
.main.page-cloud-services .value-proposition-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1024px) {
.main.page-cloud-services .value-proposition-block {
padding: 30px 0 80px;
}
}
.main.page-devops-services .top-home-block {
display: flex;
height: 640px;
align-items: center;
}
.main.page-devops-services .top-home-block .wrapper .wrap h1,
.main.page-devops-services .top-home-block .wrapper .wrap .h1-title-fix {
color: #ffffff;
font-size: 64px;
font-size: 4rem;
font-weight: 700;
line-height: 1.12;
max-width: 500px;
width: 100%;
}
.main.page-devops-services .top-home-block .wrapper .wrap .desc {
margin: 32px 0 0;
max-width: 600px;
width: 100%;
}
.main.page-devops-services .top-home-block .wrapper .wrap .desc p {
font-weight: 500;
line-height: 1.2;
font-size: 28px;
font-size: 1.75rem;
}
.main.page-devops-services .top-home-block .wrapper .wrap .top-service-btn {
margin: 48px 0 0;
}
.main.page-devops-services .sec-block {
padding: 236px 0 70px;
}
@media (max-width: 1024px) {
.main.page-devops-services .sec-block {
padding: 80px 0 80px;
}
}
.main.page-devops-services .sec-block .wrapper {
z-index: 1;
}
.main.page-devops-services .sec-block .wrapper .buttons {
display: flex;
margin: 34px 0 0;
}
.main.page-devops-services .sec-block .wrapper .buttons .big-btn {
margin: 0 40px 0 0;
}
.main.page-devops-services .sec-block .wrapper .buttons .big-btn:last-of-type {
margin: 0;
}
.main.page-devops-services .ready-launch-block {
padding: 97px 0 74px;
position: relative;
background-color: #282828;
}
@media (max-width: 1024px) {
.main.page-devops-services .ready-launch-block {
padding: 80px 0 80px;
}
}
.main.page-devops-services .ready-launch-block .skay-icon.icon-1 {
z-index: 2;
}
.main.page-devops-services .ready-launch-block .illustration-2 {
height: 400px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-devops-services .ready-launch-block .illustration-2 {
height: 280px;
}
}
@media (max-width: 1024px) {
.main.page-devops-services .ready-launch-block .illustration-2 {
height: 196px;
}
}
@media (max-width: 768px) {
.main.page-devops-services .ready-launch-block .illustration-2 {
height: 137px;
}
}
.main.page-devops-services .ready-launch-block .illustration-3 {
height: 400px;
width: auto;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-devops-services .ready-launch-block .illustration-3 {
height: 280px;
}
}
@media (max-width: 1024px) {
.main.page-devops-services .ready-launch-block .illustration-3 {
height: 196px;
}
}
@media (max-width: 768px) {
.main.page-devops-services .ready-launch-block .illustration-3 {
height: 137px;
}
}
.main.page-devops-services .ready-launch-block .illustration-4 {
width: 96%;
max-width: 1338px;
position: absolute;
height: auto;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.main.page-devops-services .ready-launch-block .overlay {
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/illustration-devops-5.svg);
background-repeat: repeat-y;
background-size: 100% auto;
background-position: left top;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.main.page-devops-services .ready-launch-block .wrapper {
z-index: 5;
}
.main.page-devops-services .ready-launch-block .wrapper .row {
margin: 0 0 60px;
}
@media (max-width: 1024px) {
.main.page-devops-services .ready-launch-block .wrapper .row {
margin: 0 0 40px;
}
}
.main.page-devops-services .ready-launch-block .wrapper .row:last-of-type {
margin: 0;
}
.main.page-devops-services .ready-launch-block .wrapper .row.right-side {
display: flex;
justify-content: flex-end;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap {
max-width: 679px;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .top {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .top h2 {
max-width: 320px;
margin: 0;
color: #ffffff;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list {
margin: 52px 0 0;
}
@media (max-width: 1024px) {
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list {
margin: 40px 0 0;
}
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group {
margin: 0 0 24px;
}
@media (max-width: 480px) {
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group:last-of-type {
margin: 0;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .left {
border-radius: 20px;
padding: 40px 40px;
}
@media (max-width: 1024px) {
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .left {
padding: 30px 30px;
}
}
@media (max-width: 480px) {
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .left {
padding: 20px 20px;
}
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .left.green {
background: rgba(54, 186, 36, 0.95);
background: #E60000;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .left.blue {
background: #1437F1;
background: #0D0D0D;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .left h4 {
font-size: 24px;
font-size: 1.5rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
}
@media (max-width: 1024px) {
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .left h4 {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .left .text {
margin: 24px 0 0;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .left .text * {
font-size: 16px;
font-size: 1rem;
color: #ffffff;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .right {
display: flex;
flex-direction: column;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .right .single {
margin: 0 0 7px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.95);
display: flex;
align-items: center;
padding: 20px 40px;
min-height: 120px;
height: 100%;
position: relative;
}
@media (max-width: 1024px) {
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .right .single {
padding: 20px 30px;
}
}
@media (max-width: 480px) {
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .right .single {
padding: 20px 20px;
min-height: 100px;
}
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .right .single.disabled span {
color: #808080;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .right .single:last-child {
margin: 0;
}
.main.page-devops-services .ready-launch-block .wrapper .row .wrap .list .single-group .right .single span {
font-size: 18px;
font-size: 1.125rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
display: block;
position: absolute;
width: calc(100% - 80px);
}
.main.page-devops-services .products-solutions-block {
padding: 80px 0 135px;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-devops-services .products-solutions-block {
padding: 80px 0 80px;
}
}
.main.page-devops-services .products-solutions-block .wrapper .tabs .tab-content .list .single {
border: 1px solid #AFAFAF;
}
.main.page-devops-services .tools-block {
background: rgba(255, 255, 255, 0.7);
padding: 130px 0 140px;
}
@media (max-width: 1024px) {
.main.page-devops-services .tools-block {
padding: 80px 0 80px;
}
}
.main.page-devops-services .tools-block .wrapper h2.block-title {
margin: 0;
}
.main.page-devops-services .tools-block .wrapper .wrap {
margin: 40px 0 0;
max-width: 870px;
}
.main.page-devops-services .why-skaylink-block {
background: #ffffff;
padding: 80px 0 88px;
}
@media (max-width: 1024px) {
.main.page-devops-services .why-skaylink-block {
padding: 80px 0 80px;
}
}
.main.page-devops-services .value-proposition-block {
padding: 80px 0 170px;
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1024px) {
.main.page-devops-services .value-proposition-block {
padding: 80px 0 80px;
}
}
.main.page-it-services .top-home-block {
display: flex;
height: 640px;
align-items: center;
}
.main.page-it-services .top-home-block .wrapper .wrap h1,
.main.page-it-services .top-home-block .wrapper .wrap .h1-title-fix {
color: #ffffff;
font-size: 64px;
font-size: 4rem;
font-weight: 700;
line-height: 1.12;
max-width: 500px;
width: 100%;
}
.main.page-it-services .top-home-block .wrapper .wrap .desc {
margin: 32px 0 0;
max-width: 600px;
width: 100%;
}
.main.page-it-services .top-home-block .wrapper .wrap .desc p {
font-weight: 500;
line-height: 1.2;
font-size: 28px;
font-size: 1.75rem;
}
.main.page-it-services .top-home-block .wrapper .wrap .top-service-btn {
margin: 48px 0 0;
}
.main.page-it-services .workplace-block {
padding: 100px 0 170px;
}
@media (max-width: 1440px) {
.main.page-it-services .workplace-block {
padding: 100px 0 140px;
}
}
@media (max-width: 1024px) {
.main.page-it-services .workplace-block {
padding: 80px 0 80px;
}
}
.main.page-it-services .workplace-block .wrapper h2.block-title {
margin: 0;
}
.main.page-it-services .workplace-block .wrapper .text-1-photo-2 {
margin: 64px 0 0;
}
@media (max-width: 1024px) {
.main.page-it-services .workplace-block .wrapper .text-1-photo-2 {
margin: 50px 0 0;
}
}
.main.page-it-services .workplace-block .wrapper .text-1-photo-2 .column .skay-icon {
bottom: -81px;
right: -44px;
}
@media (max-width: 768px) {
.main.page-it-services .workplace-block .wrapper .text-1-photo-2 .column .skay-icon {
bottom: -80px;
right: -30px;
}
}
@media (max-width: 480px) {
.main.page-it-services .workplace-block .wrapper .text-1-photo-2 .column .skay-icon {
right: -20px;
}
}
.main.page-it-services .workplace-block .wrapper .text-1-photo-2 .column .illustration-1 {
height: 320px;
width: auto;
display: block;
position: absolute;
bottom: -81px;
right: -44px;
}
@media (max-width: 1440px) {
.main.page-it-services .workplace-block .wrapper .text-1-photo-2 .column .illustration-1 {
height: 224px;
}
}
@media (max-width: 1024px) {
.main.page-it-services .workplace-block .wrapper .text-1-photo-2 .column .illustration-1 {
height: 159px;
}
}
@media (max-width: 768px) {
.main.page-it-services .workplace-block .wrapper .text-1-photo-2 .column .illustration-1 {
height: 110px;
}
}
.main.page-it-services .development-block {
padding: 100px 0 160px;
position: relative;
}
@media (max-width: 1440px) {
.main.page-it-services .development-block {
padding: 100px 0 130px;
}
}
@media (max-width: 1024px) {
.main.page-it-services .development-block {
padding: 80px 0 80px;
}
}
.main.page-it-services .development-block .skay-icon {
bottom: 180px;
}
@media (max-width: 1440px) {
.main.page-it-services .development-block .skay-icon {
bottom: 126px;
}
}
@media (max-width: 1024px) {
.main.page-it-services .development-block .skay-icon {
bottom: 88px;
}
}
@media (max-width: 768px) {
.main.page-it-services .development-block .skay-icon {
bottom: 0;
}
}
.main.page-it-services .development-block .illustration-3 {
height: 320px;
width: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-it-services .development-block .illustration-3 {
height: 224px;
}
}
@media (max-width: 1024px) {
.main.page-it-services .development-block .illustration-3 {
height: 159px;
}
}
@media (max-width: 768px) {
.main.page-it-services .development-block .illustration-3 {
height: 110px;
}
}
.main.page-it-services .development-block .wrapper .wrap .services-grid-wrap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 32px;
}
@media (max-width: 768px) {
.main.page-it-services .development-block .wrapper .wrap .services-grid-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 24px;
}
}
.main.page-it-services .development-block .wrapper .wrap .services-grid-wrap .column {
max-width: none;
width: 100%;
margin: 0;
background: rgba(255, 255, 255, 0.9);
border-radius: 20px;
padding: 60px 60px;
}
@media (max-width: 1024px) {
.main.page-it-services .development-block .wrapper .wrap .services-grid-wrap .column {
padding: 40px 40px;
}
}
@media (max-width: 480px) {
.main.page-it-services .development-block .wrapper .wrap .services-grid-wrap .column {
padding: 32px 24px;
}
}
.main.page-it-services .develope-it-workplace-block {
padding: 80px 0 147px;
position: relative;
background-repeat: repeat-y;
background-size: 100% auto;
background-position: left top;
}
@media (max-width: 1440px) {
.main.page-it-services .develope-it-workplace-block {
padding: 80px 0 110px;
}
}
@media (max-width: 1024px) {
.main.page-it-services .develope-it-workplace-block {
padding: 80px 0 80px;
}
}
.main.page-it-services .develope-it-workplace-block .overlay {
background: linear-gradient(0deg, #000000 62.23%, rgba(255, 255, 255, 0) 100%);
opacity: 0.1;
transform: rotate(-180deg);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row {
margin: 0 0 80px;
}
@media (max-width: 1024px) {
.main.page-it-services .develope-it-workplace-block .wrapper .row {
margin: 0 0 60px;
}
}
.main.page-it-services .develope-it-workplace-block .wrapper .row:last-of-type {
margin: 0;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row h2.block-title {
margin: 0;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .desc {
margin: 24px 0 0;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap {
margin: 60px 0 0;
}
@media (max-width: 1024px) {
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap {
margin: 40px 0 0;
}
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row {
margin: 0 0 20px;
display: flex;
}
@media (max-width: 768px) {
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row {
flex-direction: column;
grid-gap: 10px;
}
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row.green .left {
background: #36BA24;
background: #E60000;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row.green .right .single {
border-color: #36BA24;
border-color: #E60000;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row.blue .left {
background: #1437F1;
background: #0D0D0D;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row.blue .right .single {
border-color: #1437F1;
border-color: #0D0D0D;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row:last-of-type {
margin: 0;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .left {
width: 308px;
margin: 0 10px 0 0;
padding: 24px 24px;
border-radius: 20px;
display: flex;
justify-content: center;
flex-direction: column;
}
@media (max-width: 1024px) {
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .left {
padding: 20px 20px;
width: 250px;
}
}
@media (max-width: 768px) {
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .left {
width: 100%;
margin: 0;
}
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .left h4 {
color: #ffffff;
margin: 0;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .left .text {
margin: 16px 0 0;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .left .text * {
font-size: 16px;
font-size: 1rem;
color: #ffffff;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .right {
width: calc(100% - 318px);
}
@media (max-width: 1024px) {
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .right {
width: calc(100% - 260px);
}
}
@media (max-width: 768px) {
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .right {
width: 100%;
}
}
@media (max-width: 480px) {
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .right {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .right .single {
padding: 40px 40px;
min-height: 240px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid transparent;
text-decoration: none;
color: #0D0D0D;
}
@media (max-width: 1024px) {
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .right .single {
padding: 20px 20px;
}
}
@media (max-width: 768px) {
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .right .single {
min-height: 100px;
}
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .right .single.disabled span {
color: #808080;
}
.main.page-it-services .develope-it-workplace-block .wrapper .row .wrap .single-row .right .single span {
display: block;
font-weight: 700;
}
.main.page-it-services .choose-platform-block {
padding: 100px 0 124px;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-it-services .choose-platform-block {
padding: 80px 0 80px;
}
}
.main.page-it-services .why-skaylink-block {
padding: 80px 0 80px;
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
.main.page-it-services .value-proposition-block {
padding: 80px 0 100px;
background: transparent;
}
@media (max-width: 1024px) {
.main.page-it-services .value-proposition-block {
padding: 80px 0 80px;
}
}
.main.page-service .top-service-block.with-photo {
min-height: 520px;
display: flex;
align-items: center;
padding: 93px 0;
}
@media (max-width: 1024px) {
.main.page-service .top-service-block.with-photo {
height: 500px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-service .top-service-block.with-photo {
height: 480px;
min-height: inherit;
}
}
.main.page-service .top-service-block.without-photo {
height: auto;
padding: 160px 0 0;
}
.main.page-service .top-service-block.without-photo .wrapper .wrap {
max-width: 1030px;
}
.main.page-service .top-service-block.without-photo .wrapper .wrap h1 {
color: #36BA24;
}
.main.page-service .top-service-block.without-photo .wrapper .wrap .text-headline p {
color: #0D0D0D;
}
.main.page-service .top-service-block.without-photo .wrapper .wrap h2 {
color: #0D0D0D;
}
.main.page-service .top-service-block.light-bg .wrapper .wrap h1 {
color: #4A4D4E;
}
.main.page-service .top-service-block.light-bg .wrapper .wrap .text-headline p {
color: #E60000;
}
.main.page-service .top-service-block.light-bg .wrapper .wrap h2 {
color: #E60000;
}
.main.page-service .top-service-block.light-bg .wrapper .wrap .vf-btn {
background: #ffffff;
color: #E60000;
}
.main.page-service .top-service-block .wrapper .wrap {
max-width: 720px;
}
.main.page-service .top-service-block .wrapper .wrap h1 {
font-size: 16px;
font-size: 1rem;
color: #999999;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.28;
margin: 0;
letter-spacing: 1.28px;
}
.main.page-service .top-service-block .wrapper .wrap .text-headline {
margin: 22px 0 0;
}
.main.page-service .top-service-block .wrapper .wrap .text-headline p {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.14;
letter-spacing: -0.56px;
margin: 0;
}
@media (max-width: 1440px) {
.main.page-service .top-service-block .wrapper .wrap .text-headline p {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-service .top-service-block .wrapper .wrap .text-headline p {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-service .top-service-block .wrapper .wrap .text-headline p {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-service .top-service-block .wrapper .wrap h2 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.14;
margin: 22px 0 0;
letter-spacing: -0.56px;
}
@media (max-width: 1440px) {
.main.page-service .top-service-block .wrapper .wrap h2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-service .top-service-block .wrapper .wrap h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-service .top-service-block .wrapper .wrap h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-service .top-service-block .wrapper .wrap .vf-btn {
margin: 44px 0 0;
}
.main.page-service .description-block {
padding: 64px 0 64px;
position: relative;
background: #ffffff;
}
.main.page-service .description-block .wrapper {
z-index: 1;
}
.main.page-service .description-block .wrapper .text-1-photo-2 .column .text {
margin: 0;
}
.main.page-service .description-block .illustration {
height: 360px;
width: auto;
display: block;
position: absolute;
right: 0;
top: 170px;
z-index: 0;
}
@media (max-width: 1440px) {
.main.page-service .description-block .illustration {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-service .description-block .illustration {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-service .description-block .illustration {
height: 123px;
display: none;
}
}
.main.page-service .points-block {
background: #F4F4F4;
padding: 80px 0;
}
@media (max-width: 1024px) {
.main.page-service .points-block {
padding: 64px 0;
}
}
.main.page-service .points-block .wrapper .single-group {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-service .points-block .wrapper .single-group {
margin: 30px 0 0;
}
}
.main.page-service .points-block .wrapper .single-group:first-of-type {
margin: 0;
}
.main.page-service .points-block .wrapper .single-group .block-title span {
display: block;
font-weight: 400;
}
.main.page-service .points-block .wrapper .single-group .grid {
padding: 32px 0 0;
}
@media (max-width: 1024px) {
.main.page-service .points-block .wrapper .single-group .grid {
padding: 30px 0 0;
grid-gap: 40px;
}
}
@media (max-width: 768px) {
.main.page-service .points-block .wrapper .single-group .grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-service .points-block .wrapper .single-group .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 30px;
}
}
.main.page-service .points-block .wrapper .single-group .grid.grid-3 .single {
width: 100%;
}
@media (max-width: 768px) {
.main.page-service .points-block .wrapper .single-group .grid.grid-3 .single {
max-width: 100%;
}
}
@media (max-width: 480px) {
.main.page-service .points-block .wrapper .single-group .grid.grid-3 {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 30px;
}
}
.main.page-service .points-block .wrapper .single-group .grid.grid-4 {
grid-gap: 60px;
}
@media (max-width: 1024px) {
.main.page-service .points-block .wrapper .single-group .grid.grid-4 {
grid-gap: 40px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.main.page-service .points-block .wrapper .single-group .grid.grid-4 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-service .points-block .wrapper .single-group .grid.grid-4 {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 30px;
}
}
.main.page-service .points-block .wrapper .single-group .grid.icon-left.photo .single .info {
width: calc(67% - 30px);
}
.main.page-service .points-block .wrapper .single-group .grid.icon-left .single {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.main.page-service .points-block .wrapper .single-group .grid.icon-left .single.no-icon .info {
width: 100%;
}
.main.page-service .points-block .wrapper .single-group .grid.icon-left .single .info {
width: calc(100% - 53px);
}
.main.page-service .points-block .wrapper .single-group .grid.icon-top .single .info {
margin: 21px 0 0;
}
.main.page-service .points-block .wrapper .single-group .grid.photo .single .icon-wrap {
width: calc(33% - 30px);
height: auto;
}
.main.page-service .points-block .wrapper .single-group .single.no-icon .info {
width: 100%;
}
.main.page-service .points-block .wrapper .single-group .single .icon-wrap {
width: 39px;
height: 39px;
display: flex;
align-items: center;
justify-content: center;
}
.main.page-service .points-block .wrapper .single-group .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-service .points-block .wrapper .single-group .single .info .title {
font-weight: 700;
color: #0D0D0D;
}
.main.page-service .points-block .wrapper .single-group .single .info .title .number {
color: #F72E00;
}
.main.page-service .points-block .wrapper .single-group .single .info .text {
margin: 16px 0 0;
font-size: 16px;
font-size: 1rem;
}
.main.page-service .points-block .wrapper .single-group .single .info .text * {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
color: #4A4D4E;
}
.main.page-service .additional-text-bg-block {
padding: 80px 0 80px;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-service .additional-text-bg-block {
padding: 64px 0 64px;
}
}
.main.page-service .additional-text-bg-block .wrapper .wrap {
padding: 60px 60px;
border: 1px solid #D0D0D0;
border-radius: 20px;
}
@media (max-width: 1024px) {
.main.page-service .additional-text-bg-block .wrapper .wrap {
padding: 40px 40px;
}
}
.main.page-service .additional-text-bg-block .wrapper .wrap.with-btn {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 22%;
}
@media (max-width: 1024px) {
.main.page-service .additional-text-bg-block .wrapper .wrap.with-btn {
grid-gap: 32px;
}
}
@media (max-width: 768px) {
.main.page-service .additional-text-bg-block .wrapper .wrap.with-btn {
text-align: center;
align-items: center;
justify-content: center;
flex-direction: column;
}
}
.main.page-service .additional-text-bg-block .wrapper .wrap.with-btn p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.with-btn .service-btn {
width: 184px;
text-decoration: none;
padding: 16px 8px;
background: #ffffff;
color: #E60000;
border-radius: 6px;
font-size: 18px;
font-size: 1.125rem;
font-weight: 500;
display: inline-block;
flex: none;
text-align: center;
position: relative;
z-index: 2;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.bg-green p {
color: #ffffff;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.bg-blue p {
color: #ffffff;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.bg-red-vodafone, .main.page-service .additional-text-bg-block .wrapper .wrap.bg-black-vodafone, .main.page-service .additional-text-bg-block .wrapper .wrap.bg-grey-vodafone {
position: relative;
border-radius: 6px;
border: none;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.bg-red-vodafone .bg, .main.page-service .additional-text-bg-block .wrapper .wrap.bg-black-vodafone .bg, .main.page-service .additional-text-bg-block .wrapper .wrap.bg-grey-vodafone .bg {
position: absolute;
top: 0;
right: 0;
width: auto;
height: 100%;
display: block;
z-index: 0;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.bg-red-vodafone {
background: #E60000;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.bg-red-vodafone p {
color: #ffffff;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.bg-black-vodafone {
background: #0D0D0D;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.bg-black-vodafone p {
color: #ffffff;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.bg-black-vodafone .service-btn {
color: #0D0D0D;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.bg-grey-vodafone {
border-radius: 6px;
background: #EBEBEB;
}
.main.page-service .additional-text-bg-block .wrapper .wrap.bg-grey-vodafone .service-btn {
background: #0D0D0D;
color: #ffffff;
}
.main.page-service .additional-text-bg-block .wrapper .wrap p:last-of-type {
margin-bottom: 0;
}
.main.page-service .additional-text-bg-block .wrapper .wrap a {
color: #ffffff;
}
.main.page-service .additional-text-no-bg-block {
padding: 0 0 80px;
background: #ffffff;
}
.main.page-service .additional-text-no-bg-block .wrapper .wrap p {
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1280px) {
.main.page-service .additional-text-no-bg-block .wrapper .wrap p {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.main.page-service .additional-text-no-bg-block .wrapper .wrap p {
font-size: 26px;
font-size: 1.625rem;
}
}
.main.page-service .additional-text-no-bg-block .wrapper .wrap a {
color: #0D0D0D;
}
.main.page-service .second-additional-text {
padding: 0 0 80px;
background: #ffffff;
}
@media (max-width: 480px) {
.main.page-service .second-additional-text {
display: none;
}
}
.main.page-service .second-additional-text .wrapper h2 {
text-align: center;
margin: 0;
}
.main.page-service .second-additional-text .wrapper .desc {
margin: 40px auto 0;
max-width: 768px;
}
.main.page-service .data-security-block-1 {
background: #ffffff;
}
.main.page-service .data-security-block-1 .wrapper h2 {
margin: 0;
color: #0D0D0D;
font-size: 32px;
font-size: 2rem;
}
@media (max-width: 1280px) {
.main.page-service .data-security-block-1 .wrapper h2 {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.main.page-service .data-security-block-1 .wrapper h2 {
font-size: 26px;
font-size: 1.625rem;
}
}
.main.page-service .data-security-block-1 .wrapper .groups {
margin: 40px 0 0;
display: flex;
flex-direction: column;
grid-gap: 72px;
}
@media (max-width: 768px) {
.main.page-service .data-security-block-1 .wrapper .groups {
grid-gap: 48px;
}
}
.main.page-service .data-security-block-1 .wrapper .groups .single-group h3 {
margin: 0;
font-size: 20px;
font-size: 1.25rem;
color: #0D0D0D;
}
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid {
margin: 40px 0 0;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 72px;
}
@media (max-width: 1280px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid {
grid-gap: 40px;
}
}
@media (max-width: 1024px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid {
grid-gap: 32px;
grid-row-gap: 40px;
}
}
@media (max-width: 480px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .top-wrap .icon-wrap img {
height: 94px;
width: auto;
display: block;
margin: 0 auto;
}
@media (max-width: 768px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .top-wrap .icon-wrap img {
height: 72px;
}
}
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .top-wrap .title {
display: block;
text-align: center;
font-weight: 700;
font-size: 20px;
font-size: 1.25rem;
margin: 28px 0 0;
}
@media (max-width: 1024px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .top-wrap .title {
margin: 20px 0 0;
}
}
@media (max-width: 480px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .top-wrap .title {
margin: 16px 0 0;
}
}
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .top-wrap .text {
margin: 36px 0 0;
text-align: center;
}
@media (max-width: 1024px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .top-wrap .text {
margin: 24px 0 0;
}
}
@media (max-width: 480px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .top-wrap .text {
margin: 20px 0 0;
}
}
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .top-wrap .text p {
font-size: 18px;
font-size: 1.125rem;
}
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .link-wrap {
margin: 36px 0 0;
}
@media (max-width: 1024px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .link-wrap {
margin: 24px 0 0;
}
}
@media (max-width: 480px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .link-wrap {
margin: 20px 0 0;
text-align: center;
}
}
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .link-wrap.icon-on a {
position: relative;
}
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .link-wrap.icon-on a:before {
width: 37px;
height: 40px;
position: absolute;
margin: auto;
left: 22px;
top: 0;
bottom: 0;
content: "";
display: block;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/logo-security.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
}
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .link-wrap a {
padding-top: 21px;
padding-bottom: 21px;
}
@media (max-width: 400px) {
.main.page-service .data-security-block-1 .wrapper .groups .single-group .grid .single .link-wrap a {
width: 100%;
max-width: 100%;
}
}
.main.page-service .data-security-block-2 {
background: #ffffff;
padding: 70px 0;
}
.main.page-service .data-security-block-2 .wrapper .wrap {
display: grid;
grid-gap: 54px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1280px) {
.main.page-service .data-security-block-2 .wrapper .wrap {
grid-gap: 40px;
}
}
@media (max-width: 768px) {
.main.page-service .data-security-block-2 .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-service .data-security-block-2 .wrapper .wrap .col {
justify-content: center;
display: flex;
flex-direction: column;
}
.main.page-service .data-security-block-2 .wrapper .wrap .col h2 {
margin: 0;
color: #0D0D0D;
font-size: 32px;
font-size: 2rem;
}
@media (max-width: 1280px) {
.main.page-service .data-security-block-2 .wrapper .wrap .col h2 {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.main.page-service .data-security-block-2 .wrapper .wrap .col h2 {
font-size: 26px;
font-size: 1.625rem;
}
}
.main.page-service .data-security-block-2 .wrapper .wrap .col .text {
margin: 32px 0 0;
}
@media (max-width: 480px) {
.main.page-service .data-security-block-2 .wrapper .wrap .col .text {
margin: 24px 0 0;
}
}
.main.page-service .data-security-block-2 .wrapper .wrap .col .btn {
padding: 21px 100px;
margin: 32px 0 0;
width: auto;
align-self: flex-start;
}
@media (max-width: 480px) {
.main.page-service .data-security-block-2 .wrapper .wrap .col .btn {
margin: 24px 0 0;
}
}
@media (max-width: 400px) {
.main.page-service .data-security-block-2 .wrapper .wrap .col .btn {
width: 100%;
max-width: 100%;
}
}
.main.page-service .data-security-block-2 .wrapper .wrap .col .main-img {
width: auto;
height: auto;
display: block;
}
.main.page-news {
background: #ffffff;
}
.main.page-news .top-landing-block {
height: 440px;
background: #E60000 !important;
}
@media (max-width: 1024px) {
.main.page-news .top-landing-block {
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-news .top-landing-block {
min-height: inherit;
}
}
.main.page-news .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-news .top-landing-block .wrapper .wrap h1 {
display: block;
margin: 0 0 4px;
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-news .top-landing-block .wrapper .wrap .single-big-article-new {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.main.page-news .top-landing-block .wrapper .wrap .single-big-article-new .title {
text-decoration: none;
font-size: 40px;
font-size: 2.5rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1440px) {
.main.page-news .top-landing-block .wrapper .wrap .single-big-article-new .title {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 1280px) {
.main.page-news .top-landing-block .wrapper .wrap .single-big-article-new .title {
font-size: 32px;
font-size: 2rem;
}
}
@media (max-width: 768px) {
.main.page-news .top-landing-block .wrapper .wrap .single-big-article-new .title {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.page-news .top-landing-block .wrapper .wrap .single-big-article-new .vf-btn {
margin: 24px 0 0;
}
.main.page-news .first-new-block {
padding: 140px 0 78px;
background-color: rgba(255, 255, 255, 0.8);
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/illustration-news-2.svg);
background-repeat: repeat-y;
background-size: 100% auto;
background-position: left top;
position: relative;
}
.main.page-news .first-new-block .illustration-1 {
width: auto;
height: 360px;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-news .first-new-block .illustration-1 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-news .first-new-block .illustration-1 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-news .first-new-block .illustration-1 {
height: 123px;
}
}
.main.page-news .first-new-block .title-wrapper {
max-width: 960px;
margin: 0 auto;
}
.main.page-news .first-new-block .title-wrapper h1 {
font-size: 48px;
font-size: 3rem;
line-height: 1.2;
margin: 0 0 32px;
}
@media (max-width: 1440px) {
.main.page-news .first-new-block .title-wrapper h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-news .first-new-block .title-wrapper h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-news .first-new-block .title-wrapper h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-news .first-new-block .wrapper {
z-index: 1;
}
.main.page-news .first-new-block .wrapper .single-big-article {
max-width: 960px;
margin: 0 auto;
}
.main.page-news .first-new-block .wrapper .single-big-article .photo {
display: block;
text-decoration: none;
}
.main.page-news .first-new-block .wrapper .single-big-article .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 62%;
}
.main.page-news .first-new-block .wrapper .single-big-article .info {
margin: 40px 0 0;
display: flex;
flex-direction: column;
}
@media (max-width: 1024px) {
.main.page-news .first-new-block .wrapper .single-big-article .info {
margin: 30px 0 0;
}
}
.main.page-news .first-new-block .wrapper .single-big-article .info .title {
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.19;
text-decoration: none;
display: inline-block;
max-width: 791px;
}
.main.page-news .first-new-block .wrapper .single-big-article .info .link-with-arrow {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-news .first-new-block .wrapper .single-big-article .info .link-with-arrow {
margin: 30px 0 0;
}
}
.main.page-news .all-news-block {
padding: 80px 0 128px;
position: relative;
background: #F4F4F4;
margin: 80px 0 0;
}
@media (max-width: 1024px) {
.main.page-news .all-news-block {
padding: 64px 0 64px;
margin: 64px 0 0;
}
}
.main.page-news .all-news-block:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-size: 24.93% auto;
background-position: left top;
background-repeat: no-repeat;
opacity: 0.05;
}
.main.page-news .all-news-block .wrapper {
z-index: 1;
}
.main.page-news .all-news-block .wrapper .category-filter {
display: flex;
grid-gap: 35px;
grid-row-gap: 20px;
flex-wrap: wrap;
}
.main.page-news .all-news-block .wrapper .category-filter a {
font-size: 18px;
font-size: 1.125rem;
color: #E60000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.22;
text-decoration: none;
display: inline-block;
white-space: nowrap;
}
.main.page-news .all-news-block .wrapper .category-filter a:after {
content: "";
display: block;
width: 100%;
height: 4px;
background: transparent;
margin: 10px 0 0;
}
.main.page-news .all-news-block .wrapper .category-filter a.active {
color: #0D0D0D;
}
.main.page-news .all-news-block .wrapper .category-filter a.active h1 {
font-size: 18px;
font-size: 1.125rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1;
margin: 0;
}
.main.page-news .all-news-block .wrapper .category-filter a.active:after {
background: #E60000;
}
.main.page-news .all-news-block .wrapper .news-grid {
margin: 88px 0 0;
}
@media (max-width: 1024px) {
.main.page-news .all-news-block .wrapper .news-grid {
margin: 60px 0 0;
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-news .all-news-block .wrapper .news-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 32px;
}
}
@media (max-width: 480px) {
.main.page-news .all-news-block .wrapper .news-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-about .top-block {
height: 668px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-about .top-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-about .top-block {
height: 500px;
min-height: inherit;
}
}
.main.page-about .top-block .skay-icon {
bottom: -115px;
}
@media (max-width: 1440px) {
.main.page-about .top-block .skay-icon {
bottom: -80px;
}
}
@media (max-width: 1024px) {
.main.page-about .top-block .skay-icon {
bottom: -56px;
}
}
@media (max-width: 768px) {
.main.page-about .top-block .skay-icon {
bottom: -39px;
}
}
.main.page-about .top-block .illustration-1 {
height: 456px;
width: auto;
display: block;
position: absolute;
right: 0;
bottom: -113px;
}
@media (max-width: 1440px) {
.main.page-about .top-block .illustration-1 {
height: 319px;
}
}
@media (max-width: 1024px) {
.main.page-about .top-block .illustration-1 {
height: 223px;
}
}
@media (max-width: 768px) {
.main.page-about .top-block .illustration-1 {
height: 156px;
}
}
.main.page-about .top-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-about .top-block .wrapper .wrap .block-title {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
max-width: 620px;
}
@media (max-width: 1440px) {
.main.page-about .top-block .wrapper .wrap .block-title {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-about .top-block .wrapper .wrap .block-title {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-about .top-block .wrapper .wrap .block-title {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-about .top-block .wrapper .wrap .text {
margin: 40px 0 0;
max-width: 620px;
}
@media (max-width: 1024px) {
.main.page-about .top-block .wrapper .wrap .text {
margin: 30px 0 0;
}
}
.main.page-about .top-block .wrapper .wrap .text p {
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-about .desc-block {
padding: 100px 0 120px;
}
@media (max-width: 1024px) {
.main.page-about .desc-block {
padding: 80px 0 80px;
}
}
.main.page-about .desc-block .wrapper .text-1-photo-2 {
margin: 60px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .desc-block .wrapper .text-1-photo-2 {
margin: 40px 0 0;
}
}
.main.page-about .desc-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
}
@media (max-width: 1024px) {
.main.page-about .desc-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-about .desc-block .wrapper .text-1-photo-2 .column .text {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .desc-block .wrapper .text-1-photo-2 .column .text {
margin: 30px 0 0;
}
}
.main.page-about .value-proposition-block {
padding: 80px 0 120px;
}
@media (max-width: 1024px) {
.main.page-about .value-proposition-block {
padding: 80px 0 80px;
}
}
.main.page-about .value-proposition-block .wrapper .wrap {
margin: 84px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .value-proposition-block .wrapper .wrap {
margin: 60px 0 0;
grid-gap: 60px;
grid-row-gap: 60px;
}
}
@media (max-width: 768px) {
.main.page-about .value-proposition-block .wrapper .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-row-gap: 40px;
grid-gap: 40px;
}
}
@media (max-width: 480px) {
.main.page-about .value-proposition-block .wrapper .wrap {
margin: 40px 0 0;
}
}
.main.page-about .people-block {
padding: 200px 0 200px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-about .people-block {
padding: 80px 0 80px;
}
}
.main.page-about .people-block .illustration-2 {
height: 456px;
width: auto;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
}
@media (max-width: 1440px) {
.main.page-about .people-block .illustration-2 {
height: 319px;
}
}
@media (max-width: 1024px) {
.main.page-about .people-block .illustration-2 {
height: 223px;
}
}
@media (max-width: 768px) {
.main.page-about .people-block .illustration-2 {
height: 156px;
z-index: 0;
left: inherit;
right: 0;
}
}
@media (max-width: 480px) {
.main.page-about .people-block .illustration-2 {
display: none;
}
}
.main.page-about .principles-block {
padding: 100px 0 100px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-about .principles-block {
padding: 80px 0 80px;
}
}
.main.page-about .principles-block .skay-icon {
bottom: -90px;
}
@media (max-width: 1440px) {
.main.page-about .principles-block .skay-icon {
bottom: -63px;
}
}
@media (max-width: 1024px) {
.main.page-about .principles-block .skay-icon {
bottom: -44px;
}
}
@media (max-width: 768px) {
.main.page-about .principles-block .skay-icon {
bottom: -31px;
}
}
.main.page-about .principles-block .illustration-3 {
height: 360px;
width: auto;
display: block;
position: absolute;
bottom: -90px;
right: 0;
}
@media (max-width: 1440px) {
.main.page-about .principles-block .illustration-3 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-about .principles-block .illustration-3 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-about .principles-block .illustration-3 {
height: 123px;
}
}
.main.page-about .principles-block .wrapper .wrap {
margin: 64px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .principles-block .wrapper .wrap {
margin: 40px 0 0;
}
}
@media (max-width: 768px) {
.main.page-about .principles-block .wrapper .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-about .principles-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-about .principles-block .wrapper .wrap .single {
display: flex;
align-items: center;
background: rgba(255, 255, 255, 0.9);
border-radius: 20px;
padding: 32px 30px;
min-height: 184px;
}
@media (max-width: 1024px) {
.main.page-about .principles-block .wrapper .wrap .single {
padding: 24px 24px;
flex-direction: column;
grid-gap: 24px;
}
}
@media (max-width: 480px) {
.main.page-about .principles-block .wrapper .wrap .single {
min-height: inherit;
}
}
.main.page-about .principles-block .wrapper .wrap .single .icon-wrap {
width: 64px;
height: 64px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 40px 0 0;
flex: none;
}
@media (max-width: 1024px) {
.main.page-about .principles-block .wrapper .wrap .single .icon-wrap {
margin: 0;
width: 40px;
height: 40px;
}
}
.main.page-about .principles-block .wrapper .wrap .single .icon-wrap img {
width: auto;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.main.page-about .principles-block .wrapper .wrap .single span {
display: block;
font-size: 20px;
font-size: 1.25rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 480px) {
.main.page-about .principles-block .wrapper .wrap .single span {
text-align: center;
}
}
.main.page-about .principles-block .wrapper .quote-wrap {
margin: 60px 0 0;
max-width: 640px;
}
@media (max-width: 1024px) {
.main.page-about .principles-block .wrapper .quote-wrap {
margin: 40px 0 0;
}
}
.main.page-about .principles-block .wrapper .quote-wrap .quote {
margin: 40px 0 0;
max-width: 640px;
}
@media (max-width: 1024px) {
.main.page-about .principles-block .wrapper .quote-wrap .quote {
margin: 30px 0 0;
}
}
.main.page-about .principles-block .wrapper .quote-wrap .quote p {
font-size: 36px;
font-size: 2.25rem;
color: #0D0D0D;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
width: calc(100% - 60px);
}
@media (max-width: 1280px) {
.main.page-about .principles-block .wrapper .quote-wrap .quote p {
font-size: 30px;
font-size: 1.875rem;
}
}
@media (max-width: 768px) {
.main.page-about .principles-block .wrapper .quote-wrap .quote p {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.page-about .principles-block .wrapper .quote-wrap .quote p:before {
content: "";
display: block;
width: 36px;
height: 30px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-quote.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
margin: 0 24px 0 0;
}
.main.page-about .team-block {
padding: 80px 0 94px;
}
@media (max-width: 1024px) {
.main.page-about .team-block {
padding: 80px 0 80px;
}
}
.main.page-about .team-block .wrapper .desc {
margin: 40px 0 0;
max-width: 640px;
}
@media (max-width: 1024px) {
.main.page-about .team-block .wrapper .desc {
margin: 30px 0 0;
}
}
.main.page-about .team-block .wrapper .tabs {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .team-block .wrapper .tabs {
margin: 30px 0 0;
}
}
.main.page-about .team-block .wrapper .tabs .tab-list {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
grid-gap: 35px;
grid-row-gap: 20px;
flex-wrap: wrap;
}
.main.page-about .team-block .wrapper .tabs .tab-list li {
margin: 0;
}
.main.page-about .team-block .wrapper .tabs .tab-list li:last-of-type {
margin: 0;
}
.main.page-about .team-block .wrapper .tabs .tab-list li.ui-tabs-active a {
color: #0D0D0D;
}
.main.page-about .team-block .wrapper .tabs .tab-list li.ui-tabs-active a:after {
opacity: 1;
}
.main.page-about .team-block .wrapper .tabs .tab-list li a {
font-weight: 700;
color: #1437F1;
color: #E60000;
display: inline-block;
text-decoration: none;
position: relative;
}
.main.page-about .team-block .wrapper .tabs .tab-list li a:after {
content: "";
display: block;
width: 100%;
height: 4px;
background: #0D0D0D;
margin: 1px 0 0;
opacity: 0;
}
.main.page-about .team-block .wrapper .tabs .tab-content {
margin: 80px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .team-block .wrapper .tabs .tab-content {
margin: 60px 0 0;
}
}
@media (max-width: 480px) {
.main.page-about .team-block .wrapper .tabs .tab-content {
margin: 40px 0 0;
}
}
.main.page-about .team-block .wrapper .tabs .tab-content.second-level-tabs-block {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .team-block .wrapper .tabs .tab-content.second-level-tabs-block {
margin: 32px 0 0;
}
}
@media (max-width: 480px) {
.main.page-about .team-block .wrapper .tabs .tab-content.second-level-tabs-block {
margin: 24px 0 0;
}
}
.main.page-about .team-block .wrapper .tabs .tab-content.second-level-tabs-block .tabs-second-level .tab-list {
margin: 0 0 80px;
grid-gap: 20px;
}
@media (max-width: 1024px) {
.main.page-about .team-block .wrapper .tabs .tab-content.second-level-tabs-block .tabs-second-level .tab-list {
margin: 0 0 60px;
}
}
@media (max-width: 480px) {
.main.page-about .team-block .wrapper .tabs .tab-content.second-level-tabs-block .tabs-second-level .tab-list {
margin: 0 0 40px;
}
}
.main.page-about .team-block .wrapper .tabs .tab-content.second-level-tabs-block .tabs-second-level .tab-list li.ui-tabs-active a {
background: #0D0D0D;
color: #ffffff;
}
.main.page-about .team-block .wrapper .tabs .tab-content.second-level-tabs-block .tabs-second-level .tab-list li a {
padding: 8px 24px;
border-radius: 16px;
border: 1px solid #0D0D0D;
color: #0D0D0D;
}
.main.page-about .team-block .wrapper .tabs .tab-content.second-level-tabs-block .tabs-second-level .tab-list li a:after {
display: none;
}
@media (max-width: 1024px) {
.main.page-about .team-block .wrapper .tabs .tab-content .grid {
grid-gap: 60px;
grid-row-gap: 50px;
}
}
@media (max-width: 768px) {
.main.page-about .team-block .wrapper .tabs .tab-content .grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-about .team-block .wrapper .tabs .tab-content .grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 40px;
grid-row-gap: 40px;
}
}
.main.page-about .team-block .wrapper .tabs .tab-content .grid .single {
text-align: center;
}
.main.page-about .team-block .wrapper .tabs .tab-content .grid .single .photo {
border-radius: 100%;
overflow: hidden;
filter: grayscale(1);
max-width: 200px;
width: 100%;
margin: 0 auto;
background-position: center top;
}
.main.page-about .team-block .wrapper .tabs .tab-content .grid .single .photo:after {
content: "";
display: block;
padding-top: 100%;
width: 100%;
}
.main.page-about .team-block .wrapper .tabs .tab-content .grid .single .info {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .team-block .wrapper .tabs .tab-content .grid .single .info {
margin: 30px 0 0;
}
}
.main.page-about .team-block .wrapper .tabs .tab-content .grid .single .info .name {
display: block;
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-align: center;
}
@media (max-width: 1024px) {
.main.page-about .team-block .wrapper .tabs .tab-content .grid .single .info .name {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-about .team-block .wrapper .tabs .tab-content .grid .single .info .job {
display: block;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
font-weight: 500;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-align: center;
margin: 10px 0 0;
}
.main.page-about .story-block {
padding: 80px 0 96px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-about .story-block {
padding: 80px 0 80px;
}
}
.main.page-about .story-block .illustration-4 {
height: 180px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-about .story-block .illustration-4 {
height: 126px;
}
}
@media (max-width: 1024px) {
.main.page-about .story-block .illustration-4 {
height: 88px;
}
}
@media (max-width: 768px) {
.main.page-about .story-block .illustration-4 {
height: 62px;
}
}
.main.page-about .story-block .wrapper .desc {
max-width: 640px;
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .story-block .wrapper .desc {
margin: 30px 0 0;
}
}
.main.page-about .story-block .wrapper .graph {
display: block;
width: auto;
height: auto;
max-width: 100%;
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .story-block .wrapper .graph {
margin: 30px 0 0;
}
}
.main.page-about .map-block {
padding: 80px 0 150px;
}
@media (max-width: 1024px) {
.main.page-about .map-block {
padding: 80px 0 80px;
}
}
.main.page-about .map-block .wrapper .text-1-photo-2 .column .desc {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .map-block .wrapper .text-1-photo-2 .column .desc {
margin: 30px 0 0;
}
}
.main.page-about .partners-block {
padding: 80px 0 90px;
}
@media (max-width: 1024px) {
.main.page-about .partners-block {
padding: 80px 0 80px;
}
}
.main.page-about .partners-block .wrapper .text-1-photo-2 {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-about .partners-block .wrapper .text-1-photo-2 {
margin: 30px 0 0;
}
}
.main.page-about .partners-block .wrapper .text-1-photo-2 .column .desc {
margin: 0;
}
.main.page-about .partners-block .wrapper .text-1-photo-2 .column.partners {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
grid-row-gap: 69px;
}
@media (max-width: 1024px) {
.main.page-about .partners-block .wrapper .text-1-photo-2 .column.partners {
grid-row-gap: 50px;
}
}
.main.page-about .partners-block .wrapper .text-1-photo-2 .column.partners .partners-rows {
display: flex;
flex-direction: column;
grid-gap: 40px;
}
@media (max-width: 1024px) {
.main.page-about .partners-block .wrapper .text-1-photo-2 .column.partners .partners-rows {
grid-gap: 30px;
}
}
.main.page-about .partners-block .wrapper .text-1-photo-2 .column.partners .partners-rows .row {
display: flex;
grid-gap: 40px;
align-items: center;
}
@media (max-width: 1024px) {
.main.page-about .partners-block .wrapper .text-1-photo-2 .column.partners .partners-rows .row {
grid-gap: 30px;
}
}
.main.page-about .partners-block .wrapper .text-1-photo-2 .column.partners .partners-rows .row .single img {
width: auto;
display: block;
}
.main.page-about .contact-block {
padding: 80px 0 110px;
}
@media (max-width: 1024px) {
.main.page-about .contact-block {
padding: 80px 0 80px;
}
}
.main.page-about .contact-block .wrapper .text-1-photo-2 .column h4.block-title {
margin: 40px 0 0;
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1024px) {
.main.page-about .contact-block .wrapper .text-1-photo-2 .column h4.block-title {
margin: 30px 0 0;
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-about .contact-block .wrapper .text-1-photo-2 .column .desc {
margin: 24px 0 0;
}
.main.page-about .contact-block .wrapper .text-1-photo-2 .column .form {
background: #FFFFFF;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 63px 47px;
}
@media (max-width: 1024px) {
.main.page-about .contact-block .wrapper .text-1-photo-2 .column .form {
padding: 40px 40px;
}
}
@media (max-width: 480px) {
.main.page-about .contact-block .wrapper .text-1-photo-2 .column .form {
padding: 30px 30px;
}
}
.main.page-career .top-block {
height: 600px;
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.main.page-career .top-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-career .top-block {
height: 500px;
min-height: inherit;
}
}
.main.page-career .top-block .wrapper .wrap {
max-width: 650px;
}
@media (max-width: 480px) {
.main.page-career .top-block .wrapper .wrap {
padding: 120px 0 0;
}
}
.main.page-career .top-block .wrapper .wrap .block-title {
font-size: 40px;
font-size: 2.5rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.1875;
margin: 0;
}
@media (max-width: 1280px) {
.main.page-career .top-block .wrapper .wrap .block-title {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.main.page-career .top-block .wrapper .wrap .block-title {
font-size: 26px;
font-size: 1.625rem;
}
}
.main.page-career .top-block .wrapper .wrap .text {
margin: 16px 0 0;
}
.main.page-career .top-block .wrapper .wrap .text p {
color: #ffffff;
}
.main.page-career .path-block {
background: rgba(255, 255, 255, 0.7);
padding: 80px 0 90px;
}
@media (max-width: 1024px) {
.main.page-career .path-block {
padding: 80px 0 80px;
}
}
.main.page-career .path-block .wrapper h2.block-title-h3 {
max-width: 782px;
}
.main.page-career .path-block .wrapper .choose-path {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.main.page-career .path-block .wrapper .choose-path .left {
width: calc(60% - 60px);
}
@media (max-width: 768px) {
.main.page-career .path-block .wrapper .choose-path .left {
width: 100%;
}
}
.main.page-career .path-block .wrapper .choose-path .left h3 {
font-size: 36px;
font-size: 2.25rem;
}
.main.page-career .path-block .wrapper .choose-path .left .text {
margin: 4px 0 0;
}
.main.page-career .path-block .wrapper .choose-path .left .text p {
font-size: 18px;
font-size: 1.125rem;
}
.main.page-career .path-block .wrapper .choose-path .right {
width: calc(40% - 60px);
}
@media (max-width: 768px) {
.main.page-career .path-block .wrapper .choose-path .right {
display: none;
}
}
.main.page-career .path-block .wrapper .selection {
margin: 73px 0 0;
display: flex;
align-items: flex-start;
grid-gap: 60px;
}
@media (max-width: 1024px) {
.main.page-career .path-block .wrapper .selection {
margin: 50px 0 0;
grid-gap: 40px;
flex-wrap: wrap;
}
}
.main.page-career .path-block .wrapper .selection .single {
text-decoration: none;
width: 100%;
}
@media (max-width: 1024px) {
.main.page-career .path-block .wrapper .selection .single {
width: calc(50% - 20px);
}
}
.main.page-career .path-block .wrapper .selection .single.active span:nth-of-type(1) {
color: #E60000;
}
.main.page-career .path-block .wrapper .selection .single.active span:nth-of-type(2) {
color: #E60000;
}
.main.page-career .path-block .wrapper .selection .single.active img {
transform: rotate(90deg);
filter: invert(13%) sepia(95%) saturate(7486%) hue-rotate(12deg) brightness(90%) contrast(120%);
}
.main.page-career .path-block .wrapper .selection .single span {
display: block;
}
.main.page-career .path-block .wrapper .selection .single span:nth-of-type(1) {
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1024px) {
.main.page-career .path-block .wrapper .selection .single span:nth-of-type(1) {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-career .path-block .wrapper .selection .single span:nth-of-type(2) {
font-size: 14px;
font-size: 0.875rem;
color: #0D0D0D;
}
.main.page-career .path-block .wrapper .selection .single img {
height: 24px;
width: auto;
display: block;
margin: 8px 0 0;
}
.main.page-career .description-block {
background: #ffffff;
padding: 240px 0 80px;
}
@media (max-width: 1024px) {
.main.page-career .description-block {
padding: 120px 0 64px;
}
}
@media (max-width: 1024px) {
.main.page-career .description-block .wrapper .grid {
grid-gap: 64px;
}
}
@media (max-width: 768px) {
.main.page-career .description-block .wrapper .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-career .description-block .wrapper .grid .single {
max-width: 489px;
}
.main.page-career .description-block .wrapper .grid .single .icon {
height: 180px;
width: auto;
display: block;
}
@media (max-width: 1440px) {
.main.page-career .description-block .wrapper .grid .single .icon {
height: 150px;
}
}
@media (max-width: 1024px) {
.main.page-career .description-block .wrapper .grid .single .icon {
height: 120px;
}
}
.main.page-career .description-block .wrapper .grid .single .block-title-h3 {
margin: 60px 0 0;
}
@media (max-width: 1024px) {
.main.page-career .description-block .wrapper .grid .single .block-title-h3 {
margin: 40px 0 0;
}
}
.main.page-career .description-block .wrapper .grid .single .text {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-career .description-block .wrapper .grid .single .text {
margin: 30px 0 0;
}
}
.main.page-career .description-block .wrapper .grid .single .text p {
font-size: 18px;
font-size: 1.125rem;
}
.main.page-career .description-block .wrapper .grid .single .link-with-arrow {
margin: 33px 0 0;
}
@media (max-width: 1024px) {
.main.page-career .description-block .wrapper .grid .single .link-with-arrow {
margin: 24px 0 0;
}
}
.main.page-career .career-path-block {
padding: 99px 0 127px;
background: rgba(255, 255, 255, 0.7);
background: #f7f7f7;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block {
padding: 80px 0 80px;
}
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row {
display: flex;
align-items: center;
grid-gap: 60px;
margin: 60px 0 120px;
}
@media (max-width: 768px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row {
flex-direction: column;
grid-gap: 32px;
margin: 60px 0 60px;
}
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .left {
width: 25%;
}
@media (max-width: 768px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .left {
width: 100%;
}
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .left .title {
display: block;
font-weight: 700;
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .left p {
margin: 12px 0 0;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right {
width: 60%;
display: flex;
align-items: center;
grid-gap: 16px;
}
@media (max-width: 768px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right {
width: 100%;
}
}
@media (max-width: 640px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right {
flex-direction: column;
}
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single {
position: relative;
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:after {
content: "";
position: absolute;
border-bottom-left-radius: 30px;
border-left: 2px dashed #000000;
border-bottom: 2px dashed #000000;
width: 293px;
height: 70px;
left: 112px;
bottom: -70px;
}
@media (max-width: 1340px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:after {
left: 90px;
}
}
@media (max-width: 1280px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:after {
width: 220px;
}
}
@media (max-width: 1024px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:after {
display: none;
}
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single a {
width: 224px;
height: 224px;
display: flex;
text-decoration: none;
padding: 0 50px;
flex-direction: column;
justify-content: center;
border-radius: 100%;
position: relative;
z-index: 1;
}
@media (max-width: 1340px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single a {
width: 180px;
height: 180px;
padding: 0 35px;
}
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single a .title {
display: block;
font-weight: 700;
font-size: 24px;
font-size: 1.5rem;
color: #ffffff;
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single a p {
color: #ffffff;
margin: 14px 0 0;
font-size: 12px;
font-size: 0.75rem;
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single a img {
height: 10px;
width: auto;
display: block;
margin: 14px 0 0;
align-self: flex-start;
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:nth-of-type(1) a {
background: #0F0570;
background: #0D0D0D;
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:nth-of-type(2) a {
background: #FFE31A;
background: #EBEBEB;
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:nth-of-type(2) a .title {
color: #0D0D0D;
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:nth-of-type(2) a p {
color: #0D0D0D;
}
@media (max-width: 1280px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:nth-of-type(2):after {
width: 180px;
}
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:nth-of-type(3) a {
background: #F52E00;
background: #E60000;
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:nth-of-type(3):after {
width: 83px;
}
@media (max-width: 1280px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .select-path-row .right .single:nth-of-type(3):after {
border-left: none;
border-right: 2px dashed #0D0D0D;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 30px;
left: inherit;
right: 90px;
}
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .group.group-1:after {
content: "";
border-top-right-radius: 30px;
border-top: 2px dashed #000000;
border-right: 2px dashed #000000;
width: 200px;
height: 391px;
position: absolute;
top: -52px;
right: 150px;
}
@media (max-width: 1340px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .group.group-1:after {
top: -54px;
}
}
@media (max-width: 1280px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .group.group-1:after {
top: -52px;
}
}
@media (max-width: 1024px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .group.group-1:after {
display: none;
}
}
@media (max-width: 1340px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .group .desc-wrap {
margin: 0 70px 0 0;
}
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .group .desc-wrap.temp-bg {
align-self: flex-end;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .group .desc-wrap.temp-bg {
flex: none;
}
}
@media (max-width: 768px) {
.main.page-career .career-path-block.sysarchitect-path .wrapper .group .desc-wrap.temp-bg {
display: none;
}
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .group .desc-wrap.temp-bg img {
width: 318px;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.main.page-career .career-path-block.sysarchitect-path .wrapper .group .desc-wrap .circle {
background: #0F0570 !important;
background: #0D0D0D !important;
}
.main.page-career .career-path-block .wrapper .headline.second {
z-index: 10;
position: relative;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .headline.second.no-margin-top {
margin: 0;
}
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .headline.second {
margin: 130px 0 0;
}
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .headline.second {
margin: 60px 0 0;
}
}
.main.page-career .career-path-block .wrapper .headline.second .block-title-h3 {
margin: 60px 0 66px;
padding: 0 30px 0 0;
background: #e5e5e5;
background: #f7f7f7;
display: inline-block;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .headline.second .block-title-h3 {
margin: 40px 0 40px;
}
}
.main.page-career .career-path-block .wrapper .headline .block-title-h3 {
margin: 0 0 66px;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .headline .block-title-h3 {
margin: 0 0 40px;
}
}
.main.page-career .career-path-block .wrapper .group {
display: flex;
align-items: flex-start;
position: relative;
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .group {
margin: 0 0 60px !important;
}
}
.main.page-career .career-path-block .wrapper .group.no-lines:before {
display: none !important;
}
.main.page-career .career-path-block .wrapper .group.no-lines:after {
display: none !important;
}
.main.page-career .career-path-block .wrapper .group.group-1 .desc-wrap .circle, .main.page-career .career-path-block .wrapper .group.group-2 .desc-wrap .circle {
background: #E60000;
}
.main.page-career .career-path-block .wrapper .group.group-3 .desc-wrap .circle, .main.page-career .career-path-block .wrapper .group.group-4 .desc-wrap .circle {
background: #0D0D0D;
}
.main.page-career .career-path-block .wrapper .group.group-2, .main.page-career .career-path-block .wrapper .group.group-4 {
margin: 130px 0 0;
}
.main.page-career .career-path-block .wrapper .group.group-2:before, .main.page-career .career-path-block .wrapper .group.group-4:before {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
left: 150px;
height: 120px;
border-bottom-left-radius: 30px;
border-left: 2px dashed #0D0D0D;
border-bottom: 2px dashed #0D0D0D;
top: -180px;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .group.group-2:before, .main.page-career .career-path-block .wrapper .group.group-4:before {
display: none;
}
}
.main.page-career .career-path-block .wrapper .group.group-2:after, .main.page-career .career-path-block .wrapper .group.group-4:after {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
right: 150px;
height: 120px;
border-top-right-radius: 30px;
border-right: 2px dashed #0D0D0D;
border-top: 2px dashed #0D0D0D;
top: -60px;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .group.group-2:after, .main.page-career .career-path-block .wrapper .group.group-4:after {
display: none;
}
}
.main.page-career .career-path-block .wrapper .group.group-3:after {
content: "";
display: block;
width: calc(100% - 615px);
height: 160px;
border-bottom: 2px dashed #0D0D0D;
border-right: 2px dashed #0D0D0D;
border-bottom-right-radius: 30px;
position: absolute;
right: 150px;
top: -250px;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .group.group-3:after {
display: none;
}
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .group.left-side {
flex-direction: column;
grid-gap: 40px;
}
}
.main.page-career .career-path-block .wrapper .group.right-side {
justify-content: flex-end;
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .group.right-side {
flex-direction: column;
grid-gap: 40px;
}
}
.main.page-career .career-path-block .wrapper .group.right-side .desc-wrap {
order: 2;
margin: 0 0 0 240px;
}
@media (max-width: 1440px) {
.main.page-career .career-path-block .wrapper .group.right-side .desc-wrap {
margin: 0 0 0 175px;
}
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .group.right-side .desc-wrap {
margin: 0 0 0 60px;
}
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .group.right-side .desc-wrap {
order: 1;
margin: 0 60px 0 0;
}
}
.main.page-career .career-path-block .wrapper .group.right-side .desc-wrap .person {
left: -168px;
right: inherit;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .group.right-side .desc-wrap .person {
left: 0;
top: inherit;
bottom: -100px;
right: 0;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .group.right-side .desc-wrap .person {
left: inherit;
bottom: inherit;
margin: inherit;
right: -148px;
}
}
@media (max-width: 480px) {
.main.page-career .career-path-block .wrapper .group.right-side .desc-wrap .person {
right: -100px;
}
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .group.right-side .quote-wrap {
order: 2;
}
}
.main.page-career .career-path-block .wrapper .group .desc-wrap {
position: relative;
display: flex;
align-items: flex-start;
margin: 0 196px 0 0;
z-index: 5;
}
@media (max-width: 1440px) {
.main.page-career .career-path-block .wrapper .group .desc-wrap {
margin: 0 160px 0 0;
}
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .group .desc-wrap {
margin: 0 60px 0 0;
}
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .group .desc-wrap {
order: 1;
}
}
.main.page-career .career-path-block .wrapper .group .desc-wrap .circle {
width: 318px;
height: 318px;
padding: 60px 55px 60px 70px;
border-radius: 100%;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.main.page-career .career-path-block .wrapper .group .desc-wrap .circle.no-flag:before {
display: none !important;
}
.main.page-career .career-path-block .wrapper .group .desc-wrap .circle:before {
content: "";
width: 57px;
height: 68px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-career-path.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
left: 0;
bottom: 0;
z-index: 5;
position: absolute;
}
.main.page-career .career-path-block .wrapper .group .desc-wrap .circle .title {
display: block;
font-size: 24px;
font-size: 1.5rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1;
text-transform: uppercase;
}
.main.page-career .career-path-block .wrapper .group .desc-wrap .circle p {
margin: 16px 0 0;
font-size: 16px;
font-size: 1rem;
color: #ffffff;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-career .career-path-block .wrapper .group .desc-wrap .person {
position: absolute;
width: 200px;
border-radius: 100%;
top: 0;
right: -148px;
overflow: hidden;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .group .desc-wrap .person {
left: 0;
top: inherit;
bottom: -100px;
right: 0;
margin: 0 auto;
width: 150px;
}
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .group .desc-wrap .person {
left: inherit;
right: -148px;
margin: inherit;
top: 0;
bottom: inherit;
}
}
@media (max-width: 480px) {
.main.page-career .career-path-block .wrapper .group .desc-wrap .person {
width: 100px;
right: -100px;
}
}
.main.page-career .career-path-block .wrapper .group .desc-wrap .person.popup-youtube {
display: flex;
align-items: center;
justify-content: center;
}
.main.page-career .career-path-block .wrapper .group .desc-wrap .person.popup-youtube:after {
background: rgba(0, 0, 0, 0.4);
}
.main.page-career .career-path-block .wrapper .group .desc-wrap .person.popup-youtube:before {
content: "";
width: 32px;
height: 32px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-play-small.svg);
background-position: center;
background-repeat: no-repeat;
position: absolute;
}
.main.page-career .career-path-block .wrapper .group .desc-wrap .person:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-career .career-path-block .wrapper .group .quote-wrap {
background: #EBEBEB;
border-radius: 30px;
padding: 40px 40px;
width: 580px;
z-index: 5;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .group .quote-wrap {
padding: 30px 30px;
width: auto;
max-width: 100%;
}
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .group .quote-wrap {
order: 2;
}
}
.main.page-career .career-path-block .wrapper .group .quote-wrap .text p {
font-size: 18px;
font-size: 1.125rem;
}
.main.page-career .career-path-block .wrapper .group .quote-wrap .text p img {
max-width: 100%;
height: auto;
}
.main.page-career .career-path-block .wrapper .potential-companies {
margin: 80px 0 0;
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .potential-companies {
margin: 60px 0 0;
}
}
@media (max-width: 480px) {
.main.page-career .career-path-block .wrapper .potential-companies {
margin: 40px 0 0;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.companies-1 {
margin-bottom: 180px;
margin-top: 130px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .potential-companies.companies-1 {
margin: 80px 0 40px;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.companies-1:before {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
right: 150px;
height: 120px;
border-bottom-right-radius: 30px;
border-right: 2px dashed #0D0D0D;
border-bottom: 2px dashed #0D0D0D;
top: -180px;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .potential-companies.companies-1:before {
display: none;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.companies-1:after {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
left: 150px;
height: 120px;
border-top-left-radius: 30px;
border-left: 2px dashed #0D0D0D;
border-top: 2px dashed #0D0D0D;
top: -60px;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .potential-companies.companies-1:after {
display: none;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.companies-1 h2 {
background: #e5e5e5;
background: #f7f7f7;
padding: 20px 0;
margin: 0;
position: relative;
z-index: 5;
}
.main.page-career .career-path-block .wrapper .potential-companies.companies-1 .logos {
background: #e5e5e5;
background: #f7f7f7;
padding: 20px 0 0;
margin: 0;
position: relative;
z-index: 5;
}
.main.page-career .career-path-block .wrapper .potential-companies.companies-2 {
margin: 130px 0 0;
position: relative;
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .potential-companies.companies-2 {
margin: 60px 0 0;
}
}
@media (max-width: 480px) {
.main.page-career .career-path-block .wrapper .potential-companies.companies-2 {
margin: 40px 0 0;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.companies-2:before {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
left: 150px;
height: 120px;
border-bottom-left-radius: 30px;
border-left: 2px dashed #0D0D0D;
border-bottom: 2px dashed #0D0D0D;
top: -180px;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .potential-companies.companies-2:before {
display: none;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.companies-2:after {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
right: 150px;
height: 120px;
border-top-right-radius: 30px;
border-right: 2px dashed #0D0D0D;
border-top: 2px dashed #0D0D0D;
top: -60px;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .potential-companies.companies-2:after {
display: none;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.companies-2 h2 {
text-align: right;
background: #e5e5e5;
background: #f7f7f7;
padding: 20px 0;
margin: 0;
position: relative;
z-index: 5;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .potential-companies.companies-2 h2 {
text-align: left;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.companies-2 .logos {
justify-content: flex-end;
background: #e5e5e5;
background: #f7f7f7;
padding: 20px 0 0;
position: relative;
z-index: 5;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .potential-companies.companies-2 .logos {
justify-content: flex-start;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.with-lines {
position: relative;
margin: 120px 0 0;
}
@media (max-width: 768px) {
.main.page-career .career-path-block .wrapper .potential-companies.with-lines {
margin: 60px 0 0;
}
}
@media (max-width: 480px) {
.main.page-career .career-path-block .wrapper .potential-companies.with-lines {
margin: 40px 0 0;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.with-lines:before {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
right: 150px;
height: 150px;
border-bottom-right-radius: 30px;
border-right: 2px dashed #0D0D0D;
border-bottom: 2px dashed #0D0D0D;
top: -210px;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .potential-companies.with-lines:before {
display: none;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.with-lines:after {
content: "";
display: block;
width: calc(50% - 150px);
position: absolute;
left: 150px;
height: 120px;
border-top-left-radius: 30px;
border-left: 2px dashed #0D0D0D;
border-top: 2px dashed #0D0D0D;
top: -60px;
}
@media (max-width: 1024px) {
.main.page-career .career-path-block .wrapper .potential-companies.with-lines:after {
display: none;
}
}
.main.page-career .career-path-block .wrapper .potential-companies.with-lines .logos {
background: #e5e5e5;
background: #f7f7f7;
padding: 20px 0 0;
position: relative;
z-index: 5;
}
.main.page-career .career-path-block .wrapper .potential-companies h2 {
background: #e5e5e5;
background: #f7f7f7;
padding: 20px 0;
margin: 0;
position: relative;
z-index: 5;
font-weight: 700;
}
.main.page-career .career-path-block .wrapper .potential-companies .logos {
display: flex;
grid-gap: 30px;
}
.main.page-career .career-path-block .wrapper .potential-companies .logos .single {
width: 120px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
.main.page-career .career-path-block .wrapper .potential-companies .logos .single img {
width: auto;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.main.page-career .positions-block {
background: #ffffff;
padding: 80px 0 100px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-career .positions-block {
padding: 80px 0 80px;
}
}
.main.page-career .positions-block .ill-vf {
position: absolute;
width: auto;
display: block;
height: 360px;
top: -134px;
right: 0;
}
@media (max-width: 1440px) {
.main.page-career .positions-block .ill-vf {
height: 252px;
top: -94px;
}
}
@media (max-width: 1024px) {
.main.page-career .positions-block .ill-vf {
height: 176px;
top: -66px;
}
}
@media (max-width: 768px) {
.main.page-career .positions-block .ill-vf {
height: 123px;
top: -46px;
}
}
.main.page-career .positions-block .wrapper .top {
max-width: 640px;
}
.main.page-career .positions-block .wrapper .top .text {
margin: 20px 0 0;
}
.main.page-career .positions-block .wrapper .top .text p {
font-size: 18px;
font-size: 1.125rem;
}
.main.page-career .positions-block .wrapper .positions {
margin: 80px 0 0;
}
@media (max-width: 1024px) {
.main.page-career .positions-block .wrapper .positions {
margin: 60px 0 0;
grid-gap: 60px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.main.page-career .positions-block .wrapper .positions {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-career .positions-block .wrapper .positions .single {
text-decoration: none;
}
.main.page-career .positions-block .wrapper .positions .single .title {
display: block;
color: #0D0D0D;
text-transform: uppercase;
font-weight: 700;
}
.main.page-career .positions-block .wrapper .positions .single .meta {
margin: 8px 0 0;
display: flex;
}
.main.page-career .positions-block .wrapper .positions .single .meta span {
font-size: 16px;
font-size: 1rem;
color: #636363;
display: block;
}
.main.page-career .positions-block .wrapper .positions .single .meta span:last-of-type:after {
display: none;
}
.main.page-career .positions-block .wrapper .positions .single .meta span:after {
content: "|";
margin: 0 6px;
}
.main.page-career .positions-block .wrapper .positions .single img {
height: 24px;
width: auto;
display: block;
margin: 16px 0 0;
}
.main.page-career .who-we-are-block {
padding: 80px 0 100px;
background: #f7f7f7;
}
@media (max-width: 1024px) {
.main.page-career .who-we-are-block {
padding: 80px 0 80px;
}
}
.main.page-career .who-we-are-block .wrapper .wrap {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-career .who-we-are-block .wrapper .wrap {
margin: 30px 0 0;
}
}
.main.page-career .who-we-are-block .wrapper .wrap .single {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 0 0 96px;
}
@media (max-width: 1024px) {
.main.page-career .who-we-are-block .wrapper .wrap .single {
margin: 0 0 70px;
}
}
@media (max-width: 768px) {
.main.page-career .who-we-are-block .wrapper .wrap .single {
flex-direction: column;
grid-gap: 32px;
flex-wrap: wrap;
}
}
@media (max-width: 480px) {
.main.page-career .who-we-are-block .wrapper .wrap .single {
margin: 0 0 40px;
}
}
.main.page-career .who-we-are-block .wrapper .wrap .single:last-of-type {
margin: 0;
}
.main.page-career .who-we-are-block .wrapper .wrap .single:nth-of-type(2n + 2) .text {
order: 2;
}
.main.page-career .who-we-are-block .wrapper .wrap .single:nth-of-type(2n + 2) .photo {
order: 1;
}
.main.page-career .who-we-are-block .wrapper .wrap .single .text {
width: calc(50% - 50px);
}
@media (max-width: 1024px) {
.main.page-career .who-we-are-block .wrapper .wrap .single .text {
width: calc(50% - 32px);
}
}
@media (max-width: 768px) {
.main.page-career .who-we-are-block .wrapper .wrap .single .text {
width: 100%;
order: 2;
}
}
.main.page-career .who-we-are-block .wrapper .wrap .single .text p {
font-size: 18px;
font-size: 1.125rem;
}
.main.page-career .who-we-are-block .wrapper .wrap .single .photo {
width: calc(50% - 50px);
}
@media (max-width: 1024px) {
.main.page-career .who-we-are-block .wrapper .wrap .single .photo {
width: calc(50% - 32px);
}
}
@media (max-width: 768px) {
.main.page-career .who-we-are-block .wrapper .wrap .single .photo {
width: 100%;
order: 1;
}
}
.main.page-career .who-we-are-block .wrapper .wrap .single .photo img {
display: block;
width: auto;
height: auto;
max-width: 100%;
}
@media (max-width: 768px) {
.main.page-career .who-we-are-block .wrapper .wrap .single .photo img {
max-width: 480px;
width: 100%;
}
}
.main.page-career .benefits-block {
padding: 80px 0 100px;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-career .benefits-block {
padding: 80px 0 80px;
}
}
.main.page-career .benefits-block .wrapper .wrap {
margin: 66px 0 0;
}
@media (max-width: 1024px) {
.main.page-career .benefits-block .wrapper .wrap {
margin: 40px 0 0;
grid-gap: 60px;
}
}
@media (max-width: 768px) {
.main.page-career .benefits-block .wrapper .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-career .benefits-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 40px;
}
}
.main.page-career .benefits-block .wrapper .wrap .single .icon-wrap {
width: 64px;
height: 64px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
@media (max-width: 1024px) {
.main.page-career .benefits-block .wrapper .wrap .single .icon-wrap {
width: 40px;
height: 40px;
}
}
.main.page-career .benefits-block .wrapper .wrap .single .icon-wrap img {
width: auto;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.main.page-career .benefits-block .wrapper .wrap .single .title {
display: block;
margin: 20px 0 0;
font-weight: 700;
text-transform: uppercase;
color: #0D0D0D;
}
.main.page-career .benefits-block .wrapper .wrap .single .text {
margin: 20px 0 0;
}
.main.page-career .benefits-block .wrapper .wrap .single .text p {
font-size: 16px;
font-size: 1rem;
}
.main.page-career .contact-block {
padding: 100px 0 140px;
background: rgba(255, 255, 255, 0.5);
background: #f7f7f7;
}
@media (max-width: 1024px) {
.main.page-career .contact-block {
padding: 80px 0 80px;
}
}
.main.page-career .contact-block .wrapper .text-1-photo-2 .column img {
border-radius: 12px;
}
.main.page-career .contact-block .wrapper .text-1-photo-2 .column .text p {
font-size: 18px;
font-size: 1.125rem;
}
.main.page-lenovo {
background: #F5F5F5;
}
.main.page-lenovo.page-dell .top-lenovo-block .wrapper .wrap .title-img {
font-size: 20px;
font-size: 1.25rem;
color: #F72E00;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
}
.main.page-lenovo.page-dell .top-lenovo-block .wrapper .wrap h1 {
font-size: 64px;
font-size: 4rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 24px 0 0;
}
@media (max-width: 1680px) {
.main.page-lenovo.page-dell .top-lenovo-block .wrapper .wrap h1 {
font-size: 56px;
font-size: 3.5rem;
}
}
@media (max-width: 1440px) {
.main.page-lenovo.page-dell .top-lenovo-block .wrapper .wrap h1 {
font-size: 49px;
font-size: 3.0625rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo.page-dell .top-lenovo-block .wrapper .wrap h1 {
font-size: 44px;
font-size: 2.75rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-dell .top-lenovo-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
.main.page-lenovo.page-dell .description-block .wrapper .text-1-photo-2 .column:nth-of-type(1) *:first-child {
margin-top: 0;
}
.main.page-lenovo.page-dell .offers-block .wrapper .single-group .offers .single {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.main.page-lenovo.page-dell .contact-us-block {
margin: 0;
}
.main.page-lenovo.page-surface .description-block {
padding: 89px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo.page-surface .description-block {
padding: 70px 0 0;
}
}
@media (max-width: 480px) {
.main.page-lenovo.page-surface .description-block {
padding: 50px 0 0;
}
}
.main.page-lenovo.page-surface .description-block .wrapper .text-1-photo-2 {
margin: 0;
}
.main.page-lenovo .top-lenovo-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-lenovo .top-lenovo-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-lenovo .top-lenovo-block {
height: 500px;
min-height: inherit;
}
}
.main.page-lenovo .top-lenovo-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-lenovo .top-lenovo-block .wrapper .wrap {
max-width: 620px;
}
.main.page-lenovo .top-lenovo-block .wrapper .wrap h1 {
font-size: 16px;
font-size: 1rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
letter-spacing: 1.28px;
margin: 0;
}
.main.page-lenovo .top-lenovo-block .wrapper .wrap .text-headline {
margin: 12px 0 0;
}
.main.page-lenovo .top-lenovo-block .wrapper .wrap .text-headline p {
margin: 0;
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1680px) {
.main.page-lenovo .top-lenovo-block .wrapper .wrap .text-headline p {
font-size: 56px;
font-size: 3.5rem;
}
}
@media (max-width: 1440px) {
.main.page-lenovo .top-lenovo-block .wrapper .wrap .text-headline p {
font-size: 49px;
font-size: 3.0625rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo .top-lenovo-block .wrapper .wrap .text-headline p {
font-size: 44px;
font-size: 2.75rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo .top-lenovo-block .wrapper .wrap .text-headline p {
font-size: 36px;
font-size: 2.25rem;
}
}
.main.page-lenovo .top-lenovo-block .wrapper .wrap h2 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 12px 0 0;
}
@media (max-width: 1680px) {
.main.page-lenovo .top-lenovo-block .wrapper .wrap h2 {
font-size: 56px;
font-size: 3.5rem;
}
}
@media (max-width: 1440px) {
.main.page-lenovo .top-lenovo-block .wrapper .wrap h2 {
font-size: 49px;
font-size: 3.0625rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo .top-lenovo-block .wrapper .wrap h2 {
font-size: 44px;
font-size: 2.75rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo .top-lenovo-block .wrapper .wrap h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
.main.page-lenovo .top-lenovo-block .wrapper .wrap .desc {
margin: 19px 0 0;
}
.main.page-lenovo .top-lenovo-block .wrapper .wrap .desc p {
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.5;
}
.main.page-lenovo .description-block {
position: relative;
}
.main.page-lenovo .description-block .illustration-1 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo .description-block .illustration-1 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo .description-block .illustration-1 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-lenovo .description-block .illustration-1 {
height: 123px;
}
}
.main.page-lenovo .description-block .wrapper .nav {
display: flex;
align-items: center;
padding: 52px 0 0;
}
@media (max-width: 1440px) {
.main.page-lenovo .description-block .wrapper .nav {
flex-wrap: wrap;
}
}
@media (max-width: 1024px) {
.main.page-lenovo .description-block .wrapper .nav {
padding: 60px 0 0;
}
}
@media (max-width: 768px) {
.main.page-lenovo .description-block .wrapper .nav {
flex-wrap: wrap;
grid-gap: 24px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.main.page-lenovo .description-block .wrapper .nav .single {
padding: 44px 22px;
margin: 0 32px 0 0;
display: flex;
flex-direction: column;
text-decoration: none;
}
@media (max-width: 480px) {
.main.page-lenovo .description-block .wrapper .nav .single {
margin: 0;
padding: 30px 20px;
}
}
.main.page-lenovo .description-block .wrapper .nav .single.active {
background: #FAFAFA;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.main.page-lenovo .description-block .wrapper .nav .single:last-of-type {
margin: 0;
}
.main.page-lenovo .description-block .wrapper .nav .single .icon-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.main.page-lenovo .description-block .wrapper .nav .single .icon-wrap img {
display: block;
width: auto;
max-height: 100%;
max-width: 100%;
height: 47px;
}
@media (max-width: 1024px) {
.main.page-lenovo .description-block .wrapper .nav .single .icon-wrap img {
height: 40px;
}
}
.main.page-lenovo .description-block .wrapper .nav .single span {
display: block;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
font-weight: 500;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-align: center;
margin: 22px 0 0;
}
.main.page-lenovo .description-block .wrapper .text-1-photo-2 {
margin: 89px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo .description-block .wrapper .text-1-photo-2 {
margin: 70px 0 0;
}
}
@media (max-width: 480px) {
.main.page-lenovo .description-block .wrapper .text-1-photo-2 {
margin: 50px 0 0;
}
}
.main.page-lenovo .description-block .wrapper .benefits {
margin: 54px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo .description-block .wrapper .benefits {
margin: 40px 0 0;
}
}
@media (max-width: 768px) {
.main.page-lenovo .description-block .wrapper .benefits {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-lenovo .description-block .wrapper .benefits {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-lenovo .description-block .wrapper .benefits .single {
display: flex;
align-items: center;
}
.main.page-lenovo .description-block .wrapper .benefits .single img {
width: 35px;
height: auto;
display: block;
margin: 0 28px 0 0;
}
.main.page-lenovo .description-block .wrapper .benefits .single span {
font-size: 20px;
font-size: 1.25rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-lenovo .description-block .wrapper .benefits-2 {
margin: 54px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo .description-block .wrapper .benefits-2 {
margin: 40px 0 0;
grid-gap: 32px;
}
}
@media (max-width: 768px) {
.main.page-lenovo .description-block .wrapper .benefits-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.main.page-lenovo .description-block .wrapper .benefits-2 .single img {
width: auto;
max-width: 100%;
height: auto;
display: block;
}
.main.page-lenovo .description-block .wrapper .benefits-2 .single span {
display: block;
margin: 17px 0 0;
font-weight: 700;
color: #0D0D0D;
}
.main.page-lenovo .buy-options-block {
background: #FAFAFA;
padding: 70px 0 70px;
}
@media (max-width: 1024px) {
.main.page-lenovo .buy-options-block {
padding: 80px 0 80px;
}
}
.main.page-lenovo .buy-options-block .wrapper .wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 1280px) {
.main.page-lenovo .buy-options-block .wrapper .wrap {
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-lenovo .buy-options-block .wrapper .wrap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-lenovo .buy-options-block .wrapper .wrap .single {
margin: 0 75px 0 0;
max-width: 170px;
}
@media (max-width: 1280px) {
.main.page-lenovo .buy-options-block .wrapper .wrap .single {
margin: 0;
}
}
@media (max-width: 768px) {
.main.page-lenovo .buy-options-block .wrapper .wrap .single {
max-width: inherit;
}
}
.main.page-lenovo .buy-options-block .wrapper .wrap .single:last-of-type {
margin: 0;
}
.main.page-lenovo .buy-options-block .wrapper .wrap .single img {
height: 82px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-lenovo .buy-options-block .wrapper .wrap .single img {
height: 60px;
}
}
.main.page-lenovo .buy-options-block .wrapper .wrap .single .title {
display: block;
font-weight: 700;
margin: 14px 0 0;
}
.main.page-lenovo .buy-options-block .wrapper .wrap .single .desc {
margin: 10px 0 0;
}
.main.page-lenovo .contact-us-block {
margin: 40px 0 0;
padding: 60px 0 70px;
position: relative;
background: #FAFAFA;
}
@media (max-width: 1024px) {
.main.page-lenovo .contact-us-block {
padding: 80px 0 80px;
}
}
.main.page-lenovo .contact-us-block .illustration-2 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo .contact-us-block .illustration-2 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo .contact-us-block .illustration-2 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-lenovo .contact-us-block .illustration-2 {
height: 123px;
}
}
.main.page-lenovo .contact-us-block .wrapper .wrap .text {
margin: 24px 0 0;
max-width: 793px;
}
.main.page-lenovo .contact-us-block .wrapper .wrap .text p {
font-weight: 700;
}
.main.page-lenovo .contact-us-block .wrapper .wrap .person {
display: flex;
align-items: center;
margin: 56px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo .contact-us-block .wrapper .wrap .person {
margin: 40px 0 0;
}
}
.main.page-lenovo .contact-us-block .wrapper .wrap .person .photo {
width: 205px;
border-radius: 100%;
overflow: hidden;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo .contact-us-block .wrapper .wrap .person .photo {
width: 150px;
}
}
.main.page-lenovo .contact-us-block .wrapper .wrap .person .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-lenovo .contact-us-block .wrapper .wrap .person .info p {
font-size: 24px;
font-size: 1.5rem;
}
@media (max-width: 1024px) {
.main.page-lenovo .contact-us-block .wrapper .wrap .person .info p {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-lenovo .contact-us-block .wrapper .wrap .person .info p a {
color: #0D0D0D;
}
.main.page-lenovo .media-block {
padding: 80px 0 140px;
}
@media (max-width: 1024px) {
.main.page-lenovo .media-block {
padding: 80px 0 80px;
}
}
.main.page-lenovo .media-block .wrapper .news-grid {
margin: 80px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo .media-block .wrapper .news-grid {
margin: 60px 0 0;
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-lenovo .media-block .wrapper .news-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 32px;
}
}
@media (max-width: 480px) {
.main.page-lenovo .media-block .wrapper .news-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
margin: 40px 0 0;
}
}
.main.page-lenovo .insurance-block {
padding: 75px 0 75px;
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1024px) {
.main.page-lenovo .insurance-block {
padding: 80px 0 80px;
}
}
.main.page-lenovo .premier-support-block {
padding: 60px 0 60px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-lenovo .premier-support-block {
padding: 80px 0 80px;
}
}
.main.page-lenovo .premier-support-block .skay-icon {
z-index: 1;
}
.main.page-lenovo .premier-support-block .illustration-3 {
height: 230px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
@media (max-width: 1440px) {
.main.page-lenovo .premier-support-block .illustration-3 {
height: 161px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo .premier-support-block .illustration-3 {
height: 112px;
}
}
@media (max-width: 768px) {
.main.page-lenovo .premier-support-block .illustration-3 {
height: 78px;
}
}
.main.page-lenovo .premier-support-block .wrapper .service-includes {
margin: 24px 0 0;
}
.main.page-lenovo .premier-support-block .wrapper .service-includes .headline {
font-weight: 700;
}
.main.page-lenovo .premier-support-block .wrapper .service-includes .wrap {
margin: 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo .premier-support-block .wrapper .service-includes .wrap {
grid-gap: 60px;
}
}
@media (max-width: 768px) {
.main.page-lenovo .premier-support-block .wrapper .service-includes .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 48px;
}
}
@media (max-width: 480px) {
.main.page-lenovo .premier-support-block .wrapper .service-includes .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-lenovo .premier-support-block .wrapper .service-includes .wrap .single {
display: flex;
}
.main.page-lenovo .premier-support-block .wrapper .service-includes .wrap .single .icon-wrap {
width: 36px;
height: 36px;
margin: 0 15px 0 0;
}
.main.page-lenovo .premier-support-block .wrapper .service-includes .wrap .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-lenovo .premier-support-block .wrapper .service-includes .wrap .single span {
display: block;
width: calc(100% - 51px);
}
.main.page-lenovo .social-responsibility-block {
background: #FAFAFA;
padding: 65px 0 75px;
}
@media (max-width: 1024px) {
.main.page-lenovo .social-responsibility-block {
padding: 80px 0 80px;
}
}
.main.page-lenovo .social-responsibility-block .wrapper .text-1-photo-2 .column.flex {
display: flex;
flex-direction: column;
}
.main.page-lenovo .social-responsibility-block .wrapper .text-1-photo-2 .column.flex .logo {
align-self: flex-end;
width: 240px;
height: auto;
display: block;
margin: 48px 0 0;
}
@media (max-width: 1440px) {
.main.page-lenovo .social-responsibility-block .wrapper .text-1-photo-2 .column.flex .logo {
width: 200px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo .social-responsibility-block .wrapper .text-1-photo-2 .column.flex .logo {
width: 160px;
margin: 32px 0 0;
}
}
@media (max-width: 768px) {
.main.page-lenovo .social-responsibility-block .wrapper .text-1-photo-2 .column.flex .logo {
margin: 32px auto 0;
}
}
.main.page-lenovo .social-responsibility-block .wrapper .contacts {
display: flex;
align-items: center;
margin: 30px 0 0;
}
.main.page-lenovo .social-responsibility-block .wrapper .contacts .photo {
width: 205px;
overflow: hidden;
border-radius: 100%;
margin: 0 28px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo .social-responsibility-block .wrapper .contacts .photo {
width: 150px;
}
}
.main.page-lenovo .social-responsibility-block .wrapper .contacts .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-lenovo .social-responsibility-block .wrapper .contacts .text p {
font-weight: 700;
}
.main.page-lenovo .facts-block {
padding: 77px 0 77px;
}
@media (max-width: 1024px) {
.main.page-lenovo .facts-block {
padding: 80px 0 80px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo .facts-block .wrapper .wrap {
grid-gap: 60px;
}
}
@media (max-width: 768px) {
.main.page-lenovo .facts-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-lenovo .facts-block .wrapper .wrap .single {
display: flex;
align-items: flex-start;
}
@media (max-width: 768px) {
.main.page-lenovo .facts-block .wrapper .wrap .single {
align-items: center;
}
}
.main.page-lenovo .facts-block .wrapper .wrap .single img {
width: 285px;
height: auto;
display: block;
margin: 0 30px 0 0;
}
@media (max-width: 1440px) {
.main.page-lenovo .facts-block .wrapper .wrap .single img {
width: 200px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo .facts-block .wrapper .wrap .single img {
width: 140px;
}
}
.main.page-lenovo .facts-block .wrapper .wrap .single p {
margin: 0;
width: calc(100% - 315px);
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1440px) {
.main.page-lenovo .facts-block .wrapper .wrap .single p {
width: calc(100% - 230px);
}
}
@media (max-width: 1024px) {
.main.page-lenovo .facts-block .wrapper .wrap .single p {
width: calc(100% - 170px);
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-apple {
background: #E5E5E5;
}
.main.page-apple .top-apple-block {
height: 662px;
background: #F2F2F2;
background: #0D0D0D;
}
@media (max-width: 1024px) {
.main.page-apple .top-apple-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-apple .top-apple-block {
height: 500px;
min-height: inherit;
}
}
.main.page-apple .top-apple-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 {
flex-direction: row;
}
}
@media (max-width: 480px) {
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 {
flex-direction: column;
}
}
@media (max-width: 480px) {
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 .column:nth-of-type(1) {
order: 2;
}
}
@media (max-width: 480px) {
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 .column:nth-of-type(2) {
order: 1;
}
}
@media (max-width: 480px) {
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 .column:nth-of-type(2) img {
max-width: 100px;
}
}
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
}
@media (max-width: 1440px) {
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 .column .logo {
height: 80px;
width: auto;
display: block;
margin: 61px 0 0;
filter: invert(1);
}
@media (max-width: 1024px) {
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 .column .logo {
margin: 40px 0 0;
height: 60px;
}
}
.main.page-apple .top-apple-block .wrapper .text-1-photo-2 .column .vf-btn {
display: inline-block;
}
.main.page-apple .description-block {
background: #FAFAFA;
position: relative;
}
.main.page-apple .description-block .illustration-1 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-apple .description-block .illustration-1 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-apple .description-block .illustration-1 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-apple .description-block .illustration-1 {
height: 123px;
}
}
.main.page-apple .description-block .wrapper .nav {
display: flex;
align-items: center;
padding: 52px 0 0;
}
@media (max-width: 1024px) {
.main.page-apple .description-block .wrapper .nav {
padding: 60px 0 0;
}
}
@media (max-width: 768px) {
.main.page-apple .description-block .wrapper .nav {
flex-wrap: wrap;
grid-gap: 24px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.main.page-apple .description-block .wrapper .nav .single {
padding: 44px 22px;
margin: 0 32px 0 0;
display: flex;
flex-direction: column;
text-decoration: none;
}
@media (max-width: 480px) {
.main.page-apple .description-block .wrapper .nav .single {
margin: 0;
padding: 30px 20px;
}
}
.main.page-apple .description-block .wrapper .nav .single.active {
background: #FAFAFA;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.main.page-apple .description-block .wrapper .nav .single:last-of-type {
margin: 0;
}
.main.page-apple .description-block .wrapper .nav .single .icon-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.main.page-apple .description-block .wrapper .nav .single .icon-wrap img {
display: block;
width: auto;
max-height: 100%;
max-width: 100%;
height: 47px;
}
@media (max-width: 1024px) {
.main.page-apple .description-block .wrapper .nav .single .icon-wrap img {
height: 40px;
}
}
.main.page-apple .description-block .wrapper .nav .single span {
display: block;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
font-weight: 500;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-align: center;
margin: 22px 0 0;
}
.main.page-apple .description-block .wrapper .description {
margin: 94px auto 0;
text-align: center;
max-width: 947px;
}
@media (max-width: 1024px) {
.main.page-apple .description-block .wrapper .description {
margin: 70px auto 0;
}
}
@media (max-width: 480px) {
.main.page-apple .description-block .wrapper .description {
margin: 45px auto 0;
}
}
.main.page-apple .description-block .wrapper .description .block-title {
text-align: center;
font-size: 36px;
font-size: 2.25rem;
}
@media (max-width: 1280px) {
.main.page-apple .description-block .wrapper .description .block-title {
font-size: 30px;
font-size: 1.875rem;
}
}
@media (max-width: 768px) {
.main.page-apple .description-block .wrapper .description .block-title {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.page-apple .description-block .wrapper .description .desc {
margin: 30px 0 0;
text-align: center;
}
.main.page-apple .description-block .wrapper .description .link-with-arrow {
margin: 52px 0 0;
}
@media (max-width: 1024px) {
.main.page-apple .description-block .wrapper .description .link-with-arrow {
margin: 40px 0 0;
}
}
.main.page-apple .offers-block {
background: #FAFAFA;
margin: 0;
padding: 56px 0 105px;
}
@media (max-width: 1024px) {
.main.page-apple .offers-block {
padding: 60px 0 80px;
}
}
.main.page-apple .offers-block .wrapper .single-group .offers {
margin: 30px 0 0;
}
@media (max-width: 1024px) {
.main.page-apple .offers-block .wrapper .single-group .offers {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-apple .offers-block .wrapper .single-group .offers {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-apple .contact-us-block {
padding: 100px 0 192px;
position: relative;
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1440px) {
.main.page-apple .contact-us-block {
padding: 100px 0 150px;
}
}
@media (max-width: 1024px) {
.main.page-apple .contact-us-block {
padding: 80px 0 120px;
}
}
@media (max-width: 768px) {
.main.page-apple .contact-us-block {
padding: 80px 0 100px;
}
}
.main.page-apple .contact-us-block .illustration-2 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-apple .contact-us-block .illustration-2 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-apple .contact-us-block .illustration-2 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-apple .contact-us-block .illustration-2 {
height: 123px;
}
}
.main.page-apple .contact-us-block .wrapper .wrap .person {
display: flex;
align-items: center;
margin: 45px 0 0;
}
@media (max-width: 1024px) {
.main.page-apple .contact-us-block .wrapper .wrap .person {
margin: 35px 0 0;
}
}
.main.page-apple .contact-us-block .wrapper .wrap .person .photo {
width: 205px;
border-radius: 100%;
overflow: hidden;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-apple .contact-us-block .wrapper .wrap .person .photo {
width: 140px;
}
}
.main.page-apple .contact-us-block .wrapper .wrap .person .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-apple .contact-us-block .wrapper .wrap .person .info p {
font-size: 24px;
font-size: 1.5rem;
}
@media (max-width: 1024px) {
.main.page-apple .contact-us-block .wrapper .wrap .person .info p {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-apple .contact-us-block .wrapper .wrap .person .info p a {
color: #4A4D4E;
}
.main.page-apple-workplace .top-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .top-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-apple-workplace .top-block {
height: 500px;
min-height: inherit;
}
}
.main.page-apple-workplace .top-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-apple-workplace .top-block .wrapper .wrap {
max-width: 620px;
}
.main.page-apple-workplace .top-block .wrapper .wrap .block-title {
margin: 0;
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1440px) {
.main.page-apple-workplace .top-block .wrapper .wrap .block-title {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-apple-workplace .top-block .wrapper .wrap .block-title {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-apple-workplace .top-block .wrapper .wrap .block-title {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-apple-workplace .top-block .wrapper .wrap .text {
margin: 16px 0 0;
}
.main.page-apple-workplace .top-block .wrapper .wrap .text p {
color: #ffffff;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-apple-workplace .description-block {
background: #FAFAFA;
padding: 81px 0 80px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .description-block {
padding: 64px 0 64px;
}
}
.main.page-apple-workplace .description-block .illustration-1 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-apple-workplace .description-block .illustration-1 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-apple-workplace .description-block .illustration-1 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-apple-workplace .description-block .illustration-1 {
height: 123px;
}
}
.main.page-apple-workplace .description-block .wrapper .wrap {
max-width: 936px;
}
.main.page-apple-workplace .description-block .wrapper .wrap .text {
margin: 48px 0 0;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .description-block .wrapper .wrap .text {
margin: 32px 0 0;
}
}
.main.page-apple-workplace .features-block {
background: #FAFAFA;
padding: 91px 0 85px;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .features-block {
padding: 80px 0 80px;
}
}
.main.page-apple-workplace .features-block .wrapper .small-headline {
font-weight: 700;
color: #0D0D0D;
}
.main.page-apple-workplace .features-block .wrapper .small-headline.second {
margin: 70px 0 0;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .features-block .wrapper .small-headline.second {
margin: 50px 0 0;
}
}
.main.page-apple-workplace .features-block .wrapper .features {
margin: 24px 0 0;
}
@media (max-width: 768px) {
.main.page-apple-workplace .features-block .wrapper .features {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-apple-workplace .features-block .wrapper .features {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-apple-workplace .features-block .wrapper .features .single {
display: flex;
align-items: center;
}
.main.page-apple-workplace .features-block .wrapper .features .single .icon-wrap {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 10px 0 0;
}
.main.page-apple-workplace .features-block .wrapper .features .single .icon-wrap img {
width: auto;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.main.page-apple-workplace .features-block .wrapper .features .single span {
display: flex;
width: calc(100% - 46px);
color: #0D0D0D;
}
.main.page-apple-workplace .features-block .wrapper .features-second {
margin: 47px 0 0;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .features-block .wrapper .features-second {
margin: 32px 0 0;
}
}
@media (max-width: 768px) {
.main.page-apple-workplace .features-block .wrapper .features-second {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-apple-workplace .features-block .wrapper .features-second .single {
background: #ffffff;
border-radius: 20px;
padding: 48px 48px;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .features-block .wrapper .features-second .single {
padding: 32px 32px;
}
}
.main.page-apple-workplace .features-block .wrapper .features-second .single .img-wrap {
width: 102px;
height: 102px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .features-block .wrapper .features-second .single .img-wrap {
width: 70px;
height: 70px;
}
}
.main.page-apple-workplace .features-block .wrapper .features-second .single .img-wrap img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
.main.page-apple-workplace .features-block .wrapper .features-second .single .title {
display: block;
text-align: center;
margin: 28px 0 0;
font-weight: 700;
color: #0D0D0D;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .features-block .wrapper .features-second .single .title {
margin: 20px 0 0;
}
}
.main.page-apple-workplace .features-block .wrapper .features-second .single p {
text-align: center;
margin: 25px 0 0;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .features-block .wrapper .features-second .single p {
margin: 20px 0 0;
}
}
.main.page-apple-workplace .contact-us-block {
padding: 100px 0 163px;
position: relative;
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1440px) {
.main.page-apple-workplace .contact-us-block {
padding: 100px 0 150px;
}
}
@media (max-width: 1024px) {
.main.page-apple-workplace .contact-us-block {
padding: 80px 0 120px;
}
}
@media (max-width: 768px) {
.main.page-apple-workplace .contact-us-block {
padding: 80px 0 100px;
}
}
.main.page-apple-workplace .contact-us-block .illustration-2 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-apple-workplace .contact-us-block .illustration-2 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-apple-workplace .contact-us-block .illustration-2 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-apple-workplace .contact-us-block .illustration-2 {
height: 123px;
}
}
.main.page-apple-workplace .contact-us-block .wrapper .wrap .person {
display: flex;
align-items: center;
margin: 45px 0 0;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .contact-us-block .wrapper .wrap .person {
margin: 35px 0 0;
}
}
.main.page-apple-workplace .contact-us-block .wrapper .wrap .person .photo {
width: 205px;
border-radius: 100%;
overflow: hidden;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .contact-us-block .wrapper .wrap .person .photo {
width: 140px;
}
}
.main.page-apple-workplace .contact-us-block .wrapper .wrap .person .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-apple-workplace .contact-us-block .wrapper .wrap .person .info p {
font-size: 24px;
font-size: 1.5rem;
}
@media (max-width: 1024px) {
.main.page-apple-workplace .contact-us-block .wrapper .wrap .person .info p {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-apple-workplace .contact-us-block .wrapper .wrap .person .info p a {
color: #0D0D0D;
}
.main.page-contacts .top-landing-block {
height: 440px;
background: #E60000 !important;
}
@media (max-width: 1024px) {
.main.page-contacts .top-landing-block {
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-contacts .top-landing-block {
min-height: inherit;
}
}
.main.page-contacts .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-contacts .top-landing-block .wrapper .wrap h1 {
margin: 0;
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1440px) {
.main.page-contacts .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-contacts .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-contacts .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-contacts .contacts-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 80px 0 105px;
}
@media (max-width: 1024px) {
.main.page-contacts .contacts-block {
padding: 64px 0 80px;
}
}
.main.page-contacts .contacts-block .wrapper {
display: flex;
justify-content: space-between;
}
@media (max-width: 768px) {
.main.page-contacts .contacts-block .wrapper {
flex-direction: column;
grid-gap: 60px;
}
}
@media (max-width: 480px) {
.main.page-contacts .contacts-block .wrapper {
grid-gap: 40px;
}
}
.main.page-contacts .contacts-block .wrapper .left {
width: calc(50% - 60px);
}
@media (max-width: 1024px) {
.main.page-contacts .contacts-block .wrapper .left {
width: calc(50% - 40px);
}
}
@media (max-width: 768px) {
.main.page-contacts .contacts-block .wrapper .left {
width: 100%;
}
}
.main.page-contacts .contacts-block .wrapper .left .block-title {
margin: 0;
}
.main.page-contacts .contacts-block .wrapper .left .text {
margin: 24px 0 0;
}
.main.page-contacts .contacts-block .wrapper .left .wrap {
margin: 32px 0 0;
}
@media (max-width: 1024px) {
.main.page-contacts .contacts-block .wrapper .left .wrap {
margin: 24px 0 0;
grid-gap: 80px;
grid-row-gap: 40px;
}
}
@media (max-width: 480px) {
.main.page-contacts .contacts-block .wrapper .left .wrap {
grid-gap: 60px;
}
}
.main.page-contacts .contacts-block .wrapper .left .wrap .single .icon-wrap {
width: 51px;
height: 51px;
display: flex;
justify-content: flex-start;
align-items: flex-end;
}
@media (max-width: 1024px) {
.main.page-contacts .contacts-block .wrapper .left .wrap .single .icon-wrap {
width: 40px;
height: 40px;
}
}
.main.page-contacts .contacts-block .wrapper .left .wrap .single .icon-wrap img {
width: auto;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.main.page-contacts .contacts-block .wrapper .left .wrap .single .title {
display: block;
margin: 14px 0 0;
font-size: 20px;
font-size: 1.25rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-contacts .contacts-block .wrapper .left .wrap .single .links {
margin: 24px 0 0;
}
.main.page-contacts .contacts-block .wrapper .left .wrap .single .links .single-link {
display: flex;
align-items: center;
margin: 0 0 16px 0;
}
.main.page-contacts .contacts-block .wrapper .left .wrap .single .links .single-link:last-of-type {
margin: 0;
}
.main.page-contacts .contacts-block .wrapper .left .wrap .single .links .single-link .img-wrap {
width: 16px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 8px 0 0;
flex: none;
}
.main.page-contacts .contacts-block .wrapper .left .wrap .single .links .single-link .img-wrap img {
width: auto;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.main.page-contacts .contacts-block .wrapper .left .wrap .single .links .single-link a {
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-decoration: none;
}
.main.page-contacts .contacts-block .wrapper .right {
width: calc(50% - 60px);
}
@media (max-width: 1024px) {
.main.page-contacts .contacts-block .wrapper .right {
width: calc(50% - 40px);
}
}
@media (max-width: 768px) {
.main.page-contacts .contacts-block .wrapper .right {
width: 100%;
}
}
.main.page-contacts .contacts-block .wrapper .right .form {
background: #FFFFFF;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 63px 47px;
}
@media (max-width: 1024px) {
.main.page-contacts .contacts-block .wrapper .right .form {
padding: 40px 40px;
}
}
@media (max-width: 768px) {
.main.page-contacts .contacts-block .wrapper .right .form {
max-width: 480px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 480px) {
.main.page-contacts .contacts-block .wrapper .right .form {
padding: 30px 30px;
}
}
.main.page-contacts .countries-block {
background: #ffffff;
position: relative;
padding: 43px 0 130px;
}
@media (max-width: 1024px) {
.main.page-contacts .countries-block {
padding: 80px 0 80px;
}
}
.main.page-contacts .countries-block .wrapper {
z-index: 2;
}
.main.page-contacts .countries-block .wrapper .wrap {
display: flex;
flex-wrap: wrap;
grid-gap: 8px;
grid-row-gap: 50px;
}
@media (max-width: 1024px) {
.main.page-contacts .countries-block .wrapper .wrap {
grid-row-gap: 40px;
}
}
.main.page-contacts .countries-block .wrapper .wrap .single {
display: flex;
flex-direction: column;
}
.main.page-contacts .countries-block .wrapper .wrap .single.columns-1 {
width: 25%;
}
@media (max-width: 1024px) {
.main.page-contacts .countries-block .wrapper .wrap .single.columns-1 {
width: 32%;
}
}
@media (max-width: 768px) {
.main.page-contacts .countries-block .wrapper .wrap .single.columns-1 {
width: calc(50% - 4px);
}
}
@media (max-width: 480px) {
.main.page-contacts .countries-block .wrapper .wrap .single.columns-1 {
width: 100%;
}
}
@media (max-width: 1024px) {
.main.page-contacts .countries-block .wrapper .wrap .single.columns-1 .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-contacts .countries-block .wrapper .wrap .single.columns-2 {
width: 50%;
}
@media (max-width: 1024px) {
.main.page-contacts .countries-block .wrapper .wrap .single.columns-2 {
width: 64%;
}
}
@media (max-width: 768px) {
.main.page-contacts .countries-block .wrapper .wrap .single.columns-2 {
width: 100%;
}
}
@media (max-width: 1024px) {
.main.page-contacts .countries-block .wrapper .wrap .single.columns-2 .grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-contacts .countries-block .wrapper .wrap .single.columns-2 .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-contacts .countries-block .wrapper .wrap .single.columns-3 {
width: 75%;
}
@media (max-width: 1024px) {
.main.page-contacts .countries-block .wrapper .wrap .single.columns-3 {
width: 100%;
}
}
.main.page-contacts .countries-block .wrapper .wrap .single.columns-4, .main.page-contacts .countries-block .wrapper .wrap .single.columns-5, .main.page-contacts .countries-block .wrapper .wrap .single.columns-6, .main.page-contacts .countries-block .wrapper .wrap .single.columns-7, .main.page-contacts .countries-block .wrapper .wrap .single.columns-8, .main.page-contacts .countries-block .wrapper .wrap .single.columns-9, .main.page-contacts .countries-block .wrapper .wrap .single.columns-10, .main.page-contacts .countries-block .wrapper .wrap .single.columns-11, .main.page-contacts .countries-block .wrapper .wrap .single.columns-12, .main.page-contacts .countries-block .wrapper .wrap .single.columns-13, .main.page-contacts .countries-block .wrapper .wrap .single.columns-14 {
width: 100%;
}
.main.page-contacts .countries-block .wrapper .wrap .single .title {
font-size: 40px;
font-size: 2.5rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1280px) {
.main.page-contacts .countries-block .wrapper .wrap .single .title {
font-size: 35px;
font-size: 2.1875rem;
}
}
@media (max-width: 768px) {
.main.page-contacts .countries-block .wrapper .wrap .single .title {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-contacts .countries-block .wrapper .wrap .single .cities {
margin: 26px 0 0;
flex: auto;
}
@media (max-width: 1024px) {
.main.page-contacts .countries-block .wrapper .wrap .single .cities {
margin: 20px 0 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.main.page-contacts .countries-block .wrapper .wrap .single .cities {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-contacts .countries-block .wrapper .wrap .single .cities {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-contacts .countries-block .wrapper .wrap .single .cities .single-city {
background: rgba(255, 255, 255, 0.9);
border: 1px solid #AFAFAF;
position: relative;
}
.main.page-contacts .countries-block .wrapper .wrap .single .cities .single-city .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 57.5%;
}
.main.page-contacts .countries-block .wrapper .wrap .single .cities .single-city .info {
padding: 20px 20px 40px 20px;
}
.main.page-contacts .countries-block .wrapper .wrap .single .cities .single-city .info .name {
display: block;
font-weight: 700;
}
.main.page-contacts .countries-block .wrapper .wrap .single .cities .single-city .info .text {
margin: 8px 0 0;
}
.main.page-contacts .countries-block .wrapper .wrap .single .cities .single-city .info .text p {
font-size: 16px;
font-size: 1rem;
line-height: 1.875;
}
.main.page-contacts .countries-block .wrapper .wrap .single .cities .single-city .info .btn-position {
display: flex;
justify-content: flex-end;
position: absolute;
bottom: 20px;
right: 20px;
}
.main.page-contacts .countries-block .wrapper .wrap .single .cities .single-city .info .btn-position .map-link {
display: block;
text-decoration: none;
}
.main.page-contacts .countries-block .wrapper .wrap .single .cities .single-city .info .btn-position .map-link img {
width: 26px;
height: auto;
display: block;
}
.main.page-modern-workplace-management .top-service-block.with-photo {
height: 600px;
}
@media (max-width: 768px) {
.main.page-modern-workplace-management .top-service-block.with-photo {
height: 500px;
min-height: inherit;
}
}
.main.page-modern-workplace-management .top-service-block.with-photo .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-modern-workplace-management .top-service-block.without-photo {
height: auto;
padding: 160px 0 0;
}
@media (max-width: 1024px) {
.main.page-modern-workplace-management .top-service-block.without-photo {
padding: 140px 0 0;
}
}
.main.page-modern-workplace-management .top-service-block.without-photo .wrapper .wrap {
max-width: 1030px;
}
.main.page-modern-workplace-management .top-service-block.without-photo .wrapper .wrap h1 {
color: #36BA24;
}
.main.page-modern-workplace-management .top-service-block.without-photo .wrapper .wrap .text-headline {
margin: 18px 0 0;
}
.main.page-modern-workplace-management .top-service-block.without-photo .wrapper .wrap .text-headline p {
color: #0D0D0D;
}
.main.page-modern-workplace-management .top-service-block.without-photo .wrapper .wrap h2 {
color: #0D0D0D;
}
.main.page-modern-workplace-management .top-service-block .wrapper .wrap {
max-width: 620px;
}
.main.page-modern-workplace-management .top-service-block .wrapper .wrap h1 {
font-size: 20px;
font-size: 1.25rem;
color: #4A4D4E;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
}
.main.page-modern-workplace-management .top-service-block .wrapper .wrap .text-headline {
margin: 18px 0 0;
}
.main.page-modern-workplace-management .top-service-block .wrapper .wrap .text-headline p {
font-size: 48px;
font-size: 3rem;
color: #E60000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
}
@media (max-width: 1440px) {
.main.page-modern-workplace-management .top-service-block .wrapper .wrap .text-headline p {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-modern-workplace-management .top-service-block .wrapper .wrap .text-headline p {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-modern-workplace-management .top-service-block .wrapper .wrap .text-headline p {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-modern-workplace-management .top-service-block .wrapper .wrap h2 {
font-size: 48px;
font-size: 3rem;
color: #E60000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 18px 0 0;
}
@media (max-width: 1440px) {
.main.page-modern-workplace-management .top-service-block .wrapper .wrap h2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-modern-workplace-management .top-service-block .wrapper .wrap h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-modern-workplace-management .top-service-block .wrapper .wrap h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-modern-workplace-management .description-block {
padding: 80px 0 100px;
position: relative;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-modern-workplace-management .description-block {
padding: 80px 0 80px;
}
}
.main.page-modern-workplace-management .description-block .wrapper .text-1-photo-2 .column .text {
margin: 0;
}
.main.page-modern-workplace-management .description-block .wrapper .text-1-photo-2 .column img {
max-width: 100%;
height: auto;
display: block;
}
@media (max-width: 768px) {
.main.page-modern-workplace-management .description-block .skay-icon {
bottom: 32px;
}
}
.main.page-modern-workplace-management .description-block .illustration {
height: 360px;
width: auto;
display: block;
position: absolute;
right: 0;
top: 170px;
}
@media (max-width: 1440px) {
.main.page-modern-workplace-management .description-block .illustration {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-modern-workplace-management .description-block .illustration {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-modern-workplace-management .description-block .illustration {
height: 123px;
display: none;
}
}
.main.page-modern-workplace-management .points-block {
padding: 0 0 70px;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-modern-workplace-management .points-block {
padding: 0 0 50px;
}
}
.main.page-modern-workplace-management .points-block .wrapper .groups {
margin: 59px 0 0;
}
@media (max-width: 1024px) {
.main.page-modern-workplace-management .points-block .wrapper .groups {
margin: 40px 0 0;
}
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group {
margin: 0 0 22px;
padding: 44px 44px;
background: rgba(234, 234, 234, 0.39);
border: 1px solid #F2F2F2;
border-radius: 20px;
}
@media (max-width: 1024px) {
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group {
padding: 32px 32px;
}
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group:last-of-type {
margin: 0;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group h4 {
margin: 0 0 22px;
text-transform: uppercase;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap {
margin: 0;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .top-wrap {
align-items: flex-start;
}
@media (max-width: 1024px) {
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .top-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .top-wrap .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 34.8%;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .features {
margin: 25px 0 0;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .features .features-title {
font-weight: 700;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .features .features-list {
margin: 20px 0 0;
}
@media (max-width: 480px) {
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .features .features-list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .features .features-list .single-feature {
display: flex;
align-items: flex-start;
margin: 0 0 20px;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .features .features-list .single-feature:last-of-type {
margin: 0;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .features .features-list .single-feature .icon-wrap {
width: 36px;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 14px 0 0;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .features .features-list .single-feature .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .features .features-list .single-feature .info {
width: calc(100% - 50px);
padding: 8px 0 0;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .features .features-list .single-feature .info span {
display: block;
font-weight: 700;
}
.main.page-modern-workplace-management .points-block .wrapper .groups .single-group .wrap .features .features-list .single-feature .info p {
margin: 0;
}
.main.page-modern-workplace-management .points-block .wrapper .additional-text {
margin: 76px 0 0;
}
@media (max-width: 1024px) {
.main.page-modern-workplace-management .points-block .wrapper .additional-text {
margin: 50px 0 0;
}
}
.main.page-modern-workplace-management .points-block .wrapper .additional-text .text {
font-size: 20px;
font-size: 1.25rem;
font-weight: 700;
}
.main.page-modern-workplace-management .points-block .wrapper .additional-text .text * {
font-size: 20px;
font-size: 1.25rem;
font-weight: 700;
}
.main.page-default .content-block {
padding: 160px 0 80px;
}
.main.page-default .content-block .wrapper h1 {
color: #0D0D0D;
}
.main.page-default .content-block .wrapper .text-wrap .text h2, .main.page-default .content-block .wrapper .text-wrap .text h3, .main.page-default .content-block .wrapper .text-wrap .text h4, .main.page-default .content-block .wrapper .text-wrap .text h5, .main.page-default .content-block .wrapper .text-wrap .text h6 {
color: #0D0D0D;
}
.main.page-default .content-block .wrapper .text-wrap .text a {
color: #0D0D0D;
}
.main.single-new .top-landing-block {
min-height: 440px;
padding: 84px 0;
background: #E60000 !important;
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.main.single-new .top-landing-block {
padding: 64px 0;
min-height: inherit;
}
}
.main.single-new .top-landing-block .wrapper .wrap .above-title {
display: block;
margin: 0 0 16px;
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.single-new .top-landing-block .wrapper .wrap h1 {
color: #ffffff;
margin: 0;
font-size: 40px;
font-size: 2.5rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1440px) {
.main.single-new .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 1280px) {
.main.single-new .top-landing-block .wrapper .wrap h1 {
font-size: 32px;
font-size: 2rem;
}
}
@media (max-width: 768px) {
.main.single-new .top-landing-block .wrapper .wrap h1 {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.single-new .top-landing-block .wrapper .wrap .date {
margin: 16px 0 0;
display: flex;
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
text-transform: capitalize;
}
.main.single-new .content-block {
padding: 80px 0 80px;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.single-new .content-block {
padding: 64px 0 64px;
}
}
.main.single-new .content-block .skay-icon {
top: 320px;
}
@media (max-width: 1440px) {
.main.single-new .content-block .skay-icon {
top: 266px;
}
}
@media (max-width: 1024px) {
.main.single-new .content-block .skay-icon {
top: 228px;
}
}
@media (max-width: 768px) {
.main.single-new .content-block .skay-icon {
top: 201px;
}
}
.main.single-new .content-block .illustration-1 {
width: auto;
height: 360px;
display: block;
position: absolute;
top: 140px;
right: 0;
}
@media (max-width: 1440px) {
.main.single-new .content-block .illustration-1 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.single-new .content-block .illustration-1 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.single-new .content-block .illustration-1 {
height: 123px;
}
}
.main.single-new .content-block .wrapper .top {
width: calc(66.6666666667% - 45px);
}
.main.single-new .content-block .wrapper .top .date {
font-size: 20px;
font-size: 1.25rem;
color: #36BA24;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
display: block;
text-transform: capitalize;
}
.main.single-new .content-block .wrapper .top h1 {
margin: 18px 0 0;
font-size: 48px;
font-size: 3rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1440px) {
.main.single-new .content-block .wrapper .top h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.single-new .content-block .wrapper .top h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.single-new .content-block .wrapper .top h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.single-new .content-block .wrapper .wrap {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 0;
}
@media (max-width: 768px) {
.main.single-new .content-block .wrapper .wrap {
flex-direction: column;
grid-gap: 60px;
}
}
.main.single-new .content-block .wrapper .wrap .content {
width: calc(66.6666666667% - 45px);
}
@media (max-width: 1024px) {
.main.single-new .content-block .wrapper .wrap .content {
width: calc(66.6666666667% - 32px);
}
}
@media (max-width: 768px) {
.main.single-new .content-block .wrapper .wrap .content {
width: 100%;
}
}
.main.single-new .content-block .wrapper .wrap .content .text table {
overflow-x: scroll;
max-width: 100%;
width: 100%;
border: 1px solid #0D0D0D;
border-collapse: collapse;
}
.main.single-new .content-block .wrapper .wrap .content .text table tr {
border: 1px solid #0D0D0D;
border-collapse: collapse;
}
.main.single-new .content-block .wrapper .wrap .content .text table tr td {
padding: 10px;
border: 1px solid #0D0D0D;
border-collapse: collapse;
}
.main.single-new .content-block .wrapper .wrap .content .text table tr td h3 {
margin: 0;
}
.main.single-new .content-block .wrapper .wrap .content .text blockquote {
margin: 60px 0;
background: #E60000;
padding: 60px;
border: 1px solid #D0D0D0;
border-radius: 20px;
}
@media (max-width: 1024px) {
.main.single-new .content-block .wrapper .wrap .content .text blockquote {
margin: 40px 0;
padding: 40px;
}
}
.main.single-new .content-block .wrapper .wrap .content .text blockquote *:first-child {
margin-top: 0;
}
.main.single-new .content-block .wrapper .wrap .content .text blockquote *:last-child {
margin-bottom: 0;
}
.main.single-new .content-block .wrapper .wrap .content .text blockquote p {
color: #ffffff;
}
.main.single-new .content-block .wrapper .wrap .sidebar {
width: calc(33.3333333333% - 45px);
}
@media (max-width: 1024px) {
.main.single-new .content-block .wrapper .wrap .sidebar {
width: calc(33.3333333333% - 32px);
}
}
@media (max-width: 768px) {
.main.single-new .content-block .wrapper .wrap .sidebar {
width: 100%;
}
}
.main.single-new .content-block .wrapper .wrap .sidebar .headline-h3 {
font-size: 20px;
font-size: 1.25rem;
color: #E60000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
}
.main.single-new .content-block .wrapper .wrap .sidebar .other-news {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.single-new .content-block .wrapper .wrap .sidebar .other-news {
margin: 30px 0 0;
}
}
@media (max-width: 768px) {
.main.single-new .content-block .wrapper .wrap .sidebar .other-news {
width: 100%;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 32px;
}
}
@media (max-width: 480px) {
.main.single-new .content-block .wrapper .wrap .sidebar .other-news {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.single-new .content-block .wrapper .wrap .sidebar .all-news-btn {
margin: 80px 0 0;
}
@media (max-width: 1024px) {
.main.single-new .content-block .wrapper .wrap .sidebar .all-news-btn {
margin: 60px 0 0;
}
}
@media (max-width: 480px) {
.main.single-new .content-block .wrapper .wrap .sidebar .all-news-btn {
margin: 40px 0 0;
}
}
.main.single-new .content-block .wrapper .wrap .sidebar .all-news-btn a {
text-decoration: none;
display: inline-flex;
align-items: center;
}
.main.single-new .content-block .wrapper .wrap .sidebar .all-news-btn a span {
color: #E60000;
margin: 0 20px 0 0;
font-weight: 700;
}
.main.single-position .top-landing-block {
height: 440px;
background: #E60000 !important;
}
.main.single-position .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.single-position .top-landing-block .wrapper .wrap .above-title {
display: block;
margin: 0 0 16px;
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.single-position .top-landing-block .wrapper .wrap h1 {
color: #ffffff;
margin: 0;
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1440px) {
.main.single-position .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.single-position .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.single-position .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.single-position .top-landing-block .wrapper .wrap .meta {
margin: 16px 0 0;
display: flex;
}
.main.single-position .top-landing-block .wrapper .wrap .meta span {
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
display: block;
}
.main.single-position .top-landing-block .wrapper .wrap .meta span:last-of-type:after {
display: none;
}
.main.single-position .top-landing-block .wrapper .wrap .meta span:after {
content: "|";
margin: 0 6px;
}
.main.single-position .description-block {
padding: 80px 0 80px;
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1024px) {
.main.single-position .description-block {
padding: 64px 0 64px;
}
}
.main.single-position .description-block .wrapper .text-1-photo-2 .column img {
margin: 36px 0 0;
}
@media (max-width: 768px) {
.main.single-position .description-block .wrapper .text-1-photo-2 .column img {
margin: 0;
}
}
.main.single-position .job-specs-block {
background: rgba(255, 255, 255, 0.7);
background: #ffffff;
padding: 50px 0 94px;
}
@media (max-width: 1024px) {
.main.single-position .job-specs-block {
padding: 80px 0 80px;
}
}
@media (max-width: 768px) {
.main.single-position .job-specs-block .wrapper .grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.main.single-position .job-specs-block .wrapper .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 40px;
}
}
.main.single-position .job-specs-block .wrapper .grid .single .top {
display: flex;
align-items: flex-start;
}
.main.single-position .job-specs-block .wrapper .grid .single .top .icon-wrap {
width: 72px;
height: 72px;
display: flex;
justify-content: flex-start;
align-items: flex-end;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.single-position .job-specs-block .wrapper .grid .single .top .icon-wrap {
width: 54px;
height: 54px;
margin: 0 16px 0 0;
}
}
.main.single-position .job-specs-block .wrapper .grid .single .top .icon-wrap img {
width: auto;
height: auto;
display: block;
max-height: 100%;
max-width: 100%;
}
.main.single-position .job-specs-block .wrapper .grid .single .top span {
width: calc(100% - 96px);
font-size: 30px;
font-size: 1.875rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
display: block;
}
@media (max-width: 1280px) {
.main.single-position .job-specs-block .wrapper .grid .single .top span {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 1024px) {
.main.single-position .job-specs-block .wrapper .grid .single .top span {
width: calc(100% - 70px);
}
}
@media (max-width: 768px) {
.main.single-position .job-specs-block .wrapper .grid .single .top span {
font-size: 26px;
font-size: 1.625rem;
}
}
.main.single-position .job-specs-block .wrapper .grid .single .text {
margin: 36px 0 0;
}
@media (max-width: 1024px) {
.main.single-position .job-specs-block .wrapper .grid .single .text {
margin: 24px 0 0;
}
}
.main.single-position .job-specs-block .wrapper .btn {
background: #FF5C05;
margin: 40px 0 0;
background: #E60000;
border-radius: 6px;
}
@media (max-width: 1024px) {
.main.single-position .job-specs-block .wrapper .btn {
margin: 30px 0 0;
}
}
.main.single-position .benefits-block {
background: #F4F4F4;
padding: 62px 0 0;
}
@media (max-width: 1024px) {
.main.single-position .benefits-block {
padding: 60px 0 0;
}
}
.main.single-position .benefits-block .wrapper .wrap {
margin: 66px 0 0;
}
@media (max-width: 1024px) {
.main.single-position .benefits-block .wrapper .wrap {
margin: 40px 0 0;
grid-gap: 60px;
}
}
@media (max-width: 768px) {
.main.single-position .benefits-block .wrapper .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.single-position .benefits-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 40px;
}
}
.main.single-position .benefits-block .wrapper .wrap .single .icon-wrap {
width: 64px;
height: 64px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
@media (max-width: 1024px) {
.main.single-position .benefits-block .wrapper .wrap .single .icon-wrap {
width: 40px;
height: 40px;
}
}
.main.single-position .benefits-block .wrapper .wrap .single .icon-wrap img {
width: auto;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.main.single-position .benefits-block .wrapper .wrap .single .title {
display: block;
margin: 20px 0 0;
font-weight: 700;
text-transform: uppercase;
}
.main.single-position .benefits-block .wrapper .wrap .single .text {
margin: 20px 0 0;
}
.main.single-position .other-positions-block {
background: #FAFAFA;
padding: 62px 0 105px;
}
@media (max-width: 1024px) {
.main.single-position .other-positions-block {
padding: 60px 0 80px;
}
}
.main.single-position .other-positions-block .wrapper .positions {
margin: 43px 0 0;
}
@media (max-width: 1024px) {
.main.single-position .other-positions-block .wrapper .positions {
margin: 40px 0 0;
grid-gap: 60px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.main.single-position .other-positions-block .wrapper .positions {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.single-position .other-positions-block .wrapper .positions .single {
text-decoration: none;
}
.main.single-position .other-positions-block .wrapper .positions .single .title {
display: block;
color: #0D0D0D;
text-transform: uppercase;
font-weight: 700;
}
.main.single-position .other-positions-block .wrapper .positions .single .meta {
margin: 8px 0 0;
display: flex;
}
.main.single-position .other-positions-block .wrapper .positions .single .meta span {
font-size: 16px;
font-size: 1rem;
color: #636363;
display: block;
}
.main.single-position .other-positions-block .wrapper .positions .single .meta span:last-of-type:after {
display: none;
}
.main.single-position .other-positions-block .wrapper .positions .single .meta span:after {
content: "|";
margin: 0 6px;
}
.main.single-position .other-positions-block .wrapper .positions .single img {
height: 24px;
width: auto;
display: block;
margin: 16px 0 0;
}
.main.page-social-responsibility {
background: #E5E5E5;
}
.main.page-social-responsibility .top-block {
height: 440px;
background: #E60000 !important;
}
@media (max-width: 1024px) {
.main.page-social-responsibility .top-block {
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-social-responsibility .top-block {
min-height: inherit;
}
}
.main.page-social-responsibility .top-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-social-responsibility .top-block .wrapper .wrap {
max-width: 430px;
}
.main.page-social-responsibility .top-block .wrapper .wrap h1 {
margin: 0;
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1440px) {
.main.page-social-responsibility .top-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-social-responsibility .top-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-social-responsibility .top-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-social-responsibility .description-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 70px 0 90px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-social-responsibility .description-block {
padding: 80px 0 80px;
}
}
.main.page-social-responsibility .description-block .illustration-1 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-social-responsibility .description-block .illustration-1 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-social-responsibility .description-block .illustration-1 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-social-responsibility .description-block .illustration-1 {
height: 123px;
}
}
.main.page-social-responsibility .description-block .illustration-2 {
height: 180px;
width: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-social-responsibility .description-block .illustration-2 {
height: 126px;
}
}
@media (max-width: 1024px) {
.main.page-social-responsibility .description-block .illustration-2 {
height: 138px;
}
}
@media (max-width: 768px) {
.main.page-social-responsibility .description-block .illustration-2 {
height: 62px;
}
}
.main.page-social-responsibility .description-block .wrapper .top {
max-width: 626px;
}
.main.page-social-responsibility .description-block .wrapper .top h2 {
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
margin: 0;
}
.main.page-social-responsibility .description-block .wrapper .top .text {
margin: 20px 0 0;
}
.main.page-social-responsibility .description-block .wrapper .blocks {
margin: 32px 0 0;
}
@media (max-width: 1024px) {
.main.page-social-responsibility .description-block .wrapper .blocks {
display: flex;
flex-direction: column;
grid-gap: 32px;
}
}
.main.page-social-responsibility .description-block .wrapper .blocks .single {
display: flex;
grid-gap: 96px;
justify-content: space-between;
align-items: center;
}
@media (max-width: 1024px) {
.main.page-social-responsibility .description-block .wrapper .blocks .single {
grid-gap: 64px;
}
}
@media (max-width: 768px) {
.main.page-social-responsibility .description-block .wrapper .blocks .single {
flex-direction: column;
grid-gap: 16px;
}
}
.main.page-social-responsibility .description-block .wrapper .blocks .single:nth-of-type(2n + 2) .text {
order: 2;
}
.main.page-social-responsibility .description-block .wrapper .blocks .single:nth-of-type(2n + 2) .photo {
order: 1;
}
.main.page-social-responsibility .description-block .wrapper .blocks .single .text {
max-width: 540px;
}
@media (max-width: 1024px) {
.main.page-social-responsibility .description-block .wrapper .blocks .single .text {
width: 100%;
}
}
@media (max-width: 768px) {
.main.page-social-responsibility .description-block .wrapper .blocks .single .text {
order: 2;
}
}
.main.page-social-responsibility .description-block .wrapper .blocks .single .text h3 {
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
}
.main.page-social-responsibility .description-block .wrapper .blocks .single .text p {
font-size: 18px;
font-size: 1.125rem;
}
.main.page-social-responsibility .description-block .wrapper .blocks .single .photo {
max-width: 540px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-social-responsibility .description-block .wrapper .blocks .single .photo {
order: 1;
margin: 0 auto;
}
}
.main.page-social-responsibility .description-block .wrapper .blocks .single .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 66.66%;
}
.main.page-social-responsibility .description-block .wrapper .bottom {
max-width: 540px;
margin: 76px 0 0;
}
@media (max-width: 1024px) {
.main.page-social-responsibility .description-block .wrapper .bottom {
margin: 48px 0 0;
}
}
@media (max-width: 480px) {
.main.page-social-responsibility .description-block .wrapper .bottom {
margin: 32px 0 0;
}
}
.main.page-social-responsibility .description-block .wrapper .bottom .text * {
font-size: 1.5rem;
line-height: 1.2;
}
.main.page-social-responsibility .responsibility-block {
background: #FAFAFA;
padding: 70px 0 90px;
}
@media (max-width: 1024px) {
.main.page-social-responsibility .responsibility-block {
padding: 80px 0 80px;
}
}
.main.page-social-responsibility .responsibility-block .wrapper .blocks {
display: flex;
flex-direction: column;
grid-gap: 50px;
}
@media (max-width: 1024px) {
.main.page-social-responsibility .responsibility-block .wrapper .blocks {
grid-gap: 32px;
}
}
.main.page-social-responsibility .responsibility-block .wrapper .blocks .single .top {
display: flex;
align-items: center;
}
.main.page-social-responsibility .responsibility-block .wrapper .blocks .single .top img {
width: 70px;
height: auto;
display: block;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-social-responsibility .responsibility-block .wrapper .blocks .single .top img {
width: 50px;
}
}
.main.page-social-responsibility .responsibility-block .wrapper .blocks .single .top span {
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
display: block;
}
.main.page-social-responsibility .responsibility-block .wrapper .blocks .single .text {
margin: 28px 0 0;
column-count: 2;
column-gap: 40px;
}
@media (max-width: 1024px) {
.main.page-social-responsibility .responsibility-block .wrapper .blocks .single .text {
column-gap: 32px;
}
}
@media (max-width: 768px) {
.main.page-social-responsibility .responsibility-block .wrapper .blocks .single .text {
column-count: 1;
}
}
.main.page-social-responsibility .responsibility-block .wrapper .blocks .single .text * {
font-size: 18px;
font-size: 1.125rem;
}
.main.page-social-responsibility .standart-block {
padding: 76px 0 115px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-social-responsibility .standart-block {
padding: 80px 0 80px;
}
}
.main.page-social-responsibility .standart-block .skay-icon {
z-index: 1;
}
.main.page-social-responsibility .standart-block .illustration-3 {
height: 228px;
width: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-social-responsibility .standart-block .illustration-3 {
height: 160px;
}
}
@media (max-width: 1024px) {
.main.page-social-responsibility .standart-block .illustration-3 {
height: 112px;
}
}
@media (max-width: 768px) {
.main.page-social-responsibility .standart-block .illustration-3 {
height: 78px;
}
}
.main.page-social-responsibility .standart-block .wrapper h2 {
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
margin: 0;
}
.main.page-social-responsibility .standart-block .wrapper .wrap {
margin: 32px 0 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 32px;
}
@media (max-width: 768px) {
.main.page-social-responsibility .standart-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-social-responsibility .standart-block .wrapper .wrap .single {
max-width: 394px;
text-align: center;
}
@media (max-width: 768px) {
.main.page-social-responsibility .standart-block .wrapper .wrap .single {
margin: 0 auto;
}
}
.main.page-social-responsibility .standart-block .wrapper .wrap .single img {
height: 96px;
width: auto;
display: block;
margin: 0 auto;
}
@media (max-width: 768px) {
.main.page-social-responsibility .standart-block .wrapper .wrap .single img {
height: 64px;
}
}
.main.page-social-responsibility .standart-block .wrapper .wrap .single span {
display: block;
text-align: center;
margin: 24px 0 0;
font-weight: 700;
text-transform: uppercase;
}
.main.page-social-responsibility .standart-block .wrapper .wrap .single p {
margin: 15px 0 0;
text-align: center;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-social-responsibility .standart-block .wrapper .photo {
margin: 47px 0 0;
width: 100%;
display: block;
height: auto;
}
.main.page-lenovo.page-surface .top-block {
height: 662px;
height: 662px;
}
@media (max-width: 1024px) {
.main.page-lenovo.page-surface .top-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .top-block {
height: 500px;
min-height: inherit;
background-position: inherit !important;
}
}
.main.page-lenovo.page-surface .top-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-lenovo.page-surface .top-block .wrapper .wrap {
max-width: 620px;
}
.main.page-lenovo.page-surface .top-block .wrapper .wrap img {
height: 30px;
width: auto;
display: block;
}
.main.page-lenovo.page-surface .top-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 28px 0 0;
}
@media (max-width: 1440px) {
.main.page-lenovo.page-surface .top-block .wrapper .wrap h1 {
font-size: 44px;
font-size: 2.75rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo.page-surface .top-block .wrapper .wrap h1 {
font-size: 40px;
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .top-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
.main.page-lenovo.page-surface .top-block .wrapper .wrap .text {
margin: 24px 0 0;
max-width: 500px;
}
.main.page-lenovo.page-surface .top-block .wrapper .wrap .text p {
color: #ffffff;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-lenovo.page-surface .top-block .wrapper .wrap .btn {
margin: 32px 0 0;
background: #ffffff;
color: #0D0D0D;
}
.main.page-lenovo.page-surface .description-block .wrapper .video-wrap {
margin: 64px 0 0;
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers {
display: flex;
flex-direction: column;
grid-gap: 27px;
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single {
display: flex;
align-items: flex-start;
grid-gap: 75px;
padding: 55px 60px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single {
grid-gap: 60px;
padding: 40px 45px;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single {
flex-direction: column;
padding: 30px 35px;
grid-gap: 30px;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 1):before {
content: "";
display: block;
width: 180px;
height: 180px;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 1):before {
height: 126px;
width: 126px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 1):before {
height: 88px;
width: 88px;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 1):before {
height: 62px;
width: 62px;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 2):before {
content: "";
display: block;
width: 180px;
height: 180px;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 2):before {
height: 126px;
width: 126px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 2):before {
height: 88px;
width: 88px;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 2):before {
height: 62px;
width: 62px;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 3):before {
content: "";
display: block;
width: 180px;
height: 180px;
position: absolute;
top: 0;
left: 0;
transform: rotate(90deg);
}
@media (max-width: 1440px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 3):before {
height: 126px;
width: 126px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 3):before {
height: 88px;
width: 88px;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 3):before {
height: 62px;
width: 62px;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 4):before {
content: "";
display: block;
width: 218px;
height: 218px;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 4):before {
height: 152px;
width: 152px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 4):before {
height: 106px;
width: 106px;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 4):before {
height: 74px;
width: 74px;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 5):before {
content: "";
display: block;
width: 169px;
height: 169px;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 5):before {
height: 118px;
width: 118px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 5):before {
height: 83px;
width: 83px;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n + 5):before {
height: 58px;
width: 58px;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(2n + 2) .left {
order: 2;
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(2n + 2) .left {
order: 1;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(2n + 2) .right {
order: 1;
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(2n + 2) .right {
order: 2;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .left {
width: 38%;
position: relative;
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .left {
width: 100%;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .left .photo-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .left .photo-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .left .price {
margin: 30px 0 0;
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .left .price {
justify-content: center;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .left .price .old {
width: 100%;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .left .price .new {
width: 100%;
justify-content: center;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .left .price .new b {
font-size: 24px;
font-size: 1.5rem;
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .left .btn {
margin: 30px 0 0;
position: relative;
width: auto;
max-width: 100%;
left: inherit;
bottom: inherit;
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .left .btn {
display: none;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .right {
width: 62%;
position: relative;
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .right {
width: 100%;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .right .title {
font-size: 36px;
font-size: 2.25rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.16;
margin: 0;
}
@media (max-width: 1280px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .right .title {
font-size: 32px;
font-size: 2rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .right .title {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .right .specs {
margin: 20px 0 0;
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .right .specs p {
font-size: 20px;
font-size: 1.25rem;
margin: 0;
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .right .specs p.small {
font-size: 16px;
font-size: 1rem;
margin: 16px 0 0;
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .right .specs ul {
font-size: 16px;
font-size: 1rem;
margin: 16px 0 0;
}
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .right .btn {
display: none;
}
@media (max-width: 768px) {
.main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single .right .btn {
display: block;
margin: 30px 0 0;
position: relative;
width: auto;
max-width: 100%;
left: inherit;
bottom: inherit;
}
}
html[lang=lt-LT] .main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n+1):before {
background: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/illustration-zalgiris-1.svg) center/cover no-repeat;
}
html[lang=lt-LT] .main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n+2):before {
background: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/illustration-zalgiris-2.svg) center/cover no-repeat;
}
html[lang=lt-LT] .main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n+3):before {
background: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/illustration-zalgiris-3.svg) center/cover no-repeat;
}
html[lang=lt-LT] .main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n+4):before {
background: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/illustration-zalgiris-4.svg) center/cover no-repeat;
}
html[lang=lt-LT] .main.page-lenovo.page-surface .offers-block .wrapper .single-group .offers .single:nth-of-type(5n+5):before {
background: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/illustration-zalgiris-5.svg) center/cover no-repeat;
}
.main.page-lenovo-accessories {
background: #F5F5F5;
}
.main.page-lenovo-accessories .top-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .top-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .top-block {
height: 500px;
min-height: inherit;
}
}
.main.page-lenovo-accessories .top-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-lenovo-accessories .top-block .wrapper .wrap {
max-width: 620px;
}
.main.page-lenovo-accessories .top-block .wrapper .wrap h1 {
font-size: 64px;
font-size: 4rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 24px 0 0;
}
@media (max-width: 1680px) {
.main.page-lenovo-accessories .top-block .wrapper .wrap h1 {
font-size: 56px;
font-size: 3.5rem;
}
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories .top-block .wrapper .wrap h1 {
font-size: 49px;
font-size: 3.0625rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories .top-block .wrapper .wrap h1 {
font-size: 44px;
font-size: 2.75rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .top-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
.main.page-lenovo-accessories .top-block .wrapper .wrap .desc {
margin: 19px 0 0;
}
.main.page-lenovo-accessories .top-block .wrapper .wrap .desc p {
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.5;
}
.main.page-lenovo-accessories .description-block {
position: relative;
}
.main.page-lenovo-accessories .description-block .illustration-1 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories .description-block .illustration-1 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .description-block .illustration-1 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .description-block .illustration-1 {
height: 123px;
}
}
.main.page-lenovo-accessories .description-block .wrapper {
z-index: 2;
}
.main.page-lenovo-accessories .description-block .wrapper .nav {
display: flex;
align-items: center;
padding: 52px 0 0;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories .description-block .wrapper .nav {
flex-wrap: wrap;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .description-block .wrapper .nav {
padding: 60px 0 0;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .description-block .wrapper .nav {
flex-wrap: wrap;
grid-gap: 24px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.main.page-lenovo-accessories .description-block .wrapper .nav .single {
padding: 44px 22px;
margin: 0 32px 0 0;
display: flex;
flex-direction: column;
text-decoration: none;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .description-block .wrapper .nav .single {
margin: 0 20px 0 0;
}
}
@media (max-width: 480px) {
.main.page-lenovo-accessories .description-block .wrapper .nav .single {
margin: 0;
padding: 30px 20px;
}
}
.main.page-lenovo-accessories .description-block .wrapper .nav .single.active {
background: #FAFAFA;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.main.page-lenovo-accessories .description-block .wrapper .nav .single:last-of-type {
margin: 0;
}
.main.page-lenovo-accessories .description-block .wrapper .nav .single .icon-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.main.page-lenovo-accessories .description-block .wrapper .nav .single .icon-wrap img {
display: block;
width: auto;
max-height: 100%;
max-width: 100%;
height: 47px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .description-block .wrapper .nav .single .icon-wrap img {
height: 40px;
}
}
.main.page-lenovo-accessories .description-block .wrapper .nav .single span {
display: block;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
font-weight: 500;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-align: center;
margin: 22px 0 0;
}
.main.page-lenovo-accessories .description-block .wrapper .text-1-photo-2 {
margin: 89px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .description-block .wrapper .text-1-photo-2 {
margin: 70px 0 0;
}
}
@media (max-width: 480px) {
.main.page-lenovo-accessories .description-block .wrapper .text-1-photo-2 {
margin: 50px 0 0;
}
}
.main.page-lenovo-accessories .description-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 32px;
font-size: 2rem;
}
.main.page-lenovo-accessories .offers-block {
margin-top: 20px;
}
.main.page-lenovo-accessories .offers-block .wrapper .single-group {
position: relative;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .offers-block .wrapper .single-group .skay-icon {
display: none;
}
}
.main.page-lenovo-accessories .offers-block .wrapper .single-group .illustration-2 {
height: 318px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories .offers-block .wrapper .single-group .illustration-2 {
height: 226px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .offers-block .wrapper .single-group .illustration-2 {
height: 158px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .offers-block .wrapper .single-group .illustration-2 {
height: 110px;
display: none;
}
}
.main.page-lenovo-accessories .offers-block .wrapper .single-group .illustration-3 {
height: 212px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories .offers-block .wrapper .single-group .illustration-3 {
height: 148px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .offers-block .wrapper .single-group .illustration-3 {
height: 103px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .offers-block .wrapper .single-group .illustration-3 {
height: 72px;
display: none;
}
}
.main.page-lenovo-accessories .offers-block .wrapper .single-group:nth-of-type(1) .offers {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 480px) {
.main.page-lenovo-accessories .offers-block .wrapper .single-group:nth-of-type(1) .offers {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-lenovo-accessories .offers-block .wrapper .single-group .block-title {
max-width: 800px;
z-index: 2;
position: relative;
}
.main.page-lenovo-accessories .offers-block .wrapper .single-group .desc {
max-width: 800px;
z-index: 2;
position: relative;
}
.main.page-lenovo-accessories .offers-block .wrapper .single-group .offers {
z-index: 2;
position: relative;
}
.main.page-lenovo-accessories .offers-block .wrapper .single-group .offers .single {
padding-bottom: 233px;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .offers-block .wrapper .single-group .offers .single {
padding-bottom: 180px;
}
}
.main.page-lenovo-accessories .offers-block .wrapper .single-group .offers .single .photo-wrap {
align-items: center;
}
.main.page-lenovo-accessories .offers-block .wrapper .single-group .offers .single .photo-wrap img {
max-width: 80%;
}
@media (max-width: 480px) {
.main.page-lenovo-accessories .offers-block .wrapper .single-group .offers .single .photo-wrap img {
max-height: 200px;
max-width: 100%;
}
}
.main.page-lenovo-accessories .offers-block .wrapper .single-group .offers .single .price {
position: absolute;
bottom: 125px;
left: 25px;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .offers-block .wrapper .single-group .offers .single .price {
bottom: 100px;
}
}
.main.page-lenovo-accessories .bags-block {
background: #F72E00;
padding: 69px 0 89px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .bags-block {
padding: 70px 0 70px;
}
}
@media (max-width: 480px) {
.main.page-lenovo-accessories .bags-block {
padding: 50px 0 50px;
}
}
.main.page-lenovo-accessories .bags-block .illustration-4 {
height: 336px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories .bags-block .illustration-4 {
height: 235px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .bags-block .illustration-4 {
height: 164px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .bags-block .illustration-4 {
height: 115px;
}
}
.main.page-lenovo-accessories .bags-block .wrapper {
z-index: 2;
}
.main.page-lenovo-accessories .bags-block .wrapper .block-title {
color: #ffffff;
max-width: 800px;
}
.main.page-lenovo-accessories .bags-block .wrapper .desc {
margin: 16px 0 0;
max-width: 800px;
}
.main.page-lenovo-accessories .bags-block .wrapper .desc p {
color: #ffffff;
}
.main.page-lenovo-accessories .bags-block .wrapper .offers {
margin: 60px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers {
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 40px 0 0;
}
}
@media (max-width: 480px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-row-gap: 32px;
}
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single {
padding: 30px 25px 125px;
background: #F72E00;
position: relative;
padding-bottom: 233px;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers .single {
padding-bottom: 180px;
}
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .photo-wrap {
height: 226px;
width: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .photo-wrap {
height: 190px;
}
}
@media (max-width: 480px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .photo-wrap {
height: auto;
}
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .photo-wrap img {
display: block;
width: auto;
height: auto;
max-width: 80%;
max-height: 100%;
}
@media (max-width: 480px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .photo-wrap img {
max-height: 200px;
max-width: 100%;
}
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .title {
display: block;
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 24px 0 0;
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .specs {
margin: 20px 0 0;
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .specs p {
font-size: 16px;
font-size: 1rem;
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .price {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 40px 0 0;
position: absolute;
bottom: 125px;
left: 25px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .price {
margin: 30px 0 0;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .price {
bottom: 100px;
}
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .price .old {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-size: 1rem;
color: #ffffff;
font-weight: 500;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0 0 6px;
position: relative;
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .price .old:after {
content: "";
display: block;
width: 103px;
height: 19px;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-old-price.svg);
position: absolute;
filter: brightness(0);
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .price .new {
display: flex;
align-items: flex-end;
font-weight: 500;
color: #ffffff;
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .price .new b {
font-size: 36px;
font-size: 2.25rem;
font-weight: 700;
margin-right: 4px;
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .price .new b {
font-size: 32px;
font-size: 2rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .price .new b {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .btn {
display: block;
margin: 40px 0 0;
background: #0D0D0D;
border-radius: 6px;
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-transform: uppercase;
text-decoration: none;
text-align: center;
padding: 18px 18px;
position: absolute;
bottom: 25px;
left: 30px;
width: 100%;
max-width: calc(100% - 50px);
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .btn {
margin: 30px 0 0;
}
}
@media (max-width: 480px) {
.main.page-lenovo-accessories .bags-block .wrapper .offers .single .btn {
padding: 14px 14px;
}
}
.main.page-lenovo-accessories .motorola-block {
background: #000000;
padding: 69px 0 89px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .motorola-block {
padding: 70px 0 70px;
}
}
@media (max-width: 480px) {
.main.page-lenovo-accessories .motorola-block {
padding: 50px 0 50px;
}
}
.main.page-lenovo-accessories .motorola-block .illustration-5 {
height: 720px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories .motorola-block .illustration-5 {
height: 504px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .motorola-block .illustration-5 {
height: 352px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .motorola-block .illustration-5 {
height: 246px;
}
}
.main.page-lenovo-accessories .motorola-block .wrapper {
z-index: 2;
}
.main.page-lenovo-accessories .motorola-block .wrapper .top {
display: flex;
align-items: center;
grid-gap: 96px;
justify-content: space-between;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .motorola-block .wrapper .top {
flex-direction: column;
align-items: center;
grid-gap: 24px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .motorola-block .wrapper .top .left {
order: 2;
}
}
.main.page-lenovo-accessories .motorola-block .wrapper .top .left .block-title {
color: #ffffff;
max-width: 630px;
}
.main.page-lenovo-accessories .motorola-block .wrapper .top .left .desc {
margin: 16px 0 0;
max-width: 630px;
}
.main.page-lenovo-accessories .motorola-block .wrapper .top .left .desc p {
color: #ffffff;
}
.main.page-lenovo-accessories .motorola-block .wrapper .top .right {
width: 35%;
max-width: 505px;
flex: none;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .motorola-block .wrapper .top .right {
order: 1;
width: 100%;
max-width: 320px;
}
}
.main.page-lenovo-accessories .motorola-block .wrapper .top .right img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom {
margin: 32px 0 0;
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 64px;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product {
flex-direction: column;
grid-gap: 32px;
}
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .img-wrap {
padding: 20px 50px;
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .img-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .title {
color: #ffffff;
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .specs {
margin: 19px 0 0;
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .specs p {
color: #ffffff;
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .price {
display: flex;
flex-direction: column;
align-items: flex-start;
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .price {
margin: 30px 0 0;
}
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .price .old {
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-size: 1rem;
color: #ffffff;
font-weight: 500;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0 0 6px;
position: relative;
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .price .old:after {
content: "";
display: block;
width: 103px;
height: 19px;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-old-price.svg);
position: absolute;
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .price .new {
display: flex;
align-items: flex-end;
font-weight: 500;
color: #ffffff;
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .price .new b {
font-size: 36px;
font-size: 2.25rem;
font-weight: 700;
margin-right: 4px;
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .price .new b {
font-size: 32px;
font-size: 2rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .price .new b {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .btn {
display: block;
margin: 40px 0 0;
background: #ffffff;
border-radius: 6px;
font-size: 20px;
font-size: 1.25rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-transform: uppercase;
text-decoration: none;
text-align: center;
padding: 18px 18px;
width: 100%;
max-width: 360px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .btn {
margin: 30px 0 0;
}
}
@media (max-width: 480px) {
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .product .right .btn {
padding: 14px 14px;
}
}
.main.page-lenovo-accessories .motorola-block .wrapper .bottom .video {
margin: 80px auto 0;
max-width: 1000px;
}
.main.page-lenovo-accessories .buy-options-block {
background: #FAFAFA;
padding: 70px 0 70px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .buy-options-block {
padding: 80px 0 80px;
}
}
.main.page-lenovo-accessories .buy-options-block .wrapper .wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories .buy-options-block .wrapper .wrap {
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .buy-options-block .wrapper .wrap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-lenovo-accessories .buy-options-block .wrapper .wrap .single {
margin: 0 75px 0 0;
max-width: 170px;
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories .buy-options-block .wrapper .wrap .single {
margin: 0;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .buy-options-block .wrapper .wrap .single {
max-width: inherit;
}
}
.main.page-lenovo-accessories .buy-options-block .wrapper .wrap .single:last-of-type {
margin: 0;
}
.main.page-lenovo-accessories .buy-options-block .wrapper .wrap .single img {
height: 82px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .buy-options-block .wrapper .wrap .single img {
height: 60px;
}
}
.main.page-lenovo-accessories .buy-options-block .wrapper .wrap .single .title {
display: block;
font-weight: 700;
margin: 14px 0 0;
}
.main.page-lenovo-accessories .buy-options-block .wrapper .wrap .single .desc {
margin: 10px 0 0;
}
.main.page-lenovo-accessories .contact-us-block {
margin: 0;
padding: 60px 0 70px;
position: relative;
background: #FAFAFA;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .contact-us-block {
padding: 80px 0 80px;
}
}
.main.page-lenovo-accessories .contact-us-block .illustration-2 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories .contact-us-block .illustration-2 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .contact-us-block .illustration-2 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories .contact-us-block .illustration-2 {
height: 123px;
}
}
.main.page-lenovo-accessories .contact-us-block .wrapper .wrap .text {
margin: 24px 0 0;
max-width: 793px;
}
.main.page-lenovo-accessories .contact-us-block .wrapper .wrap .text p {
font-weight: 700;
}
.main.page-lenovo-accessories .contact-us-block .wrapper .wrap .person {
display: flex;
align-items: center;
margin: 56px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .contact-us-block .wrapper .wrap .person {
margin: 40px 0 0;
}
}
.main.page-lenovo-accessories .contact-us-block .wrapper .wrap .person .photo {
width: 205px;
border-radius: 100%;
overflow: hidden;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .contact-us-block .wrapper .wrap .person .photo {
width: 150px;
}
}
.main.page-lenovo-accessories .contact-us-block .wrapper .wrap .person .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-lenovo-accessories .contact-us-block .wrapper .wrap .person .info p {
font-size: 24px;
font-size: 1.5rem;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories .contact-us-block .wrapper .wrap .person .info p {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-lenovo-accessories .contact-us-block .wrapper .wrap .person .info p a {
color: #0D0D0D;
}
.main.page-lenovo-accessories.lenovo-servers .top-block {
height: 702px;
}
.main.page-lenovo-accessories.lenovo-servers .top-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-lenovo-accessories.lenovo-servers .top-block .wrapper .wrap .badges {
display: flex;
grid-gap: 26px;
margin: 32px 0 0;
}
.main.page-lenovo-accessories.lenovo-servers .top-block .wrapper .wrap .badges img {
height: 101px;
width: auto;
display: block;
}
@media (max-width: 480px) {
.main.page-lenovo-accessories.lenovo-servers .top-block .wrapper .wrap .badges img {
height: 75px;
}
}
.main.page-lenovo-accessories.lenovo-servers .description-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 48px;
font-size: 3rem;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .description-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories.lenovo-servers .description-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .description-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block {
background: #F5F5F5;
margin: 57px 0 0;
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper {
display: flex;
flex-direction: column;
grid-gap: 28px;
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single {
background: #ffffff;
padding: 80px 53px;
display: flex;
grid-gap: 56px;
align-items: flex-start;
position: relative;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single {
grid-gap: 40px;
padding: 48px 40px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single {
flex-direction: column;
grid-gap: 32px;
}
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(1) {
padding-bottom: 120px;
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(1) {
padding-bottom: 170px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(1) {
padding-bottom: 120px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(1) {
padding-bottom: 95px;
}
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(2) {
padding-bottom: 170px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(2) {
padding-bottom: 120px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(2) {
padding-bottom: 95px;
}
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(3) {
padding-bottom: 170px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(3) {
padding-bottom: 120px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(3) {
padding-bottom: 95px;
}
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-1 {
height: 210px;
width: auto;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-1 {
height: 147px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-1 {
height: 103px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-1 {
height: 72px;
}
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-2 {
height: 214px;
width: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-2 {
height: 150px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-2 {
height: 105px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-2 {
height: 73px;
}
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-3 {
height: 194px;
width: auto;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-3 {
height: 136px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-3 {
height: 95px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .ill-3 {
height: 66px;
}
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(2n + 2) .info {
order: 2;
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(2n + 2) .info h3 {
text-align: right;
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(2n + 2) .info .text {
text-align: right;
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(2n + 2) .right {
order: 1;
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single:nth-of-type(2n + 2) .right span {
text-align: left;
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .info {
width: calc(42% - 28px);
flex: none;
position: relative;
z-index: 2;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .info {
width: calc(42% - 20px);
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .info {
width: 100%;
}
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .info h3 {
font-size: 36px;
font-size: 2.25rem;
margin: 0;
color: #0D0D0D;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .info h3 {
font-size: 32px;
font-size: 2rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .info h3 {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .info h3 {
font-size: 24px;
font-size: 1.5rem;
}
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .info .text {
margin: 20px 0 0;
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .right {
width: calc(58% - 28px);
flex: none;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .right {
width: calc(58% - 20px);
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .right {
width: 100%;
}
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .right .img {
width: auto;
max-width: 100%;
height: auto;
display: block;
}
.main.page-lenovo-accessories.lenovo-servers .text-photo-points-block .wrapper .single .right span {
margin: 20px 0 0;
display: block;
font-size: 15px;
font-size: 0.9375rem;
text-align: right;
}
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block {
margin: 46px 0 0;
background: #F5F5F5;
padding: 0 0 65px;
}
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper {
display: flex;
flex-direction: column;
grid-gap: 65px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper {
grid-gap: 40px;
}
}
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single {
display: grid;
grid-gap: 50px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single {
grid-gap: 32px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 24px;
}
}
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single:nth-of-type(2n + 2) .info {
order: 2;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single:nth-of-type(2n + 2) .info {
order: 1;
}
}
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single:nth-of-type(2n + 2) .img {
order: 1;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single:nth-of-type(2n + 2) .img {
order: 2;
}
}
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single .info {
padding: 33px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single .info {
padding: 16px 0 0;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single .info {
padding: 0;
}
}
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single .info h3 {
font-size: 32px;
font-size: 2rem;
margin: 0;
color: #0D0D0D;
}
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single .info .text {
margin: 20px 0 0;
}
.main.page-lenovo-accessories.lenovo-servers .additional-photo-points-block .wrapper .single .img {
width: auto;
max-width: 100%;
height: auto;
display: block;
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block {
background: #ffffff;
padding: 52px 0 72px;
position: relative;
}
@media (max-width: 480px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block {
padding: 52px 0 52px;
}
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper {
z-index: 2;
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper h2 {
font-size: 48px;
font-size: 3rem;
margin: 0;
color: #0D0D0D;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper h2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .desc {
margin: 24px 0 0;
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs {
margin: 32px 0 0;
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-list {
display: flex;
list-style-type: none;
padding: 0;
margin: 0;
grid-gap: 14px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-list {
display: grid;
grid-gap: 16px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-list li {
width: 100%;
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-list li.ui-state-active a {
background: rgba(169, 176, 208, 0.34);
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-list li a {
border: 1px solid #D2D2D2;
background: rgba(169, 176, 208, 0.08);
text-decoration: none;
display: flex;
flex-direction: column;
padding: 18px 18px;
height: 100%;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-list li a {
padding: 14px 14px;
}
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-list li a img {
height: 43px;
width: auto;
display: block;
align-self: center;
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-list li a img {
height: 40px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-list li a img {
height: 35px;
}
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-list li a span {
display: block;
margin: 9px 0 0;
text-align: center;
font-size: 20px;
font-size: 1.25rem;
font-weight: 700;
max-width: 220px;
color: #0D0D0D;
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content {
margin: 85px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content {
margin: 56px 0 0;
}
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap {
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap {
grid-gap: 32px;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .left h3 {
font-size: 32px;
font-size: 2rem;
margin: 0;
color: #0D0D0D;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .left h3 {
font-size: 29px;
font-size: 1.8125rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .left h3 {
font-size: 26px;
font-size: 1.625rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .left h3 {
font-size: 23px;
font-size: 1.4375rem;
}
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .left .text {
margin: 16px 0 0;
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .left .tags {
margin: 32px 0 0;
display: flex;
flex-wrap: wrap;
grid-gap: 6px;
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .left .tags span {
display: block;
border-radius: 24px;
border: 1px solid #D2D2D2;
padding: 9px 16px;
color: #959595;
font-size: 14px;
font-size: 0.875rem;
background: #ffffff;
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .products {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 30px;
grid-column-gap: 32px;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .products {
grid-gap: 32px;
}
}
@media (max-width: 480px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .products .single-product .img-wrap {
height: 185px;
display: flex;
align-items: flex-end;
justify-content: center;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .products .single-product .img-wrap {
height: 150px;
}
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .products .single-product .img-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .products .single-product span {
display: block;
text-align: center;
font-size: 22px;
font-size: 1.375rem;
font-weight: 700;
margin: 12px 0 0;
}
@media (max-width: 480px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .wrapper .tabs .tab-content .wrap .products .single-product span {
font-size: 20px;
font-size: 1.25rem;
}
}
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .ill-4 {
height: 347px;
width: auto;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .ill-4 {
height: 243px;
}
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .ill-4 {
height: 170px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .thinksystem-block .ill-4 {
height: 119px;
}
}
.main.page-lenovo-accessories.lenovo-servers .red-cta-block {
background: #B42B01;
padding: 74px 0 34px;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .red-cta-block {
padding: 56px 0 34px;
}
}
.main.page-lenovo-accessories.lenovo-servers .red-cta-block .wrapper h2 {
font-size: 48px;
font-size: 3rem;
margin: 0;
text-align: center;
color: #ffffff;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .red-cta-block .wrapper h2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories.lenovo-servers .red-cta-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .red-cta-block .wrapper h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-lenovo-accessories.lenovo-servers .red-cta-block .wrapper .text {
margin: 24px auto 0;
text-align: center;
max-width: 959px;
width: 100%;
}
.main.page-lenovo-accessories.lenovo-servers .red-cta-block .wrapper .text p {
color: #ffffff;
}
.main.page-lenovo-accessories.lenovo-servers .red-cta-block .wrapper img {
height: 96px;
width: auto;
display: block;
margin: 32px auto 0;
}
@media (max-width: 480px) {
.main.page-lenovo-accessories.lenovo-servers .red-cta-block .wrapper img {
height: 80px;
}
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block {
padding: 55px 0;
background: #F5F5F5;
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block.reversed-sides .wrapper .info {
order: 2;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block.reversed-sides .wrapper .info {
order: 1;
}
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block.reversed-sides .wrapper img {
order: 1;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block.reversed-sides .wrapper img {
order: 2;
}
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper {
display: flex;
align-items: flex-start;
grid-gap: 40px;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper {
flex-direction: column;
grid-gap: 32px;
}
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info {
width: calc(52% - 20px);
flex: none;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info {
width: 100%;
}
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info h2 {
margin: 56px 0 0;
color: #0D0D0D;
font-size: 32px;
font-size: 2rem;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info h2 {
font-size: 29px;
font-size: 1.8125rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info h2 {
font-size: 26px;
font-size: 1.625rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info h2 {
font-size: 23px;
font-size: 1.4375rem;
}
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info ul {
margin: 36px 0 0;
list-style-type: none;
padding: 0;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info ul {
margin: 32px 0 0;
}
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info ul li {
position: relative;
padding: 0 0 16px 32px;
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info ul li:last-child {
padding-bottom: 0;
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info ul li:before {
content: "";
display: block;
position: absolute;
top: 5px;
left: 0;
width: 25px;
height: 19px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-green-check.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info .center-btn {
margin: 32px 0 0;
text-align: center;
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper .info .center-btn .btn {
background: #E22319;
padding: 22px 22px;
max-width: 283px;
}
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper img {
width: calc(48% - 20px);
flex: none;
display: block;
height: auto;
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .photo-with-list-block .wrapper img {
width: 100%;
}
}
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper {
padding: 93px 0 20px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper {
padding: 72px 0 24px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper {
padding: 56px 0 24px;
}
}
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper h2 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
margin: 0;
max-width: 640px;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper h2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper .text {
margin: 24px 0 0;
max-width: 640px;
}
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper .text p {
color: #ffffff;
}
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper img {
height: 146px;
width: auto;
display: block;
margin: 103px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper img {
height: 120px;
margin: 72px 0 0;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .xclarity-block .wrapper img {
height: 100px;
margin: 56px 0 0;
}
}
.main.page-lenovo-accessories.lenovo-servers .contact-block {
background: #FAFAFA;
padding: 67px 0 56px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block {
padding: 56px 0 56px;
}
}
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper {
display: flex;
grid-gap: 96px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper {
grid-gap: 56px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper {
flex-direction: column;
}
}
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column:nth-of-type(1) {
width: calc(50% - 48px);
flex: none;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column:nth-of-type(1) {
width: calc(50% - 28px);
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column:nth-of-type(1) {
width: 100%;
}
}
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column:nth-of-type(2) {
width: calc(50% - 48px);
flex: none;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column:nth-of-type(2) {
width: calc(50% - 28px);
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column:nth-of-type(2) {
width: 100%;
max-width: 480px;
margin: 0 auto;
}
}
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column:nth-of-type(2) .form {
background: #FFFFFF;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 63px 47px;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column:nth-of-type(2) .form {
padding: 40px 40px;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column:nth-of-type(2) .form {
max-width: 480px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 480px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column:nth-of-type(2) .form {
padding: 30px 30px;
}
}
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column h2 {
font-size: 48px;
font-size: 3rem;
margin: 0;
color: #0D0D0D;
}
@media (max-width: 1440px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column h2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column .text {
margin: 32px 0 0;
max-width: 492px;
width: 100%;
}
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column .person {
display: flex;
align-items: center;
grid-gap: 20px;
margin: 124px 0 0;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column .person {
margin: 72px 0 0;
}
}
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column .person .photo {
height: 200px;
width: 200px;
border-radius: 100%;
flex: none;
}
@media (max-width: 1024px) {
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column .person .photo {
height: 140px;
width: 140px;
}
}
.main.page-lenovo-accessories.lenovo-servers .contact-block .wrapper .column .person .info {
margin: 0;
}
.main.page-home-2 .top-home-block .wrapper.bg-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
height: 100%;
}
.main.page-home-2 .logo-bar-block {
background: linear-gradient(180deg, #060606, #222);
padding: 24px 0;
}
.main.page-home-2 .logo-bar-block .wrapper .wrap {
display: flex;
align-items: center;
grid-gap: 30px;
}
@media (max-width: 1024px) {
.main.page-home-2 .logo-bar-block .wrapper .wrap {
margin: 80px 0 0;
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.main.page-home-2 .logo-bar-block .wrapper .wrap {
margin: 60px 0 0;
}
}
.main.page-home-2 .logo-bar-block .wrapper .wrap .single:last-of-type {
margin: 0;
}
.main.page-home-2 .logo-bar-block .wrapper .wrap .single img {
display: block;
height: auto;
width: auto;
max-height: 53px;
}
.main.page-home-2 .issues-block .top-part {
background: #000000;
padding: 54px 0 60px;
}
.main.page-home-2 .issues-block .top-part .wrapper .update span {
display: flex;
align-items: center;
font-size: 14px;
font-size: 0.875rem;
color: #ffffff;
font-weight: 500;
}
.main.page-home-2 .issues-block .top-part .wrapper .update span:before {
content: "";
display: block;
background: #05B820;
width: 10px;
height: 10px;
border-radius: 100%;
margin: 0 7px 0 0;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues {
display: flex;
align-items: center;
grid-gap: 20px;
margin: 10px 0 0;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues span {
display: block;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues span:nth-child(1) {
color: #1437F1;
font-size: 210px;
font-size: 13.125rem;
font-weight: 500;
letter-spacing: -0.04em;
line-height: 1;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues span:nth-child(2) {
color: #C0C0C0;
font-weight: 500;
max-width: 382px;
width: 100%;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues-date {
display: flex;
align-items: center;
justify-content: space-between;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues-date .issues-headline {
display: block;
color: #ffffff;
font-size: 130px;
font-size: 8.125rem;
font-weight: 500;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues-date .right-side {
text-align: right;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues-date .right-side span {
display: block;
color: #616161;
font-size: 18px;
font-size: 1.125rem;
letter-spacing: 0.02em;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues-date .right-side .line-1 {
display: flex;
align-items: center;
grid-gap: 10px;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues-date .right-side .line-1 span {
color: #ffffff;
font-weight: 500;
font-size: 40px;
font-size: 2.5rem;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues-date .right-side .line-1 img {
height: 24px;
width: auto;
display: block;
}
.main.page-home-2 .issues-block .top-part .wrapper .issues-date .right-side .line span {
color: #ffffff;
font-weight: 500;
font-size: 40px;
font-size: 2.5rem;
}
.main.page-home-2 .issues-block .middle-part {
background: #1437F1;
padding: 36px 0;
}
.main.page-home-2 .issues-block .middle-part .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.main.page-home-2 .issues-block .middle-part .wrapper .left {
display: flex;
align-items: center;
grid-gap: 16px;
}
.main.page-home-2 .issues-block .middle-part .wrapper .left span {
display: block;
}
.main.page-home-2 .issues-block .middle-part .wrapper .left span:nth-child(1) {
color: #ffffff;
font-size: 64px;
font-size: 4rem;
font-weight: 500;
}
.main.page-home-2 .issues-block .middle-part .wrapper .left span:nth-child(2) {
color: #C0C0C0;
font-weight: 500;
}
.main.page-home-2 .issues-block .middle-part .wrapper .right span {
color: #C0C0C0;
font-weight: 500;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-home-2 .issues-block .bottom-part {
padding: 74px 0 59px;
background: #000000;
}
.main.page-home-2 .issues-block .bottom-part .wrapper h3 {
margin: 0;
color: #949494;
font-size: 20px;
font-size: 1.25rem;
font-weight: 400;
}
.main.page-home-2 .issues-block .bottom-part .wrapper .feedback-carousel {
margin: 30px 0 0;
}
.main.page-home-2 .issues-block .bottom-part .wrapper .feedback-carousel .single {
border-left: 4px solid #1437F1;
overflow: hidden;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
}
.main.page-home-2 .issues-block .bottom-part .wrapper .feedback-carousel .single .single-wrap {
padding: 40px 20px 25px;
border: 1px solid #333333;
background: #111111;
border-radius: 7px;
}
.main.page-home-2 .issues-block .bottom-part .wrapper .feedback-carousel .single .single-wrap p {
margin: 0;
color: #C0C0C0;
font-size: 18px;
font-size: 1.125rem;
font-weight: 500;
letter-spacing: 0.02em;
}
.main.page-home-2 .issues-block .bottom-part .wrapper .feedback-carousel .single .single-wrap span {
display: block;
color: #616161;
font-size: 16px;
font-size: 1rem;
margin: 24px 0 0;
}
.main.page-home-2 .issues-block .bottom-part .wrapper .feedback-carousel .owl-dots {
margin: 70px 0 0;
display: flex;
align-items: center;
justify-content: center;
grid-gap: 10px;
}
.main.page-home-2 .issues-block .bottom-part .wrapper .feedback-carousel .owl-dots .owl-dot {
background: #7C7C7C;
width: 12px;
height: 12px;
border-radius: 100%;
}
.main.page-home-2 .issues-block .bottom-part .wrapper .feedback-carousel .owl-dots .owl-dot.active {
background: #1437F1;
}
.main.page-home-2 .new-skaylink-block {
padding: 48px 0 0;
background: #ffffff;
}
.main.page-home-2 .new-skaylink-block .wrapper h2 {
margin: 0;
text-align: center;
color: #000000;
font-size: 48px;
font-size: 3rem;
}
.main.page-home-2 .new-skaylink-block .wrapper .desc {
margin: 24px auto 0;
max-width: 1100px;
width: 100%;
text-align: center;
}
.main.page-home-2 .new-skaylink-block .wrapper .desc p {
color: #5B6065;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid {
margin: 52px 0 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 40px;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single {
border: 1px solid rgba(51, 51, 51, 0.2);
border-radius: 23px;
padding: 48px 48px;
position: relative;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(2), .main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(3) {
border-color: #D9D9D9;
background: #111111;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(2) .tag, .main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(3) .tag {
background: #2E2EDE;
color: #ffffff;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(2) h3, .main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(3) h3 {
color: #D9D9D9;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(2) .desc p, .main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(3) .desc p {
color: #BDBDBD;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(2) .list p, .main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(3) .list p {
color: #D9D9D9;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(2) .btn, .main.page-home-2 .new-skaylink-block .wrapper .grid .single:nth-child(3) .btn {
background: #FFE01A;
color: #2E2EDE;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .ill {
display: block;
position: absolute;
top: 0;
right: 0;
width: auto;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .ill.ill-1 {
height: 132px;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .ill.ill-2 {
height: 132px;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .tag {
border-radius: 9px;
background-color: #f3f3f3;
display: inline-block;
padding: 10px 25px;
text-transform: uppercase;
font-weight: 500;
color: #2e2ede;
font-size: 14px;
font-size: 0.875rem;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single h3 {
margin: 26px 0 0;
font-size: 28px;
font-size: 1.75rem;
color: #000000;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .desc {
margin: 16px 0 0;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .desc p {
color: #5b6065;
font-size: 18px;
font-size: 1.125rem;
text-align: left;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .list {
display: flex;
flex-direction: column;
grid-gap: 14px;
margin: 32px 0 0;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .list p {
color: #000000;
letter-spacing: 0.03em;
font-size: 16px;
font-size: 1rem;
position: relative;
padding: 0 0 0 35px;
margin: 0;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .list p:before {
content: "";
display: block;
width: 24px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-green-check-2.svg);
background-size: 100% auto;
position: absolute;
top: -2px;
left: 0;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .btn {
margin: 32px 0 0;
padding: 15px 20px;
font-weight: 500;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
background: #2E2EDE;
border-radius: 13px;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .photo {
display: block;
margin: 40px 0 0;
width: 100%;
border-radius: 20px;
overflow: hidden;
}
.main.page-home-2 .new-skaylink-block .wrapper .grid .single .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 63%;
}
.main.page-home-2 .hardware-section {
padding: 74px 0 54px;
background: #ffffff;
}
.main.page-home-2 .hardware-section .wrapper h2 {
margin: 0;
color: #000000;
font-size: 48px;
font-size: 3rem;
}
.main.page-home-2 .hardware-section .wrapper .desc {
margin: 24px 0 0;
max-width: 1000px;
width: 100%;
text-align: left;
}
.main.page-home-2 .hardware-section .wrapper .desc p {
color: #5B6065;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs {
margin: 54px 0 0;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tabs-list {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
border-bottom: 1px solid #C8C8C8;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tabs-list li.ui-state-active a {
color: #2E2EDE;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tabs-list li.ui-state-active a:after {
background: #2E2EDE;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tabs-list li a {
text-decoration: none;
padding: 16px 56px;
display: block;
font-weight: 500;
color: #5B6065;
font-size: 16px;
font-size: 1rem;
position: relative;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tabs-list li a:after {
content: "";
display: block;
width: 100%;
bottom: -1px;
height: 3px;
background: transparent;
position: absolute;
left: 0;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tab-content {
margin: 49px 0 0;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tab-content .grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-gap: 23px;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tab-content .grid .single {
border: 1px solid rgba(51, 51, 51, 0.2);
border-radius: 15px;
padding: 23px 23px;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tab-content .grid .single .featured-image {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tab-content .grid .single .featured-image:after {
content: "";
display: block;
width: 100%;
padding-top: 66%;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tab-content .grid .single .featured-image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: block;
position: absolute;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tab-content .grid .single .title {
margin: 16px 0 0;
display: block;
font-size: 18px;
font-size: 1.125rem;
font-weight: 700;
color: #000000;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tab-content .grid .single .price-btn {
margin: 11px 0 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tab-content .grid .single .price-btn .price span {
font-size: 24px;
font-size: 1.5rem;
font-weight: 700;
color: #000000;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tab-content .grid .single .price-btn .price span .vat {
font-size: 14px;
font-size: 0.875rem;
display: block;
}
.main.page-home-2 .hardware-section .wrapper .hardware-tabs .tab-content .grid .single .price-btn .btn {
width: 100%;
max-width: 118px;
padding: 8px 8px;
border-radius: 10px;
text-transform: uppercase;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
color: #ffffff;
background: #000000;
}
.main.page-home-2 .hardware-brands {
background: #F7F7F7;
padding: 50px 0;
}
.main.page-home-2 .hardware-brands .wrapper {
display: grid;
grid-gap: 89px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.main.page-home-2 .hardware-brands .wrapper .single {
text-decoration: none;
}
.main.page-home-2 .hardware-brands .wrapper .single .logo-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
}
.main.page-home-2 .hardware-brands .wrapper .single .logo-wrap:after {
content: "";
display: block;
width: 100%;
padding-top: 60%;
}
.main.page-home-2 .hardware-brands .wrapper .single .logo-wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: block;
position: absolute;
}
.main.page-home-2 .hardware-brands .wrapper .single .link {
margin: 24px 0 0;
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
}
.main.page-home-2 .hardware-brands .wrapper .single .link span {
color: #2842CC;
}
.main.page-home-2 .hardware-brands .wrapper .single .link img {
width: auto;
display: block;
height: 24px;
}
.main.page-home-2 .news-block {
padding: 58px 0 94px;
background: #ffffff;
}
.main.page-home-2 .news-block .wrapper h2 {
margin: 0;
color: #000000;
font-size: 48px;
font-size: 3rem;
}
.main.page-home-2 .news-block .wrapper .desc-link-wrap {
display: flex;
align-items: center;
justify-content: space-between;
margin: 24px 0 0;
}
.main.page-home-2 .news-block .wrapper .desc-link-wrap .desc {
max-width: 920px;
width: 100%;
}
.main.page-home-2 .news-block .wrapper .desc-link-wrap .desc p {
color: #5B6065;
}
.main.page-home-2 .news-block .wrapper .desc-link-wrap .link {
text-decoration: none;
font-weight: 700;
font-size: 18px;
font-size: 1.125rem;
color: #2E2EDE;
letter-spacing: 0.03em;
}
.main.page-home-2 .news-block .wrapper .news-wrap {
margin: 56px 0 0;
grid-gap: 37px;
display: flex;
align-items: flex-start;
}
.main.page-home-2 .news-block .wrapper .news-wrap .featured {
border: 1px solid #BABABA;
width: calc(100% - 37px - 490px);
border-radius: 28px;
overflow: hidden;
}
.main.page-home-2 .news-block .wrapper .news-wrap .featured .photo {
display: block;
width: 100%;
text-decoration: none;
}
.main.page-home-2 .news-block .wrapper .news-wrap .featured .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 47.5%;
}
.main.page-home-2 .news-block .wrapper .news-wrap .featured .info {
padding: 32px 38px;
}
.main.page-home-2 .news-block .wrapper .news-wrap .featured .info .meta {
display: flex;
align-items: center;
grid-gap: 18px;
}
.main.page-home-2 .news-block .wrapper .news-wrap .featured .info .meta .tags-list {
display: flex;
align-items: center;
grid-gap: 10px;
}
.main.page-home-2 .news-block .wrapper .news-wrap .featured .info .meta .tags-list span {
display: block;
border-radius: 30px;
background: #D9D9D9;
padding: 3px 19px;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
}
.main.page-home-2 .news-block .wrapper .news-wrap .featured .info .meta .date {
font-size: 16px;
font-size: 1rem;
display: block;
}
.main.page-home-2 .news-block .wrapper .news-wrap .featured .info .title {
margin: 11px 0 0;
display: inline-block;
text-decoration: none;
font-size: 28px;
font-size: 1.75rem;
color: #000000;
font-weight: 700;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news {
width: 466px;
flex: none;
overflow-y: scroll;
height: 0;
scrollbar-width: thin;
scrollbar-color: #ADADAD #F6F6F6;
padding: 0 24px 0 0;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news::-webkit-scrollbar {
width: 6px;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news::-webkit-scrollbar-track {
background: #F6F6F6;
border-radius: 12px;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news::-webkit-scrollbar-thumb {
background: #ADADAD;
border-radius: 12px;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news::-webkit-scrollbar-thumb:hover {
background: #949494;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news::-webkit-scrollbar-button {
display: none;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news .side-news-list {
display: flex;
flex-direction: column;
grid-gap: 26px;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news .side-news-list .single {
background: #F6F6F6;
border: 1px solid #DDDDDD;
padding: 22px 22px;
display: flex;
align-items: flex-start;
grid-gap: 15px;
border-radius: 12px;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news .side-news-list .single .photo {
display: block;
text-decoration: none;
width: 137px;
flex: none;
border-radius: 20px;
overflow: hidden;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news .side-news-list .single .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 74.45%;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news .side-news-list .single .info .meta {
display: flex;
align-items: center;
grid-gap: 10px;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news .side-news-list .single .info .meta .tag {
padding: 4px 19px;
display: block;
color: #ffffff;
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
background: #2E2EDE;
border-radius: 12px;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news .side-news-list .single .info .meta .date {
font-size: 12px;
font-size: 0.75rem;
display: block;
}
.main.page-home-2 .news-block .wrapper .news-wrap .side-news .side-news-list .single .info .title {
margin: 16px 0 0;
display: inline-block;
font-weight: 700;
font-size: 14px;
font-size: 0.875rem;
text-decoration: none;
color: #000000;
}
.main.page-btt-armour {
background: #E5E5E5;
}
.main.page-btt-armour .top-landing-block {
min-height: 662px;
}
@media (max-width: 1024px) {
.main.page-btt-armour .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-btt-armour .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-btt-armour .top-landing-block .wrapper .wrap {
padding: 174px 0 0;
max-width: 800px;
}
@media (max-width: 1024px) {
.main.page-btt-armour .top-landing-block .wrapper .wrap {
padding: 140px 0 0;
}
}
.main.page-btt-armour .top-landing-block .wrapper .wrap img {
height: 110px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-btt-armour .top-landing-block .wrapper .wrap img {
height: 75px;
}
}
.main.page-btt-armour .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
max-width: 640px;
width: 100%;
}
@media (max-width: 1440px) {
.main.page-btt-armour .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-btt-armour .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-btt-armour .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-btt-armour .top-landing-block .wrapper .wrap .desc {
margin: 16px 0 0;
max-width: 520px;
width: 100%;
}
.main.page-btt-armour .top-landing-block .wrapper .wrap .desc p {
color: #ffffff;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-btt-armour .top-landing-block .wrapper .wrap .disclaimer {
display: block;
color: #EBEBEB;
font-size: 15px;
font-size: 0.9375rem;
margin: 8px 0 0;
max-width: 520px;
width: 100%;
}
.main.page-btt-armour .description-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 80px 0 130px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-btt-armour .description-block {
padding: 80px 0 80px;
}
}
.main.page-btt-armour .description-block .wrapper {
z-index: 2;
}
.main.page-btt-armour .description-block .wrapper .text-1-photo-2 .column .text {
padding: 0 0 30px;
}
@media (max-width: 768px) {
.main.page-btt-armour .description-block .wrapper .text-1-photo-2 .column .text {
padding: 0;
}
}
.main.page-btt-armour .plans-block {
background: #FAFAFA;
padding: 56px 0 110px;
}
@media (max-width: 1024px) {
.main.page-btt-armour .plans-block {
padding: 80px 0 80px;
}
}
.main.page-btt-armour .plans-block .wrapper .first .wrap {
margin: 35px 0 0;
}
@media (max-width: 1024px) {
.main.page-btt-armour .plans-block .wrapper .first .wrap {
margin: 24px 0 0;
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-btt-armour .plans-block .wrapper .first .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-btt-armour .plans-block .wrapper .first .wrap .single {
max-width: 205px;
}
.main.page-btt-armour .plans-block .wrapper .first .wrap .single .icon-wrap {
width: 120px;
height: 120px;
display: flex;
align-items: flex-end;
justify-self: center;
}
@media (max-width: 1024px) {
.main.page-btt-armour .plans-block .wrapper .first .wrap .single .icon-wrap {
width: 70px;
height: 70px;
}
}
.main.page-btt-armour .plans-block .wrapper .first .wrap .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-btt-armour .plans-block .wrapper .first .wrap .single span {
display: block;
margin: 15px 0 0;
font-weight: 700;
}
.main.page-btt-armour .plans-block .wrapper .first .desc {
margin: 32px 0 0;
max-width: 806px;
}
@media (max-width: 1024px) {
.main.page-btt-armour .plans-block .wrapper .first .desc {
margin: 24px 0 0;
}
}
.main.page-btt-armour .plans-block .wrapper .second {
margin: 50px 0 0;
}
@media (max-width: 1024px) {
.main.page-btt-armour .plans-block .wrapper .second {
margin: 40px 0 0;
}
}
.main.page-btt-armour .plans-block .wrapper .second .wrap {
margin: 35px 0 0;
display: flex;
flex-wrap: wrap;
}
@media (max-width: 1024px) {
.main.page-btt-armour .plans-block .wrapper .second .wrap {
margin: 24px 0 0;
}
}
@media (max-width: 768px) {
.main.page-btt-armour .plans-block .wrapper .second .wrap {
flex-direction: column;
}
}
.main.page-btt-armour .plans-block .wrapper .second .wrap .single {
margin: 0 50px 0 0;
width: calc(50% - 50px);
}
@media (max-width: 768px) {
.main.page-btt-armour .plans-block .wrapper .second .wrap .single {
margin: 0;
width: 100%;
}
}
.main.page-btt-armour .plans-block .wrapper .second .wrap .single:last-of-type {
margin: 0;
}
.main.page-btt-armour .plans-block .wrapper .second .wrap .single p {
font-weight: 700;
line-height: 1.6;
margin: 0;
}
.main.page-btt-armour .plans-block .wrapper .third {
margin: 50px 0 0;
}
@media (max-width: 768px) {
.main.page-btt-armour .plans-block .wrapper .third {
margin: 40px 0 0;
}
}
.main.page-btt-armour .plans-block .wrapper .third .desc {
margin: 35px 0 0;
max-width: 806px;
}
@media (max-width: 1024px) {
.main.page-btt-armour .plans-block .wrapper .third .desc {
margin: 24px 0 0;
}
}
.main.page-btt-armour .plans-block .wrapper .plans {
margin: 69px 0 0;
border: 1px solid #959595;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-btt-armour .plans-block .wrapper .plans {
margin: 50px 0 0;
overflow-x: scroll;
}
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row {
display: flex;
border-bottom: 1px solid #959595;
width: 100%;
}
@media (max-width: 1024px) {
.main.page-btt-armour .plans-block .wrapper .plans .plan-row {
width: 840px;
}
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row.first-row .col-2,
.main.page-btt-armour .plans-block .wrapper .plans .plan-row.first-row .col-3 {
display: flex;
flex-direction: column;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row.first-row .col-2 .plan-title,
.main.page-btt-armour .plans-block .wrapper .plans .plan-row.first-row .col-3 .plan-title {
display: block;
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row.first-row .col-2 .tag,
.main.page-btt-armour .plans-block .wrapper .plans .plan-row.first-row .col-3 .tag {
display: inline-block;
margin: 8px 0 0;
padding: 4px 10px;
background: #E60000;
border-radius: 3px;
color: #ffffff;
font-size: 12px;
font-size: 0.75rem;
line-height: 13px;
font-weight: 700;
letter-spacing: 0.4px;
text-transform: uppercase;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row:last-child {
border: none;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row.buttons-row .col-2,
.main.page-btt-armour .plans-block .wrapper .plans .plan-row.buttons-row .col-3 {
background: #ffffff;
padding: 24px 10px;
display: flex;
align-items: flex-start;
justify-content: center;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row.buttons-row .vf-btn {
width: 100%;
max-width: 100%;
text-align: center;
border: 2px solid #E60000;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-1 {
width: 40%;
padding: 20px 20px;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-1 .title {
font-weight: 700;
display: block;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-1 p {
margin: 10px 0 0;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-2 {
width: 30%;
background: #b69762;
padding: 20px 20px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-2 p {
color: #ffffff;
text-align: center;
margin: 0;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-2 .yes,
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-2 .no {
display: block;
font-size: 22px;
font-size: 1.375rem;
line-height: 1.2;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-2 .yes,
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-2 .no {
display: block;
font-size: 22px;
font-size: 1.375rem;
line-height: 1.2;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-2 .yes {
color: #ffffff;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-2 .no {
color: rgba(255, 255, 255, 0.5);
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-3 {
width: 30%;
background: #0d233b;
padding: 20px 20px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-3 p {
color: #ffffff;
text-align: center;
margin: 0;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-3 .yes {
color: #ffffff;
}
.main.page-btt-armour .plans-block .wrapper .plans .plan-row .col-3 .no {
color: #0D233B;
}
.main.page-btt-armour .new-security-table-block {
background: #FAFAFA;
padding: 0 0 110px;
}
@media (max-width: 1024px) {
.main.page-btt-armour .new-security-table-block {
padding: 0 0 80px;
}
}
.main.page-btt-armour .new-security-table-block .wrapper .block-title-h3 {
margin: 0;
max-width: 980px;
width: 100%;
}
.main.page-btt-armour .new-security-table-block .wrapper .new-table {
margin: 40px 0 0;
border: 1px solid #cccccc;
border-bottom: 0;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-btt-armour .new-security-table-block .wrapper .new-table {
margin: 32px 0 0;
}
}
.main.page-btt-armour .new-security-table-block .wrapper .new-table .row-headline span {
font-weight: 700;
line-height: 1.4;
display: block;
border-bottom: 1px solid #cccccc;
padding: 10px 0 10px 10px;
}
.main.page-btt-armour .new-security-table-block .wrapper .new-table .rows ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.main.page-btt-armour .new-security-table-block .wrapper .new-table .rows ul li {
border-bottom: 1px solid #cccccc;
padding: 10px 0 10px 30px;
line-height: 1.4;
position: relative;
}
@media (max-width: 480px) {
.main.page-btt-armour .new-security-table-block .wrapper .new-table .rows ul li {
padding: 10px 0 10px 20px;
}
}
.main.page-btt-armour .new-security-table-block .wrapper .new-table .rows ul li:before {
content: "-";
margin: 0 8px 0 0;
}
.main.page-btt-armour .new-security-table-block .wrapper .center-btn {
text-align: center;
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-btt-armour .new-security-table-block .wrapper .center-btn {
margin: 32px 0 0;
}
}
.main.page-btt-armour .clients-partners-block {
padding: 46px 0 87px;
}
@media (max-width: 1024px) {
.main.page-btt-armour .clients-partners-block {
padding: 80px 0 80px;
}
}
.main.page-btt-armour .clients-partners-block .wrapper .wrap {
margin: 33px 0 0;
}
@media (max-width: 1024px) {
.main.page-btt-armour .clients-partners-block .wrapper .wrap {
margin: 24px 0 0;
}
}
@media (max-width: 768px) {
.main.page-btt-armour .clients-partners-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-btt-armour .clients-partners-block .wrapper .wrap .single {
padding: 42px 60px 42px;
background: #FFFFFF;
border-radius: 20px;
}
@media (max-width: 1024px) {
.main.page-btt-armour .clients-partners-block .wrapper .wrap .single {
padding: 30px 30px 30px;
}
}
.main.page-btt-armour .clients-partners-block .wrapper .wrap .single .logo-wrap {
height: 76px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 2px solid #D9D9D9;
}
.main.page-btt-armour .clients-partners-block .wrapper .wrap .single .logo-wrap img {
display: block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
@media (max-width: 768px) {
.main.page-btt-armour .clients-partners-block .wrapper .wrap .single .logo-wrap img {
max-width: 200px;
max-height: 80%;
}
}
.main.page-btt-armour .clients-partners-block .wrapper .wrap .single .text {
padding: 42px 0 0;
text-align: center;
}
@media (max-width: 1024px) {
.main.page-btt-armour .clients-partners-block .wrapper .wrap .single .text {
padding: 30px 0 0;
}
}
.main.page-btt-armour .landing-cta-block {
position: relative;
}
.main.page-btt-armour .landing-cta-block .wrapper {
z-index: 2;
}
.main.page-btt-armour .landing-cta-block .wrapper .vf-btn {
align-self: flex-start;
justify-self: flex-start;
margin: 32px 0 0;
}
.main.page-btt-armour .facts-block {
background: #0E223B;
padding: 65px 0 93px;
}
@media (max-width: 1024px) {
.main.page-btt-armour .facts-block {
padding: 80px 0 80px;
}
}
.main.page-btt-armour .facts-block .wrapper .block-title-h3 {
color: #ffffff;
}
.main.page-btt-armour .facts-block .wrapper .wrap {
margin: 44px;
display: flex;
grid-gap: 52px;
grid-row-gap: 19px;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
}
@media (max-width: 1024px) {
.main.page-btt-armour .facts-block .wrapper .wrap {
margin: 32px;
}
}
.main.page-btt-armour .facts-block .wrapper .wrap .single {
max-width: 360px;
}
.main.page-btt-armour .facts-block .wrapper .wrap .single .number {
font-size: 64px;
font-size: 4rem;
color: #B69861;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
display: block;
text-align: center;
}
@media (max-width: 1680px) {
.main.page-btt-armour .facts-block .wrapper .wrap .single .number {
font-size: 56px;
font-size: 3.5rem;
}
}
@media (max-width: 1440px) {
.main.page-btt-armour .facts-block .wrapper .wrap .single .number {
font-size: 49px;
font-size: 3.0625rem;
}
}
@media (max-width: 1280px) {
.main.page-btt-armour .facts-block .wrapper .wrap .single .number {
font-size: 44px;
font-size: 2.75rem;
}
}
@media (max-width: 768px) {
.main.page-btt-armour .facts-block .wrapper .wrap .single .number {
font-size: 36px;
font-size: 2.25rem;
}
}
.main.page-btt-armour .facts-block .wrapper .wrap .single p {
color: #ffffff;
margin: 10px 0 0;
text-align: center;
}
.main.page-btt-armour .facts-block .wrapper .cta {
margin: 39px 0 0;
}
@media (max-width: 1024px) {
.main.page-btt-armour .facts-block .wrapper .cta {
margin: 30px 0 0;
}
}
.main.page-btt-armour .facts-block .wrapper .cta .headline {
color: #ffffff;
font-weight: 700;
text-align: center;
display: block;
}
.main.page-btt-armour .facts-block .wrapper .cta img {
height: 88px;
width: auto;
display: block;
margin: 16px auto 0;
}
@media (max-width: 1024px) {
.main.page-btt-armour .facts-block .wrapper .cta img {
height: 65px;
}
}
.main.page-btt-armour .facts-block .wrapper .cta .buttons {
margin: 33px 0 0;
display: flex;
justify-content: center;
grid-gap: 33px;
}
@media (max-width: 1024px) {
.main.page-btt-armour .facts-block .wrapper .cta .buttons {
margin: 30px 0 0;
}
}
@media (max-width: 480px) {
.main.page-btt-armour .facts-block .wrapper .cta .buttons {
flex-direction: column;
align-items: center;
}
}
.main.page-btt-armour .facts-block .wrapper .cta .buttons .btn:nth-of-type(1) {
background: #B69861;
}
.main.page-btt-armour .facts-block .wrapper .cta .buttons .btn:nth-of-type(2) {
background: #ffffff;
color: #0D0D0D;
}
.main.page-gitlab {
background: #E5E5E5;
}
.main.page-gitlab .top-landing-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-gitlab .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-gitlab .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-gitlab .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-gitlab .top-landing-block .wrapper .wrap {
max-width: 667px;
}
.main.page-gitlab .top-landing-block .wrapper .wrap img {
height: 89px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-gitlab .top-landing-block .wrapper .wrap img {
height: 70px;
}
}
.main.page-gitlab .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-gitlab .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-gitlab .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-gitlab .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-gitlab .top-landing-block .wrapper .wrap .desc {
margin: 16px 0 0;
}
.main.page-gitlab .top-landing-block .wrapper .wrap .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-gitlab .description-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 105px 0 70px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-gitlab .description-block {
padding: 80px 0 80px;
}
}
.main.page-gitlab .description-block .wrapper {
z-index: 2;
}
.main.page-gitlab .description-block .wrapper .text-1-photo-2 .column .text {
margin: 0;
}
.main.page-gitlab .description-block .wrapper .text-1-photo-2 .column .text ul {
font-weight: 700;
}
.main.page-gitlab .description-block .wrapper .text-1-photo-2 .column .photo {
margin: 75px 0 0;
}
@media (max-width: 1024px) {
.main.page-gitlab .description-block .wrapper .text-1-photo-2 .column .photo {
margin: 55px 0 0;
}
}
@media (max-width: 768px) {
.main.page-gitlab .description-block .wrapper .text-1-photo-2 .column .photo {
margin: 0;
}
}
.main.page-gitlab .solutions-block {
background: #FAFAFA;
padding: 56px 0 136px;
}
@media (max-width: 1024px) {
.main.page-gitlab .solutions-block {
padding: 80px 0 80px;
}
}
.main.page-gitlab .solutions-block .wrapper .wrap {
margin: 41px 0 0;
}
@media (max-width: 1024px) {
.main.page-gitlab .solutions-block .wrapper .wrap {
grid-gap: 70px;
margin: 40px 0 0;
}
}
@media (max-width: 768px) {
.main.page-gitlab .solutions-block .wrapper .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 60px;
}
}
@media (max-width: 480px) {
.main.page-gitlab .solutions-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-gitlab .solutions-block .wrapper .wrap .single .icon-wrap {
height: 100px;
width: 100px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.main.page-gitlab .solutions-block .wrapper .wrap .single .icon-wrap {
width: 70px;
height: 70px;
}
}
.main.page-gitlab .solutions-block .wrapper .wrap .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-gitlab .solutions-block .wrapper .wrap .single .title {
margin: 19px 0 0;
font-weight: 700;
display: block;
color: #0D0D0D;
}
.main.page-gitlab .solutions-block .wrapper .wrap .single .text {
margin: 14px 0 0;
}
.main.page-gitlab .solutions-block .wrapper .story {
margin: 71px 0 0;
}
@media (max-width: 1024px) {
.main.page-gitlab .solutions-block .wrapper .story {
margin: 50px 0 0;
}
}
.main.page-gitlab .solutions-block .wrapper .story .wrap {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 768px) {
.main.page-gitlab .solutions-block .wrapper .story .wrap {
flex-direction: column;
grid-gap: 32px;
}
}
.main.page-gitlab .solutions-block .wrapper .story .wrap .desc {
margin: 33px 0 0;
max-width: 803px;
width: calc(66.6666666667% - 32px);
}
@media (max-width: 768px) {
.main.page-gitlab .solutions-block .wrapper .story .wrap .desc {
width: 100%;
margin: 0;
}
}
.main.page-gitlab .solutions-block .wrapper .story .wrap .photo-col {
width: calc(33.3333333333% - 32px);
}
@media (max-width: 768px) {
.main.page-gitlab .solutions-block .wrapper .story .wrap .photo-col {
width: 100%;
}
}
.main.page-gitlab .solutions-block .wrapper .story .wrap .photo-col img {
width: auto;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
@media (max-width: 768px) {
.main.page-gitlab .solutions-block .wrapper .story .wrap .photo-col img {
max-width: 200px;
margin: 0 auto;
}
}
.main.page-gitlab .landing-cta-block {
background: transparent;
padding: 0 0 71px;
}
@media (max-width: 1024px) {
.main.page-gitlab .landing-cta-block {
padding: 80px 0 80px;
}
}
.main.page-gitlab .landing-cta-block .wrapper .text-1-photo-2 .column:nth-of-type(1) {
padding: 85px 0 0;
}
@media (max-width: 1024px) {
.main.page-gitlab .landing-cta-block .wrapper .text-1-photo-2 .column:nth-of-type(1) {
padding: 0;
}
}
.main.page-gitlab .landing-cta-block .wrapper .text-1-photo-2 .column .block-title-h3 {
font-size: 32px;
font-size: 2rem;
}
.main.page-gitlab .landing-cta-block .wrapper .text-1-photo-2 .column .btn {
background: #E60000;
border-radius: 6px;
}
.main.page-azure {
background: #E5E5E5;
}
.main.page-azure .top-landing-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-azure .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-azure .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-azure .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-azure .top-landing-block .wrapper .wrap {
max-width: 630px;
}
.main.page-azure .top-landing-block .wrapper .wrap img {
height: 108px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-azure .top-landing-block .wrapper .wrap img {
height: 75px;
}
}
.main.page-azure .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-azure .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-azure .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-azure .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-azure .top-landing-block .wrapper .wrap .desc {
margin: 16px 0 0;
}
.main.page-azure .top-landing-block .wrapper .wrap .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-azure .buttons-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 68px 0 88px;
}
@media (max-width: 1024px) {
.main.page-azure .buttons-block {
padding: 80px 0 80px;
}
}
@media (max-width: 1440px) {
.main.page-azure .buttons-block .wrapper .wrap {
grid-gap: 90px;
}
}
@media (max-width: 1024px) {
.main.page-azure .buttons-block .wrapper .wrap {
grid-gap: 60px;
}
}
.main.page-azure .buttons-block .wrapper .wrap .single .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 30%;
}
.main.page-azure .buttons-block .wrapper .wrap .single p {
font-weight: 700;
margin: 29px 0 0;
color: #0D0D0D;
}
@media (max-width: 1024px) {
.main.page-azure .buttons-block .wrapper .wrap .single p {
margin: 24px 0 0;
}
}
.main.page-azure .buttons-block .wrapper .wrap .single .btn {
margin: 34px 0 0;
background: #0F0570;
}
@media (max-width: 1024px) {
.main.page-azure .buttons-block .wrapper .wrap .single .btn {
margin: 24px 0 0;
}
}
.main.page-azure .description-block {
background: #FAFAFA;
padding: 65px 0 49px;
position: relative;
}
.main.page-azure .description-block .wrapper {
z-index: 2;
}
.main.page-azure .description-block .wrapper .block-title {
font-size: 40px;
font-size: 2.5rem;
}
.main.page-azure .description-block .wrapper .content {
margin: 34px 0 0;
display: flex;
grid-gap: 20px;
}
@media (max-width: 1024px) {
.main.page-azure .description-block .wrapper .content {
flex-wrap: wrap;
}
}
.main.page-azure .description-block .wrapper .content .single {
border-radius: 20px;
border: 1px solid #979797;
padding: 28px 28px;
min-height: 202px;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 306px;
min-width: 200px;
}
@media (max-width: 1024px) {
.main.page-azure .description-block .wrapper .content .single {
width: auto;
min-width: inherit;
}
}
@media (max-width: 480px) {
.main.page-azure .description-block .wrapper .content .single {
width: 100%;
max-width: inherit;
min-height: inherit;
}
}
.main.page-azure .description-block .wrapper .content .single .title {
display: block;
font-weight: 700;
color: #0D0D0D;
}
.main.page-azure .description-block .wrapper .content .single .link-with-arrow .clr-blue {
color: #0F0570 !important;
}
.main.page-azure .description-block .wrapper .content .single .link-with-arrow .clr-blue b {
color: #0F0570 !important;
}
.main.page-azure .description-block .wrapper .description {
margin: 69px 0 0;
}
.main.page-azure .description-block .wrapper .description .block-title {
font-size: 40px;
font-size: 2.5rem;
}
@media (max-width: 1440px) {
.main.page-azure .description-block .wrapper .description .block-title {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 1280px) {
.main.page-azure .description-block .wrapper .description .block-title {
font-size: 32px;
font-size: 2rem;
}
}
@media (max-width: 768px) {
.main.page-azure .description-block .wrapper .description .block-title {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.page-azure .description-block .wrapper .description .text-1-photo-2 {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-azure .description-block .wrapper .description .text-1-photo-2 {
margin: 30px 0 0;
}
}
.main.page-azure .description-block .wrapper .description .text-1-photo-2 .column {
position: relative;
}
.main.page-azure .description-block .wrapper .description .text-1-photo-2 .column .text {
margin: 0;
}
.main.page-azure .description-block .wrapper .description .text-1-photo-2 .column .skay-icon {
bottom: -115px;
right: -115px;
}
@media (max-width: 1680px) {
.main.page-azure .description-block .wrapper .description .text-1-photo-2 .column .skay-icon {
right: -60px;
}
}
@media (max-width: 1440px) {
.main.page-azure .description-block .wrapper .description .text-1-photo-2 .column .skay-icon {
bottom: -80px;
right: -40px;
}
}
@media (max-width: 1024px) {
.main.page-azure .description-block .wrapper .description .text-1-photo-2 .column .skay-icon {
bottom: -56px;
}
}
@media (max-width: 768px) {
.main.page-azure .description-block .wrapper .description .text-1-photo-2 .column .skay-icon {
bottom: -40px;
right: -30px;
}
}
@media (max-width: 480px) {
.main.page-azure .description-block .wrapper .description .text-1-photo-2 .column .skay-icon {
right: -20px;
}
}
.main.page-azure .description-block .wrapper .benefits-developers {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-azure .description-block .wrapper .benefits-developers {
margin: 30px 0 0;
}
}
.main.page-azure .description-block .wrapper .benefits-developers .block-title {
font-size: 40px;
font-size: 2.5rem;
}
@media (max-width: 1440px) {
.main.page-azure .description-block .wrapper .benefits-developers .block-title {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 1280px) {
.main.page-azure .description-block .wrapper .benefits-developers .block-title {
font-size: 32px;
font-size: 2rem;
}
}
@media (max-width: 768px) {
.main.page-azure .description-block .wrapper .benefits-developers .block-title {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.page-azure .description-block .wrapper .benefits-developers .wrap {
margin: 30px 0 0;
}
@media (max-width: 1024px) {
.main.page-azure .description-block .wrapper .benefits-developers .wrap {
grid-gap: 70px;
}
}
@media (max-width: 768px) {
.main.page-azure .description-block .wrapper .benefits-developers .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 60px;
}
}
@media (max-width: 480px) {
.main.page-azure .description-block .wrapper .benefits-developers .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-azure .description-block .wrapper .benefits-developers .wrap .single .icon-wrap {
height: 100px;
width: 100px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.main.page-azure .description-block .wrapper .benefits-developers .wrap .single .icon-wrap {
width: 70px;
height: 70px;
}
}
.main.page-azure .description-block .wrapper .benefits-developers .wrap .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-azure .description-block .wrapper .benefits-developers .wrap .single .title {
margin: 14px 0 0;
font-weight: 700;
display: block;
}
.main.page-azure .description-block .wrapper .benefits-developers .wrap .single .text {
margin: 24px 0 0;
}
@media (max-width: 768px) {
.main.page-azure .description-block .wrapper .benefits-developers .wrap .single .text {
margin: 16px 0 0;
}
}
.main.page-azure .description-block .wrapper .benefits-developers .wrap .single .text p {
font-size: 16px;
font-size: 1rem;
}
.main.page-azure .benefits-business-block {
padding: 55px 0 75px;
}
@media (max-width: 1024px) {
.main.page-azure .benefits-business-block {
padding: 80px 0 80px;
}
}
.main.page-azure .benefits-business-block .wrapper .block-title {
font-size: 40px;
font-size: 2.5rem;
}
@media (max-width: 1440px) {
.main.page-azure .benefits-business-block .wrapper .block-title {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 1280px) {
.main.page-azure .benefits-business-block .wrapper .block-title {
font-size: 32px;
font-size: 2rem;
}
}
@media (max-width: 768px) {
.main.page-azure .benefits-business-block .wrapper .block-title {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.page-azure .benefits-business-block .wrapper .wrap {
margin: 30px 0 0;
}
@media (max-width: 1024px) {
.main.page-azure .benefits-business-block .wrapper .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-azure .benefits-business-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-azure .benefits-business-block .wrapper .wrap .single {
padding: 30px 30px;
background: #ffffff;
border-radius: 20px;
}
.main.page-azure .benefits-business-block .wrapper .wrap .single .icon-wrap {
height: 50px;
width: 50px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.main.page-azure .benefits-business-block .wrapper .wrap .single .icon-wrap {
width: 40px;
height: 40px;
}
}
.main.page-azure .benefits-business-block .wrapper .wrap .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-azure .benefits-business-block .wrapper .wrap .single .title {
margin: 25px 0 0;
font-weight: 700;
display: block;
}
@media (max-width: 1024px) {
.main.page-azure .benefits-business-block .wrapper .wrap .single .title {
margin: 20px 0 0;
}
}
.main.page-azure .benefits-business-block .wrapper .wrap .single .text {
margin: 14px 0 0;
}
.main.page-azure .benefits-business-block .wrapper .wrap .single .text p {
font-size: 16px;
font-size: 1rem;
}
.main.page-azure .landing-cta-block {
background: #FAFAFA;
position: relative;
}
.main.page-azure .landing-cta-block .wrapper .text-1-photo-2 .column .btn {
background: #010130;
}
.main.page-azure .landing-cta-block .wrapper .text-1-photo-2 .column img {
width: auto;
height: auto;
display: block;
max-height: 100%;
max-width: 100%;
}
.main.page-azure .landing-cta-block .wrapper .logo-wrap {
margin: 48px 0 0;
}
.main.page-azure .landing-cta-block .wrapper .logo-wrap img {
height: 60px;
}
.main.page-sophos {
background: #E5E5E5;
}
.main.page-sophos .top-landing-block {
height: 560px;
}
@media (max-width: 1024px) {
.main.page-sophos .top-landing-block {
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-sophos .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-sophos .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-sophos .top-landing-block .wrapper .wrap {
max-width: 420px;
}
.main.page-sophos .top-landing-block .wrapper .wrap img {
height: 89px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-sophos .top-landing-block .wrapper .wrap img {
height: 70px;
}
}
.main.page-sophos .top-landing-block .wrapper .wrap .tagline {
font-size: 16px;
font-size: 1rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
letter-spacing: 1.28px;
display: block;
margin: 10px 0 0;
}
@media (max-width: 1024px) {
.main.page-sophos .top-landing-block .wrapper .wrap .tagline {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-sophos .top-landing-block .wrapper .wrap h1,
.main.page-sophos .top-landing-block .wrapper .wrap .second-tag {
display: block;
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 9px 0 0;
}
@media (max-width: 1440px) {
.main.page-sophos .top-landing-block .wrapper .wrap h1,
.main.page-sophos .top-landing-block .wrapper .wrap .second-tag {
font-size: 44px;
font-size: 2.75rem;
}
}
@media (max-width: 1280px) {
.main.page-sophos .top-landing-block .wrapper .wrap h1,
.main.page-sophos .top-landing-block .wrapper .wrap .second-tag {
font-size: 40px;
font-size: 2.5rem;
}
}
@media (max-width: 768px) {
.main.page-sophos .top-landing-block .wrapper .wrap h1,
.main.page-sophos .top-landing-block .wrapper .wrap .second-tag {
font-size: 36px;
font-size: 2.25rem;
}
}
.main.page-sophos .top-landing-block .wrapper .wrap .desc {
margin: 20px 0 0;
}
.main.page-sophos .top-landing-block .wrapper .wrap .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-sophos .top-landing-block .wrapper .wrap .vf-btn {
margin: 36px 0 0;
}
.main.page-sophos .description-block {
padding: 80px 0 80px;
position: relative;
background: linear-gradient(0deg, #FFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1024px) {
.main.page-sophos .description-block {
padding: 64px 0 64px;
}
}
.main.page-sophos .description-block .wrapper {
z-index: 2;
}
.main.page-sophos .description-block .wrapper .text-1-photo-2 {
margin: 14px 0 0;
}
.main.page-sophos .description-block .wrapper .text-1-photo-2 .column .text {
margin: 0;
}
.main.page-sophos .description-block .wrapper .sophos {
margin: 51px 0 0;
}
@media (max-width: 1024px) {
.main.page-sophos .description-block .wrapper .sophos {
margin: 40px 0 0;
}
}
.main.page-sophos .description-block .wrapper .sophos .logo {
max-width: 315px;
width: 80%;
height: auto;
display: block;
margin: 0 auto;
}
@media (max-width: 1024px) {
.main.page-sophos .description-block .wrapper .sophos .logo {
max-width: 200px;
}
}
.main.page-sophos .description-block .wrapper .sophos .wrap {
margin: 30px 0 0;
display: flex;
justify-content: center;
grid-gap: 30px;
flex-wrap: wrap;
}
@media (max-width: 480px) {
.main.page-sophos .description-block .wrapper .sophos .wrap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.main.page-sophos .description-block .wrapper .sophos .wrap .single {
max-width: 111px;
}
@media (max-width: 480px) {
.main.page-sophos .description-block .wrapper .sophos .wrap .single {
max-width: inherit;
}
}
.main.page-sophos .description-block .wrapper .sophos .wrap .single img {
height: 60px;
width: auto;
display: block;
margin: 0 auto;
}
@media (max-width: 480px) {
.main.page-sophos .description-block .wrapper .sophos .wrap .single img {
height: 50px;
}
}
.main.page-sophos .description-block .wrapper .sophos .wrap .single span {
display: block;
font-weight: 700;
text-align: center;
margin: 20px 0 0;
color: #0D0D0D;
}
.main.page-sophos .quote-block {
background: #005BC7;
padding: 27px 0;
}
@media (max-width: 1024px) {
.main.page-sophos .quote-block {
padding: 40px 0 40px;
}
}
.main.page-sophos .quote-block .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 768px) {
.main.page-sophos .quote-block .wrapper {
flex-direction: column;
grid-gap: 32px;
}
}
.main.page-sophos .quote-block .wrapper .left {
width: calc(70% - 20px);
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.main.page-sophos .quote-block .wrapper .left {
width: 100%;
}
}
.main.page-sophos .quote-block .wrapper .left .photo {
width: 207px;
border-radius: 100%;
overflow: hidden;
margin: 0 32px 0 0;
flex: none;
}
@media (max-width: 1024px) {
.main.page-sophos .quote-block .wrapper .left .photo {
width: 150px;
}
}
.main.page-sophos .quote-block .wrapper .left .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-sophos .quote-block .wrapper .left .text {
width: auto;
}
.main.page-sophos .quote-block .wrapper .left .text p {
color: #ffffff;
}
.main.page-sophos .quote-block .wrapper .right {
width: calc(30% - 20px);
}
@media (max-width: 768px) {
.main.page-sophos .quote-block .wrapper .right {
width: 100%;
}
}
.main.page-sophos .quote-block .wrapper .right img {
display: block;
width: auto;
height: auto;
max-width: 100%;
}
@media (max-width: 768px) {
.main.page-sophos .quote-block .wrapper .right img {
max-width: 240px;
margin: 0 auto;
}
}
.main.page-sophos .business-solutions-block {
padding: 49px 0 128px;
background: #FAFAFA;
}
@media (max-width: 1024px) {
.main.page-sophos .business-solutions-block {
padding: 80px 0 80px;
}
}
.main.page-sophos .business-solutions-block .wrapper .groups {
margin: 42px auto 0;
max-width: 960px;
}
@media (max-width: 1024px) {
.main.page-sophos .business-solutions-block .wrapper .groups {
margin: 32px auto 0;
}
}
.main.page-sophos .business-solutions-block .wrapper .groups .single-group {
margin: 58px 0 0;
}
@media (max-width: 1024px) {
.main.page-sophos .business-solutions-block .wrapper .groups .single-group {
margin: 40px 0 0;
}
}
.main.page-sophos .business-solutions-block .wrapper .groups .single-group:first-of-type {
margin: 0;
}
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .group-name {
background: #0098ED;
border: 1px solid #D0D0D0;
border-radius: 20px;
font-size: 24px;
font-size: 1.5rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
display: block;
text-align: center;
padding: 19px 19px;
}
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap {
margin: 47px 0 0;
}
@media (max-width: 1024px) {
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap {
grid-gap: 100px;
}
}
@media (max-width: 768px) {
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 48px;
}
}
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap .single {
max-width: 391px;
position: relative;
padding: 0 0 55px;
}
@media (max-width: 768px) {
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap .single {
margin: 0 auto;
}
}
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap .single .logo {
height: 73px;
}
@media (max-width: 1024px) {
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap .single .logo {
height: 60px;
}
}
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap .single .text {
margin: 31px 0 0;
}
@media (max-width: 1024px) {
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap .single .text {
margin: 24px 0 0;
}
}
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap .single .link-with-arrow {
margin: 31px 0 0;
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1024px) {
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap .single .link-with-arrow {
margin: 24px 0 0;
}
}
.main.page-sophos .business-solutions-block .wrapper .groups .single-group .wrap .single .link-with-arrow .clr-blue {
color: #0F0570;
font-weight: 700;
}
.main.page-sophos .testimonials-block {
padding: 55px 0 0;
}
@media (max-width: 1024px) {
.main.page-sophos .testimonials-block {
padding: 40px 0 0;
}
}
.main.page-sophos .testimonials-block .wrapper .wrap {
margin: 33px 0 0;
}
@media (max-width: 1024px) {
.main.page-sophos .testimonials-block .wrapper .wrap {
margin: 24px 0 0;
}
}
@media (max-width: 768px) {
.main.page-sophos .testimonials-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-sophos .testimonials-block .wrapper .wrap .single {
padding: 42px 60px 42px;
background: #FFFFFF;
border-radius: 20px;
}
@media (max-width: 1024px) {
.main.page-sophos .testimonials-block .wrapper .wrap .single {
padding: 30px 30px 30px;
}
}
.main.page-sophos .testimonials-block .wrapper .wrap .single .logo-wrap {
height: 76px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 2px solid #D9D9D9;
}
.main.page-sophos .testimonials-block .wrapper .wrap .single .logo-wrap img {
display: block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
@media (max-width: 768px) {
.main.page-sophos .testimonials-block .wrapper .wrap .single .logo-wrap img {
max-width: 200px;
max-height: 80%;
}
}
.main.page-sophos .testimonials-block .wrapper .wrap .single .text {
padding: 42px 0 0;
text-align: center;
}
@media (max-width: 1024px) {
.main.page-sophos .testimonials-block .wrapper .wrap .single .text {
padding: 30px 0 0;
}
}
.main.page-sophos .contact-us-block {
padding: 67px 0 74px;
position: relative;
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1024px) {
.main.page-sophos .contact-us-block {
padding: 80px 0 80px;
}
}
.main.page-sophos .contact-us-block .illustration-2 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-sophos .contact-us-block .illustration-2 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-sophos .contact-us-block .illustration-2 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-sophos .contact-us-block .illustration-2 {
height: 123px;
}
}
.main.page-sophos .contact-us-block .wrapper .wrap .desc {
max-width: 705px;
margin: 14px 0 0;
}
.main.page-sophos .contact-us-block .wrapper .wrap .person {
display: flex;
align-items: center;
margin: 45px 0 0;
}
@media (max-width: 1024px) {
.main.page-sophos .contact-us-block .wrapper .wrap .person {
margin: 32px 0 0;
}
}
.main.page-sophos .contact-us-block .wrapper .wrap .person .photo {
width: 205px;
border-radius: 100%;
overflow: hidden;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-sophos .contact-us-block .wrapper .wrap .person .photo {
width: 150px;
}
}
.main.page-sophos .contact-us-block .wrapper .wrap .person .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-sophos .contact-us-block .wrapper .wrap .person .info p {
font-size: 24px;
font-size: 1.5rem;
}
@media (max-width: 1024px) {
.main.page-sophos .contact-us-block .wrapper .wrap .person .info p {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-cloud-check-up .top-landing-block {
height: 662px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-cloud-check-up .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-cloud-check-up .top-landing-block:after {
content: "";
width: 75%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(90deg, #05080d 0%, rgba(242, 238, 237, 0) 100%);
}
@media (max-width: 768px) {
.main.page-cloud-check-up .top-landing-block:after {
width: 90%;
}
}
@media (max-width: 480px) {
.main.page-cloud-check-up .top-landing-block:after {
width: 100%;
}
}
.main.page-cloud-check-up .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
z-index: 2;
}
.main.page-cloud-check-up .top-landing-block .wrapper .wrap {
max-width: 667px;
}
.main.page-cloud-check-up .top-landing-block .wrapper .wrap img {
height: 84px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .top-landing-block .wrapper .wrap img {
height: 60px;
}
}
.main.page-cloud-check-up .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-cloud-check-up .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-cloud-check-up .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-cloud-check-up .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-cloud-check-up .top-landing-block .wrapper .wrap .desc {
margin: 16px 0 0;
}
.main.page-cloud-check-up .top-landing-block .wrapper .wrap .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-cloud-check-up .description-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 87px 0 80px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-block {
padding: 80px 0 80px;
}
}
.main.page-cloud-check-up .description-block .wrapper {
z-index: 2;
}
.main.page-cloud-check-up .description-block .wrapper .text-1-photo-2 {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-block .wrapper .text-1-photo-2 {
margin: 30px 0 0;
}
}
.main.page-cloud-check-up .description-block .wrapper .text-1-photo-2 .column img {
max-width: 100%;
height: auto;
}
.main.page-cloud-check-up .description-block .wrapper .text-1-photo-2 .column .text {
margin: 0;
}
.main.page-cloud-check-up .benefits-block {
background: #FAFAFA;
background: #F4F4F4;
padding: 89px 0 0;
}
.main.page-cloud-check-up .benefits-block .wrapper .wrap {
margin: 50px 0 0;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .benefits-block .wrapper .wrap {
grid-gap: 70px;
margin: 40px 0 0;
}
}
@media (max-width: 768px) {
.main.page-cloud-check-up .benefits-block .wrapper .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 60px;
}
}
@media (max-width: 480px) {
.main.page-cloud-check-up .benefits-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-cloud-check-up .benefits-block .wrapper .wrap .single .icon-wrap {
width: 100px;
height: 100px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 0 auto;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .benefits-block .wrapper .wrap .single .icon-wrap {
width: 70px;
height: 70px;
}
}
.main.page-cloud-check-up .benefits-block .wrapper .wrap .single .icon-wrap img {
width: auto;
height: auto;
display: block;
max-height: 100%;
max-width: 100%;
}
.main.page-cloud-check-up .benefits-block .wrapper .wrap .single .title {
margin: 20px 0 0;
font-weight: 700;
text-transform: uppercase;
display: block;
color: #0D0D0D;
}
.main.page-cloud-check-up .benefits-block .wrapper .wrap .single .text {
margin: 20px 0 0;
}
.main.page-cloud-check-up .benefits-block .wrapper .additional-text {
padding: 60px 60px;
background: #FF8F00;
background: #E60000;
border: 1px solid #D0D0D0;
border-radius: 20px;
margin: 45px 0 0;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .benefits-block .wrapper .additional-text {
margin: 32px 0 0;
padding: 40px 40px;
}
}
.main.page-cloud-check-up .benefits-block .wrapper .additional-text p {
color: #ffffff;
}
.main.page-cloud-check-up .description-2-block {
padding: 77px 0 99px;
background: #FAFAFA;
background: #F4F4F4;
position: relative;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-2-block {
padding: 80px 0 80px;
}
}
.main.page-cloud-check-up .description-2-block .wrapper {
z-index: 2;
}
.main.page-cloud-check-up .description-2-block .wrapper .block-title-h3 {
max-width: 722px;
}
.main.page-cloud-check-up .description-2-block .wrapper .wrap {
margin: 53px 0 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-2-block .wrapper .wrap {
margin: 40px 0 0;
}
}
@media (max-width: 768px) {
.main.page-cloud-check-up .description-2-block .wrapper .wrap {
flex-direction: column;
}
}
.main.page-cloud-check-up .description-2-block .wrapper .wrap .left {
width: calc(50% - 13px);
position: relative;
}
@media (max-width: 768px) {
.main.page-cloud-check-up .description-2-block .wrapper .wrap .left {
width: 100%;
}
}
.main.page-cloud-check-up .description-2-block .wrapper .wrap .left .photo {
width: auto;
max-width: 100%;
height: auto;
display: block;
z-index: 1;
position: relative;
}
.main.page-cloud-check-up .description-2-block .wrapper .wrap .left .illustration {
position: absolute;
width: 300px;
top: -23px;
left: -100px;
}
@media (max-width: 1440px) {
.main.page-cloud-check-up .description-2-block .wrapper .wrap .left .illustration {
width: 210px;
}
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-2-block .wrapper .wrap .left .illustration {
width: 147px;
}
}
@media (max-width: 768px) {
.main.page-cloud-check-up .description-2-block .wrapper .wrap .left .illustration {
left: 0;
top: 0;
}
}
.main.page-cloud-check-up .description-2-block .wrapper .wrap .right {
width: calc(50% - 13px);
}
@media (max-width: 768px) {
.main.page-cloud-check-up .description-2-block .wrapper .wrap .right {
width: 100%;
}
}
.main.page-cloud-check-up .description-2-block .wrapper .wrap-2 {
margin: 52px 0 0;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-2-block .wrapper .wrap-2 {
margin: 40px 0 0;
}
}
.main.page-cloud-check-up .description-2-block .wrapper .wrap-2 .text {
column-count: 2;
column-gap: 43px;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-2-block .wrapper .wrap-2 .text {
column-gap: 32px;
}
}
@media (max-width: 768px) {
.main.page-cloud-check-up .description-2-block .wrapper .wrap-2 .text {
column-count: 1;
}
}
.main.page-cloud-check-up .description-2-block .wrapper .contact-person {
margin: 40px 0 0;
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-2-block .wrapper .contact-person {
margin: 30px 0 0;
}
}
.main.page-cloud-check-up .description-2-block .wrapper .contact-person .photo {
width: 201px;
border-radius: 100%;
overflow: hidden;
margin: 0 32px 0 0;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-2-block .wrapper .contact-person .photo {
width: 150px;
}
}
.main.page-cloud-check-up .description-2-block .wrapper .contact-person .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-cloud-check-up .description-2-block .wrapper .contact-person .info {
width: calc(100% - 233px);
}
.main.page-cloud-check-up .description-2-block .wrapper .contact-person .info p {
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-2-block .wrapper .contact-person .info p {
font-size: 18px;
font-size: 1.125rem;
}
}
.main.page-cloud-check-up .description-2-block .wrapper .contact-person .info p b, .main.page-cloud-check-up .description-2-block .wrapper .contact-person .info p strong {
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-2-block .wrapper .contact-person .info p b, .main.page-cloud-check-up .description-2-block .wrapper .contact-person .info p strong {
font-size: 22px;
font-size: 1.375rem;
}
}
.main.page-cloud-check-up .description-2-block .wrapper .contact-person .info p a {
font-size: 22px;
font-size: 1.375rem;
color: #E60000;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .description-2-block .wrapper .contact-person .info p a {
font-size: 20px;
font-size: 1.25rem;
}
}
.main.page-cloud-check-up .cta-block {
padding: 88px 0 96px;
background: #F4F4F4;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .cta-block {
padding: 80px 0 80px;
}
}
.main.page-cloud-check-up .cta-block .wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
@media (max-width: 768px) {
.main.page-cloud-check-up .cta-block .wrapper {
flex-direction: column;
}
}
.main.page-cloud-check-up .cta-block .wrapper .left {
width: calc(60% - 38px);
position: relative;
}
@media (max-width: 768px) {
.main.page-cloud-check-up .cta-block .wrapper .left {
width: 100%;
}
}
.main.page-cloud-check-up .cta-block .wrapper .left .block-title {
position: absolute;
top: 0;
left: 0;
}
.main.page-cloud-check-up .cta-block .wrapper .left img {
display: block;
height: 474px;
width: auto;
}
@media (max-width: 1440px) {
.main.page-cloud-check-up .cta-block .wrapper .left img {
height: 332px;
}
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .cta-block .wrapper .left img {
height: 232px;
}
}
@media (max-width: 768px) {
.main.page-cloud-check-up .cta-block .wrapper .left img {
height: 162px;
}
}
@media (max-width: 480px) {
.main.page-cloud-check-up .cta-block .wrapper .left img {
height: 113px;
}
}
.main.page-cloud-check-up .cta-block .wrapper .right {
width: calc(40% - 38px);
}
@media (max-width: 768px) {
.main.page-cloud-check-up .cta-block .wrapper .right {
width: 100%;
}
}
.main.page-cloud-check-up .cta-block .wrapper .right .btn {
background: #E60000;
border-radius: 6px;
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-cloud-check-up .cta-block .wrapper .right .btn {
margin: 30px 0 0;
}
}
.main.page-black-duck .top-landing-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-black-duck .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-black-duck .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-black-duck .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-black-duck .top-landing-block .wrapper .wrap {
display: flex;
align-items: center;
grid-gap: 96px;
}
.main.page-black-duck .top-landing-block .wrapper .wrap .left {
width: 50%;
}
@media (max-width: 768px) {
.main.page-black-duck .top-landing-block .wrapper .wrap .left {
width: 100%;
max-width: 520px;
}
}
.main.page-black-duck .top-landing-block .wrapper .wrap .left img {
height: 84px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-black-duck .top-landing-block .wrapper .wrap .left img {
height: 60px;
}
}
.main.page-black-duck .top-landing-block .wrapper .wrap .left h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-black-duck .top-landing-block .wrapper .wrap .left h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-black-duck .top-landing-block .wrapper .wrap .left h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-black-duck .top-landing-block .wrapper .wrap .left h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-black-duck .top-landing-block .wrapper .wrap .left .desc {
margin: 16px 0 0;
}
.main.page-black-duck .top-landing-block .wrapper .wrap .left .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-black-duck .top-landing-block .wrapper .wrap .right {
width: 50%;
}
@media (max-width: 768px) {
.main.page-black-duck .top-landing-block .wrapper .wrap .right {
display: none;
}
}
.main.page-black-duck .top-landing-block .wrapper .wrap .right img {
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
display: block;
}
.main.page-black-duck .description-block {
padding: 106px 0 64px;
position: relative;
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1024px) {
.main.page-black-duck .description-block {
padding: 80px 0 80px;
}
}
.main.page-black-duck .description-block .wrapper {
z-index: 2;
}
.main.page-black-duck .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 50px 0 0;
}
@media (max-width: 768px) {
.main.page-black-duck .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 0;
}
}
.main.page-black-duck .description-block .wrapper .text-1-photo-2 .column .text.text-1 {
margin: 0;
}
.main.page-black-duck .description-block .wrapper .text-1-photo-2 .column .text.text-2 {
margin: 0;
}
.main.page-black-duck .description-block .wrapper .text-1-photo-2 .column .text.text-2 h3.block-title {
margin: 0 0 16px;
}
.main.page-black-duck .description-block .wrapper .text-1-photo-2 .column .logo {
height: 197px;
width: auto;
display: block;
margin: 50px 0;
}
@media (max-width: 1440px) {
.main.page-black-duck .description-block .wrapper .text-1-photo-2 .column .logo {
height: 150px;
}
}
@media (max-width: 1024px) {
.main.page-black-duck .description-block .wrapper .text-1-photo-2 .column .logo {
height: 120px;
margin: 40px 0;
}
}
.main.page-black-duck .features-block {
background: #FAFAFA;
padding: 64px 0 64px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-black-duck .features-block {
padding: 80px 0 80px;
}
}
.main.page-black-duck .features-block .wrapper {
z-index: 2;
}
.main.page-black-duck .features-block .wrapper .block-title {
margin: 0;
}
.main.page-black-duck .features-block .wrapper .features {
margin: 16px 0 0;
}
.main.page-black-duck .features-block .wrapper .column-wrap {
margin: 48px 0 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 64px;
}
@media (max-width: 1024px) {
.main.page-black-duck .features-block .wrapper .column-wrap {
margin: 32px 0 0;
grid-gap: 48px;
}
}
@media (max-width: 480px) {
.main.page-black-duck .features-block .wrapper .column-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-black-duck .features-block .wrapper .black-message {
margin: 48px 0 0;
padding: 30px 80px;
border-radius: 20px;
border: 1px solid #D0D0D0;
background: #000000;
}
@media (max-width: 1024px) {
.main.page-black-duck .features-block .wrapper .black-message {
margin: 32px 0 0;
padding: 30px 30px;
}
}
.main.page-black-duck .features-block .wrapper .black-message .block-title {
margin: 0;
text-align: center;
color: #00ADEE;
}
.main.page-black-duck .features-block .wrapper .black-message .text {
margin: 16px 0 0;
text-align: center;
}
.main.page-black-duck .features-block .wrapper .black-message .text p {
color: #ffffff;
}
.main.page-black-duck .features-block .wrapper .disclaimer {
margin: 32px 0 0;
}
@media (max-width: 1024px) {
.main.page-black-duck .features-block .wrapper .disclaimer {
margin: 24px 0 0;
}
}
.main.page-black-duck .features-block .wrapper .disclaimer p {
font-weight: 700;
margin: 0;
}
.main.page-jfrog .top-landing-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-jfrog .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-jfrog .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-jfrog .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-jfrog .top-landing-block .wrapper .wrap {
max-width: 667px;
}
.main.page-jfrog .top-landing-block .wrapper .wrap img {
height: 84px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-jfrog .top-landing-block .wrapper .wrap img {
height: 60px;
}
}
.main.page-jfrog .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-jfrog .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-jfrog .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-jfrog .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-jfrog .top-landing-block .wrapper .wrap .desc {
margin: 16px 0 0;
}
.main.page-jfrog .top-landing-block .wrapper .wrap .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-jfrog .description-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 106px 0 64px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-jfrog .description-block {
padding: 80px 0 80px;
}
}
.main.page-jfrog .description-block .wrapper {
z-index: 2;
}
.main.page-jfrog .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 48px 0 0;
max-width: 100%;
height: auto;
}
@media (max-width: 768px) {
.main.page-jfrog .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 0;
}
}
.main.page-jfrog .description-block .wrapper .text-1-photo-2 .column .text {
margin: 0;
}
.main.page-jfrog .description-block .wrapper .text-1-photo-2 .column .logo {
height: 199px;
width: auto;
display: block;
margin: 48px 0 0;
}
@media (max-width: 1440px) {
.main.page-jfrog .description-block .wrapper .text-1-photo-2 .column .logo {
height: 150px;
}
}
@media (max-width: 1024px) {
.main.page-jfrog .description-block .wrapper .text-1-photo-2 .column .logo {
margin: 32px 0 0;
height: 120px;
}
}
.main.page-jfrog .features-block {
background: #FAFAFA;
padding: 64px 0 128px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-jfrog .features-block {
padding: 80px 0 80px;
}
}
.main.page-jfrog .features-block .wrapper {
z-index: 2;
}
.main.page-jfrog .features-block .wrapper .block-title {
margin: 0;
}
.main.page-jfrog .features-block .wrapper .features {
margin: 48px 0 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 64px;
}
@media (max-width: 1024px) {
.main.page-jfrog .features-block .wrapper .features {
margin: 32px 0 0;
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-jfrog .features-block .wrapper .features {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-jfrog .features-block .wrapper .features .single .title {
display: block;
font-weight: 700;
color: #0D0D0D;
}
.main.page-jfrog .features-block .wrapper .features .single p {
margin: 16px 0 0;
}
.main.page-jfrog .features-block .wrapper .additional-text {
margin: 48px 0 0;
}
@media (max-width: 1024px) {
.main.page-jfrog .features-block .wrapper .additional-text {
margin: 32px 0 0;
}
}
.main.page-aws.page-azure-2 .description-block .wrapper .wrap .column .tables .table-wrap .text:nth-of-type(1) {
background: #0072C6;
color: #ffffff;
}
.main.page-aws.page-azure-2 .description-block .wrapper .wrap .column .tables .table-wrap .text:nth-of-type(1) * {
color: #ffffff;
}
.main.page-aws.page-azure-2 .description-block .wrapper .wrap .column .tables .table-wrap .text:nth-of-type(2) {
background: #EAEAEA;
color: #0D0D0D;
}
.main.page-aws.page-azure-2 .description-block .wrapper .wrap .column .tables .table-wrap .text:nth-of-type(2) * {
color: #0D0D0D;
}
.main.page-aws.page-azure-2 .benefits-block .wrapper .orange-message {
background: #0072C6;
padding: 42px 65px;
}
@media (max-width: 1024px) {
.main.page-aws.page-azure-2 .benefits-block .wrapper .orange-message {
padding: 30px 40px;
}
}
@media (max-width: 480px) {
.main.page-aws.page-azure-2 .benefits-block .wrapper .orange-message {
padding: 30px 30px;
}
}
.main.page-aws.page-azure-2 .benefits-block .wrapper .orange-message .left {
width: 100%;
}
.main.page-aws.page-azure-2 .benefits-block .wrapper .orange-message .left * {
color: #ffffff;
}
.main.page-aws.page-azure-2 .contact-us-block .wrapper .logo {
height: 76px;
width: auto;
display: block;
margin: 32px 0 0;
}
.main.page-aws .top-landing-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-aws .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-aws .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-aws .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-aws .top-landing-block .wrapper .wrap {
max-width: 667px;
}
.main.page-aws .top-landing-block .wrapper .wrap img {
height: 84px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-aws .top-landing-block .wrapper .wrap img {
height: 60px;
}
}
.main.page-aws .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-aws .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-aws .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-aws .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-aws .top-landing-block .wrapper .wrap .desc {
margin: 16px 0 0;
}
.main.page-aws .top-landing-block .wrapper .wrap .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-aws .description-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 93px 0 93px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-aws .description-block {
padding: 80px 0 80px;
}
}
.main.page-aws .description-block .wrapper {
z-index: 2;
}
.main.page-aws .description-block .wrapper .wrap {
display: flex;
grid-gap: 80px;
}
@media (max-width: 1024px) {
.main.page-aws .description-block .wrapper .wrap {
grid-gap: 60px;
}
}
@media (max-width: 768px) {
.main.page-aws .description-block .wrapper .wrap {
flex-direction: column;
grid-gap: 48px;
}
}
.main.page-aws .description-block .wrapper .wrap .column:nth-of-type(1) {
width: 60%;
}
@media (max-width: 768px) {
.main.page-aws .description-block .wrapper .wrap .column:nth-of-type(1) {
width: 100%;
}
}
.main.page-aws .description-block .wrapper .wrap .column:nth-of-type(2) {
width: 40%;
}
@media (max-width: 768px) {
.main.page-aws .description-block .wrapper .wrap .column:nth-of-type(2) {
width: 100%;
}
}
.main.page-aws .description-block .wrapper .wrap .column.photo-col img {
margin: 72px 0 0;
width: auto;
height: auto;
max-width: 100%;
display: block;
}
@media (max-width: 768px) {
.main.page-aws .description-block .wrapper .wrap .column.photo-col img {
margin: 0 auto;
max-width: 320px;
}
}
.main.page-aws .description-block .wrapper .wrap .column .text.text-2 {
margin: 32px 0 0;
}
.main.page-aws .description-block .wrapper .wrap .column .tables {
margin: 32px 0 0;
}
.main.page-aws .description-block .wrapper .wrap .column .tables .block-title-h3 {
font-size: 32px;
font-size: 2rem;
}
.main.page-aws .description-block .wrapper .wrap .column .tables .table-wrap {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 32px 0 0;
}
@media (max-width: 480px) {
.main.page-aws .description-block .wrapper .wrap .column .tables .table-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 24px;
}
}
.main.page-aws .description-block .wrapper .wrap .column .tables .table-wrap .text {
padding: 30px 30px;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.main.page-aws .description-block .wrapper .wrap .column .tables .table-wrap .text ul li {
margin: 0 0 16px;
}
.main.page-aws .description-block .wrapper .wrap .column .tables .table-wrap .text ul li:last-child {
margin: 0;
}
.main.page-aws .description-block .wrapper .wrap .column .tables .table-wrap .text:nth-of-type(1) {
background: #FF8F00;
border-radius: 20px;
}
.main.page-aws .description-block .wrapper .wrap .column .tables .table-wrap .text:nth-of-type(2) {
background: #203344;
border-radius: 20px;
color: #ffffff;
}
.main.page-aws .description-block .wrapper .wrap .column .tables .table-wrap .text:nth-of-type(2) * {
color: #ffffff;
}
.main.page-aws .benefits-block {
background: #FAFAFA;
padding: 78px 0 98px;
}
@media (max-width: 1024px) {
.main.page-aws .benefits-block {
padding: 80px 0 80px;
}
}
.main.page-aws .benefits-block .wrapper .block-title-h3 {
font-size: 32px;
font-size: 2rem;
}
.main.page-aws .benefits-block .wrapper .wrap {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-aws .benefits-block .wrapper .wrap {
grid-gap: 70px;
margin: 30px 0 0;
}
}
@media (max-width: 768px) {
.main.page-aws .benefits-block .wrapper .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 60px;
}
}
@media (max-width: 480px) {
.main.page-aws .benefits-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-aws .benefits-block .wrapper .wrap .single .icon-wrap {
width: 100px;
height: 100px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 0;
}
@media (max-width: 1024px) {
.main.page-aws .benefits-block .wrapper .wrap .single .icon-wrap {
width: 70px;
height: 70px;
}
}
.main.page-aws .benefits-block .wrapper .wrap .single .icon-wrap img {
width: auto;
height: auto;
display: block;
max-height: 100%;
max-width: 100%;
}
.main.page-aws .benefits-block .wrapper .wrap .single .title {
margin: 20px 0 0;
font-weight: 700;
text-transform: uppercase;
display: block;
color: #0D0D0D;
}
.main.page-aws .benefits-block .wrapper .wrap .single .text {
margin: 20px 0 0;
}
.main.page-aws .benefits-block .wrapper .orange-message {
margin: 50px 0 0;
background: #FF8F00;
border: 1px solid #D0D0D0;
border-radius: 20px;
display: flex;
align-items: center;
grid-gap: 40px;
padding: 17px 40px;
}
@media (max-width: 1024px) {
.main.page-aws .benefits-block .wrapper .orange-message {
padding: 17px 30px;
}
}
.main.page-aws .benefits-block .wrapper .orange-message .left .block-title-h3 {
margin: 0;
font-size: 32px;
font-size: 2rem;
}
.main.page-aws .benefits-block .wrapper .orange-message .left .text {
margin: 24px 0 0;
}
.main.page-aws .benefits-block .wrapper .orange-message .right {
width: 270px;
flex: none;
}
.main.page-aws .benefits-block .wrapper .orange-message .right img {
max-width: 100%;
max-height: 100%;
display: block;
width: auto;
height: auto;
}
.main.page-aws .contact-us-block {
background: #E5E5E5;
padding: 100px 0 100px;
position: relative;
}
.main.page-aws .contact-us-block .illustration-2 {
height: 360px;
width: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-aws .contact-us-block .illustration-2 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-aws .contact-us-block .illustration-2 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-aws .contact-us-block .illustration-2 {
height: 123px;
}
}
.main.page-aws .contact-us-block .wrapper .wrap .block-title-h3 {
font-size: 32px;
font-size: 2rem;
}
.main.page-aws .contact-us-block .wrapper .wrap .desc {
max-width: 705px;
margin: 14px 0 0;
}
.main.page-aws .contact-us-block .wrapper .wrap .person {
display: flex;
align-items: center;
margin: 45px 0 0;
}
@media (max-width: 1024px) {
.main.page-aws .contact-us-block .wrapper .wrap .person {
margin: 32px 0 0;
}
}
.main.page-aws .contact-us-block .wrapper .wrap .person .photo {
width: 205px;
border-radius: 100%;
overflow: hidden;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-aws .contact-us-block .wrapper .wrap .person .photo {
width: 150px;
}
}
.main.page-aws .contact-us-block .wrapper .wrap .person .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-aws .contact-us-block .wrapper .wrap .person .info p {
font-size: 24px;
font-size: 1.5rem;
}
@media (max-width: 1024px) {
.main.page-aws .contact-us-block .wrapper .wrap .person .info p {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-datadog .top-landing-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-datadog .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-datadog .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-datadog .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-datadog .top-landing-block .wrapper .wrap {
max-width: 667px;
}
.main.page-datadog .top-landing-block .wrapper .wrap img {
height: 78px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-datadog .top-landing-block .wrapper .wrap img {
height: 60px;
}
}
.main.page-datadog .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-datadog .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-datadog .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-datadog .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-datadog .top-landing-block .wrapper .wrap .desc {
margin: 16px 0 0;
}
.main.page-datadog .top-landing-block .wrapper .wrap .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-datadog .description-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 106px 0 80px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-datadog .description-block {
padding: 80px 0 80px;
}
}
.main.page-datadog .description-block .wrapper {
z-index: 2;
}
.main.page-datadog .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 50px 0 0;
}
@media (max-width: 768px) {
.main.page-datadog .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 0;
}
}
.main.page-datadog .description-block .wrapper .text-1-photo-2 .column .text {
margin: 0;
}
.main.page-datadog .description-block .wrapper .text-1-photo-2 .column .logo {
height: 93px;
width: auto;
display: block;
margin: 100px 0 0;
}
@media (max-width: 1024px) {
.main.page-datadog .description-block .wrapper .text-1-photo-2 .column .logo {
height: 70px;
margin: 70px 0 0;
}
}
@media (max-width: 480px) {
.main.page-datadog .description-block .wrapper .text-1-photo-2 .column .logo {
margin: 40px 0 0;
}
}
.main.page-datadog .features-block {
padding: 60px 0 112px;
position: relative;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-datadog .features-block {
padding: 80px 0 80px;
}
}
.main.page-datadog .features-block .wrapper {
z-index: 2;
}
.main.page-datadog .features-block .wrapper .features {
margin: 40px 0 0;
display: grid;
grid-gap: 80px;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-row-gap: 44px;
}
@media (max-width: 1024px) {
.main.page-datadog .features-block .wrapper .features {
margin: 30px 0 0;
grid-gap: 60px;
grid-row-gap: 40px;
}
}
@media (max-width: 768px) {
.main.page-datadog .features-block .wrapper .features {
grid-gap: 40px;
}
}
@media (max-width: 480px) {
.main.page-datadog .features-block .wrapper .features {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-datadog .features-block .wrapper .features .single .title {
display: block;
font-weight: 700;
}
.main.page-datadog .features-block .wrapper .features .single .text {
margin: 16px 0 0;
}
.main.page-datadog .features-block .wrapper .additional-text {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-datadog .features-block .wrapper .additional-text {
margin: 30px 0 0;
}
}
.main.page-xray .top-landing-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-xray .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-xray .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-xray .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-xray .top-landing-block .wrapper .wrap {
max-width: 667px;
}
.main.page-xray .top-landing-block .wrapper .wrap img {
height: 70px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-xray .top-landing-block .wrapper .wrap img {
height: 55px;
}
}
.main.page-xray .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-xray .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-xray .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-xray .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-xray .top-landing-block .wrapper .wrap .desc {
margin: 16px 0 0;
}
.main.page-xray .top-landing-block .wrapper .wrap .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-xray .description-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 106px 0 80px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-xray .description-block {
padding: 80px 0 80px;
}
}
.main.page-xray .description-block .wrapper {
z-index: 2;
}
.main.page-xray .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 50px 0 0;
}
@media (max-width: 768px) {
.main.page-xray .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 0 auto;
}
}
.main.page-xray .description-block .wrapper .text-1-photo-2 .column .text {
margin: 0;
}
.main.page-xray .description-block .wrapper .text-1-photo-2 .column .logos {
display: flex;
align-items: center;
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-xray .description-block .wrapper .text-1-photo-2 .column .logos {
margin: 30px 0 0;
}
}
@media (max-width: 768px) {
.main.page-xray .description-block .wrapper .text-1-photo-2 .column .logos {
justify-content: center;
}
}
.main.page-xray .description-block .wrapper .text-1-photo-2 .column .logos img:nth-of-type(1) {
height: 119px;
width: auto;
display: block;
}
@media (max-width: 1280px) {
.main.page-xray .description-block .wrapper .text-1-photo-2 .column .logos img:nth-of-type(1) {
height: 80px;
}
}
.main.page-xray .description-block .wrapper .text-1-photo-2 .column .logos img:nth-of-type(2) {
height: 95px;
width: auto;
display: block;
}
@media (max-width: 1280px) {
.main.page-xray .description-block .wrapper .text-1-photo-2 .column .logos img:nth-of-type(2) {
height: 65px;
}
}
.main.page-xray .description-block .wrapper .text-1-photo-2 .column .logos .line {
background: #0D0D0D;
width: 2px;
height: 120px;
margin: 0 40px;
}
@media (max-width: 1280px) {
.main.page-xray .description-block .wrapper .text-1-photo-2 .column .logos .line {
height: 80px;
margin: 0 30px;
}
}
.main.page-xray .description-block .wrapper .features {
margin: 96px 0 0;
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.main.page-xray .description-block .wrapper .features {
margin: 70px 0 0;
grid-gap: 32px;
}
}
@media (max-width: 768px) {
.main.page-xray .description-block .wrapper .features {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-xray .description-block .wrapper .features {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-xray .description-block .wrapper .features .single .title {
display: block;
font-size: 32px;
font-size: 2rem;
font-weight: 700;
min-height: 84px;
color: #0D0D0D;
}
@media (max-width: 1280px) {
.main.page-xray .description-block .wrapper .features .single .title {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.main.page-xray .description-block .wrapper .features .single .title {
font-size: 26px;
font-size: 1.625rem;
min-height: 53px;
}
}
@media (max-width: 480px) {
.main.page-xray .description-block .wrapper .features .single .title {
min-height: inherit;
}
}
.main.page-xray .description-block .wrapper .features .single .text {
margin: 16px 0 0;
}
.main.page-xray .description-second-block {
background: #FAFAFA;
padding: 76px 0 100px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-xray .description-second-block {
padding: 80px 0 80px;
}
}
.main.page-xray .description-second-block .wrapper {
z-index: 2;
}
.main.page-xray .description-second-block .wrapper .wrap {
display: grid;
grid-gap: 170px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1440px) {
.main.page-xray .description-second-block .wrapper .wrap {
grid-gap: 140px;
}
}
@media (max-width: 1280px) {
.main.page-xray .description-second-block .wrapper .wrap {
grid-gap: 120px;
}
}
@media (max-width: 1024px) {
.main.page-xray .description-second-block .wrapper .wrap {
grid-gap: 96px;
}
}
@media (max-width: 768px) {
.main.page-xray .description-second-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 48px;
}
}
.main.page-xray .description-second-block .wrapper .wrap .column.photo-col img {
max-width: 407px;
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.main.page-xray .description-second-block .wrapper .wrap .column .text {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-xray .description-second-block .wrapper .wrap .column .text {
margin: 30px 0 0;
}
}
.main.page-caf .top-landing-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-caf .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-caf .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-caf .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-caf .top-landing-block .wrapper .wrap {
max-width: 667px;
}
.main.page-caf .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-caf .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-caf .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-caf .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-caf .top-landing-block .wrapper .wrap .desc {
margin: 16px 0 0;
}
.main.page-caf .top-landing-block .wrapper .wrap .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-caf .description-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 106px 0 80px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-caf .description-block {
padding: 80px 0 80px;
}
}
.main.page-caf .description-block .wrapper {
z-index: 2;
}
.main.page-caf .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 50px 0 0;
}
@media (max-width: 768px) {
.main.page-caf .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 0;
}
}
.main.page-caf .description-block .wrapper .text-1-photo-2 .column .text {
margin: 0;
}
.main.page-caf .description-block .wrapper .text-1-photo-2 .column .logo {
height: auto;
width: auto;
max-width: 100%;
display: block;
margin: 32px 0 0;
}
.main.page-caf .advantages-block {
background: #FAFAFA;
background: #F4F4F4;
padding: 73px 0 73px;
}
@media (max-width: 1024px) {
.main.page-caf .advantages-block {
padding: 80px 0 80px;
}
}
.main.page-caf .advantages-block .wrapper .advantages .points {
margin: 40px 0 0;
display: flex;
align-items: center;
grid-gap: 32px;
}
@media (max-width: 1024px) {
.main.page-caf .advantages-block .wrapper .advantages .points {
margin: 30px 0 0;
flex-wrap: wrap;
}
}
@media (max-width: 480px) {
.main.page-caf .advantages-block .wrapper .advantages .points {
grid-gap: 24px;
}
}
.main.page-caf .advantages-block .wrapper .advantages .points .single {
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.main.page-caf .advantages-block .wrapper .advantages .points .single {
width: calc(50% - 16px);
}
}
@media (max-width: 480px) {
.main.page-caf .advantages-block .wrapper .advantages .points .single {
width: 100%;
}
}
.main.page-caf .advantages-block .wrapper .advantages .points .single .number {
width: 47px;
height: 47px;
border: 1px solid #979797;
display: flex;
align-items: center;
justify-content: center;
margin: 0 13px 0 0;
flex: none;
border-radius: 100%;
}
.main.page-caf .advantages-block .wrapper .advantages .points .single .number span {
font-weight: 700;
display: block;
}
.main.page-caf .advantages-block .wrapper .advantages .points .single p {
font-weight: 700;
margin: 0;
color: #0D0D0D;
}
.main.page-caf .advantages-block .wrapper .advantages .text {
margin: 32px 0 0;
}
.main.page-caf .advantages-block .wrapper .phases {
margin: 72px 0 0;
}
@media (max-width: 1024px) {
.main.page-caf .advantages-block .wrapper .phases {
margin: 50px 0 0;
}
}
@media (max-width: 480px) {
.main.page-caf .advantages-block .wrapper .phases {
margin: 32px 0 0;
}
}
.main.page-caf .advantages-block .wrapper .phases .phases-wrap {
margin: 32px 0 0;
}
@media (max-width: 1024px) {
.main.page-caf .advantages-block .wrapper .phases .phases-wrap {
margin: 40px 0 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 60px;
}
}
@media (max-width: 768px) {
.main.page-caf .advantages-block .wrapper .phases .phases-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 40px;
}
}
@media (max-width: 480px) {
.main.page-caf .advantages-block .wrapper .phases .phases-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-caf .advantages-block .wrapper .phases .phases-wrap .single .icon-wrap {
width: 100px;
height: 100px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 0;
}
@media (max-width: 1024px) {
.main.page-caf .advantages-block .wrapper .phases .phases-wrap .single .icon-wrap {
width: 70px;
height: 70px;
}
}
@media (max-width: 480px) {
.main.page-caf .advantages-block .wrapper .phases .phases-wrap .single .icon-wrap {
height: auto;
}
}
.main.page-caf .advantages-block .wrapper .phases .phases-wrap .single .icon-wrap img {
width: auto;
height: auto;
display: block;
max-height: 100%;
max-width: 100%;
}
.main.page-caf .advantages-block .wrapper .phases .phases-wrap .single .title {
margin: 20px 0 0;
font-weight: 700;
text-transform: uppercase;
display: block;
color: #0D0D0D;
}
.main.page-caf .advantages-block .wrapper .phases .phases-wrap .single .text {
margin: 20px 0 0;
}
@media (max-width: 480px) {
.main.page-caf .advantages-block .wrapper .phases .phases-wrap .single .text {
margin: 16px 0 0;
}
}
.main.page-caf .advantages-block .wrapper .phases .additional-text {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-caf .advantages-block .wrapper .phases .additional-text {
margin: 32px 0 0;
}
}
.main.page-caf .more-info-block {
background: #E5E5E5;
background: #F4F4F4;
padding: 73px 0 100px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-caf .more-info-block {
padding: 73px 0 80px;
}
}
.main.page-caf .more-info-block .wrapper {
z-index: 2;
}
.main.page-caf .more-info-block .wrapper .text {
max-width: 720px;
}
.main.page-waf .top-landing-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-waf .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-waf .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-waf .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-waf .top-landing-block .wrapper .wrap {
max-width: 667px;
}
.main.page-waf .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-waf .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-waf .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-waf .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-waf .top-landing-block .wrapper .wrap .desc {
margin: 16px 0 0;
}
.main.page-waf .top-landing-block .wrapper .wrap .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-waf .description-block {
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 106px 0 80px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-waf .description-block {
padding: 80px 0 80px;
}
}
.main.page-waf .description-block .wrapper {
z-index: 2;
}
.main.page-waf .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 50px 0 0;
}
@media (max-width: 768px) {
.main.page-waf .description-block .wrapper .text-1-photo-2 .column.photo-col img {
margin: 0;
}
}
.main.page-waf .description-block .wrapper .text-1-photo-2 .column .text {
margin: 0;
}
.main.page-waf .description-block .wrapper .text-1-photo-2 .column .logo {
height: auto;
width: auto;
max-width: 100%;
display: block;
margin: 32px 0 0;
}
.main.page-waf .advantages-block {
background: #FAFAFA;
background: #F4F4F4;
padding: 73px 0 73px;
}
@media (max-width: 1024px) {
.main.page-waf .advantages-block {
padding: 80px 0 80px;
}
}
.main.page-waf .advantages-block .wrapper .phases .phases-wrap {
margin: 32px 0 0;
}
@media (max-width: 1024px) {
.main.page-waf .advantages-block .wrapper .phases .phases-wrap {
margin: 40px 0 0;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 60px;
}
}
@media (max-width: 768px) {
.main.page-waf .advantages-block .wrapper .phases .phases-wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 40px;
}
}
@media (max-width: 480px) {
.main.page-waf .advantages-block .wrapper .phases .phases-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-waf .advantages-block .wrapper .phases .phases-wrap .single .icon-wrap {
width: 100px;
height: 100px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 0;
}
@media (max-width: 1024px) {
.main.page-waf .advantages-block .wrapper .phases .phases-wrap .single .icon-wrap {
width: 70px;
height: 70px;
}
}
@media (max-width: 480px) {
.main.page-waf .advantages-block .wrapper .phases .phases-wrap .single .icon-wrap {
height: auto;
}
}
.main.page-waf .advantages-block .wrapper .phases .phases-wrap .single .icon-wrap img {
width: auto;
height: auto;
display: block;
max-height: 100%;
max-width: 100%;
}
.main.page-waf .advantages-block .wrapper .phases .phases-wrap .single .title {
margin: 20px 0 0;
font-weight: 700;
text-transform: uppercase;
display: block;
}
.main.page-waf .advantages-block .wrapper .phases .phases-wrap .single .text {
margin: 20px 0 0;
}
@media (max-width: 480px) {
.main.page-waf .advantages-block .wrapper .phases .phases-wrap .single .text {
margin: 16px 0 0;
}
}
.main.page-waf .advantages-block .wrapper .phases .additional-text {
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-waf .advantages-block .wrapper .phases .additional-text {
margin: 32px 0 0;
}
}
.main.page-waf .advantages-block .wrapper .usability {
margin: 49px 0 0;
}
@media (max-width: 1024px) {
.main.page-waf .advantages-block .wrapper .usability {
margin: 40px 0 0;
}
}
@media (max-width: 480px) {
.main.page-waf .advantages-block .wrapper .usability {
margin: 32px 0 0;
}
}
.main.page-waf .advantages-block .wrapper .usability .text {
margin: 24px 0 0;
}
.main.page-waf .more-info-block {
background: #E5E5E5;
background: #F4F4F4;
padding: 83px 0 100px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-waf .more-info-block {
padding: 80px 0 80px;
}
}
.main.page-waf .more-info-block .wrapper {
z-index: 2;
}
.main.page-waf .more-info-block .wrapper .text {
max-width: 720px;
}
.main.page-microsoft {
background: #E5E5E5;
}
.main.page-microsoft .top-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-microsoft .top-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-microsoft .top-block {
height: 500px;
min-height: inherit;
}
}
.main.page-microsoft .top-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-microsoft .top-block .wrapper .wrap h1 {
margin: 0;
max-width: 430px;
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1440px) {
.main.page-microsoft .top-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-microsoft .top-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-microsoft .top-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-microsoft .top-block .wrapper .wrap .desc {
margin: 16px 0 0;
max-width: 520px;
width: 100%;
}
.main.page-microsoft .top-block .wrapper .wrap .desc p {
color: #ffffff;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-microsoft .description-block {
position: relative;
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 112px 0 107px;
}
@media (max-width: 1024px) {
.main.page-microsoft .description-block {
padding: 80px 0 80px;
}
}
.main.page-microsoft .description-block .illustration-1 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
@media (max-width: 1440px) {
.main.page-microsoft .description-block .illustration-1 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-microsoft .description-block .illustration-1 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-microsoft .description-block .illustration-1 {
height: 123px;
}
}
.main.page-microsoft .description-block .wrapper .desc h2 {
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
margin: 0;
max-width: 628px;
}
.main.page-microsoft .description-block .wrapper .desc .columns {
display: flex;
grid-gap: 90px;
margin: 32px 0 0;
}
@media (max-width: 1024px) {
.main.page-microsoft .description-block .wrapper .desc .columns {
grid-gap: 64px;
}
}
@media (max-width: 768px) {
.main.page-microsoft .description-block .wrapper .desc .columns {
flex-direction: column;
grid-gap: 32px;
}
}
.main.page-microsoft .description-block .wrapper .desc .columns .column:nth-of-type(1) {
max-width: 628px;
width: 100%;
}
.main.page-microsoft .description-block .wrapper .desc .columns .column:nth-of-type(2) {
max-width: 540px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-microsoft .description-block .wrapper .desc .columns .column:nth-of-type(2) {
max-width: 100%;
}
}
.main.page-microsoft .description-block .wrapper .desc .columns .column:nth-of-type(2) .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 66.66%;
}
.main.page-microsoft .description-block .wrapper .benefits {
margin: 41px 0 0;
}
.main.page-microsoft .description-block .wrapper .benefits h2 {
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
margin: 0;
}
.main.page-microsoft .description-block .wrapper .benefits .grid {
display: grid;
grid-gap: 84px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 30px 0 0;
}
@media (max-width: 1024px) {
.main.page-microsoft .description-block .wrapper .benefits .grid {
grid-gap: 64px;
}
}
@media (max-width: 768px) {
.main.page-microsoft .description-block .wrapper .benefits .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-microsoft .description-block .wrapper .benefits .grid .single {
max-width: 480px;
}
}
.main.page-microsoft .description-block .wrapper .benefits .grid .single img {
display: block;
height: 94px;
width: auto;
}
@media (max-width: 1024px) {
.main.page-microsoft .description-block .wrapper .benefits .grid .single img {
height: 66px;
}
}
.main.page-microsoft .description-block .wrapper .benefits .grid .single .title {
margin: 20px 0 0;
display: block;
font-weight: 700;
color: #0D0D0D;
}
.main.page-microsoft .description-block .wrapper .benefits .grid .single .text {
margin: 20px 0 0;
}
.main.page-microsoft .description-block .wrapper .trial {
background: #EB3D01;
border: 1px solid #D0D0D0;
border-radius: 20px;
padding: 45px 65px;
display: flex;
align-items: center;
margin: 54px 0 0;
grid-gap: 32px;
}
@media (max-width: 1024px) {
.main.page-microsoft .description-block .wrapper .trial {
padding: 32px 40px;
}
}
@media (max-width: 768px) {
.main.page-microsoft .description-block .wrapper .trial {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 768px) {
.main.page-microsoft .description-block .wrapper .trial .left {
order: 2;
}
}
.main.page-microsoft .description-block .wrapper .trial .left h2 {
font-size: 32px;
font-size: 2rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
margin: 0;
}
.main.page-microsoft .description-block .wrapper .trial .left .text {
margin: 32px 0 0;
}
.main.page-microsoft .description-block .wrapper .trial .left .text * {
color: #ffffff;
}
.main.page-microsoft .description-block .wrapper .trial .logo {
width: 158px;
height: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-microsoft .description-block .wrapper .trial .logo {
width: 110px;
}
}
@media (max-width: 768px) {
.main.page-microsoft .description-block .wrapper .trial .logo {
order: 1;
width: auto;
height: 60px;
}
}
.main.page-microsoft .office-block {
background: #F7F4F4;
padding: 80px 0 110px;
}
@media (max-width: 1024px) {
.main.page-microsoft .office-block {
padding: 80px 0 80px;
}
}
.main.page-microsoft .office-block .wrapper .top {
display: flex;
align-items: center;
grid-gap: 74px;
}
@media (max-width: 1024px) {
.main.page-microsoft .office-block .wrapper .top {
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-microsoft .office-block .wrapper .top {
flex-direction: column;
grid-gap: 32px;
align-items: flex-start;
}
}
.main.page-microsoft .office-block .wrapper .top h2 {
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
margin: 0;
}
@media (max-width: 768px) {
.main.page-microsoft .office-block .wrapper .top h2 {
order: 2;
}
}
.main.page-microsoft .office-block .wrapper .top .logo {
width: auto;
display: block;
max-width: 100%;
height: 122px;
}
@media (max-width: 1280px) {
.main.page-microsoft .office-block .wrapper .top .logo {
height: 100px;
}
}
@media (max-width: 1024px) {
.main.page-microsoft .office-block .wrapper .top .logo {
height: 80px;
}
}
@media (max-width: 768px) {
.main.page-microsoft .office-block .wrapper .top .logo {
height: 60px;
order: 1;
}
}
.main.page-microsoft .office-block .wrapper .software {
display: grid;
grid-gap: 64px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 96px 0 0;
}
@media (max-width: 1024px) {
.main.page-microsoft .office-block .wrapper .software {
grid-gap: 48px;
margin: 64px 0 0;
}
}
@media (max-width: 768px) {
.main.page-microsoft .office-block .wrapper .software {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
margin: 48px 0 0;
}
}
.main.page-microsoft .office-block .wrapper .software .single .name {
display: flex;
align-items: center;
}
.main.page-microsoft .office-block .wrapper .software .single .name img {
height: 89px;
width: auto;
display: block;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-microsoft .office-block .wrapper .software .single .name img {
height: 62px;
}
}
@media (max-width: 768px) {
.main.page-microsoft .office-block .wrapper .software .single .name img {
height: 45px;
}
}
.main.page-microsoft .office-block .wrapper .software .single .name span {
display: block;
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
}
@media (max-width: 1024px) {
.main.page-microsoft .office-block .wrapper .software .single .name span {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.page-microsoft .office-block .wrapper .software .single .text {
margin: 29px 0 0;
}
.main.page-microsoft .licenses-block {
position: relative;
padding: 92px 0 97px;
}
@media (max-width: 1024px) {
.main.page-microsoft .licenses-block {
padding: 80px 0 80px;
}
}
.main.page-microsoft .licenses-block .illustration-2 {
height: 228px;
width: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-microsoft .licenses-block .illustration-2 {
height: 160px;
}
}
@media (max-width: 1024px) {
.main.page-microsoft .licenses-block .illustration-2 {
height: 112px;
}
}
@media (max-width: 768px) {
.main.page-microsoft .licenses-block .illustration-2 {
height: 78px;
}
}
.main.page-microsoft .licenses-block .wrapper .top {
display: flex;
grid-gap: 90px;
align-items: flex-start;
}
@media (max-width: 1024px) {
.main.page-microsoft .licenses-block .wrapper .top {
grid-gap: 64px;
}
}
@media (max-width: 768px) {
.main.page-microsoft .licenses-block .wrapper .top {
flex-direction: column;
grid-gap: 48px;
}
}
.main.page-microsoft .licenses-block .wrapper .top .column:nth-of-type(1) {
max-width: 628px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-microsoft .licenses-block .wrapper .top .column:nth-of-type(1) {
max-width: 100%;
}
}
.main.page-microsoft .licenses-block .wrapper .top .column:nth-of-type(1) img {
height: 91px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-microsoft .licenses-block .wrapper .top .column:nth-of-type(1) img {
height: 66px;
}
}
.main.page-microsoft .licenses-block .wrapper .top .column:nth-of-type(1) h2 {
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
margin: 10px 0 0;
}
.main.page-microsoft .licenses-block .wrapper .top .column:nth-of-type(1) .text {
margin: 20px 0 0;
}
.main.page-microsoft .licenses-block .wrapper .top .column:nth-of-type(2) {
max-width: 540px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-microsoft .licenses-block .wrapper .top .column:nth-of-type(2) {
max-width: 100%;
}
}
.main.page-microsoft .licenses-block .wrapper .top .column:nth-of-type(2) .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 66.66%;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans {
margin: 40px 0 0;
padding: 28px;
background: #f0f0f0;
border-radius: 8px;
display: flex;
flex-direction: column;
grid-gap: 20px;
}
@media (max-width: 768px) {
.main.page-microsoft .licenses-block .wrapper .licenses-plans {
padding: 20px;
}
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans h3 {
margin: 0;
font-size: 20px;
font-size: 1.25rem;
color: #1a1a1a;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .plan-categories {
display: flex;
flex-direction: column;
grid-gap: 20px;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .cat-name {
display: block;
font-size: 14px;
font-size: 0.875rem;
color: #6b6663;
font-weight: 700;
letter-spacing: 0.7px;
text-transform: uppercase;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .plans {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 16px;
}
@media (max-width: 768px) {
.main.page-microsoft .licenses-block .wrapper .licenses-plans .plans {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .single-plan {
display: flex;
flex-direction: column;
justify-content: space-between;
grid-gap: 11px;
padding: 22px;
background: #ffffff;
border: 1px solid #d9d9d9;
border-radius: 8px;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .single-plan.is-popular {
border: 2px solid #E60000;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.14);
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .single-plan.is-popular .desc {
color: #383838;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .single-plan.is-popular .rows p {
color: #1a1a1a;
font-weight: 500;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .single-plan.is-popular .btn {
background: #E60000;
color: #ffffff;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .top-part {
display: flex;
flex-direction: column;
grid-gap: 11px;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .tag-slot {
min-height: 28px;
}
@media (max-width: 768px) {
.main.page-microsoft .licenses-block .wrapper .licenses-plans .tag-slot {
min-height: 0;
}
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .tag {
display: inline-flex;
align-items: center;
padding: 6px 11px;
border-radius: 4px;
background: #E60000;
font-size: 13px;
font-size: 0.8125rem;
color: #ffffff;
font-weight: 700;
letter-spacing: 0.3px;
text-transform: uppercase;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .name {
display: block;
font-size: 19px;
font-size: 1.1875rem;
color: #1a1a1a;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .desc {
margin: 0;
font-size: 15px;
font-size: 0.9375rem;
color: #6b6663;
line-height: 1.3;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .rows {
display: flex;
flex-direction: column;
grid-gap: 11px;
}
@media (max-width: 640px) {
.main.page-microsoft .licenses-block .wrapper .licenses-plans .rows {
grid-gap: 24px;
}
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .rows .single {
display: flex;
flex-direction: column;
grid-gap: 4px;
min-height: 72px;
}
@media (max-width: 640px) {
.main.page-microsoft .licenses-block .wrapper .licenses-plans .rows .single {
min-height: 0;
}
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .rows .row-name {
display: block;
font-size: 13px;
font-size: 0.8125rem;
color: #6b6663;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .rows p {
margin: 0;
font-size: 16px;
font-size: 1rem;
color: #383838;
line-height: 1.25;
}
.main.page-microsoft .licenses-block .wrapper .licenses-plans .btn {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 13px 19px;
border: 2px solid #E60000;
border-radius: 6px;
background: #ffffff;
font-size: 15px;
font-size: 0.9375rem;
color: #E60000;
font-weight: 700;
text-decoration: none;
margin: 0;
}
@media (max-width: 640px) {
.main.page-microsoft .licenses-block .wrapper .licenses-plans .btn {
margin: 24px 0 0;
}
}
.main.page-microsoft .licenses-block .wrapper .licenses {
margin: 40px 0 0;
}
.main.page-microsoft .licenses-block .wrapper .licenses .title {
display: block;
font-weight: 700;
}
.main.page-microsoft .licenses-block .wrapper .licenses .text {
column-count: 2;
column-gap: 80px;
margin: 32px 0 0;
}
@media (max-width: 768px) {
.main.page-microsoft .licenses-block .wrapper .licenses .text {
column-count: 1;
}
}
.main.page-microsoft .licenses-block .wrapper .licenses .text li {
margin: 0 0 16px;
}
.main.page-microsoft .licenses-block .wrapper .licenses .text li:last-child {
margin: 0;
}
.main.page-microsoft .licenses-block .wrapper .btn {
background: #EB3D01;
border: 1px solid #D0D0D0;
border-radius: 20px;
margin: 80px 0 0;
}
@media (max-width: 1024px) {
.main.page-microsoft .licenses-block .wrapper .btn {
margin: 64px 0 0;
}
}
@media (max-width: 768px) {
.main.page-microsoft .licenses-block .wrapper .btn {
margin: 48px 0 0;
}
}
.main.page-storadera {
background: #E5E5E5;
}
.main.page-storadera .top-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-storadera .top-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-storadera .top-block {
height: 500px;
min-height: inherit;
}
}
.main.page-storadera .top-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-storadera .top-block .wrapper .wrap {
max-width: 610px;
}
.main.page-storadera .top-block .wrapper .wrap h1 {
margin: 0;
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1440px) {
.main.page-storadera .top-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-storadera .top-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-storadera .top-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-storadera .top-block .wrapper .wrap .text {
margin: 30px 0 0;
}
.main.page-storadera .top-block .wrapper .wrap .text p {
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-storadera .description-block {
padding: 83px 0 83px;
position: relative;
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1024px) {
.main.page-storadera .description-block {
padding: 80px 0 80px;
}
}
.main.page-storadera .description-block .illustration-1 {
height: 336px;
width: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
@media (max-width: 1440px) {
.main.page-storadera .description-block .illustration-1 {
height: 235px;
}
}
@media (max-width: 1024px) {
.main.page-storadera .description-block .illustration-1 {
height: 165px;
}
}
@media (max-width: 768px) {
.main.page-storadera .description-block .illustration-1 {
height: 115px;
}
}
.main.page-storadera .description-block .wrapper .desc .columns {
display: grid;
grid-gap: 120px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1280px) {
.main.page-storadera .description-block .wrapper .desc .columns {
grid-gap: 100px;
}
}
@media (max-width: 1024px) {
.main.page-storadera .description-block .wrapper .desc .columns {
grid-gap: 80px;
}
}
@media (max-width: 768px) {
.main.page-storadera .description-block .wrapper .desc .columns {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 40px;
}
}
.main.page-storadera .description-block .wrapper .desc .columns .column:nth-child(1) .logo {
height: 55px;
width: auto;
display: block;
}
@media (max-width: 1280px) {
.main.page-storadera .description-block .wrapper .desc .columns .column:nth-child(1) .logo {
height: 38px;
}
}
.main.page-storadera .description-block .wrapper .desc .columns .column:nth-child(1) .text {
margin: 36px 0 0;
}
@media (max-width: 768px) {
.main.page-storadera .description-block .wrapper .desc .columns .column:nth-child(1) .text {
margin: 30px 0 0;
}
}
.main.page-storadera .description-block .wrapper .desc .columns .column:nth-child(2) img {
width: auto;
max-width: 100%;
height: auto;
display: block;
}
@media (max-width: 768px) {
.main.page-storadera .description-block .wrapper .desc .columns .column:nth-child(2) img {
max-width: 320px;
margin: 0 auto;
}
}
.main.page-storadera .description-block .wrapper .key-features {
margin: 38px 0 0;
}
@media (max-width: 768px) {
.main.page-storadera .description-block .wrapper .key-features {
margin: 30px 0 0;
}
}
.main.page-storadera .description-block .wrapper .key-features .title {
display: flex;
align-items: center;
grid-gap: 19px;
}
.main.page-storadera .description-block .wrapper .key-features .title img {
height: 88px;
width: auto;
display: block;
flex: none;
}
@media (max-width: 1280px) {
.main.page-storadera .description-block .wrapper .key-features .title img {
height: 62px;
}
}
.main.page-storadera .description-block .wrapper .key-features .title h2 {
display: block;
margin: 0;
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
}
@media (max-width: 1280px) {
.main.page-storadera .description-block .wrapper .key-features .title h2 {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.main.page-storadera .description-block .wrapper .key-features .title h2 {
font-size: 24px;
font-size: 1.5rem;
}
}
.main.page-storadera .description-block .wrapper .key-features .wrap {
margin: 38px 0 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 44px;
}
@media (max-width: 768px) {
.main.page-storadera .description-block .wrapper .key-features .wrap {
grid-gap: 32px;
margin: 30px 0 0;
}
}
@media (max-width: 480px) {
.main.page-storadera .description-block .wrapper .key-features .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 24px;
}
}
.main.page-storadera .description-block .wrapper .key-features .wrap .single {
display: flex;
align-items: flex-start;
grid-gap: 13px;
}
.main.page-storadera .description-block .wrapper .key-features .wrap .single .img-wrap {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
flex: none;
}
.main.page-storadera .description-block .wrapper .key-features .wrap .single .img-wrap img {
width: auto;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.main.page-storadera .description-block .wrapper .key-features .wrap .single p {
margin: 0;
}
.main.page-storadera .description-block .wrapper .blue-disclaimer {
background: #003468;
border: 1px solid #D0D0D0;
border-radius: 20px;
margin: 66px 0 0;
padding: 40px 66px;
}
@media (max-width: 1024px) {
.main.page-storadera .description-block .wrapper .blue-disclaimer {
padding: 30px 40px;
}
}
@media (max-width: 768px) {
.main.page-storadera .description-block .wrapper .blue-disclaimer {
margin: 40px 0 0;
}
}
.main.page-storadera .description-block .wrapper .blue-disclaimer .text {
color: #ffffff;
}
.main.page-storadera .description-block .wrapper .blue-disclaimer .text * {
color: #ffffff;
}
.main.page-storadera .description-block .wrapper .possibilities {
margin: 66px 0 0;
}
@media (max-width: 768px) {
.main.page-storadera .description-block .wrapper .possibilities {
margin: 40px 0 0;
}
}
.main.page-storadera .description-block .wrapper .possibilities .title {
display: flex;
align-items: center;
grid-gap: 19px;
}
.main.page-storadera .description-block .wrapper .possibilities .title img {
height: 88px;
width: auto;
display: block;
flex: none;
}
@media (max-width: 1280px) {
.main.page-storadera .description-block .wrapper .possibilities .title img {
height: 62px;
}
}
.main.page-storadera .description-block .wrapper .possibilities .title h2 {
display: block;
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
margin: 0;
max-width: 630px;
}
@media (max-width: 1280px) {
.main.page-storadera .description-block .wrapper .possibilities .title h2 {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.main.page-storadera .description-block .wrapper .possibilities .title h2 {
font-size: 24px;
font-size: 1.5rem;
}
}
.main.page-storadera .description-block .wrapper .possibilities .wrap {
display: grid;
grid-gap: 30px;
grid-column-gap: 70px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 40px 0 0;
}
@media (max-width: 1024px) {
.main.page-storadera .description-block .wrapper .possibilities .wrap {
grid-column-gap: 40px;
}
}
@media (max-width: 768px) {
.main.page-storadera .description-block .wrapper .possibilities .wrap {
margin: 30px 0 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-storadera .description-block .wrapper .possibilities .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 24px;
}
}
.main.page-storadera .description-block .wrapper .possibilities .wrap .single {
display: flex;
grid-gap: 13px;
align-items: flex-start;
}
.main.page-storadera .description-block .wrapper .possibilities .wrap .single .img-wrap {
width: 34px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
flex: none;
}
.main.page-storadera .description-block .wrapper .possibilities .wrap .single .img-wrap img {
width: auto;
height: auto;
display: block;
max-width: 100%;
max-height: 100%;
}
.main.page-storadera .description-block .wrapper .possibilities .wrap .single .info .possibility {
font-weight: 700;
color: #0D0D0D;
}
.main.page-storadera .description-block .wrapper .possibilities .wrap .single .info p {
margin: 14px 0 0;
}
@media (max-width: 480px) {
.main.page-storadera .description-block .wrapper .possibilities .wrap .single .info p {
margin: 8px 0 0;
}
}
.main.page-storadera .experience-block {
padding: 80px 0 80px;
position: relative;
background: #F4F4F4;
}
@media (max-width: 1024px) {
.main.page-storadera .experience-block {
padding: 64px 0 64px;
}
}
.main.page-storadera .experience-block .illustration-2 {
height: 243px;
width: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
}
@media (max-width: 1440px) {
.main.page-storadera .experience-block .illustration-2 {
height: 170px;
}
}
@media (max-width: 1024px) {
.main.page-storadera .experience-block .illustration-2 {
height: 119px;
}
}
@media (max-width: 768px) {
.main.page-storadera .experience-block .illustration-2 {
height: 83px;
}
}
.main.page-storadera .experience-block .wrapper .columns {
display: grid;
grid-gap: 140px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1280px) {
.main.page-storadera .experience-block .wrapper .columns {
grid-gap: 110px;
}
}
@media (max-width: 1024px) {
.main.page-storadera .experience-block .wrapper .columns {
grid-gap: 80px;
}
}
@media (max-width: 768px) {
.main.page-storadera .experience-block .wrapper .columns {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 40px;
}
}
.main.page-storadera .experience-block .wrapper .columns .column:nth-child(1) h2 {
margin: 47px 0 0;
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
}
@media (max-width: 1280px) {
.main.page-storadera .experience-block .wrapper .columns .column:nth-child(1) h2 {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 768px) {
.main.page-storadera .experience-block .wrapper .columns .column:nth-child(1) h2 {
font-size: 24px;
font-size: 1.5rem;
margin: 32px 0 0;
}
}
.main.page-storadera .experience-block .wrapper .columns .column:nth-child(2) .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 66.66%;
}
.main.page-nis {
background: #ffffff;
}
.main.page-nis .top-landing-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-nis .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-nis .top-landing-block {
min-height: inherit;
}
}
.main.page-nis .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-nis .top-landing-block .wrapper .wrap {
display: flex;
align-items: center;
grid-gap: 183px;
}
@media (max-width: 1680px) {
.main.page-nis .top-landing-block .wrapper .wrap {
grid-gap: 160px;
}
}
@media (max-width: 1440px) {
.main.page-nis .top-landing-block .wrapper .wrap {
grid-gap: 140px;
}
}
@media (max-width: 1280px) {
.main.page-nis .top-landing-block .wrapper .wrap {
grid-gap: 120px;
}
}
@media (max-width: 1024px) {
.main.page-nis .top-landing-block .wrapper .wrap {
grid-gap: 100px;
}
}
@media (max-width: 768px) {
.main.page-nis .top-landing-block .wrapper .wrap {
flex-direction: column;
padding: 140px 0 0;
grid-gap: 40px;
}
}
@media (max-width: 768px) {
.main.page-nis .top-landing-block .wrapper .wrap .left {
width: 100%;
}
}
.main.page-nis .top-landing-block .wrapper .wrap .left img {
height: 112px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-nis .top-landing-block .wrapper .wrap .left img {
height: 75px;
}
}
.main.page-nis .top-landing-block .wrapper .wrap .left h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-nis .top-landing-block .wrapper .wrap .left h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-nis .top-landing-block .wrapper .wrap .left h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-nis .top-landing-block .wrapper .wrap .left h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-nis .top-landing-block .wrapper .wrap .left .desc {
margin: 16px 0 0;
}
.main.page-nis .top-landing-block .wrapper .wrap .left .desc p {
margin: 0;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
}
.main.page-nis .top-landing-block .wrapper .wrap .left .btns-wrap {
margin: 24px 0 0;
display: flex;
align-items: center;
grid-gap: 24px;
}
@media (max-width: 768px) {
.main.page-nis .top-landing-block .wrapper .wrap .left .btns-wrap {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
grid-gap: 16px;
}
}
.main.page-nis .top-landing-block .wrapper .wrap .left .btns-wrap .btn,
.main.page-nis .top-landing-block .wrapper .wrap .left .btns-wrap .vf-btn {
margin-top: 0;
}
.main.page-nis .top-landing-block .wrapper .wrap .left .btn {
margin: 24px 0 0;
background: #ffffff;
color: #0D0D0D;
display: inline-block;
}
.main.page-nis .top-landing-block .wrapper .wrap .right {
padding: 22px 0 32px;
}
@media (max-width: 768px) {
.main.page-nis .top-landing-block .wrapper .wrap .right {
width: 100%;
order: 1;
padding: 0;
margin: 0 auto;
display: none;
}
}
.main.page-nis .top-landing-block .wrapper .wrap .right img {
height: calc(100vh - 170px);
max-width: 34vw;
width: auto;
display: block;
max-height: 600px;
}
@media (max-width: 768px) {
.main.page-nis .top-landing-block .wrapper .wrap .right img {
height: auto;
width: 100%;
max-width: 320px;
margin: 0 auto;
}
}
.main.page-nis .description-block {
background: linear-gradient(0deg, #FFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 80px 0 130px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-nis .description-block {
padding: 72px 0 72px;
}
}
.main.page-nis .description-block .ill-1 {
display: block;
width: auto;
height: 392px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
@media (max-width: 1440px) {
.main.page-nis .description-block .ill-1 {
height: 274px;
}
}
@media (max-width: 1024px) {
.main.page-nis .description-block .ill-1 {
height: 192px;
}
}
@media (max-width: 768px) {
.main.page-nis .description-block .ill-1 {
height: 134px;
z-index: 0;
}
}
.main.page-nis .description-block .wrapper .text-1-photo-2 .column .block-title {
font-size: 40px;
font-size: 2.5rem;
margin: 0;
}
.main.page-nis .description-block .wrapper .text-1-photo-2 .column .desc-1 {
margin: 36px 0 0;
}
.main.page-nis .description-block .wrapper .text-1-photo-2 .column .btn {
background: #0E223B;
text-align: center;
margin: 36px 0 0;
justify-content: center;
}
.main.page-nis .description-block .wrapper .text-1-photo-2 .column .vf-btn {
margin: 36px 0 0;
align-self: flex-start;
justify-self: flex-start;
}
.main.page-nis .description-block .wrapper .text-1-photo-2 .column .desc-2 h6 {
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
margin: 24px 0 0;
}
.main.page-nis .contact-us-block {
padding: 60px 0 70px;
position: relative;
background: #FAFAFA;
}
@media (max-width: 1024px) {
.main.page-nis .contact-us-block {
padding: 80px 0 80px;
}
}
.main.page-nis .contact-us-block .illustration-2 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-nis .contact-us-block .illustration-2 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-nis .contact-us-block .illustration-2 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-nis .contact-us-block .illustration-2 {
height: 123px;
}
}
.main.page-nis .contact-us-block .wrapper .wrap .text {
margin: 24px 0 0;
max-width: 793px;
}
.main.page-nis .contact-us-block .wrapper .wrap .text p {
font-weight: 700;
}
.main.page-nis .contact-us-block .wrapper .wrap .person {
display: flex;
align-items: center;
margin: 56px 0 0;
}
@media (max-width: 1024px) {
.main.page-nis .contact-us-block .wrapper .wrap .person {
margin: 40px 0 0;
}
}
.main.page-nis .contact-us-block .wrapper .wrap .person .photo {
width: 205px;
border-radius: 100%;
overflow: hidden;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-nis .contact-us-block .wrapper .wrap .person .photo {
width: 150px;
}
}
.main.page-nis .contact-us-block .wrapper .wrap .person .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-nis .contact-us-block .wrapper .wrap .person .info p {
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 1024px) {
.main.page-nis .contact-us-block .wrapper .wrap .person .info p {
font-size: 18px;
font-size: 1.125rem;
}
}
.main.page-nis .contact-us-block .wrapper .wrap .person .info p b, .main.page-nis .contact-us-block .wrapper .wrap .person .info p strong {
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
}
@media (max-width: 1024px) {
.main.page-nis .contact-us-block .wrapper .wrap .person .info p b, .main.page-nis .contact-us-block .wrapper .wrap .person .info p strong {
font-size: 22px;
font-size: 1.375rem;
}
}
.main.page-nis .contact-us-block .wrapper .wrap .person .info p a {
font-size: 22px;
font-size: 1.375rem;
color: #E60000;
}
@media (max-width: 1024px) {
.main.page-nis .contact-us-block .wrapper .wrap .person .info p a {
font-size: 20px;
font-size: 1.25rem;
}
}
.main.page-nis .table-block {
background: #FAFAFA;
padding: 64px 0 150px;
position: relative;
overflow: hidden;
}
@media (max-width: 1024px) {
.main.page-nis .table-block {
padding: 64px 0 72px;
}
}
.main.page-nis .table-block .ill-2 {
display: block;
width: auto;
height: 720px;
position: absolute;
bottom: -230px;
right: 0;
}
@media (max-width: 1440px) {
.main.page-nis .table-block .ill-2 {
height: 504px;
bottom: -161px;
}
}
@media (max-width: 1024px) {
.main.page-nis .table-block .ill-2 {
height: 353px;
bottom: -113px;
}
}
@media (max-width: 768px) {
.main.page-nis .table-block .ill-2 {
height: 247px;
bottom: -79px;
}
}
.main.page-nis .table-block .wrapper h2 {
max-width: 814px;
font-size: 32px;
font-size: 2rem;
margin: 0;
color: #0D0D0D;
}
.main.page-nis .table-block .wrapper .text {
max-width: 814px;
margin: 16px 0 0;
}
.main.page-nis .table-block .wrapper .table {
margin: 48px 0 0;
background: #ffffff;
}
.main.page-nis .table-block .wrapper .table img {
width: 100%;
height: auto;
display: block;
}
.main.page-nis .security-block {
background: #0E223B;
padding: 64px 0 72px;
}
.main.page-nis .security-block .wrapper h2 {
max-width: 814px;
color: #ffffff;
font-size: 32px;
font-size: 2rem;
}
.main.page-nis .security-block .wrapper .text {
max-width: 814px;
margin: 16px 0 0;
}
.main.page-nis .security-block .wrapper .text p {
color: #ffffff;
}
.main.page-nis .security-block .wrapper .grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 120px;
margin: 53px 0 0;
}
@media (max-width: 1440px) {
.main.page-nis .security-block .wrapper .grid {
grid-gap: 96px;
}
}
@media (max-width: 1280px) {
.main.page-nis .security-block .wrapper .grid {
grid-gap: 72px;
}
}
@media (max-width: 1024px) {
.main.page-nis .security-block .wrapper .grid {
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-nis .security-block .wrapper .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
margin: 40px 0 0;
}
}
.main.page-nis .security-block .wrapper .grid .single span {
display: block;
text-align: center;
color: #B69861;
font-weight: 700;
font-size: 64px;
font-size: 4rem;
}
.main.page-nis .security-block .wrapper .grid .single p {
margin: 22px auto 0;
text-align: center;
max-width: 336px;
color: #ffffff;
}
.main.page-nis .security-block .wrapper .btn-wrap {
margin: 24px 0 0;
text-align: center;
display: flex;
flex-direction: column;
}
@media (max-width: 768px) {
.main.page-nis .security-block .wrapper .btn-wrap {
margin: 32px 0 0;
}
}
.main.page-nis .security-block .wrapper .btn-wrap img {
height: 112px;
width: auto;
display: block;
margin: 0 auto;
}
.main.page-nis .security-block .wrapper .btn-wrap .btn {
margin: 32px auto 0;
max-width: 376px;
background: #B69861;
}
.main.page-nis .security-block .wrapper .btn-wrap .notif {
display: block;
font-size: 15px;
font-size: 0.9375rem;
color: #ffffff;
margin: 23px auto 0;
}
.main.page-nis .cheat-sheet-block {
background: #FAFAFA;
padding: 72px 0 80px;
}
@media (max-width: 1024px) {
.main.page-nis .cheat-sheet-block {
padding: 72px 0 72px;
}
}
.main.page-nis .cheat-sheet-block .wrapper h2 {
max-width: 814px;
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
}
.main.page-nis .cheat-sheet-block .wrapper .text {
max-width: 814px;
margin: 16px 0 0;
}
.main.page-nis .cheat-sheet-block .wrapper h4 {
margin: 50px 0 0;
color: #0D0D0D;
font-size: 24px;
font-size: 1.5rem;
}
@media (max-width: 768px) {
.main.page-nis .cheat-sheet-block .wrapper h4 {
margin: 40px 0 0;
}
}
.main.page-nis .cheat-sheet-block .wrapper .grid {
margin: 48px 0 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 38px;
grid-row-gap: 50px;
}
@media (max-width: 768px) {
.main.page-nis .cheat-sheet-block .wrapper .grid {
margin: 40px 0 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-nis .cheat-sheet-block .wrapper .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-nis .cheat-sheet-block .wrapper .grid .single .icon-wrap {
display: flex;
align-items: flex-end;
justify-content: center;
width: 116px;
height: 116px;
margin: 0 auto;
}
@media (max-width: 1280px) {
.main.page-nis .cheat-sheet-block .wrapper .grid .single .icon-wrap {
width: 96px;
height: 96px;
}
}
@media (max-width: 1024px) {
.main.page-nis .cheat-sheet-block .wrapper .grid .single .icon-wrap {
width: 72px;
height: 72px;
}
}
.main.page-nis .cheat-sheet-block .wrapper .grid .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-nis .cheat-sheet-block .wrapper .grid .single span {
text-align: center;
display: block;
font-weight: 700;
margin: 14px 0 0;
color: #0D0D0D;
}
.main.page-nis .cheat-sheet-block .wrapper .grid .single p {
text-align: center;
display: block;
color: #797979;
margin: 27px auto 0;
max-width: 368px;
}
@media (max-width: 480px) {
.main.page-nis .cheat-sheet-block .wrapper .grid .single p {
max-width: 100%;
margin: 24px 0 0;
}
}
.main.page-nis .cheat-sheet-block .wrapper .center-btn {
margin: 42px 0 0;
text-align: center;
}
.main.page-nis .cheat-sheet-block .wrapper .center-btn .btn {
text-align: center;
max-width: 440px;
background: #0E223B;
}
.main.page-nis .steps-block {
padding: 84px 0 80px;
position: relative;
background: #FAFAFA;
}
@media (max-width: 1024px) {
.main.page-nis .steps-block {
padding: 72px 0 72px;
}
}
.main.page-nis .steps-block .ill-3 {
display: block;
width: auto;
height: 570px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
@media (max-width: 1440px) {
.main.page-nis .steps-block .ill-3 {
height: 399px;
}
}
@media (max-width: 1024px) {
.main.page-nis .steps-block .ill-3 {
height: 279px;
}
}
@media (max-width: 768px) {
.main.page-nis .steps-block .ill-3 {
height: 196px;
}
}
.main.page-nis .steps-block:after {
content: "";
display: block;
height: 450px;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: white;
background: -moz-linear-gradient(0deg, white 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(0deg, white 0%, #e5e5e5 100%);
background: linear-gradient(0deg, white 0%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e5e5e5",GradientType=1);
}
.main.page-nis .steps-block:before {
content: "";
display: block;
height: calc(100% - 450px);
width: 100%;
position: absolute;
top: 450px;
left: 0;
background: white;
background: -moz-linear-gradient(180deg, white 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(180deg, white 0%, #e5e5e5 100%);
background: linear-gradient(180deg, white 0%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e5e5e5",GradientType=1);
}
.main.page-nis .steps-block .wrapper {
z-index: 2;
}
.main.page-nis .steps-block .wrapper .top {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 768px) {
.main.page-nis .steps-block .wrapper .top {
flex-direction: column;
grid-gap: 40px;
}
}
.main.page-nis .steps-block .wrapper .top .left {
width: calc(100% - 460px);
}
@media (max-width: 1680px) {
.main.page-nis .steps-block .wrapper .top .left {
width: calc(100% - 420px);
}
}
@media (max-width: 1440px) {
.main.page-nis .steps-block .wrapper .top .left {
width: calc(100% - 380px);
}
}
@media (max-width: 1280px) {
.main.page-nis .steps-block .wrapper .top .left {
width: calc(100% - 340px);
}
}
@media (max-width: 1024px) {
.main.page-nis .steps-block .wrapper .top .left {
width: calc(100% - 300px);
}
}
@media (max-width: 768px) {
.main.page-nis .steps-block .wrapper .top .left {
width: 100%;
order: 2;
}
}
.main.page-nis .steps-block .wrapper .top .left h2 {
font-size: 32px;
font-size: 2rem;
margin: 0;
color: #0D0D0D;
}
.main.page-nis .steps-block .wrapper .top .left .text {
margin: 22px 0 0;
}
.main.page-nis .steps-block .wrapper .top .right {
width: 300px;
}
@media (max-width: 1680px) {
.main.page-nis .steps-block .wrapper .top .right {
width: 260px;
}
}
@media (max-width: 1440px) {
.main.page-nis .steps-block .wrapper .top .right {
width: 220px;
}
}
@media (max-width: 1280px) {
.main.page-nis .steps-block .wrapper .top .right {
width: 180px;
}
}
@media (max-width: 768px) {
.main.page-nis .steps-block .wrapper .top .right {
width: 100%;
order: 1;
}
}
.main.page-nis .steps-block .wrapper .top .right img {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 768px) {
.main.page-nis .steps-block .wrapper .top .right img {
width: 150px;
}
}
@media (max-width: 480px) {
.main.page-nis .steps-block .wrapper .top .right img {
width: 120px;
}
}
.main.page-nis .steps-block .wrapper .bottom {
margin: 42px 0 0;
}
.main.page-nis .steps-block .wrapper .bottom img {
width: 100%;
height: auto;
display: block;
}
.main.page-nis .journey-block {
background: #FAFAFA;
padding: 72px 0 80px;
}
@media (max-width: 1024px) {
.main.page-nis .journey-block {
padding: 72px 0 72px;
}
}
.main.page-nis .journey-block .wrapper h2 {
font-size: 32px;
font-size: 2rem;
margin: 0;
max-width: 814px;
color: #0D0D0D;
}
.main.page-nis .journey-block .wrapper .grid {
display: grid;
grid-gap: 36px;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin: 56px 0 0;
}
@media (max-width: 768px) {
.main.page-nis .journey-block .wrapper .grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-nis .journey-block .wrapper .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-nis .journey-block .wrapper .grid .single .icon-wrap {
display: flex;
align-items: flex-end;
justify-content: center;
width: 116px;
height: 116px;
margin: 0 auto;
}
@media (max-width: 1280px) {
.main.page-nis .journey-block .wrapper .grid .single .icon-wrap {
width: 96px;
height: 96px;
}
}
@media (max-width: 1024px) {
.main.page-nis .journey-block .wrapper .grid .single .icon-wrap {
width: 72px;
height: 72px;
}
}
.main.page-nis .journey-block .wrapper .grid .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-nis .journey-block .wrapper .grid .single span {
text-align: center;
display: block;
font-weight: 700;
margin: 14px 0 0;
color: #0D0D0D;
}
.main.page-nis .journey-block .wrapper .grid .single p {
text-align: center;
display: block;
margin: 27px auto 0;
max-width: 368px;
}
@media (max-width: 480px) {
.main.page-nis .journey-block .wrapper .grid .single p {
margin: 24px auto 0;
}
}
.main.page-nis .journey-block .wrapper .center-btn {
margin: 56px 0 0;
text-align: center;
}
@media (max-width: 768px) {
.main.page-nis .journey-block .wrapper .center-btn {
margin: 40px 0 0;
}
}
.main.page-nis .journey-block .wrapper .center-btn .btn {
max-width: 440px;
background: #0E223B;
}
.main.page-nis .actions-block {
background: white;
background: -moz-linear-gradient(0deg, white 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(0deg, white 0%, #e5e5e5 100%);
background: linear-gradient(0deg, white 0%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e5e5e5",GradientType=1);
padding: 64px 0 72px;
}
.main.page-nis .actions-block .wrapper h2 {
font-size: 32px;
font-size: 2rem;
margin: 0;
color: #0D0D0D;
}
.main.page-nis .actions-block .wrapper .wrap {
display: grid;
grid-gap: 48px;
margin: 65px 0 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.main.page-nis .actions-block .wrapper .wrap {
margin: 48px 0 0;
}
}
@media (max-width: 768px) {
.main.page-nis .actions-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-nis .actions-block .wrapper .wrap .column:nth-of-type(1) {
display: flex;
flex-direction: column;
grid-gap: 50px;
}
.main.page-nis .actions-block .wrapper .wrap .column:nth-of-type(1) .single .top {
display: flex;
align-items: center;
grid-gap: 27px;
}
.main.page-nis .actions-block .wrapper .wrap .column:nth-of-type(1) .single .top img {
width: 76px;
height: auto;
display: block;
}
@media (max-width: 1280px) {
.main.page-nis .actions-block .wrapper .wrap .column:nth-of-type(1) .single .top img {
width: 60px;
}
}
@media (max-width: 1024px) {
.main.page-nis .actions-block .wrapper .wrap .column:nth-of-type(1) .single .top img {
width: 50px;
}
}
.main.page-nis .actions-block .wrapper .wrap .column:nth-of-type(1) .single .top .info span {
display: block;
}
.main.page-nis .actions-block .wrapper .wrap .column:nth-of-type(1) .single .top .info span:nth-of-type(1) {
font-size: 18px;
font-size: 1.125rem;
color: #797979;
}
.main.page-nis .actions-block .wrapper .wrap .column:nth-of-type(1) .single .top .info span:nth-of-type(2) {
font-size: 32px;
font-size: 2rem;
font-weight: 700;
color: #0D0D0D;
}
.main.page-nis .actions-block .wrapper .wrap .column:nth-of-type(1) .single .text {
margin: 48px 0 0;
}
.main.page-nis .actions-block .wrapper .wrap .column:nth-of-type(2) img {
max-width: 100%;
width: auto;
height: auto;
display: block;
}
@media (max-width: 768px) {
.main.page-nis .actions-block .wrapper .wrap .column:nth-of-type(2) img {
margin: 0 auto;
}
}
.main.page-nis .cta-block-nis {
background: #FAFAFA;
padding: 90px 0 72px;
}
@media (max-width: 1024px) {
.main.page-nis .cta-block-nis {
padding: 72px 0 72px;
}
}
.main.page-nis .cta-block-nis .wrapper {
padding: 0;
background: none;
}
.main.page-nis .cta-block-nis .wrapper .wrap {
align-items: center;
grid-gap: 48px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 768px) {
.main.page-nis .cta-block-nis .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-nis .cta-block-nis .wrapper .wrap .column:nth-of-type(1) h2 {
font-size: 32px;
font-size: 2rem;
margin: 0;
color: #0D0D0D;
}
.main.page-nis .cta-block-nis .wrapper .wrap .column:nth-of-type(1) .text {
margin: 40px 0 0;
}
@media (max-width: 768px) {
.main.page-nis .cta-block-nis .wrapper .wrap .column:nth-of-type(1) .text {
margin: 32px 0 0;
}
}
.main.page-nis .cta-block-nis .wrapper .wrap .column:nth-of-type(2) img {
max-width: 100%;
width: auto;
height: auto;
display: block;
}
@media (max-width: 768px) {
.main.page-nis .cta-block-nis .wrapper .wrap .column:nth-of-type(2) img {
margin: 0 auto;
}
}
.main.page-nis .cta-block-nis .wrapper .plans {
margin: 48px 0 0;
border: 1px solid #959595;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-nis .cta-block-nis .wrapper .plans {
margin: 40px 0 0;
overflow-x: scroll;
}
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row {
display: flex;
border-bottom: 1px solid #959595;
width: 100%;
}
@media (max-width: 1024px) {
.main.page-nis .cta-block-nis .wrapper .plans .plan-row {
width: 934px;
}
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .yes {
height: 24px;
width: auto;
display: block;
margin: 0 auto;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .no {
height: 26px;
width: auto;
display: block;
margin: 0 auto;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .notice {
display: block;
text-align: center;
font-size: 16px;
font-size: 1rem;
margin: 8px 0 0;
color: #ffffff;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.zero-row .col-2 {
padding: 12px 12px;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.zero-row .col-2 span {
font-size: 19px;
font-size: 1.1875rem;
color: #0d233b;
font-weight: 400;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.zero-row .col-3 {
padding: 12px 12px;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.zero-row .col-3 span {
font-size: 19px;
font-size: 1.1875rem;
color: #b69762;
font-weight: 400;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.zero-row .col-4 {
padding: 12px 12px;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.zero-row .col-4 span {
font-size: 19px;
font-size: 1.1875rem;
color: #b69762;
font-weight: 400;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.first-row .col-2 {
padding: 12px 12px;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.first-row .col-2 span {
font-size: 19px;
font-size: 1.1875rem;
color: #0d233b;
font-weight: 700;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.first-row .col-3 {
padding: 12px 12px;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.first-row .col-3 span {
font-size: 19px;
font-size: 1.1875rem;
color: #b69762;
font-weight: 700;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.first-row .col-4 {
padding: 12px 12px;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row.first-row .col-4 span {
font-size: 19px;
font-size: 1.1875rem;
color: #b69762;
font-weight: 700;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row:last-child {
border: none;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .col-1 {
width: 58%;
padding: 20px 20px;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .col-1 .title {
font-weight: 700;
display: block;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .col-1 p {
margin: 10px 0 0;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .col-2 {
width: 14%;
background: #b69762;
padding: 20px 20px;
text-align: center;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .col-2 p {
color: #ffffff;
text-align: center;
margin: 0;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .col-3 {
width: 14%;
background: #0d233b;
padding: 20px 20px;
text-align: center;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .col-3 p {
color: #ffffff;
text-align: center;
margin: 0;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .col-4 {
width: 14%;
background: #666e77;
padding: 20px 20px;
text-align: center;
}
.main.page-nis .cta-block-nis .wrapper .plans .plan-row .col-4 p {
color: #ffffff;
text-align: center;
margin: 0;
}
.main.page-nis .cta-block-nis .wrapper .wrap-2 {
text-align: center;
margin: 40px 0 0;
}
.main.page-nis .cta-block-nis .wrapper .wrap-2 .disclaimer {
display: block;
margin: 0 auto;
max-width: 768px;
text-align: center;
}
.main.page-nis .cta-block-nis .wrapper .wrap-2 .btn {
margin: 34px 0 0;
max-width: 440px;
background: #0E223B;
}
.main.page-nis .clients-section {
padding: 90px 0 72px;
}
@media (max-width: 1024px) {
.main.page-nis .clients-section {
padding: 72px 0 72px;
}
}
.main.page-nis .clients-section .wrapper .companies h2 {
font-size: 32px;
font-size: 2rem;
margin: 0;
color: #0D0D0D;
}
.main.page-nis .clients-section .wrapper .companies .logos {
margin: 48px 0 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
grid-gap: 40px;
}
@media (max-width: 768px) {
.main.page-nis .clients-section .wrapper .companies .logos {
margin: 40px 0 0;
grid-gap: 32px;
}
}
@media (max-width: 480px) {
.main.page-nis .clients-section .wrapper .companies .logos {
grid-gap: 24px;
}
}
.main.page-nis .clients-section .wrapper .companies .logos .single {
padding: 16px 16px;
width: 175px;
height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
.main.page-nis .clients-section .wrapper .companies .logos .single {
padding: 12px 12px;
width: calc(50% - 16px);
max-width: 175px;
}
}
.main.page-nis .clients-section .wrapper .companies .logos .single img {
display: block;
width: auto;
height: auto;
max-width: 100%;
}
html[lang=lt-LT] .main.page-nis .description-block .wrapper .text-1-photo-2 .column .btn {
max-width: 350px;
}
html[lang=lt-LT] .main.page-nis .security-block .wrapper .btn-wrap .btn {
max-width: 490px;
}
html[lang=lt-LT] .main.page-nis .cheat-sheet-block .wrapper .center-btn .btn {
max-width: 550px;
}
html[lang=lt-LT] .main.page-nis .cta-block .wrapper .wrap-2 .btn {
max-width: 480px;
}
.main.page-aws-cost-optimisation h2.block-title {
font-size: 32px;
font-size: 2rem;
}
.main.page-aws-cost-optimisation .top-landing-block {
min-height: 662px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-aws-cost-optimisation .top-landing-block:after {
content: "";
width: 75%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(90deg, #05080d 0%, rgba(242, 238, 237, 0) 100%);
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .top-landing-block:after {
width: 90%;
}
}
@media (max-width: 480px) {
.main.page-aws-cost-optimisation .top-landing-block:after {
width: 100%;
}
}
.main.page-aws-cost-optimisation .top-landing-block .wrapper {
z-index: 2;
}
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap {
padding: 174px 0 0;
max-width: 630px;
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap {
padding: 140px 0 0;
}
}
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap img {
height: 84px;
width: auto;
display: block;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap img {
height: 60px;
}
}
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 20px 0 0;
}
@media (max-width: 1440px) {
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap .desc {
margin: 16px 0 0;
}
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap .desc p {
margin: 0;
color: #ffffff;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap .desc-btn {
margin: 16px 0 0;
}
.main.page-aws-cost-optimisation .top-landing-block .wrapper .wrap .desc-btn p {
color: #CCCCCC;
font-size: 14px;
font-size: 0.875rem;
}
.main.page-aws-cost-optimisation .top-landing-block .ill-1 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 50px;
right: 0;
}
@media (max-width: 1440px) {
.main.page-aws-cost-optimisation .top-landing-block .ill-1 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .top-landing-block .ill-1 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .top-landing-block .ill-1 {
height: 123px;
}
}
.main.page-aws-cost-optimisation .description-block {
padding: 180px 0;
position: relative;
background: linear-gradient(0deg, #FFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1680px) {
.main.page-aws-cost-optimisation .description-block {
padding: 155px 0;
}
}
@media (max-width: 1440px) {
.main.page-aws-cost-optimisation .description-block {
padding: 130px 0;
}
}
@media (max-width: 1280px) {
.main.page-aws-cost-optimisation .description-block {
padding: 100px 0;
}
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .description-block {
padding: 80px 0;
}
}
.main.page-aws-cost-optimisation .description-block .wrapper {
z-index: 1;
}
.main.page-aws-cost-optimisation .description-block .wrapper .text-1-photo-2 {
align-items: inherit;
}
.main.page-aws-cost-optimisation .description-block .wrapper .text-1-photo-2 .column:nth-of-type(1) {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.main.page-aws-cost-optimisation .description-block .wrapper .text-1-photo-2 .column .top .text {
margin: 32px 0 0;
}
.main.page-aws-cost-optimisation .description-block .wrapper .text-1-photo-2 .column .vf-btn {
text-align: center;
justify-content: center;
align-self: flex-start;
}
.main.page-aws-cost-optimisation .description-block .ill-2 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-aws-cost-optimisation .description-block .ill-2 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .description-block .ill-2 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .description-block .ill-2 {
height: 123px;
}
}
.main.page-aws-cost-optimisation .description-block .ill-3 {
height: 100%;
width: auto;
display: block;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .description-block .ill-3 {
display: none;
}
}
.main.page-aws-cost-optimisation .points-block {
padding: 74px 0 124px;
background: #FAFAFA;
position: relative;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .points-block {
padding: 80px 0;
}
}
.main.page-aws-cost-optimisation .points-block .wrapper {
z-index: 1;
}
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .headline {
display: block;
color: #FF8F00;
font-weight: 700;
}
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .block-title {
margin: 24px 0 0;
}
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .desc {
margin: 24px 0 0;
}
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .list {
margin: 50px 0 0;
display: flex;
flex-direction: column;
grid-gap: 35px;
}
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .list .single {
display: flex;
align-items: flex-start;
grid-gap: 24px;
}
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .list .single img {
width: 117px;
height: auto;
display: block;
flex: none;
}
@media (max-width: 1280px) {
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .list .single img {
width: 110px;
}
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .list .single img {
width: 96px;
}
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .list .single img {
width: 72px;
}
}
@media (max-width: 480px) {
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .list .single img {
width: 56px;
}
}
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .list .single .info span {
display: block;
text-transform: uppercase;
font-weight: 700;
}
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(1) .list .single .info p {
margin: 12px 0 0;
}
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(2) .text {
margin: 40px 0 0;
}
.main.page-aws-cost-optimisation .points-block .wrapper .text-1-photo-2 .column:nth-of-type(2) .text p {
font-size: 15px;
font-size: 0.9375rem;
}
.main.page-aws-cost-optimisation .points-block .ill-4 {
height: 482px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-aws-cost-optimisation .points-block .ill-4 {
height: 337px;
}
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .points-block .ill-4 {
height: 236px;
}
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .points-block .ill-4 {
height: 165px;
}
}
.main.page-aws-cost-optimisation .how-it-works-block {
background: linear-gradient(0deg, #FFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 60px 0 100px;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .how-it-works-block {
padding: 80px 0;
}
}
.main.page-aws-cost-optimisation .how-it-works-block .wrapper .block-title {
text-align: center;
}
.main.page-aws-cost-optimisation .how-it-works-block .wrapper .desc {
margin: 32px auto 0;
max-width: 785px;
text-align: center;
width: 100%;
}
.main.page-aws-cost-optimisation .how-it-works-block .wrapper .wrap {
margin: 50px auto 0;
border-radius: 20px;
border: 1px solid #979797;
background: #FFF;
padding: 53px 53px;
display: flex;
flex-direction: column;
grid-gap: 40px;
width: 100%;
max-width: 490px;
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .how-it-works-block .wrapper .wrap {
padding: 40px 40px;
}
}
.main.page-aws-cost-optimisation .how-it-works-block .wrapper .wrap .single .step {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background: #FF8F00;
border-radius: 100%;
margin: 0 auto;
}
.main.page-aws-cost-optimisation .how-it-works-block .wrapper .wrap .single .step span {
font-size: 14px;
font-size: 0.875rem;
display: block;
text-align: center;
font-weight: 400;
margin: 0;
}
.main.page-aws-cost-optimisation .how-it-works-block .wrapper .wrap .single span {
display: block;
margin: 12px 0 0;
text-align: center;
font-size: 20px;
font-size: 1.25rem;
font-weight: 700;
}
.main.page-aws-cost-optimisation .how-it-works-block .wrapper .wrap .single p {
text-align: center;
margin: 6px 0 0;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-aws-cost-optimisation .what-you-receive-block {
background: #FAFAFA;
padding: 70px 0 100px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .what-you-receive-block {
padding: 80px 0;
}
}
.main.page-aws-cost-optimisation .what-you-receive-block .wrapper .block-title {
text-align: center;
}
.main.page-aws-cost-optimisation .what-you-receive-block .wrapper .desc {
margin: 32px auto 0;
max-width: 909px;
text-align: center;
width: 100%;
}
.main.page-aws-cost-optimisation .what-you-receive-block .wrapper .wrap {
margin: 43px 0 0;
display: flex;
grid-gap: 96px;
justify-content: center;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .what-you-receive-block .wrapper .wrap {
grid-gap: 64px;
}
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .what-you-receive-block .wrapper .wrap {
flex-direction: column;
grid-gap: 48px;
}
}
.main.page-aws-cost-optimisation .what-you-receive-block .wrapper .wrap .single {
max-width: 247px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .what-you-receive-block .wrapper .wrap .single {
max-width: 320px;
margin: 0 auto;
}
}
.main.page-aws-cost-optimisation .what-you-receive-block .wrapper .wrap .single img {
height: 105px;
width: auto;
display: block;
margin: 0 auto;
}
.main.page-aws-cost-optimisation .what-you-receive-block .wrapper .wrap .single span {
display: block;
font-weight: 700;
text-align: center;
margin: 24px 0 0;
text-transform: uppercase;
}
.main.page-aws-cost-optimisation .what-you-receive-block .wrapper .wrap .single p {
margin: 18px 0 0;
text-align: center;
}
.main.page-aws-cost-optimisation .what-you-receive-block .ill-5 {
height: 190px;
width: auto;
display: block;
position: absolute;
top: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-aws-cost-optimisation .what-you-receive-block .ill-5 {
height: 133px;
}
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .what-you-receive-block .ill-5 {
height: 93px;
}
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .what-you-receive-block .ill-5 {
height: 84px;
}
}
.main.page-aws-cost-optimisation .table-block {
background: linear-gradient(0deg, #FFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 77px 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .table-block {
padding: 80px 0;
}
}
.main.page-aws-cost-optimisation .table-block .wrapper {
z-index: 1;
}
.main.page-aws-cost-optimisation .table-block .wrapper .block-title {
text-align: left;
font-size: 22px;
font-size: 1.375rem;
}
.main.page-aws-cost-optimisation .table-block .wrapper .desc {
margin: 12px 0 0;
max-width: 100%;
width: 100%;
text-align: left;
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.45;
color: #383838;
}
.main.page-aws-cost-optimisation .table-block .wrapper .desc p {
margin: 0;
color: inherit;
}
.main.page-aws-cost-optimisation .table-block .wrapper .table {
margin: 20px 0 0;
width: 100%;
max-width: 100%;
background: #ffffff;
border: 1px solid #D9D9D9;
border-radius: 6px;
overflow: hidden;
}
.main.page-aws-cost-optimisation .table-block .wrapper .table .row {
display: flex;
}
.main.page-aws-cost-optimisation .table-block .wrapper .table .row.head {
background: #F4F4F4;
}
.main.page-aws-cost-optimisation .table-block .wrapper .table .row.head .col span {
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
color: #6b6663;
}
.main.page-aws-cost-optimisation .table-block .wrapper .table .row:not(.head):nth-of-type(even) {
background: #ffffff;
}
.main.page-aws-cost-optimisation .table-block .wrapper .table .row:not(.head):nth-of-type(odd) {
background: #FBFBFB;
}
.main.page-aws-cost-optimisation .table-block .wrapper .table .row .col {
flex: 1 1 0;
min-width: 0;
padding: 14px 17px;
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .table-block .wrapper .table .row .col {
padding: 12px 14px;
}
}
.main.page-aws-cost-optimisation .table-block .wrapper .table .row .col span {
display: block;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.3;
color: #383838;
}
@media (max-width: 480px) {
.main.page-aws-cost-optimisation .table-block .wrapper .table .row .col span {
font-size: 13px;
font-size: 0.8125rem;
}
}
.main.page-aws-cost-optimisation .table-block .wrapper .table-note {
margin: 20px 0 0;
font-size: 17px;
font-size: 1.0625rem;
font-weight: 700;
color: #1A1A1A;
}
.main.page-aws-cost-optimisation .table-block .wrapper .cards {
margin: 20px 0 0;
display: flex;
align-items: stretch;
grid-gap: 16px;
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .table-block .wrapper .cards {
flex-direction: column;
}
}
.main.page-aws-cost-optimisation .table-block .wrapper .cards .card {
flex: 1 1 0;
min-width: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
grid-gap: 11px;
padding: 22px;
background: #ffffff;
border: 1px solid #D9D9D9;
border-radius: 8px;
}
.main.page-aws-cost-optimisation .table-block .wrapper .cards .card.is-primary {
border: 2px solid #E60000;
}
.main.page-aws-cost-optimisation .table-block .wrapper .cards .card .top {
display: flex;
flex-direction: column;
grid-gap: 8px;
}
.main.page-aws-cost-optimisation .table-block .wrapper .cards .card .title {
display: block;
font-size: 18px;
font-size: 1.125rem;
color: #1A1A1A;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.25;
}
.main.page-aws-cost-optimisation .table-block .wrapper .cards .card .desc {
margin: 0;
font-size: 16px;
font-size: 1rem;
color: #6b6663;
line-height: 1.4;
}
.main.page-aws-cost-optimisation .table-block .wrapper .cards .card .btn {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 13px 19px;
background: #ffffff;
border: 2px solid #E60000;
border-radius: 6px;
font-size: 15px;
font-size: 0.9375rem;
color: #E60000;
font-weight: 700;
text-decoration: none;
white-space: normal;
max-width: 100%;
}
.main.page-aws-cost-optimisation .table-block .wrapper .cards .card.is-primary .btn {
background: #E60000;
color: #ffffff;
}
.main.page-aws-cost-optimisation .table-block .ill-6 {
height: auto;
width: 96%;
display: block;
position: absolute;
top: 15%;
left: 0;
bottom: 0;
right: 0;
margin: auto;
opacity: 0.2;
}
.main.page-aws-cost-optimisation .cta-form-block {
background: #FAFAFA;
padding: 80px 0 80px;
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper {
display: flex;
align-items: flex-start;
grid-gap: 96px;
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .cta-form-block .wrapper {
flex-direction: column;
grid-gap: 60px;
}
}
@media (max-width: 480px) {
.main.page-aws-cost-optimisation .cta-form-block .wrapper {
grid-gap: 40px;
}
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) {
width: calc(50% - 48px);
flex: none;
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) {
width: 100%;
}
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .headline {
display: block;
color: #FF8F00;
font-weight: 700;
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .block-title {
margin: 24px 0 0;
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .desc {
margin: 24px 0 0;
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .tools {
margin: 60px 0 0;
display: flex;
flex-direction: column;
grid-gap: 26px;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .tools {
grid-gap: 20px;
margin: 40px 0 0;
}
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .tools .single {
display: flex;
align-items: center;
grid-gap: 40px;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .tools .single {
grid-gap: 24px;
}
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .tools .single:nth-of-type(2n + 2) .logo-wrap {
order: 2;
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .tools .single:nth-of-type(2n + 2) p {
order: 1;
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .tools .single .logo-wrap {
order: 1;
width: 159px;
flex: none;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .tools .single .logo-wrap {
width: 120px;
}
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .tools .single .logo-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(1) .tools .single p {
order: 2;
font-size: 15px;
font-size: 0.9375rem;
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(2) {
width: calc(50% - 48px);
flex: none;
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(2) {
width: 100%;
max-width: 480px;
margin: 0 auto;
}
}
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(2) .form {
background: #FFFFFF;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 63px 47px;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(2) .form {
padding: 40px 40px;
}
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(2) .form {
max-width: 480px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 480px) {
.main.page-aws-cost-optimisation .cta-form-block .wrapper .column:nth-of-type(2) .form {
padding: 30px 30px;
}
}
.main.page-aws-cost-optimisation .contact-us-block {
padding: 100px 0 192px;
position: relative;
background: linear-gradient(0deg, #FFFFFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 1440px) {
.main.page-aws-cost-optimisation .contact-us-block {
padding: 100px 0 150px;
}
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .contact-us-block {
padding: 80px 0 120px;
}
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .contact-us-block {
padding: 80px 0 100px;
}
}
.main.page-aws-cost-optimisation .contact-us-block .illustration-2 {
height: 360px;
width: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-aws-cost-optimisation .contact-us-block .illustration-2 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .contact-us-block .illustration-2 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-aws-cost-optimisation .contact-us-block .illustration-2 {
height: 123px;
}
}
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .desc {
margin: 24px 0 0;
max-width: 636px;
width: 100%;
}
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person {
display: flex;
align-items: center;
margin: 45px 0 0;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person {
margin: 35px 0 0;
}
}
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person .photo {
width: 205px;
border-radius: 100%;
overflow: hidden;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person .photo {
width: 140px;
}
}
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person .info p {
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person .info p {
font-size: 18px;
font-size: 1.125rem;
}
}
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person .info p b, .main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person .info p strong {
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person .info p b, .main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person .info p strong {
font-size: 22px;
font-size: 1.375rem;
}
}
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person .info p a {
font-size: 22px;
font-size: 1.375rem;
color: #E60000;
}
@media (max-width: 1024px) {
.main.page-aws-cost-optimisation .contact-us-block .wrapper .wrap .person .info p a {
font-size: 20px;
font-size: 1.25rem;
}
}
.main.page-armour-soc h2 {
font-size: 40px;
font-size: 2.5rem;
color: #000000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.1;
margin: 0;
}
.main.page-armour-soc h2.small {
font-size: 32px;
font-size: 2rem;
}
.main.page-armour-soc .btn {
padding: 16px 36px;
max-width: inherit;
width: auto;
border-radius: 6px;
font-weight: 400;
background: #0D0D0D;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-armour-soc .top-landing-block {
height: 662px;
}
@media (max-width: 1280px) {
.main.page-armour-soc .top-landing-block {
background-position-x: left;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .top-landing-block {
height: 600px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .top-landing-block {
height: 500px;
}
}
.main.page-armour-soc .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-armour-soc .top-landing-block .wrapper .info {
max-width: 520px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-armour-soc .top-landing-block .wrapper .info {
order: 2;
}
}
.main.page-armour-soc .top-landing-block .wrapper .info .above-headline-h1 {
font-size: 16px;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.28px;
color: #4A4D4E;
line-height: 1.1;
display: inline-block;
text-transform: uppercase;
margin: 0 0 21px;
}
.main.page-armour-soc .top-landing-block .wrapper .info h1 {
font-size: 48px;
font-size: 3rem;
color: #E60000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.1;
margin: 0;
}
@media (max-width: 1440px) {
.main.page-armour-soc .top-landing-block .wrapper .info h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-armour-soc .top-landing-block .wrapper .info h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .top-landing-block .wrapper .info h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-armour-soc .top-landing-block .wrapper .info .desc {
margin: 32px 0 0;
}
@media (max-width: 480px) {
.main.page-armour-soc .top-landing-block .wrapper .info .desc {
margin: 24px 0 0;
}
}
.main.page-armour-soc .top-landing-block .wrapper .info .desc p {
color: #4A4D4E;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-armour-soc .top-landing-block .wrapper .img {
display: block;
height: auto;
width: 100%;
max-width: 482px;
}
@media (max-width: 1280px) {
.main.page-armour-soc .top-landing-block .wrapper .img {
max-width: 337px;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .top-landing-block .wrapper .img {
max-width: 236px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .top-landing-block .wrapper .img {
max-width: 165px;
order: 1;
}
}
.main.page-armour-soc .security-block {
padding: 96px 0 64px;
background: linear-gradient(0deg, #FFF 62.23%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 768px) {
.main.page-armour-soc .security-block {
padding: 64px 0 64px;
}
}
.main.page-armour-soc .security-block .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 48px;
}
@media (max-width: 768px) {
.main.page-armour-soc .security-block .wrapper {
flex-direction: column;
grid-gap: 40px;
align-items: flex-start;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .security-block .wrapper .info {
order: 2;
}
}
.main.page-armour-soc .security-block .wrapper .info h2 {
max-width: 675px;
width: 100%;
}
.main.page-armour-soc .security-block .wrapper .info .desc {
margin: 24px 0 0;
max-width: 600px;
width: 100%;
}
.main.page-armour-soc .security-block .wrapper .info .list {
margin: 32px 0 0;
display: flex;
flex-direction: column;
grid-gap: 20px;
}
.main.page-armour-soc .security-block .wrapper .info .list .single {
position: relative;
padding: 0 0 0 33px;
}
.main.page-armour-soc .security-block .wrapper .info .list .single:before {
content: "";
display: block;
width: 22px;
height: 22px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-check-red-2.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
position: absolute;
top: 0;
left: 0;
}
.main.page-armour-soc .security-block .wrapper .info .list .single p {
margin: 0;
font-size: 16px;
font-size: 1rem;
color: #000000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.1;
}
.main.page-armour-soc .security-block .wrapper .info .list .single span {
display: block;
font-size: 16px;
font-size: 1rem;
color: #000000;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.1;
}
.main.page-armour-soc .security-block .wrapper .info .btn {
margin: 38px 0 0;
}
.main.page-armour-soc .security-block .wrapper .img {
max-width: 468px;
width: 100%;
height: auto;
display: block;
}
@media (max-width: 1280px) {
.main.page-armour-soc .security-block .wrapper .img {
max-width: 328px;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .security-block .wrapper .img {
max-width: 230px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .security-block .wrapper .img {
max-width: 161px;
order: 1;
}
}
.main.page-armour-soc .features-block {
background: #ffffff;
padding: 76px 0 64px;
}
@media (max-width: 768px) {
.main.page-armour-soc .features-block {
padding: 64px 0 64px;
}
}
.main.page-armour-soc .features-block .wrapper h2 {
text-align: center;
}
.main.page-armour-soc .features-block .wrapper .list {
margin: 40px 0 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-column-gap: 48px;
grid-row-gap: 48px;
}
@media (max-width: 1024px) {
.main.page-armour-soc .features-block .wrapper .list {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: 40px;
grid-row-gap: 40px;
}
}
@media (max-width: 480px) {
.main.page-armour-soc .features-block .wrapper .list {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-row-gap: 32px;
}
}
.main.page-armour-soc .features-block .wrapper .list .single img {
height: 116px;
width: auto;
display: block;
margin: 0 auto;
}
@media (max-width: 768px) {
.main.page-armour-soc .features-block .wrapper .list .single img {
height: 100px;
}
}
@media (max-width: 480px) {
.main.page-armour-soc .features-block .wrapper .list .single img {
height: 84px;
}
}
.main.page-armour-soc .features-block .wrapper .list .single .title {
display: block;
text-align: center;
letter-spacing: 0.4px;
margin: 16px auto 0;
font-weight: 700;
max-width: 80%;
}
@media (max-width: 768px) {
.main.page-armour-soc .features-block .wrapper .list .single .title {
max-width: 100%;
}
}
.main.page-armour-soc .features-block .wrapper .list .single .desc {
margin: 16px auto 0;
text-align: center;
}
.main.page-armour-soc .features-block .wrapper .list .single .desc p {
font-size: 18px;
font-size: 1.125rem;
}
.main.page-armour-soc .unique-block {
background: #0D0D0D;
padding: 96px 0 96px;
}
@media (max-width: 768px) {
.main.page-armour-soc .unique-block {
padding: 64px 0 64px;
}
}
.main.page-armour-soc .unique-block .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 48px;
}
@media (max-width: 768px) {
.main.page-armour-soc .unique-block .wrapper {
flex-direction: column;
grid-gap: 40px;
align-items: flex-start;
max-width: 488px;
margin: 0 auto;
}
}
.main.page-armour-soc .unique-block .wrapper .img {
display: block;
width: 100%;
height: auto;
max-width: 638px;
}
@media (max-width: 1280px) {
.main.page-armour-soc .unique-block .wrapper .img {
max-width: 447px;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .unique-block .wrapper .img {
max-width: 313px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .unique-block .wrapper .img {
max-width: 219px;
margin: 0 auto;
}
}
.main.page-armour-soc .unique-block .wrapper .info {
max-width: 488px;
width: 100%;
}
.main.page-armour-soc .unique-block .wrapper .info h2 {
color: #ffffff;
}
.main.page-armour-soc .unique-block .wrapper .info .list {
margin: 32px 0 0;
display: flex;
flex-direction: column;
grid-gap: 40px;
}
.main.page-armour-soc .unique-block .wrapper .info .list .single {
position: relative;
padding: 0 0 0 33px;
font-size: 16px;
font-size: 1rem;
color: #ffffff;
margin: 0;
}
.main.page-armour-soc .unique-block .wrapper .info .list .single:before {
content: "";
display: block;
width: 22px;
height: 22px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-check-red-2.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
position: absolute;
top: 0;
left: 0;
}
.main.page-armour-soc .map-block {
padding: 96px 0 96px;
background: #FAFAFA;
position: relative;
}
@media (max-width: 768px) {
.main.page-armour-soc .map-block {
padding: 64px 0 64px;
}
}
.main.page-armour-soc .map-block .wrapper {
display: flex;
align-items: center;
justify-content: center;
grid-gap: 48px;
z-index: 2;
}
@media (max-width: 768px) {
.main.page-armour-soc .map-block .wrapper {
flex-direction: column;
grid-gap: 40px;
align-items: flex-start;
}
}
.main.page-armour-soc .map-block .wrapper .info {
max-width: 594px;
width: 100%;
display: flex;
flex-direction: column;
grid-gap: 20px;
}
@media (max-width: 768px) {
.main.page-armour-soc .map-block .wrapper .info {
order: 2;
max-width: 100%;
}
}
.main.page-armour-soc .map-block .wrapper .info .single {
grid-gap: 38px;
display: flex;
align-items: flex-start;
}
@media (max-width: 1024px) {
.main.page-armour-soc .map-block .wrapper .info .single {
grid-gap: 30px;
}
}
@media (max-width: 480px) {
.main.page-armour-soc .map-block .wrapper .info .single {
grid-gap: 24px;
}
}
.main.page-armour-soc .map-block .wrapper .info .single .icon-wrap {
width: 106px;
height: 86px;
display: flex;
align-items: center;
justify-content: center;
flex: none;
}
@media (max-width: 1024px) {
.main.page-armour-soc .map-block .wrapper .info .single .icon-wrap {
width: 74px;
height: 60px;
}
}
@media (max-width: 480px) {
.main.page-armour-soc .map-block .wrapper .info .single .icon-wrap {
width: 52px;
height: 42px;
}
}
.main.page-armour-soc .map-block .wrapper .info .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-height: 100%;
max-width: 100%;
}
.main.page-armour-soc .map-block .wrapper .info .single .text-side {
max-width: 450px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-armour-soc .map-block .wrapper .info .single .text-side {
max-width: 100%;
}
}
.main.page-armour-soc .map-block .wrapper .info .single .text-side .title {
display: block;
font-weight: 700;
}
.main.page-armour-soc .map-block .wrapper .info .single .text-side p {
font-size: 18px;
font-size: 1.125rem;
margin: 16px 0 0;
}
.main.page-armour-soc .map-block .wrapper .info .facts {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 16px 0 0;
}
.main.page-armour-soc .map-block .wrapper .info .facts .single-fact {
display: flex;
flex-direction: column;
grid-gap: 3px;
}
.main.page-armour-soc .map-block .wrapper .info .facts .single-fact span {
display: block;
line-height: 1;
}
.main.page-armour-soc .map-block .wrapper .info .facts .single-fact span:nth-child(1) {
font-size: 40px;
font-size: 2.5rem;
color: #E60000;
font-weight: 700;
}
.main.page-armour-soc .map-block .wrapper .info .facts .single-fact span:nth-child(2) {
font-size: 14px;
font-size: 0.875rem;
color: #4A4D4E;
}
.main.page-armour-soc .map-block .wrapper .right .img {
max-width: 639px;
width: 100%;
height: auto;
display: block;
}
@media (max-width: 1280px) {
.main.page-armour-soc .map-block .wrapper .right .img {
max-width: 447px;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .map-block .wrapper .right .img {
max-width: 313px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .map-block .wrapper .right .img {
width: 100%;
max-width: 480px;
margin: 0 auto;
order: 1;
}
}
.main.page-armour-soc .map-block .wrapper .right .explanation {
margin: 24px 0 0;
display: flex;
align-items: center;
grid-gap: 9px;
}
.main.page-armour-soc .map-block .wrapper .right .explanation div {
width: 12px;
height: 12px;
border-radius: 2px;
background: #E60000;
}
.main.page-armour-soc .map-block .wrapper .right .explanation span {
font-size: 12px;
font-size: 0.75rem;
display: block;
}
.main.page-armour-soc .map-block .ill {
display: block;
width: auto;
position: absolute;
bottom: 0;
right: 0;
height: 338px;
}
@media (max-width: 1280px) {
.main.page-armour-soc .map-block .ill {
height: 237px;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .map-block .ill {
height: 166px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .map-block .ill {
height: 116px;
}
}
.main.page-armour-soc .security-2-block {
background: linear-gradient(0deg, #FFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 0 0 79px;
position: relative;
}
@media (max-width: 1280px) {
.main.page-armour-soc .security-2-block {
padding: 72px 0 79px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .security-2-block {
padding: 64px 0 64px;
}
}
.main.page-armour-soc .security-2-block .wrapper {
z-index: 2;
}
.main.page-armour-soc .security-2-block .wrapper .top {
padding: 37px 0 37px;
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 48px;
}
@media (max-width: 1280px) {
.main.page-armour-soc .security-2-block .wrapper .top {
padding: 0;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .security-2-block .wrapper .top {
flex-direction: column;
grid-gap: 40px;
align-items: flex-start;
}
}
.main.page-armour-soc .security-2-block .wrapper .top .img {
display: block;
width: 100%;
height: auto;
max-width: 537px;
}
@media (max-width: 1280px) {
.main.page-armour-soc .security-2-block .wrapper .top .img {
height: 376px;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .security-2-block .wrapper .top .img {
height: 263px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .security-2-block .wrapper .top .img {
height: 184px;
margin: 0 auto;
}
}
.main.page-armour-soc .security-2-block .wrapper .top .info {
max-width: 568px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-armour-soc .security-2-block .wrapper .top .info {
max-width: 100%;
}
}
.main.page-armour-soc .security-2-block .wrapper .top .info .desc {
margin: 24px 0 0;
}
.main.page-armour-soc .security-2-block .wrapper .top .info .person {
margin: 40px 0 0;
}
@media (max-width: 480px) {
.main.page-armour-soc .security-2-block .wrapper .top .info .person {
margin: 32px 0 0;
}
}
.main.page-armour-soc .security-2-block .wrapper .top .info .person .title {
display: block;
font-weight: 700;
}
.main.page-armour-soc .security-2-block .wrapper .top .info .person .person-wrap {
display: flex;
align-items: center;
grid-gap: 18px;
margin: 12px 0 0;
}
.main.page-armour-soc .security-2-block .wrapper .top .info .person .person-wrap .photo {
width: 79px;
height: 79px;
border-radius: 100%;
overflow: hidden;
flex: none;
}
.main.page-armour-soc .security-2-block .wrapper .top .info .person .person-wrap p {
margin: 0;
font-size: 16px;
font-size: 1rem;
}
.main.page-armour-soc .security-2-block .wrapper .top .info .btn {
margin: 36px 0 0;
}
@media (max-width: 1280px) {
.main.page-armour-soc .security-2-block .wrapper .bottom {
padding-top: 48px;
}
}
.main.page-armour-soc .security-2-block .wrapper .bottom h2 {
text-align: center;
}
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap {
margin: 24px 0 0;
margin: 48px 0 0;
display: grid;
align-items: flex-start;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap {
margin: 40px 0 0;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
grid-gap: 24px;
margin: 32px 0 0;
}
}
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap .single .title {
background: #B69861;
width: 100%;
font-weight: 700;
color: #ffffff;
display: block;
padding: 13px 0 13px 20%;
text-align: left;
}
@media (max-width: 768px) {
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap .single .title {
text-align: center;
padding: 13px 0 13px;
}
}
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap .single .list-wrap {
display: flex;
padding: 0 0 0 20%;
}
@media (max-width: 768px) {
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap .single .list-wrap {
padding: 0;
max-width: 400px;
margin: 0 auto;
}
}
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap .single .list-wrap .list {
display: flex;
flex-direction: column;
grid-gap: 24px;
}
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap .single .list-wrap .list.check p {
position: relative;
padding: 0 0 0 50px;
}
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap .single .list-wrap .list.check p:before {
content: "";
display: block;
width: 29px;
height: 20px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-check-2-red.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
position: absolute;
top: 0;
left: 0;
}
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap .single .list-wrap .list.cross p {
position: relative;
padding: 0 0 0 50px;
}
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap .single .list-wrap .list.cross p:before {
content: "";
display: block;
width: 29px;
height: 20px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-check-2-red.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
position: absolute;
top: 0;
left: 0;
}
.main.page-armour-soc .security-2-block .wrapper .bottom .wrap .single .list-wrap .list p {
margin: 0;
font-size: 16px;
font-size: 1rem;
}
.main.page-armour-soc .security-2-block .wrapper .bottom .disclaimer {
margin: 42px 0 0;
display: block;
text-align: center;
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}
.main.page-armour-soc .security-2-block .ill {
display: block;
width: auto;
position: absolute;
bottom: 0;
right: 0;
height: 186px;
}
@media (max-width: 1280px) {
.main.page-armour-soc .security-2-block .ill {
height: 130px;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .security-2-block .ill {
height: 91px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .security-2-block .ill {
height: 64px;
}
}
.main.page-armour-soc .iso-block {
background: #E5E5E5;
padding: 56px 0 56px;
}
@media (max-width: 768px) {
.main.page-armour-soc .iso-block {
padding: 64px 0 64px;
}
}
.main.page-armour-soc .iso-block .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 48px;
}
@media (max-width: 768px) {
.main.page-armour-soc .iso-block .wrapper {
flex-direction: column;
grid-gap: 40px;
align-items: flex-start;
}
}
.main.page-armour-soc .iso-block .wrapper .img-wrap {
max-width: 572px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-armour-soc .iso-block .wrapper .img-wrap {
max-width: 100%;
order: 2;
}
}
.main.page-armour-soc .iso-block .wrapper .img-wrap .img {
width: auto;
height: auto;
max-width: 492px;
max-height: 100%;
display: block;
margin: 0 auto;
}
@media (max-width: 1280px) {
.main.page-armour-soc .iso-block .wrapper .img-wrap .img {
max-width: 344px;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .iso-block .wrapper .img-wrap .img {
max-width: 241px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .iso-block .wrapper .img-wrap .img {
margin: 0;
}
}
.main.page-armour-soc .iso-block .wrapper .img-wrap span {
display: block;
text-align: center;
font-size: 16px;
font-size: 1rem;
font-style: italic;
margin: 12px auto 0;
}
@media (max-width: 768px) {
.main.page-armour-soc .iso-block .wrapper .img-wrap span {
text-align: left;
}
}
.main.page-armour-soc .iso-block .wrapper .info {
max-width: 568px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-armour-soc .iso-block .wrapper .info {
max-width: 100%;
order: 1;
}
}
.main.page-armour-soc .iso-block .wrapper .info .desc {
margin: 24px 0 0;
}
.main.page-armour-soc .iso-block .wrapper .info .btn {
margin: 32px 0 0;
}
.main.page-armour-soc .risk-block {
background: linear-gradient(180deg, #FFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 72px 0 72px;
}
@media (max-width: 768px) {
.main.page-armour-soc .risk-block {
padding: 64px 0 64px;
}
}
.main.page-armour-soc .risk-block .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 48px;
}
@media (max-width: 768px) {
.main.page-armour-soc .risk-block .wrapper {
flex-direction: column;
grid-gap: 40px;
align-items: flex-start;
}
}
.main.page-armour-soc .risk-block .wrapper .info {
max-width: 570px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-armour-soc .risk-block .wrapper .info {
max-width: 100%;
order: 2;
}
}
.main.page-armour-soc .risk-block .wrapper .info .list {
display: flex;
flex-direction: column;
grid-gap: 24px;
margin: 24px 0 0;
}
.main.page-armour-soc .risk-block .wrapper .info .list p {
position: relative;
padding: 0 0 0 33px;
margin: 0;
}
.main.page-armour-soc .risk-block .wrapper .info .list p:before {
content: "";
display: block;
width: 22px;
height: 22px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-check-red-2.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
position: absolute;
top: 0;
left: 0;
}
.main.page-armour-soc .risk-block .wrapper .info .btn {
margin: 40px 0 0;
}
.main.page-armour-soc .risk-block .wrapper .img {
display: block;
width: 100%;
height: auto;
max-width: 478px;
}
@media (max-width: 1280px) {
.main.page-armour-soc .risk-block .wrapper .img {
max-width: 335px;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .risk-block .wrapper .img {
max-width: 234px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .risk-block .wrapper .img {
max-width: 164px;
order: 1;
}
}
.main.page-armour-soc .service-model-block {
background: #FAFAFA;
padding: 72px 0 72px;
}
@media (max-width: 768px) {
.main.page-armour-soc .service-model-block {
padding: 64px 0 64px;
}
}
.main.page-armour-soc .service-model-block .wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
grid-gap: 48px;
}
@media (max-width: 1024px) {
.main.page-armour-soc .service-model-block .wrapper {
flex-direction: column;
grid-gap: 40px;
align-items: flex-start;
}
}
.main.page-armour-soc .service-model-block .wrapper .info {
max-width: 571px;
width: 100%;
}
@media (max-width: 1024px) {
.main.page-armour-soc .service-model-block .wrapper .info {
max-width: 640px;
margin: 0 auto;
text-align: center;
}
}
.main.page-armour-soc .service-model-block .wrapper .info .desc {
margin: 24px 0 0;
}
.main.page-armour-soc .service-model-block .wrapper .info .services {
margin: 32px 0 0;
padding: 24px;
background: #F2F2F2;
border-radius: 8px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 16px;
text-align: left;
}
@media (max-width: 480px) {
.main.page-armour-soc .service-model-block .wrapper .info .services {
padding: 16px;
grid-gap: 12px;
}
}
.main.page-armour-soc .service-model-block .wrapper .info .services .single {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
text-align: center;
padding: 24px 16px;
background: #ffffff;
border: 1px solid #E2DDD6;
border-radius: 8px;
}
@media (max-width: 480px) {
.main.page-armour-soc .service-model-block .wrapper .info .services .single {
padding: 20px 12px;
}
}
.main.page-armour-soc .service-model-block .wrapper .info .services .single img {
height: 56px;
width: auto;
display: block;
margin: 0 auto;
}
.main.page-armour-soc .service-model-block .wrapper .info .services .single .title {
display: block;
text-align: center;
font-weight: 700;
color: #0D0D0D;
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
margin: 16px auto 20px;
}
.main.page-armour-soc .service-model-block .wrapper .info .services .single a {
display: block;
width: 100%;
margin: auto 0 0;
padding: 10px 8px;
border: 1.5px solid #E60000;
border-radius: 6px;
background: #ffffff;
color: #E60000;
text-decoration: none;
text-align: center;
font-weight: 700;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.25;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.main.page-armour-soc .service-model-block .wrapper .info .services .single a:hover {
background: #E60000;
color: #ffffff;
}
.main.page-armour-soc .service-model-block .wrapper .table-wrap {
width: 100%;
max-width: 640px;
padding: 60px 0 0;
}
@media (max-width: 1024px) {
.main.page-armour-soc .service-model-block .wrapper .table-wrap {
padding: 0;
margin: 0 auto;
}
}
.main.page-armour-soc .service-model-block .wrapper .table-wrap .table {
display: flex;
flex-direction: column;
border: 1px solid #000;
background: rgba(229, 231, 236, 0.4);
}
.main.page-armour-soc .service-model-block .wrapper .table-wrap .table .row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-bottom: 1px solid #000000;
}
.main.page-armour-soc .service-model-block .wrapper .table-wrap .table .row:last-child {
border-bottom: 0;
}
.main.page-armour-soc .service-model-block .wrapper .table-wrap .table .row .cell {
display: flex;
align-items: center;
justify-content: center;
padding: 20px 20px;
}
@media (max-width: 480px) {
.main.page-armour-soc .service-model-block .wrapper .table-wrap .table .row .cell {
padding: 16px 16px;
}
}
.main.page-armour-soc .service-model-block .wrapper .table-wrap .table .row .cell:nth-of-type(1) p {
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
}
.main.page-armour-soc .service-model-block .wrapper .table-wrap .table .row .cell:nth-of-type(2) {
border-left: 1px solid #000000;
}
.main.page-armour-soc .service-model-block .wrapper .table-wrap .table .row .cell:nth-of-type(2) p {
font-size: 12px;
font-size: 0.75rem;
}
.main.page-armour-soc .service-model-block .wrapper .table-wrap .table .row .cell p {
text-align: center;
margin: 0;
}
.main.page-armour-soc .service-model-block .wrapper .table-wrap .disclaimer {
margin: 27px 0 0;
text-align: center;
font-size: 12px;
font-size: 0.75rem;
font-style: italic;
display: block;
}
.main.page-armour-soc .faq-block {
background: linear-gradient(0deg, #FFF 62.23%, rgba(255, 255, 255, 0) 100%);
padding: 64px 0 96px;
position: relative;
}
@media (max-width: 768px) {
.main.page-armour-soc .faq-block {
padding: 64px 0 64px;
}
}
.main.page-armour-soc .faq-block .ill {
display: block;
width: auto;
position: absolute;
top: 0;
right: 0;
height: 317px;
}
@media (max-width: 1280px) {
.main.page-armour-soc .faq-block .ill {
height: 222px;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .faq-block .ill {
height: 155px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .faq-block .ill {
height: 109px;
}
}
.main.page-armour-soc .faq-block .wrapper {
z-index: 2;
}
.main.page-armour-soc .faq-block .wrapper .accordion {
margin: 12px 0 0;
max-width: 821px;
width: 100%;
}
.main.page-armour-soc .faq-block .wrapper .accordion .single {
border-bottom: 1px solid #D2D2D8;
}
.main.page-armour-soc .faq-block .wrapper .accordion .single .header {
position: relative;
}
.main.page-armour-soc .faq-block .wrapper .accordion .single .header .title {
margin: 0;
font-size: 24px;
font-size: 1.5rem;
display: block;
padding: 20px 32px 20px 0;
cursor: pointer;
}
.main.page-armour-soc .faq-block .wrapper .accordion .single .header .state {
width: 20px;
height: 20px;
position: absolute;
top: 20px;
right: 0;
pointer-events: none;
}
.main.page-armour-soc .faq-block .wrapper .accordion .single .header .state:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
border: solid black;
border-width: 0 2px 2px 0;
display: inline-block;
transform: translate(-50%, -50%) rotate(45deg); transition: transform 0.3s ease;
}
.main.page-armour-soc .faq-block .wrapper .accordion .single .acc-text {
padding: 0 0 20px;
}
.main.page-armour-soc .cta-form-block {
background: #E5E5E5;
padding: 88px 0 88px;
position: relative;
}
@media (max-width: 768px) {
.main.page-armour-soc .cta-form-block {
padding: 64px 0 64px;
}
}
.main.page-armour-soc .cta-form-block .wrapper {
display: flex;
align-items: flex-start;
justify-content: space-between;
grid-gap: 48px;
z-index: 2;
}
@media (max-width: 768px) {
.main.page-armour-soc .cta-form-block .wrapper {
flex-direction: column;
grid-gap: 40px;
align-items: flex-start;
}
}
.main.page-armour-soc .cta-form-block .wrapper .info {
max-width: 609px;
width: 100%;
}
.main.page-armour-soc .cta-form-block .wrapper .info .desc {
margin: 24px 0 0;
}
.main.page-armour-soc .cta-form-block .wrapper .info .img {
margin: 134px auto 0;
width: 100%;
max-width: 303px;
display: block;
height: auto;
}
@media (max-width: 1280px) {
.main.page-armour-soc .cta-form-block .wrapper .info .img {
max-width: 212px;
margin: 100px auto 0;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .cta-form-block .wrapper .info .img {
max-width: 148px;
margin: 70px auto 0;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .cta-form-block .wrapper .info .img {
display: none;
}
}
.main.page-armour-soc .cta-form-block .wrapper .form-wrap {
max-width: 540px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-armour-soc .cta-form-block .wrapper .form-wrap {
max-width: 100%;
}
}
.main.page-armour-soc .cta-form-block .wrapper .form-wrap .form {
background: #FFFFFF;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
border-radius: 20px;
padding: 63px 47px;
}
@media (max-width: 1024px) {
.main.page-armour-soc .cta-form-block .wrapper .form-wrap .form {
padding: 40px 40px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .cta-form-block .wrapper .form-wrap .form {
max-width: 480px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 480px) {
.main.page-armour-soc .cta-form-block .wrapper .form-wrap .form {
padding: 30px 30px;
}
}
.main.page-armour-soc .cta-form-block .ill {
display: block;
width: auto;
position: absolute;
bottom: 0;
left: 0;
height: 454px;
}
@media (max-width: 1280px) {
.main.page-armour-soc .cta-form-block .ill {
height: 318px;
}
}
@media (max-width: 1024px) {
.main.page-armour-soc .cta-form-block .ill {
height: 223px;
}
}
@media (max-width: 768px) {
.main.page-armour-soc .cta-form-block .ill {
height: 156px;
bottom: 0;
}
}
.main.page-btt-vault a.btn {
width: 100%;
max-width: 330px;
text-align: center;
background: #E60000;
font-size: 18px;
font-size: 1.125rem;
border-radius: 6px;
font-weight: 400;
padding: 17px 28px;
}
.main.page-btt-vault .top-block {
height: 662px;
display: flex;
align-items: center;
}
@media (max-width: 1280px) {
.main.page-btt-vault .top-block {
background-position-x: left;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .top-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .top-block {
height: 500px;
min-height: inherit;
}
}
.main.page-btt-vault .top-block .wrapper {
display: flex;
align-items: center;
grid-gap: 69px;
}
.main.page-btt-vault .top-block .wrapper .left .icon {
height: 120px;
width: auto;
display: block;
}
.main.page-btt-vault .top-block .wrapper .left .above-headline-h1 {
font-size: 16px;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.28px;
color: #4A4D4E;
line-height: 1.1;
display: inline-block;
text-transform: uppercase;
margin: 0 0 21px;
}
.main.page-btt-vault .top-block .wrapper .left h1 {
margin: 0;
color: #E60000;
font-size: 48px;
font-size: 3rem;
line-height: 1.1;
max-width: 520px;
width: 100%;
}
@media (max-width: 1440px) {
.main.page-btt-vault .top-block .wrapper .left h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .top-block .wrapper .left h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .top-block .wrapper .left h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-btt-vault .top-block .wrapper .left .desc {
margin: 16px 0 0;
max-width: 520px;
width: 100%;
}
.main.page-btt-vault .top-block .wrapper .left .desc p {
color: #4A4D4E;
font-size: 18px;
font-size: 1.125rem;
}
@media (max-width: 768px) {
.main.page-btt-vault .top-block .wrapper .right {
display: none;
}
}
.main.page-btt-vault .top-block .wrapper .right img {
max-width: 454px;
width: 100%;
display: block;
height: auto;
}
@media (max-width: 1280px) {
.main.page-btt-vault .top-block .wrapper .right img {
max-width: 400px;
}
}
.main.page-btt-vault .description-block {
padding: 85px 0 140px;
background: linear-gradient(0deg, #FFF 62.23%, rgba(255, 255, 255, 0) 100%);
position: relative;
}
@media (max-width: 1024px) {
.main.page-btt-vault .description-block {
padding: 72px 0 107px;
}
}
.main.page-btt-vault .description-block .ill {
width: 400px;
height: auto;
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 2;
}
@media (max-width: 1440px) {
.main.page-btt-vault .description-block .ill {
width: 280px;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .description-block .ill {
width: 196px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .description-block .ill {
width: 137px;
z-index: 0;
}
}
.main.page-btt-vault .description-block .wrapper {
display: flex;
align-items: center;
grid-gap: 110px;
justify-content: space-between;
}
@media (max-width: 1024px) {
.main.page-btt-vault .description-block .wrapper {
grid-gap: 72px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .description-block .wrapper {
flex-direction: column;
grid-gap: 48px;
}
}
.main.page-btt-vault .description-block .wrapper .left h2 {
margin: 0;
font-size: 40px;
font-size: 2.5rem;
}
@media (max-width: 1440px) {
.main.page-btt-vault .description-block .wrapper .left h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .description-block .wrapper .left h2 {
font-size: 32px;
font-size: 2rem;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .description-block .wrapper .left h2 {
font-size: 28px;
font-size: 1.75rem;
}
}
.main.page-btt-vault .description-block .wrapper .left .desc {
margin: 24px 0 0;
}
.main.page-btt-vault .description-block .wrapper .left .vf-btn {
margin: 68px 0 0;
}
@media (max-width: 1024px) {
.main.page-btt-vault .description-block .wrapper .left .vf-btn {
margin: 48px 0 0;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .description-block .wrapper .left .vf-btn {
margin: 32px 0 0;
}
}
.main.page-btt-vault .description-block .wrapper .right {
max-width: 540px;
width: 100%;
}
.main.page-btt-vault .description-block .wrapper .right img {
width: 100%;
height: auto;
display: block;
}
.main.page-btt-vault .veeam-block {
background: #FFF;
padding: 85px 0 85px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-btt-vault .veeam-block {
padding: 72px 0 72px;
}
}
.main.page-btt-vault .veeam-block .ill {
width: 360px;
height: auto;
display: block;
position: absolute;
bottom: 38px;
right: 0;
z-index: 0;
}
@media (max-width: 1440px) {
.main.page-btt-vault .veeam-block .ill {
width: 252px;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .veeam-block .ill {
width: 176px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .veeam-block .ill {
width: 124px;
display: none;
}
}
.main.page-btt-vault .veeam-block .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 768px) {
.main.page-btt-vault .veeam-block .wrapper {
flex-direction: column;
grid-gap: 48px;
}
}
.main.page-btt-vault .veeam-block .wrapper .left {
max-width: 814px;
width: 100%;
}
.main.page-btt-vault .veeam-block .wrapper .left h2 {
font-size: 32px;
font-size: 2rem;
margin: 0;
}
@media (max-width: 1440px) {
.main.page-btt-vault .veeam-block .wrapper .left h2 {
font-size: 29px;
font-size: 1.8125rem;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .veeam-block .wrapper .left h2 {
font-size: 26px;
font-size: 1.625rem;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .veeam-block .wrapper .left h2 {
font-size: 24px;
font-size: 1.5rem;
}
}
.main.page-btt-vault .veeam-block .wrapper .left .desc {
padding: 0 100px 0 0;
margin: 32px 0 0;
}
@media (max-width: 768px) {
.main.page-btt-vault .veeam-block .wrapper .left .desc {
padding: 0;
}
}
.main.page-btt-vault .veeam-block .wrapper .left .desc ul {
list-style-type: none;
padding: 0;
display: flex;
flex-direction: column;
grid-gap: 32px;
}
.main.page-btt-vault .veeam-block .wrapper .left .desc ul li {
position: relative;
padding: 0 0 0 44px;
}
.main.page-btt-vault .veeam-block .wrapper .left .desc ul li:before {
content: "";
width: 31px;
height: 22px;
display: block;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-check-red.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
position: absolute;
top: 0;
left: 0;
}
.main.page-btt-vault .veeam-block .wrapper .right {
max-width: 443px;
width: 100%;
}
@media (max-width: 1024px) {
.main.page-btt-vault .veeam-block .wrapper .right {
max-width: 320px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .veeam-block .wrapper .right {
width: 50%;
}
}
.main.page-btt-vault .veeam-block .wrapper .right img {
width: 100%;
height: auto;
display: block;
}
@media (max-width: 768px) {
.main.page-btt-vault .veeam-block .wrapper .right img {
margin: 0 auto;
}
}
.main.page-btt-vault .map-block {
background: #ffffff;
padding: 85px 0 85px;
}
@media (max-width: 1024px) {
.main.page-btt-vault .map-block {
padding: 72px 0 72px;
}
}
.main.page-btt-vault .map-block .wrapper {
display: flex;
align-items: center;
grid-gap: 164px;
justify-content: space-between;
}
@media (max-width: 1440px) {
.main.page-btt-vault .map-block .wrapper {
grid-gap: 110px;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .map-block .wrapper {
grid-gap: 72px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .map-block .wrapper {
flex-direction: column;
grid-gap: 48px;
}
}
.main.page-btt-vault .map-block .wrapper .left {
width: 50%;
}
@media (max-width: 768px) {
.main.page-btt-vault .map-block .wrapper .left {
width: 100%;
max-width: 450px;
}
}
.main.page-btt-vault .map-block .wrapper .left img {
display: block;
width: 100%;
max-width: 450px;
height: auto;
margin: 0 auto;
}
.main.page-btt-vault .map-block .wrapper .left .explanations {
display: flex;
flex-direction: column;
grid-gap: 6px;
margin: 17px 0 0;
}
.main.page-btt-vault .map-block .wrapper .left .explanations .row {
display: flex;
grid-gap: 9px;
align-items: center;
}
.main.page-btt-vault .map-block .wrapper .left .explanations .row:nth-child(2) div {
background: #F9C9C9;
}
.main.page-btt-vault .map-block .wrapper .left .explanations .row div {
height: 12px;
width: 12px;
border-radius: 2px;
background: #E60000;
}
.main.page-btt-vault .map-block .wrapper .left .explanations .row span {
color: #4A4D4E;
font-size: 13px;
font-size: 0.8125rem;
}
.main.page-btt-vault .map-block .wrapper .left .numbers {
margin: 23px 0 0;
display: flex;
justify-content: space-between;
grid-gap: 8px;
align-items: flex-start;
max-width: 400px;
}
.main.page-btt-vault .map-block .wrapper .left .numbers .single {
display: flex;
flex-direction: column;
grid-gap: 4px;
}
.main.page-btt-vault .map-block .wrapper .left .numbers .single span {
display: block;
}
.main.page-btt-vault .map-block .wrapper .left .numbers .single span:nth-child(1) {
color: #E60000;
font-size: 34px;
font-size: 2.125rem;
font-weight: 700;
line-height: 1;
}
.main.page-btt-vault .map-block .wrapper .left .numbers .single span:nth-child(2) {
color: #4A4D4E;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
}
.main.page-btt-vault .map-block .wrapper .right {
width: 50%;
max-width: 577px;
}
@media (max-width: 768px) {
.main.page-btt-vault .map-block .wrapper .right {
width: 100%;
max-width: 100%;
}
}
.main.page-btt-vault .map-block .wrapper .right h2 {
margin: 0;
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
}
@media (max-width: 1440px) {
.main.page-btt-vault .map-block .wrapper .right h2 {
font-size: 29px;
font-size: 1.8125rem;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .map-block .wrapper .right h2 {
font-size: 26px;
font-size: 1.625rem;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .map-block .wrapper .right h2 {
font-size: 24px;
font-size: 1.5rem;
}
}
.main.page-btt-vault .map-block .wrapper .right .desc {
margin: 32px 0 0;
}
.main.page-btt-vault .target-audience-block {
padding: 85px 0 85px;
background: #E5E5E5;
}
@media (max-width: 1024px) {
.main.page-btt-vault .target-audience-block {
padding: 72px 0 72px;
}
}
.main.page-btt-vault .target-audience-block .wrapper .top h2 {
font-size: 32px;
font-size: 2rem;
margin: 0;
text-align: center;
}
@media (max-width: 1440px) {
.main.page-btt-vault .target-audience-block .wrapper .top h2 {
font-size: 29px;
font-size: 1.8125rem;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .target-audience-block .wrapper .top h2 {
font-size: 26px;
font-size: 1.625rem;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .target-audience-block .wrapper .top h2 {
font-size: 24px;
font-size: 1.5rem;
}
}
.main.page-btt-vault .target-audience-block .wrapper .top .desc {
margin: 24px auto 0;
max-width: 1086px;
width: 100%;
text-align: center;
}
.main.page-btt-vault .target-audience-block .wrapper .list {
margin: 56px 0 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 20px;
grid-row-gap: 32px;
}
@media (max-width: 768px) {
.main.page-btt-vault .target-audience-block .wrapper .list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-btt-vault .target-audience-block .wrapper .list .single {
border-radius: 20px;
background: #ffffff;
padding: 48px 48px;
}
@media (max-width: 1024px) {
.main.page-btt-vault .target-audience-block .wrapper .list .single {
padding: 32px 32px;
}
}
.main.page-btt-vault .target-audience-block .wrapper .list .single:nth-child(2) .icon-wrap img {
height: 48px;
}
.main.page-btt-vault .target-audience-block .wrapper .list .single:nth-child(4) {
grid-column: span 3;
display: flex;
align-items: center;
grid-gap: 80px;
}
@media (max-width: 768px) {
.main.page-btt-vault .target-audience-block .wrapper .list .single:nth-child(4) {
grid-column: span 1;
flex-direction: column;
grid-gap: 24px;
align-items: flex-start;
}
}
.main.page-btt-vault .target-audience-block .wrapper .list .single:nth-child(4) .icon-wrap {
width: 110px;
height: auto;
flex: none;
}
@media (max-width: 768px) {
.main.page-btt-vault .target-audience-block .wrapper .list .single:nth-child(4) .icon-wrap {
width: auto;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .target-audience-block .wrapper .list .single:nth-child(4) .icon-wrap img {
height: 64px;
}
}
.main.page-btt-vault .target-audience-block .wrapper .list .single:nth-child(4) .text-wrap {
margin: 0;
}
.main.page-btt-vault .target-audience-block .wrapper .list .single:nth-child(4) .text-wrap .desc {
margin: 12px 0 0;
}
.main.page-btt-vault .target-audience-block .wrapper .list .single .icon-wrap {
height: 72px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.main.page-btt-vault .target-audience-block .wrapper .list .single .icon-wrap {
justify-content: flex-start;
height: auto;
align-items: flex-start;
}
}
.main.page-btt-vault .target-audience-block .wrapper .list .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
@media (max-width: 768px) {
.main.page-btt-vault .target-audience-block .wrapper .list .single .icon-wrap img {
height: 64px;
}
}
.main.page-btt-vault .target-audience-block .wrapper .list .single .text-wrap {
margin: 24px 0 0;
}
.main.page-btt-vault .target-audience-block .wrapper .list .single .text-wrap .title {
font-weight: 700;
display: block;
font-size: 24px;
font-size: 1.5rem;
}
.main.page-btt-vault .target-audience-block .wrapper .list .single .text-wrap .desc {
margin: 24px 0 0;
}
.main.page-btt-vault .why-choose-block {
padding: 85px 0 85px;
background: #FAFAFA;
position: relative;
z-index: 2;
}
@media (max-width: 1024px) {
.main.page-btt-vault .why-choose-block {
padding: 72px 0 72px;
}
}
.main.page-btt-vault .why-choose-block .ill-1 {
width: 409px;
height: auto;
display: block;
position: absolute;
top: 48px;
right: 0;
z-index: 0;
}
@media (max-width: 1440px) {
.main.page-btt-vault .why-choose-block .ill-1 {
width: 286px;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .why-choose-block .ill-1 {
width: 200px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .why-choose-block .ill-1 {
width: 140px;
}
}
.main.page-btt-vault .why-choose-block .ill-2 {
width: 630px;
height: auto;
display: block;
position: absolute;
bottom: -64px;
left: -57px;
z-index: 0;
}
@media (max-width: 1440px) {
.main.page-btt-vault .why-choose-block .ill-2 {
width: 441px;
left: 40px;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .why-choose-block .ill-2 {
width: 309px;
left: 28px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .why-choose-block .ill-2 {
width: 216px;
left: 20px;
}
}
.main.page-btt-vault .why-choose-block .wrapper {
display: flex;
flex-direction: column;
grid-gap: 72px;
z-index: 2;
}
@media (max-width: 768px) {
.main.page-btt-vault .why-choose-block .wrapper {
grid-gap: 64px;
}
}
.main.page-btt-vault .why-choose-block .wrapper .single-row {
display: flex;
align-items: center;
grid-gap: 96px;
}
@media (max-width: 1024px) {
.main.page-btt-vault .why-choose-block .wrapper .single-row {
grid-gap: 72px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .why-choose-block .wrapper .single-row {
flex-direction: column;
grid-gap: 40px;
}
}
.main.page-btt-vault .why-choose-block .wrapper .single-row:nth-child(2n+2) .info {
order: 2;
}
@media (max-width: 768px) {
.main.page-btt-vault .why-choose-block .wrapper .single-row:nth-child(2n+2) .info {
order: 1;
}
}
.main.page-btt-vault .why-choose-block .wrapper .single-row:nth-child(2n+2) .img {
order: 1;
}
@media (max-width: 768px) {
.main.page-btt-vault .why-choose-block .wrapper .single-row:nth-child(2n+2) .img {
order: 2;
}
}
.main.page-btt-vault .why-choose-block .wrapper .single-row:nth-child(1) .img img {
max-width: 478px;
}
.main.page-btt-vault .why-choose-block .wrapper .single-row:nth-child(2) .img img {
max-width: 579px;
}
.main.page-btt-vault .why-choose-block .wrapper .single-row .info {
width: 50%;
}
@media (max-width: 768px) {
.main.page-btt-vault .why-choose-block .wrapper .single-row .info {
width: 100%;
}
}
.main.page-btt-vault .why-choose-block .wrapper .single-row .info h3 {
font-size: 32px;
font-size: 2rem;
margin: 8px 0 0;
}
@media (max-width: 1440px) {
.main.page-btt-vault .why-choose-block .wrapper .single-row .info h3 {
font-size: 29px;
font-size: 1.8125rem;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .why-choose-block .wrapper .single-row .info h3 {
font-size: 26px;
font-size: 1.625rem;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .why-choose-block .wrapper .single-row .info h3 {
font-size: 24px;
font-size: 1.5rem;
}
}
.main.page-btt-vault .why-choose-block .wrapper .single-row .info .desc {
margin: 16px 0 0;
}
.main.page-btt-vault .why-choose-block .wrapper .single-row .info .desc ul {
list-style-type: none;
padding: 0;
display: flex;
flex-direction: column;
grid-gap: 16px;
}
.main.page-btt-vault .why-choose-block .wrapper .single-row .info .desc ul li {
position: relative;
padding: 0 0 0 44px;
}
.main.page-btt-vault .why-choose-block .wrapper .single-row .info .desc ul li:before {
content: "";
width: 31px;
height: 22px;
display: block;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-check-red.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
position: absolute;
top: 0;
left: 0;
}
.main.page-btt-vault .why-choose-block .wrapper .single-row .info .vf-btn {
margin: 48px 0 0;
}
@media (max-width: 1024px) {
.main.page-btt-vault .why-choose-block .wrapper .single-row .info .vf-btn {
margin: 32px 0 0;
}
}
.main.page-btt-vault .why-choose-block .wrapper .single-row .img {
width: 50%;
}
.main.page-btt-vault .why-choose-block .wrapper .single-row .img img {
width: 100%;
height: auto;
display: block;
}
.main.page-btt-vault .pricing-block {
background: #E5E5E5;
padding: 85px 0 85px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-btt-vault .pricing-block {
padding: 72px 0 72px;
}
}
.main.page-btt-vault .pricing-block .ill {
width: 284px;
height: auto;
display: block;
position: absolute;
top: 94px;
right: 0;
z-index: 0;
}
@media (max-width: 1440px) {
.main.page-btt-vault .pricing-block .ill {
width: 199px;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .pricing-block .ill {
width: 139px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .pricing-block .ill {
width: 97px;
}
}
.main.page-btt-vault .pricing-block:after {
content: "";
display: block;
height: 913px;
background: #E5E5E5;
background: -webkit-linear-gradient(0deg, rgba(229, 229, 229, 0.5) 0%, #f8f8f8 30%, white 60%, rgba(229, 229, 229, 0) 100%);
background: -moz-linear-gradient(0deg, rgba(229, 229, 229, 0.5) 0%, #f8f8f8 30%, white 60%, rgba(229, 229, 229, 0) 100%);
background: linear-gradient(0deg, rgba(229, 229, 229, 0.5) 0%, #f8f8f8 30%, white 60%, rgba(229, 229, 229, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E5E5E5", endColorstr="#E5E5E5", GradientType=0);
width: calc(100% + 100px);
position: absolute;
bottom: 2%;
left: -50px;
}
.main.page-btt-vault .pricing-block .wrapper {
z-index: 2;
}
.main.page-btt-vault .pricing-block .wrapper .plans-box {
background: #ffffff;
border: 1px solid #D9D9D9;
border-radius: 8px;
padding: 24px;
display: flex;
flex-direction: column;
grid-gap: 16px;
}
@media (max-width: 768px) {
.main.page-btt-vault .pricing-block .wrapper .plans-box {
padding: 16px;
}
}
.main.page-btt-vault .pricing-block .wrapper .benefits-bar {
background: #F5F5F5;
border-radius: 6px;
padding: 16px 20px;
}
@media (max-width: 768px) {
.main.page-btt-vault .pricing-block .wrapper .benefits-bar {
padding: 16px;
}
}
.main.page-btt-vault .pricing-block .wrapper .benefits-bar .title {
display: block;
font-size: 20px;
font-size: 1.25rem;
font-weight: 700;
color: #1A1A1A;
margin: 0 0 10px;
}
.main.page-btt-vault .pricing-block .wrapper .benefits-bar .items {
display: flex;
flex-wrap: wrap;
grid-gap: 10px 24px;
}
.main.page-btt-vault .pricing-block .wrapper .benefits-bar .wrap-feature {
display: flex;
align-items: center;
grid-gap: 8px;
}
.main.page-btt-vault .pricing-block .wrapper .benefits-bar .wrap-feature .check {
width: 14px;
height: 11px;
background: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-check-red.svg) no-repeat center/100% auto;
flex: none;
}
.main.page-btt-vault .pricing-block .wrapper .benefits-bar .wrap-feature span:last-child {
display: block;
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.2;
color: #0D0D0D;
}
.main.page-btt-vault .pricing-block .wrapper .plans {
display: grid;
grid-gap: 16px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 768px) {
.main.page-btt-vault .pricing-block .wrapper .plans {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan {
position: relative;
display: flex;
flex-direction: column;
grid-gap: 12px;
padding: 28px;
border-radius: 8px;
border: 1px solid #D9D9D9;
background: #ffffff;
margin: 34px 0;
}
@media (max-width: 1024px) {
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan {
padding: 24px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan {
width: 100%;
max-width: 380px;
margin: 0 auto;
}
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan.is-recommended {
margin: 0;
border: 2px solid #E60000;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);
}
@media (max-width: 768px) {
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan.is-recommended {
margin: 0 auto;
}
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .tag {
align-self: flex-start;
background: #E60000;
color: #ffffff;
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.4px;
text-transform: uppercase;
line-height: 13px;
padding: 4px 10px;
border-radius: 3px;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .plan-name {
display: block;
font-size: 24px;
font-size: 1.5rem;
font-weight: 700;
color: #1A1A1A;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .desc {
margin: 0;
font-size: 17px;
font-size: 1.0625rem;
color: #6b6663;
line-height: 1.32;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .price {
display: flex;
flex-direction: column;
grid-gap: 2px;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .price .from,
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .price .per-day {
display: block;
font-size: 16px;
font-size: 1rem;
color: #6b6663;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .price .amount {
display: flex;
align-items: baseline;
grid-gap: 6px;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .price .big {
font-size: 40px;
font-size: 2.5rem;
line-height: 1.1;
font-weight: 700;
color: #1A1A1A;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .price .unit {
font-size: 16px;
font-size: 1rem;
color: #6b6663;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .divider {
width: 100%;
height: 1px;
background: #E6E6E6;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .plan-details {
display: flex;
flex-direction: column;
grid-gap: 10px;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .plan-details .wrap-feature span {
display: block;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.3;
color: #383838;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .plan-details .wrap-feature span strong {
font-weight: 700;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .plan-details .addons-line {
margin: 0;
font-size: 16px;
font-size: 1rem;
color: #6b6663;
line-height: 1.3;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .btn-wrap {
margin-top: auto;
padding-top: 8px;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan .btn-wrap .vf-btn {
width: 100%;
max-width: none;
padding: 15px 20px;
font-size: 18px;
font-size: 1.125rem;
border-radius: 4px;
background: #ffffff;
border: 1.5px solid #E60000;
color: #E60000;
font-weight: 700;
}
.main.page-btt-vault .pricing-block .wrapper .plans .single-plan.is-recommended .btn-wrap .vf-btn {
background: #E60000;
color: #ffffff;
}
.main.page-btt-vault .pricing-block .wrapper .single-feature.with-explanation {
position: relative;
cursor: pointer;
}
.main.page-btt-vault .pricing-block .wrapper .single-feature.with-explanation .wrap-feature span:last-child {
text-decoration: underline;
}
.main.page-btt-vault .pricing-block .wrapper .single-feature.with-explanation:hover .explanation {
opacity: 1;
}
.main.page-btt-vault .pricing-block .wrapper .single-feature .explanation {
pointer-events: none;
opacity: 0;
position: absolute;
top: calc(100% + 6px);
left: 0;
z-index: 5;
min-width: 220px;
max-width: 320px;
padding: 14px 16px;
border-radius: 12px;
background: #D9D9D9;
transition: opacity 0.15s ease;
}
.main.page-btt-vault .pricing-block .wrapper .single-feature .explanation p {
margin: 0;
font-size: 16px;
font-size: 1rem;
line-height: 1.4;
color: #000000;
}
.main.page-btt-vault .pricing-block .wrapper .custom-solution {
margin: 42px 0 0;
border: 1px solid #BCBCBC;
border-radius: 20px;
padding: 48px 48px;
display: flex;
align-items: flex-start;
grid-gap: 56px;
background: #FFFFFF;
}
@media (max-width: 1024px) {
.main.page-btt-vault .pricing-block .wrapper .custom-solution {
padding: 32px 32px;
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .pricing-block .wrapper .custom-solution {
flex-direction: column;
grid-gap: 32px;
}
}
.main.page-btt-vault .pricing-block .wrapper .custom-solution .vault {
width: 153px;
height: auto;
display: block;
flex: none;
}
@media (max-width: 1024px) {
.main.page-btt-vault .pricing-block .wrapper .custom-solution .vault {
width: 120px;
}
}
.main.page-btt-vault .pricing-block .wrapper .custom-solution .info .title {
display: block;
font-size: 24px;
font-size: 1.5rem;
font-weight: 700;
}
.main.page-btt-vault .pricing-block .wrapper .custom-solution .info .desc {
margin: 16px 0 0;
}
.main.page-btt-vault .pricing-block .wrapper .custom-solution .info .vf-btn {
margin: 24px 0 0;
background: #E60000;
}
.main.page-btt-vault .contact-block {
background: #E5E5E5;
padding: 0 0 85px;
}
@media (max-width: 1024px) {
.main.page-btt-vault .contact-block {
padding: 0 0 72px;
}
}
.main.page-btt-vault .contact-block .wrapper {
display: flex;
align-items: center;
grid-gap: 96px;
}
@media (max-width: 1024px) {
.main.page-btt-vault .contact-block .wrapper {
grid-gap: 72px;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .contact-block .wrapper {
flex-direction: column;
grid-gap: 48px;
}
}
.main.page-btt-vault .contact-block .wrapper .left h2 {
font-size: 48px;
font-size: 3rem;
margin: 0;
}
@media (max-width: 1440px) {
.main.page-btt-vault .contact-block .wrapper .left h2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1024px) {
.main.page-btt-vault .contact-block .wrapper .left h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-btt-vault .contact-block .wrapper .left h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-btt-vault .contact-block .wrapper .left .desc {
margin: 32px 0 0;
max-width: 642px;
width: 100%;
}
.main.page-btt-vault .contact-block .wrapper .left .vf-btn {
margin: 32px 0 0;
}
.main.page-btt-vault .contact-block .wrapper .right {
max-width: 272px;
width: 100%;
flex: none;
}
@media (max-width: 768px) {
.main.page-btt-vault .contact-block .wrapper .right {
max-width: 200px;
}
}
@media (max-width: 480px) {
.main.page-btt-vault .contact-block .wrapper .right {
max-width: 140px;
}
}
.main.page-btt-vault .contact-block .wrapper .right img {
width: 100%;
display: block;
height: auto;
}
.main.page-copilot .top-block {
padding: 195px 0 117px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-copilot .top-block {
padding: 162px 0 80px;
}
}
.main.page-copilot .top-block .wrapper {
z-index: 3;
}
.main.page-copilot .top-block .wrapper .left {
max-width: 526px;
}
.main.page-copilot .top-block .wrapper .left .logos {
height: 54px;
width: auto;
display: block;
}
@media (max-width: 768px) {
.main.page-copilot .top-block .wrapper .left .logos {
height: 44px;
}
}
@media (max-width: 480px) {
.main.page-copilot .top-block .wrapper .left .logos {
height: 39px;
}
}
.main.page-copilot .top-block .wrapper .left h1 {
margin: 24px 0 0;
font-size: 64px;
font-size: 4rem;
font-weight: 700;
line-height: 1;
color: #ffffff;
}
@media (max-width: 1440px) {
.main.page-copilot .top-block .wrapper .left h1 {
font-size: 56px;
font-size: 3.5rem;
max-width: 410px;
}
}
@media (max-width: 1024px) {
.main.page-copilot .top-block .wrapper .left h1 {
font-size: 48px;
font-size: 3rem;
max-width: 370px;
}
}
@media (max-width: 768px) {
.main.page-copilot .top-block .wrapper .left h1 {
font-size: 40px;
font-size: 2.5rem;
max-width: 310px;
}
}
.main.page-copilot .top-block .wrapper .left .desc {
margin: 16px 0 0;
}
.main.page-copilot .top-block .wrapper .left .desc p {
color: #ffffff;
}
.main.page-copilot .top-block .bg-img {
position: absolute;
height: 810px;
width: auto;
display: block;
bottom: 0;
right: 0;
z-index: 1;
}
@media (max-width: 1440px) {
.main.page-copilot .top-block .bg-img {
height: 700px;
}
}
@media (max-width: 1280px) {
.main.page-copilot .top-block .bg-img {
height: 550px;
}
}
@media (max-width: 1024px) {
.main.page-copilot .top-block .bg-img {
height: 300px;
}
}
@media (max-width: 768px) {
.main.page-copilot .top-block .bg-img {
height: 150px;
}
}
.main.page-copilot .top-block .bg-text {
width: 100%;
height: auto;
display: block;
position: absolute;
left: 0;
bottom: 0;
mix-blend-mode: soft-light;
}
.main.page-copilot .description-block {
padding: 0 0 80px;
}
.main.page-copilot .description-block .wrapper .nav {
display: flex;
align-items: center;
padding: 52px 0 0;
}
@media (max-width: 1440px) {
.main.page-copilot .description-block .wrapper .nav {
flex-wrap: wrap;
}
}
@media (max-width: 1024px) {
.main.page-copilot .description-block .wrapper .nav {
padding: 60px 0 0;
}
}
@media (max-width: 768px) {
.main.page-copilot .description-block .wrapper .nav {
flex-wrap: wrap;
grid-gap: 24px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.main.page-copilot .description-block .wrapper .nav .single {
padding: 44px 22px;
margin: 0 32px 0 0;
display: flex;
flex-direction: column;
text-decoration: none;
}
@media (max-width: 480px) {
.main.page-copilot .description-block .wrapper .nav .single {
margin: 0;
padding: 30px 20px;
}
}
.main.page-copilot .description-block .wrapper .nav .single.active {
background: #FAFAFA;
box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
border-radius: 20px;
}
.main.page-copilot .description-block .wrapper .nav .single:last-of-type {
margin: 0;
}
.main.page-copilot .description-block .wrapper .nav .single .icon-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.main.page-copilot .description-block .wrapper .nav .single .icon-wrap img {
display: block;
width: auto;
max-height: 100%;
max-width: 100%;
height: 47px;
}
@media (max-width: 1024px) {
.main.page-copilot .description-block .wrapper .nav .single .icon-wrap img {
height: 40px;
}
}
.main.page-copilot .description-block .wrapper .nav .single span {
display: block;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
font-weight: 500;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-align: center;
margin: 22px 0 0;
}
.main.page-copilot .description-block .wrapper .desc-cols-wrap {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin: 80px 0 0;
}
@media (max-width: 768px) {
.main.page-copilot .description-block .wrapper .desc-cols-wrap {
flex-direction: column;
grid-gap: 40px;
margin: 56px 0 0;
}
}
.main.page-copilot .description-block .wrapper .col:nth-child(1) {
width: calc(55% - 30px);
}
@media (max-width: 1024px) {
.main.page-copilot .description-block .wrapper .col:nth-child(1) {
width: calc(55% - 20px);
}
}
@media (max-width: 768px) {
.main.page-copilot .description-block .wrapper .col:nth-child(1) {
width: 100%;
order: 2;
}
}
.main.page-copilot .description-block .wrapper .col:nth-child(2) {
width: calc(45% - 30px);
}
@media (max-width: 1024px) {
.main.page-copilot .description-block .wrapper .col:nth-child(2) {
width: calc(45% - 20px);
}
}
@media (max-width: 768px) {
.main.page-copilot .description-block .wrapper .col:nth-child(2) {
width: 100%;
order: 1;
}
}
.main.page-copilot .description-block .wrapper .col img {
width: 100%;
height: auto;
display: block;
}
.main.page-copilot .description-block .wrapper .col .disclaimer {
display: block;
margin: 24px 0 0;
font-size: 16px;
font-size: 1rem;
}
@media (max-width: 768px) {
.main.page-copilot .description-block .wrapper .col .disclaimer {
margin: 16px 0 0;
}
}
.main.page-copilot .description-block .wrapper .col h2 {
font-size: 32px;
font-size: 2rem;
margin: 0;
}
@media (max-width: 1440px) {
.main.page-copilot .description-block .wrapper .col h2 {
font-size: 29px;
font-size: 1.8125rem;
}
}
@media (max-width: 1024px) {
.main.page-copilot .description-block .wrapper .col h2 {
font-size: 26px;
font-size: 1.625rem;
}
}
@media (max-width: 768px) {
.main.page-copilot .description-block .wrapper .col h2 {
font-size: 24px;
font-size: 1.5rem;
}
}
.main.page-copilot .description-block .wrapper .col .text {
margin: 16px 0 0;
}
.main.page-copilot .description-block .wrapper .col .text ul {
list-style-type: none;
padding: 0;
display: flex;
flex-direction: column;
grid-gap: 32px;
}
.main.page-copilot .description-block .wrapper .col .text ul li {
position: relative;
padding: 0 0 0 44px;
}
.main.page-copilot .description-block .wrapper .col .text ul li:before {
content: "";
width: 31px;
height: 22px;
display: block;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-check-green.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
position: absolute;
top: 0;
left: 0;
}
.main.page-copilot .accordion-block {
padding: 80px 0;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/bg-copilot-accordion.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.main.page-copilot .accordion-block .wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 92px;
}
@media (max-width: 1024px) {
.main.page-copilot .accordion-block .wrapper {
grid-gap: 40px;
}
}
@media (max-width: 768px) {
.main.page-copilot .accordion-block .wrapper {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-copilot .accordion-block .wrapper .col .accordion-copilot {
display: flex;
flex-direction: column;
grid-gap: 8px;
}
.main.page-copilot .accordion-block .wrapper .col .accordion-copilot .single {
border-radius: 14px;
border: 1px solid #000000;
background: transparent;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 0;
}
.main.page-copilot .accordion-block .wrapper .col .accordion-copilot .single.active {
background: #3F3B88;
border-color: #3F3B88;
}
.main.page-copilot .accordion-block .wrapper .col .accordion-copilot .single.active .header .title {
color: #ffffff;
}
.main.page-copilot .accordion-block .wrapper .col .accordion-copilot .single.active .header .state {
transform: rotate(0deg);
filter: invert(0);
}
.main.page-copilot .accordion-block .wrapper .col .accordion-copilot .single .header {
position: relative;
}
.main.page-copilot .accordion-block .wrapper .col .accordion-copilot .single .header .title {
display: flex;
align-items: center;
font-weight: 400;
color: #000000;
margin: 0;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
padding: 25px 49px 25px 25px;
cursor: pointer;
}
.main.page-copilot .accordion-block .wrapper .col .accordion-copilot .single .header .title:before {
content: "";
display: block;
width: 44px;
height: 40px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-arrow-copilot.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
flex: none;
margin: 0 12px 0 0;
}
.main.page-copilot .accordion-block .wrapper .col .accordion-copilot .single .header .state {
position: absolute;
width: 20px;
height: 10px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-arrow-copilot-2.svg);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center;
right: 25px;
top: 38px;
transform: rotate(180deg);
filter: invert(1);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.main.page-copilot .accordion-block .wrapper .col .accordion-copilot .single .acc-text {
padding: 0 25px 25px;
}
.main.page-copilot .accordion-block .wrapper .col .accordion-copilot .single .acc-text * {
color: #ffffff;
font-size: 14px;
font-size: 0.875rem;
}
.main.page-copilot .accordion-block .wrapper .col img {
border-radius: 34px;
width: 100%;
height: auto;
display: block;
}
.main.page-copilot .offers-block {
padding: 80px 0;
margin: 0;
}
.main.page-copilot .offers-block .wrapper .single-group .block-title {
text-align: center;
}
.main.page-copilot .offers-block .wrapper .single-group .offers .single:nth-child(5) .photo-wrap {
display: flex;
align-items: flex-start;
}
.main.page-copilot .contact-us-block {
margin: 40px 0 0;
padding: 60px 0 70px;
position: relative;
background: #FAFAFA;
}
@media (max-width: 1024px) {
.main.page-copilot .contact-us-block {
padding: 80px 0 80px;
}
}
.main.page-copilot .contact-us-block .illustration-2 {
height: 360px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-copilot .contact-us-block .illustration-2 {
height: 252px;
}
}
@media (max-width: 1024px) {
.main.page-copilot .contact-us-block .illustration-2 {
height: 176px;
}
}
@media (max-width: 768px) {
.main.page-copilot .contact-us-block .illustration-2 {
height: 123px;
}
}
.main.page-copilot .contact-us-block .wrapper .wrap .text {
margin: 24px 0 0;
max-width: 793px;
}
.main.page-copilot .contact-us-block .wrapper .wrap .text p {
font-weight: 700;
}
.main.page-copilot .contact-us-block .wrapper .wrap .person {
display: flex;
align-items: center;
margin: 56px 0 0;
}
@media (max-width: 1024px) {
.main.page-copilot .contact-us-block .wrapper .wrap .person {
margin: 40px 0 0;
}
}
.main.page-copilot .contact-us-block .wrapper .wrap .person .photo {
width: 205px;
border-radius: 100%;
overflow: hidden;
margin: 0 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-copilot .contact-us-block .wrapper .wrap .person .photo {
width: 150px;
}
}
.main.page-copilot .contact-us-block .wrapper .wrap .person .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-copilot .contact-us-block .wrapper .wrap .person .info p {
font-size: 24px;
font-size: 1.5rem;
}
@media (max-width: 1024px) {
.main.page-copilot .contact-us-block .wrapper .wrap .person .info p {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-copilot .contact-us-block .wrapper .wrap .person .info p a {
color: #0D0D0D;
}
.main.page-copilot .media-block {
padding: 80px 0 140px;
}
@media (max-width: 1024px) {
.main.page-copilot .media-block {
padding: 80px 0 80px;
}
}
.main.page-copilot .media-block .wrapper .news-grid {
margin: 80px 0 0;
}
@media (max-width: 1024px) {
.main.page-copilot .media-block .wrapper .news-grid {
margin: 60px 0 0;
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-copilot .media-block .wrapper .news-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 32px;
}
}
@media (max-width: 480px) {
.main.page-copilot .media-block .wrapper .news-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
margin: 40px 0 0;
}
}
.main.page-copilot .premier-support-block {
padding: 60px 0 60px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-copilot .premier-support-block {
padding: 80px 0 80px;
}
}
.main.page-copilot .premier-support-block .skay-icon {
z-index: 1;
}
.main.page-copilot .premier-support-block .illustration-3 {
height: 230px;
width: auto;
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
@media (max-width: 1440px) {
.main.page-copilot .premier-support-block .illustration-3 {
height: 161px;
}
}
@media (max-width: 1024px) {
.main.page-copilot .premier-support-block .illustration-3 {
height: 112px;
}
}
@media (max-width: 768px) {
.main.page-copilot .premier-support-block .illustration-3 {
height: 78px;
}
}
.main.page-copilot .premier-support-block .wrapper .service-includes {
margin: 24px 0 0;
}
.main.page-copilot .premier-support-block .wrapper .service-includes .headline {
font-weight: 700;
}
.main.page-copilot .premier-support-block .wrapper .service-includes .wrap {
margin: 24px 0 0;
}
@media (max-width: 1024px) {
.main.page-copilot .premier-support-block .wrapper .service-includes .wrap {
grid-gap: 60px;
}
}
@media (max-width: 768px) {
.main.page-copilot .premier-support-block .wrapper .service-includes .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 48px;
}
}
@media (max-width: 480px) {
.main.page-copilot .premier-support-block .wrapper .service-includes .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-copilot .premier-support-block .wrapper .service-includes .wrap .single {
display: flex;
}
.main.page-copilot .premier-support-block .wrapper .service-includes .wrap .single .icon-wrap {
width: 36px;
height: 36px;
margin: 0 15px 0 0;
}
.main.page-copilot .premier-support-block .wrapper .service-includes .wrap .single .icon-wrap img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.main.page-copilot .premier-support-block .wrapper .service-includes .wrap .single span {
display: block;
width: calc(100% - 51px);
}
.main.page-copilot .social-responsibility-block {
background: #FAFAFA;
padding: 65px 0 75px;
}
@media (max-width: 1024px) {
.main.page-copilot .social-responsibility-block {
padding: 80px 0 80px;
}
}
.main.page-copilot .social-responsibility-block .wrapper .text-1-photo-2 .column.flex {
display: flex;
flex-direction: column;
}
.main.page-copilot .social-responsibility-block .wrapper .text-1-photo-2 .column.flex .logo {
align-self: flex-end;
width: 240px;
height: auto;
display: block;
margin: 48px 0 0;
}
@media (max-width: 1440px) {
.main.page-copilot .social-responsibility-block .wrapper .text-1-photo-2 .column.flex .logo {
width: 200px;
}
}
@media (max-width: 1024px) {
.main.page-copilot .social-responsibility-block .wrapper .text-1-photo-2 .column.flex .logo {
width: 160px;
margin: 32px 0 0;
}
}
@media (max-width: 768px) {
.main.page-copilot .social-responsibility-block .wrapper .text-1-photo-2 .column.flex .logo {
margin: 32px auto 0;
}
}
.main.page-copilot .social-responsibility-block .wrapper .contacts {
display: flex;
align-items: center;
margin: 30px 0 0;
}
.main.page-copilot .social-responsibility-block .wrapper .contacts .photo {
width: 205px;
overflow: hidden;
border-radius: 100%;
margin: 0 28px 0 0;
}
@media (max-width: 1024px) {
.main.page-copilot .social-responsibility-block .wrapper .contacts .photo {
width: 150px;
}
}
.main.page-copilot .social-responsibility-block .wrapper .contacts .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-copilot .social-responsibility-block .wrapper .contacts .text p {
font-weight: 700;
}
.main.page-ai-courses .top-landing-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-ai-courses .top-landing-block {
height: 600px;
min-height: inherit;
}
}
@media (max-width: 768px) {
.main.page-ai-courses .top-landing-block {
height: 500px;
min-height: inherit;
}
}
.main.page-ai-courses .top-landing-block .wrapper {
display: flex;
align-items: center;
height: 100%;
}
.main.page-ai-courses .top-landing-block .wrapper .wrap .above-headline-h1 {
font-size: 16px;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.28px;
color: #4A4D4E;
line-height: 1.1;
display: inline-block;
text-transform: uppercase;
margin: 0 0 21px;
}
.main.page-ai-courses .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
margin: 0;
line-height: 1.1;
color: #E60000;
max-width: 620px;
width: 100%;
}
@media (max-width: 1440px) {
.main.page-ai-courses .top-landing-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1024px) {
.main.page-ai-courses .top-landing-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-ai-courses .top-landing-block .wrapper .wrap h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-ai-courses .top-landing-block .wrapper .wrap .desc {
max-width: 555px;
width: 100%;
margin: 28px 0 0;
}
.main.page-ai-courses .top-landing-block .wrapper .wrap .desc p {
font-size: 18px;
font-size: 1.125rem;
color: #4A4D4E;
}
.main.page-ai-courses .training-block {
background: linear-gradient(0deg, #fff 11.35%, rgba(255, 255, 255, 0));
padding: 100px 0;
position: relative;
}
@media (max-width: 1024px) {
.main.page-ai-courses .training-block {
padding: 72px 0 107px;
}
}
.main.page-ai-courses .training-block .ill {
width: 400px;
height: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-ai-courses .training-block .ill {
width: 280px;
}
}
@media (max-width: 1024px) {
.main.page-ai-courses .training-block .ill {
width: 196px;
}
}
@media (max-width: 768px) {
.main.page-ai-courses .training-block .ill {
width: 137px;
}
}
.main.page-ai-courses .training-block .wrapper {
z-index: 2;
}
.main.page-ai-courses .training-block .wrapper .wrap {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 24px;
}
@media (max-width: 1024px) {
.main.page-ai-courses .training-block .wrapper .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.main.page-ai-courses .training-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-ai-courses .training-block .wrapper .wrap .single {
background: #ffffff;
border: 1px solid #F1F0F4;
border-radius: 20px;
padding: 24px;
}
.main.page-ai-courses .training-block .wrapper .wrap .single .title {
display: inline-block;
text-decoration: none;
font-size: 20px;
font-size: 1.25rem;
font-weight: 500;
color: #0D0D0D;
}
.main.page-ai-courses .training-block .wrapper .wrap .single p {
margin: 8px 0 0;
color: #6E7378;
font-size: 14px;
font-size: 0.875rem;
}
.main.page-ai-courses .training-block .wrapper .wrap .single .more {
margin: 24px 0 0;
display: inline-block;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
text-decoration: none;
font-weight: 700;
}
.main.page-ai-courses .training-block .wrapper .wrap .single .photo {
margin: 24px 0 0;
border-radius: 8px;
display: block;
}
.main.page-ai-courses .training-block .wrapper .wrap .single .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 66.66%;
}
.main.page-ai-courses .mentors-block {
background: #0D0D0D;
padding: 70px 0 126px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-ai-courses .mentors-block {
padding: 72px 0 107px;
}
}
.main.page-ai-courses .mentors-block .ill {
width: 409px;
height: auto;
display: block;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-ai-courses .mentors-block .ill {
width: 286px;
}
}
@media (max-width: 1024px) {
.main.page-ai-courses .mentors-block .ill {
width: 200px;
}
}
@media (max-width: 768px) {
.main.page-ai-courses .mentors-block .ill {
width: 140px;
}
}
.main.page-ai-courses .mentors-block .wrapper {
z-index: 2;
}
.main.page-ai-courses .mentors-block .wrapper h2 {
color: #ffffff;
margin: 0;
text-align: center;
font-size: 48px;
font-size: 3rem;
font-weight: 600;
}
@media (max-width: 1440px) {
.main.page-ai-courses .mentors-block .wrapper h2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1024px) {
.main.page-ai-courses .mentors-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-ai-courses .mentors-block .wrapper h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-ai-courses .mentors-block .wrapper .wrap {
margin: 60px 0 0;
display: grid;
grid-gap: 56px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.main.page-ai-courses .mentors-block .wrapper .wrap {
margin: 40px 0 0;
grid-gap: 48px;
}
}
@media (max-width: 768px) {
.main.page-ai-courses .mentors-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 40px;
}
}
.main.page-ai-courses .mentors-block .wrapper .wrap .single {
padding: 30px 50px 50px;
border-radius: 20px;
border: 2px solid #fff;
}
@media (max-width: 1024px) {
.main.page-ai-courses .mentors-block .wrapper .wrap .single {
padding: 30px 30px;
}
}
.main.page-ai-courses .mentors-block .wrapper .wrap .single .photo {
height: 200px;
width: 200px;
border-radius: 100%;
margin: 0 auto;
}
@media (max-width: 1280px) {
.main.page-ai-courses .mentors-block .wrapper .wrap .single .photo {
width: 175px;
height: 175px;
}
}
@media (max-width: 1024px) {
.main.page-ai-courses .mentors-block .wrapper .wrap .single .photo {
width: 150px;
height: 150px;
}
}
@media (max-width: 768px) {
.main.page-ai-courses .mentors-block .wrapper .wrap .single .photo {
width: 125px;
height: 125px;
}
}
.main.page-ai-courses .mentors-block .wrapper .wrap .single .name {
margin: 48px 0 0;
display: block;
font-weight: 500;
color: #ffffff;
font-size: 20px;
font-size: 1.25rem;
}
@media (max-width: 1024px) {
.main.page-ai-courses .mentors-block .wrapper .wrap .single .name {
margin: 32px 0 0;
}
}
.main.page-ai-courses .mentors-block .wrapper .wrap .single .desc {
margin: 8px 0 0;
}
.main.page-ai-courses .mentors-block .wrapper .wrap .single .desc * {
font-size: 14px;
font-size: 0.875rem;
color: #ffffff;
}
.main.page-ai-courses .ai-training-block {
padding: 60px 0 100px;
background: #000;
position: relative;
}
@media (max-width: 1024px) {
.main.page-ai-courses .ai-training-block {
padding: 72px 0 107px;
}
}
.main.page-ai-courses .ai-training-block .ill {
width: 628px;
height: auto;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
@media (max-width: 1440px) {
.main.page-ai-courses .ai-training-block .ill {
width: 440px;
}
}
@media (max-width: 1024px) {
.main.page-ai-courses .ai-training-block .ill {
width: 308px;
}
}
@media (max-width: 768px) {
.main.page-ai-courses .ai-training-block .ill {
width: 216px;
}
}
.main.page-ai-courses .ai-training-block .wrapper {
z-index: 2;
}
.main.page-ai-courses .ai-training-block .wrapper h2 {
margin: 0;
text-align: center;
font-size: 48px;
font-size: 3rem;
color: #ffffff;
font-weight: 600;
}
@media (max-width: 1440px) {
.main.page-ai-courses .ai-training-block .wrapper h2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1024px) {
.main.page-ai-courses .ai-training-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-ai-courses .ai-training-block .wrapper h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-ai-courses .ai-training-block .wrapper .desc {
margin: 16px auto 0;
max-width: 764px;
width: 100%;
text-align: center;
}
.main.page-ai-courses .ai-training-block .wrapper .desc p {
color: #ffffff;
font-size: 16px;
font-size: 1rem;
}
.main.page-ai-courses .ai-training-block .wrapper .wrap {
margin: 44px 0 0;
display: grid;
grid-gap: 24px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.main.page-ai-courses .ai-training-block .wrapper .wrap {
margin: 40px 0 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-ai-courses .ai-training-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-ai-courses .ai-training-block .wrapper .wrap .single {
padding: 26px 32px 64px;
border-radius: 20px;
border: 1px solid #fff;
}
@media (max-width: 1024px) {
.main.page-ai-courses .ai-training-block .wrapper .wrap .single {
padding: 26px 26px;
}
}
.main.page-ai-courses .ai-training-block .wrapper .wrap .single .icon {
height: 83px;
width: auto;
display: block;
margin: 0 auto;
}
.main.page-ai-courses .ai-training-block .wrapper .wrap .single .title {
margin: 21px 0 0;
color: #ffffff;
font-size: 20px;
font-size: 1.25rem;
font-weight: 500;
display: block;
}
.main.page-ai-courses .ai-training-block .wrapper .wrap .single p {
font-size: 16px;
font-size: 1rem;
color: #ffffff;
margin: 8px 0 0;
}
.main.page-ai-courses .courses-block {
background: #fafafa;
padding: 93px 0 160px;
}
@media (max-width: 1024px) {
.main.page-ai-courses .courses-block {
padding: 72px 0 107px;
}
}
.main.page-ai-courses .courses-block .wrapper {
display: flex;
flex-direction: column;
grid-gap: 93px;
}
@media (max-width: 1024px) {
.main.page-ai-courses .courses-block .wrapper {
grid-gap: 72px;
}
}
.main.page-ai-courses .courses-block .wrapper .single {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
align-items: flex-start;
}
@media (max-width: 768px) {
.main.page-ai-courses .courses-block .wrapper .single {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-ai-courses .courses-block .wrapper .single:nth-child(2n+2) .photo-wrap {
order: 2;
}
@media (max-width: 768px) {
.main.page-ai-courses .courses-block .wrapper .single:nth-child(2n+2) .photo-wrap {
order: 1;
}
}
.main.page-ai-courses .courses-block .wrapper .single:nth-child(2n+2) .info-wrap {
order: 1;
padding: 0 37px 0 0;
}
@media (max-width: 768px) {
.main.page-ai-courses .courses-block .wrapper .single:nth-child(2n+2) .info-wrap {
order: 2;
padding: 0;
}
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap {
overflow: hidden;
position: relative;
border-radius: 12px;
border: 1px solid #EBEBEB;
background: rgba(255, 255, 255, 0);
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .photo {
height: 568px;
width: 100%;
background-size: auto 50%;
background-position-y: 100px;
}
@media (max-width: 1024px) {
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .photo {
background-size: auto 40%;
}
}
@media (max-width: 768px) {
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .photo {
height: 450px;
background-position-y: 80px;
}
}
@media (max-width: 480px) {
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .photo {
background-position-y: 60px;
background-size: auto 35%;
}
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap {
background: #f4f4f4;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 19px 19px;
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .desc {
font-size: 14px;
font-size: 0.875rem;
color: #0D0D0D;
margin: 0;
text-align: center;
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .meta {
margin: 19px 0 0;
display: flex;
justify-content: center;
grid-gap: 20px;
align-items: flex-start;
}
@media (max-width: 480px) {
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .meta {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .meta .single-meta-first .meta-wrap {
display: flex;
align-items: center;
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .meta .single-meta-first .meta-wrap img {
height: 16px;
width: auto;
display: block;
margin: 0 9px 0 0;
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .meta .single-meta-first .meta-wrap .first {
font-size: 14px;
font-size: 0.875rem;
color: #0D0D0D;
font-weight: 500;
display: inline-block;
margin: 0 3px 0 0;
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .meta .single-meta-first .meta-wrap .second {
font-size: 14px;
font-size: 0.875rem;
color: #0D0D0D;
font-weight: 700;
display: inline-block;
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .meta .single-meta-first .bonus {
font-size: 10px;
font-size: 0.625rem;
margin: 2px 0 0;
text-align: center;
display: block;
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .meta .single-meta-second {
display: flex;
align-items: center;
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .meta .single-meta-second img {
height: 16px;
width: auto;
display: block;
margin: 0 9px 0 0;
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .meta .single-meta-second .first {
font-size: 14px;
font-size: 0.875rem;
color: #0D0D0D;
font-weight: 500;
display: inline-block;
margin: 0 3px 0 0;
}
.main.page-ai-courses .courses-block .wrapper .single .photo-wrap .info-box-wrap .meta .single-meta-second .second {
font-size: 14px;
font-size: 0.875rem;
color: #0D0D0D;
font-weight: 700;
display: inline-block;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap {
padding: 0 0 0 37px;
}
@media (max-width: 768px) {
.main.page-ai-courses .courses-block .wrapper .single .info-wrap {
padding: 0;
}
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .small-headline {
display: block;
font-size: 14px;
font-size: 0.875rem;
color: #0D0D0D;
font-style: italic;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .headline {
margin: 4px 0 0;
display: block;
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
font-weight: 700;
}
@media (max-width: 1024px) {
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .headline {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .desc {
margin: 12px 0 0;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .desc p {
font-size: 14px;
font-size: 0.875rem;
color: #0D0D0D;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .what-learn-headline {
margin: 24px 0 0;
color: #0D0D0D;
font-style: italic;
font-size: 24px;
font-size: 1.5rem;
font-weight: 700;
display: block;
}
@media (max-width: 1024px) {
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .what-learn-headline {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details {
margin: 20px 0 0;
display: flex;
flex-direction: column;
grid-gap: 20px;
}
@media (max-width: 1024px) {
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details {
grid-gap: 12px;
}
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details .single-feature a {
color: #0D0D0D;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details .single-feature.with-explanation {
position: relative;
cursor: pointer;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details .single-feature.with-explanation:hover .explanation {
opacity: 1;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details .single-feature.with-explanation .wrap-feature span {
text-decoration: underline;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details .single-feature .wrap-feature {
display: flex;
align-items: center;
grid-gap: 8px;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details .single-feature .wrap-feature .square {
height: 24px;
width: 24px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-ai-check-black.svg);
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
flex: none;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details .single-feature .wrap-feature span {
display: inline-block;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details .single-feature .explanation {
pointer-events: none;
opacity: 0;
position: absolute;
border-radius: 13px;
padding: 16px 16px;
background: #D9D9D9;
z-index: 5;
top: 24px;
left: 32px;
max-width: calc(100% - 32px);
display: flex;
flex-direction: column;
grid-gap: 8px;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details .single-feature .explanation p {
font-size: 15px;
font-size: 0.9375rem;
margin: 0;
padding: 0 0 0 12px;
color: #0D0D0D !important;
position: relative;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .plan-details .single-feature .explanation p:before {
content: "";
width: 4px;
height: 4px;
border-radius: 100%;
background: #0D0D0D;
position: absolute;
top: 7px;
left: 3px;
}
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .btn {
margin: 40px 0 0;
}
@media (max-width: 768px) {
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .btn {
margin: 32px 0 0;
}
}
@media (max-width: 480px) {
.main.page-ai-courses .courses-block .wrapper .single .info-wrap .btn {
width: 100%;
}
}
.main.page-security-audit .block-title-2 {
font-size: 48px;
font-size: 3rem;
margin: 0;
color: #ffffff;
font-weight: 400;
}
@media (max-width: 1440px) {
.main.page-security-audit .block-title-2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .block-title-2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-security-audit .block-title-2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-security-audit .block-title-2 b {
font-weight: 700;
}
.main.page-security-audit .top-block {
height: 662px;
}
@media (max-width: 1024px) {
.main.page-security-audit .top-block {
height: 600px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .top-block {
height: 500px;
}
}
.main.page-security-audit .top-block .wrapper {
display: flex;
align-items: center;
height: 100%;
grid-gap: 52px;
justify-content: space-between;
}
@media (max-width: 1280px) {
.main.page-security-audit .top-block .wrapper {
grid-gap: 40px;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .top-block .wrapper {
grid-gap: 24px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .top-block .wrapper .left {
order: 2;
}
}
.main.page-security-audit .top-block .wrapper .left .above-headline-h1 {
font-size: 16px;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.28px;
color: #4A4D4E;
line-height: 1.1;
display: inline-block;
text-transform: uppercase;
margin: 0 0 21px;
}
.main.page-security-audit .top-block .wrapper .left h1 {
margin: 0;
color: #E60000;
font-size: 48px;
font-size: 3rem;
line-height: 1.1;
max-width: 620px;
width: 100%;
}
@media (max-width: 1440px) {
.main.page-security-audit .top-block .wrapper .left h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .top-block .wrapper .left h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-security-audit .top-block .wrapper .left h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-security-audit .top-block .wrapper .left .desc {
max-width: 613px;
width: 100%;
margin: 16px 0 0;
}
.main.page-security-audit .top-block .wrapper .left .desc p {
color: #4A4D4E;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-security-audit .top-block .wrapper .ill {
width: 100%;
max-width: 500px;
display: block;
height: auto;
flex: none;
}
@media (max-width: 1280px) {
.main.page-security-audit .top-block .wrapper .ill {
width: 39%;
}
}
@media (max-width: 768px) {
.main.page-security-audit .top-block .wrapper .ill {
width: 100%;
max-width: 240px;
order: 1;
}
}
.main.page-security-audit .features-block {
background: linear-gradient(0deg, #fff 11.35%, rgba(255, 255, 255, 0));
padding: 70px 0 77px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-security-audit .features-block {
padding: 72px 0 72px;
}
}
.main.page-security-audit .features-block .wrapper {
z-index: 2;
}
.main.page-security-audit .features-block .wrapper .top {
display: flex;
justify-content: space-between;
}
@media (max-width: 1024px) {
.main.page-security-audit .features-block .wrapper .top {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 32px;
}
}
@media (max-width: 480px) {
.main.page-security-audit .features-block .wrapper .top {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-security-audit .features-block .wrapper .top .single img {
height: 98px;
width: auto;
display: block;
margin: 0 auto;
}
@media (max-width: 1280px) {
.main.page-security-audit .features-block .wrapper .top .single img {
height: 88px;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .features-block .wrapper .top .single img {
height: 72px;
margin: inherit;
}
}
@media (max-width: 480px) {
.main.page-security-audit .features-block .wrapper .top .single img {
margin: 0 auto;
height: 64px;
}
}
.main.page-security-audit .features-block .wrapper .top .single span {
display: block;
text-align: center;
}
.main.page-security-audit .features-block .wrapper .top .single span:nth-of-type(1) {
font-weight: 500;
font-size: 32px;
font-size: 2rem;
line-height: 1.2;
color: #0D0D0D;
margin: 30px 0 0;
}
@media (max-width: 1280px) {
.main.page-security-audit .features-block .wrapper .top .single span:nth-of-type(1) {
font-size: 28px;
font-size: 1.75rem;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .features-block .wrapper .top .single span:nth-of-type(1) {
margin: 16px 0 0;
}
}
@media (max-width: 480px) {
.main.page-security-audit .features-block .wrapper .top .single span:nth-of-type(1) {
text-align: center;
}
}
.main.page-security-audit .features-block .wrapper .top .single span:nth-of-type(2) {
font-weight: 600;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.4;
margin: 15px 0 0;
}
@media (max-width: 1024px) {
.main.page-security-audit .features-block .wrapper .top .single span:nth-of-type(2) {
margin: 12px 0 0;
}
}
@media (max-width: 480px) {
.main.page-security-audit .features-block .wrapper .top .single span:nth-of-type(2) {
text-align: center;
}
}
.main.page-security-audit .features-block .wrapper .bottom {
margin: 73px 0 0;
}
@media (max-width: 1024px) {
.main.page-security-audit .features-block .wrapper .bottom {
margin: 48px 0 0;
}
}
.main.page-security-audit .features-block .wrapper .bottom .block-title-2 {
max-width: 620px;
width: 100%;
color: #0D0D0D;
}
.main.page-security-audit .features-block .wrapper .bottom .desc {
margin: 25px 0 0;
max-width: 870px;
width: 100%;
}
@media (max-width: 1024px) {
.main.page-security-audit .features-block .wrapper .bottom .desc {
margin: 20px 0 0;
}
}
.main.page-security-audit .features-block .wrapper .bottom .desc * {
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
}
.main.page-security-audit .features-block .ill {
width: 305px;
height: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 1440px) {
.main.page-security-audit .features-block .ill {
width: 214px;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .features-block .ill {
width: 150px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .features-block .ill {
width: 105px;
z-index: 0;
}
}
.main.page-security-audit .services-block {
background: #E5E5E5;
padding: 62px 0 74px;
}
@media (max-width: 1024px) {
.main.page-security-audit .services-block {
padding: 72px 0 72px;
}
}
.main.page-security-audit .services-block .wrapper {
display: flex;
flex-direction: column;
grid-gap: 36px;
}
.main.page-security-audit .services-block .wrapper .single {
display: flex;
align-items: flex-start;
border-radius: 12px;
border: 1px solid #fff;
padding: 48px 92px;
justify-content: space-between;
grid-gap: 32px;
position: relative;
}
.main.page-security-audit .services-block .wrapper .single:nth-child(1) {
background: #E60000;
}
.main.page-security-audit .services-block .wrapper .single:nth-child(1) .bg-ill-1 {
display: block;
}
.main.page-security-audit .services-block .wrapper .single:nth-child(3) {
background: #0D0D0D;
}
.main.page-security-audit .services-block .wrapper .single:nth-child(3) .bg-ill-2 {
display: block;
}
.main.page-security-audit .services-block .wrapper .single:nth-child(5) {
background: #FFF;
}
.main.page-security-audit .services-block .wrapper .single:nth-child(5) .bg-ill-3 {
display: block;
}
.main.page-security-audit .services-block .wrapper .single:nth-child(5) .left .title {
color: #0D0D0D;
}
.main.page-security-audit .services-block .wrapper .single:nth-child(5) .left .desc * {
color: #4A4D4E;
}
.main.page-security-audit .services-block .wrapper .single:nth-child(5) .left .link {
color: #E60000;
}
@media (max-width: 1440px) {
.main.page-security-audit .services-block .wrapper .single {
align-items: center;
}
}
@media (max-width: 1280px) {
.main.page-security-audit .services-block .wrapper .single {
padding: 48px 72px;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .services-block .wrapper .single {
padding: 48px 56px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .services-block .wrapper .single {
padding: 32px 32px;
grid-gap: 24px;
}
}
@media (max-width: 480px) {
.main.page-security-audit .services-block .wrapper .single {
flex-direction: column;
}
}
.main.page-security-audit .services-block .wrapper .single .left img {
height: 96px;
width: auto;
display: block;
}
@media (max-width: 1280px) {
.main.page-security-audit .services-block .wrapper .single .left img {
height: 88px;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .services-block .wrapper .single .left img {
height: 80px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .services-block .wrapper .single .left img {
height: 72px;
}
}
.main.page-security-audit .services-block .wrapper .single .left .title {
display: block;
margin: 39px 0 0;
font-size: 32px;
font-size: 2rem;
font-weight: 500;
color: #ffffff;
max-width: 542px;
width: 100%;
}
@media (max-width: 1024px) {
.main.page-security-audit .services-block .wrapper .single .left .title {
margin: 32px 0 0;
}
}
.main.page-security-audit .services-block .wrapper .single .left .desc {
margin: 20px 0 0;
max-width: 542px;
width: 100%;
}
.main.page-security-audit .services-block .wrapper .single .left .desc * {
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
color: #ffffff;
}
.main.page-security-audit .services-block .wrapper .single .left .link {
display: inline-block;
margin: 20px 0 0;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
text-decoration: underline;
color: #ffffff;
}
.main.page-security-audit .services-block .wrapper .single .ill {
width: 100%;
height: auto;
display: block;
max-width: 477px;
flex: none;
}
@media (max-width: 1440px) {
.main.page-security-audit .services-block .wrapper .single .ill {
width: 37%;
}
}
@media (max-width: 480px) {
.main.page-security-audit .services-block .wrapper .single .ill {
display: none;
}
}
.main.page-security-audit .services-block .wrapper .single .bg-ill-3,
.main.page-security-audit .services-block .wrapper .single .bg-ill-1,
.main.page-security-audit .services-block .wrapper .single .bg-ill-2 {
height: 100%;
width: auto;
display: none;
position: absolute;
top: 0;
right: 0;
pointer-events: none;
}
.main.page-security-audit .who-for-block {
background: #ffffff;
padding: 100px 0 96px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-security-audit .who-for-block {
padding: 72px 0 72px;
}
}
.main.page-security-audit .who-for-block .wrapper {
display: flex;
align-items: flex-start;
grid-gap: 141px;
justify-content: space-between;
z-index: 2;
}
@media (max-width: 1440px) {
.main.page-security-audit .who-for-block .wrapper {
grid-gap: 72px;
}
}
@media (max-width: 1280px) {
.main.page-security-audit .who-for-block .wrapper {
grid-gap: 56px;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .who-for-block .wrapper {
grid-gap: 40px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .who-for-block .wrapper {
flex-direction: column;
grid-gap: 32px;
}
}
.main.page-security-audit .who-for-block .wrapper .ill {
width: 100%;
max-width: 457px;
flex: none;
height: auto;
display: block;
}
@media (max-width: 1440px) {
.main.page-security-audit .who-for-block .wrapper .ill {
max-width: 410px;
}
}
@media (max-width: 1280px) {
.main.page-security-audit .who-for-block .wrapper .ill {
width: 35.6%;
}
}
@media (max-width: 768px) {
.main.page-security-audit .who-for-block .wrapper .ill {
width: 100%;
max-width: 240px;
}
}
@media (max-width: 480px) {
.main.page-security-audit .who-for-block .wrapper .ill {
max-width: 160px;
margin: 0 auto;
}
}
.main.page-security-audit .who-for-block .wrapper .side .block-title-2 {
color: #0D0D0D;
}
.main.page-security-audit .who-for-block .wrapper .side .desc {
margin: 24px 0 0;
}
.main.page-security-audit .who-for-block .wrapper .side .desc p {
font-size: 16px;
font-size: 1rem;
line-height: 1.6;
}
.main.page-security-audit .who-for-block .wrapper .side .list {
margin: 55px 0 0;
}
@media (max-width: 1024px) {
.main.page-security-audit .who-for-block .wrapper .side .list {
margin: 40px 0 0;
}
}
.main.page-security-audit .who-for-block .wrapper .side .list .single {
display: flex;
align-items: flex-start;
grid-gap: 12px;
padding: 23px 0;
border-bottom: 1px solid #404040;
}
.main.page-security-audit .who-for-block .wrapper .side .list .single:first-child {
padding-top: 0;
}
.main.page-security-audit .who-for-block .wrapper .side .list .single:last-child {
padding-bottom: 0;
border: none;
}
.main.page-security-audit .who-for-block .wrapper .side .list .single .number {
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #9A9A9A;
flex: none;
border-radius: 100%;
}
.main.page-security-audit .who-for-block .wrapper .side .list .single .number span {
display: block;
text-align: center;
font-weight: 600;
}
.main.page-security-audit .who-for-block .wrapper .side .list .single .info .title {
display: block;
font-size: 24px;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.2;
}
.main.page-security-audit .who-for-block .wrapper .side .list .single .info .description {
margin: 8px 0 0;
}
.main.page-security-audit .who-for-block .wrapper .side .list .single .info .description p {
font-size: 16px;
font-size: 1rem;
line-height: 1.6;
}
.main.page-security-audit .who-for-block .ill-3 {
width: 702px;
height: auto;
display: block;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
}
@media (max-width: 1440px) {
.main.page-security-audit .who-for-block .ill-3 {
width: 491px;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .who-for-block .ill-3 {
width: 344px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .who-for-block .ill-3 {
width: 241px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .who-for-block .ill-3 {
display: none;
}
}
.main.page-security-audit .information-block {
background: linear-gradient(180deg, #000, #3a3a3a);
padding: 81px 0 60px;
}
@media (max-width: 1024px) {
.main.page-security-audit .information-block {
padding: 72px 0 72px;
}
}
.main.page-security-audit .information-block .wrapper .block-title-2 {
font-weight: 700;
text-align: center;
}
.main.page-security-audit .information-block .wrapper .desc {
margin: 26px auto 0;
text-align: center;
max-width: 488px;
width: 100%;
}
.main.page-security-audit .information-block .wrapper .desc p {
font-size: 16px;
font-size: 1rem;
color: #ffffff;
}
.main.page-security-audit .information-block .wrapper .wrap {
margin: 66px 0 0;
display: grid;
grid-column-gap: 32px;
grid-row-gap: 60px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.main.page-security-audit .information-block .wrapper .wrap {
margin: 48px 0 0;
}
}
@media (max-width: 768px) {
.main.page-security-audit .information-block .wrapper .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-row-gap: 40px;
}
}
@media (max-width: 480px) {
.main.page-security-audit .information-block .wrapper .wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-row-gap: 32px;
}
}
.main.page-security-audit .information-block .wrapper .wrap .single .icon-wrap {
width: 90px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin: 0 auto;
}
@media (max-width: 480px) {
.main.page-security-audit .information-block .wrapper .wrap .single .icon-wrap {
width: 72px;
height: 72px;
}
}
.main.page-security-audit .information-block .wrapper .wrap .single .icon-wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: flex;
}
.main.page-security-audit .information-block .wrapper .wrap .single .title {
display: block;
text-align: center;
font-size: 24px;
font-size: 1.5rem;
color: #ffffff;
font-weight: 700;
max-width: 256px;
width: 100%;
margin: 24px auto 0;
min-height: 58px;
}
@media (max-width: 1280px) {
.main.page-security-audit .information-block .wrapper .wrap .single .title {
min-height: 52px;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .information-block .wrapper .wrap .single .title {
min-height: 49px;
}
}
@media (max-width: 480px) {
.main.page-security-audit .information-block .wrapper .wrap .single .title {
min-height: inherit;
}
}
.main.page-security-audit .information-block .wrapper .wrap .single p {
margin: 16px auto 0;
text-align: center;
font-size: 14px;
font-size: 0.875rem;
color: #ffffff;
max-width: 256px;
width: 100%;
}
.main.page-security-audit .information-block .wrapper .center-btn {
margin: 48px 0 0;
text-align: center;
}
@media (max-width: 1024px) {
.main.page-security-audit .information-block .wrapper .center-btn {
margin: 40px 0 0;
}
}
.main.page-security-audit .information-block .wrapper .center-btn .btn {
width: auto;
padding: 28px 84px;
background: #E60000;
}
.main.page-security-audit .how-it-works-block {
padding: 78px 0 0;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-security-audit .how-it-works-block {
padding: 72px 0 0;
}
}
.main.page-security-audit .how-it-works-block .wrapper .top {
display: flex;
align-items: flex-start;
justify-content: space-between;
grid-gap: 77px;
}
@media (max-width: 1280px) {
.main.page-security-audit .how-it-works-block .wrapper .top {
grid-gap: 56px;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .how-it-works-block .wrapper .top {
grid-gap: 32px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .how-it-works-block .wrapper .top {
flex-direction: column;
}
}
@media (max-width: 768px) {
.main.page-security-audit .how-it-works-block .wrapper .top .left {
order: 2;
}
}
.main.page-security-audit .how-it-works-block .wrapper .top .left .block-title-2 {
font-weight: 700;
color: #0D0D0D;
}
.main.page-security-audit .how-it-works-block .wrapper .top .left .desc {
margin: 28px 0 0;
}
.main.page-security-audit .how-it-works-block .wrapper .top .left .desc p {
font-size: 16px;
font-size: 1rem;
line-height: 1.2;
}
.main.page-security-audit .how-it-works-block .wrapper .top .left .stages {
margin: 59px 0 0;
display: flex;
flex-direction: column;
grid-gap: 37px;
}
@media (max-width: 1024px) {
.main.page-security-audit .how-it-works-block .wrapper .top .left .stages {
margin: 40px 0 0;
grid-gap: 30px;
}
}
.main.page-security-audit .how-it-works-block .wrapper .top .left .stages .single {
display: flex;
align-items: flex-start;
grid-gap: 20px;
}
.main.page-security-audit .how-it-works-block .wrapper .top .left .stages .single img {
width: 30px;
height: auto;
display: block;
flex: none;
}
.main.page-security-audit .how-it-works-block .wrapper .top .left .stages .single .info .title {
font-weight: 700;
display: block;
}
.main.page-security-audit .how-it-works-block .wrapper .top .left .stages .single .info .desc {
margin: 11px 0 0;
}
.main.page-security-audit .how-it-works-block .wrapper .top .left .stages .single .info .desc p {
font-size: 16px;
font-size: 1rem;
}
.main.page-security-audit .how-it-works-block .wrapper .top .ill {
max-width: 579px;
width: 100%;
flex: none;
margin: 100px 0 0;
}
@media (max-width: 1440px) {
.main.page-security-audit .how-it-works-block .wrapper .top .ill {
max-width: 500px;
}
}
@media (max-width: 1280px) {
.main.page-security-audit .how-it-works-block .wrapper .top .ill {
width: 45%;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .how-it-works-block .wrapper .top .ill {
margin: 70px 0 0;
}
}
@media (max-width: 768px) {
.main.page-security-audit .how-it-works-block .wrapper .top .ill {
width: 100%;
max-width: 240px;
margin: 0;
}
}
@media (max-width: 480px) {
.main.page-security-audit .how-it-works-block .wrapper .top .ill {
max-width: 160px;
margin: 0 auto;
}
}
.main.page-security-audit .how-it-works-block .wrapper .bottom {
margin: 49px 0 0;
position: relative;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .line-wrap {
position: relative;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .line-wrap .line {
height: 2px;
width: calc(100% - 222px);
background: #909090;
position: absolute;
top: 109px;
left: 0;
}
@media (max-width: 1280px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .line-wrap .line {
top: 103px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .line-wrap .line {
height: 100%;
width: 2px;
left: 0;
right: 0;
top: 0;
margin: 0 auto;
display: none;
}
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .line-wrap .line:after {
content: "";
display: block;
width: 10px;
height: 10px;
border: 2px solid #909090;
border-top: none;
border-left: none;
background: transparent;
position: absolute;
right: -2px;
top: -11px;
transform: rotate(-45deg);
transform-origin: bottom right;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap {
position: relative;
height: 216px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap {
height: auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
grid-gap: 16px;
}
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single {
padding: 13px 30px;
background: #000000;
border-radius: 6px;
display: inline-block;
position: absolute;
text-decoration: none;
}
@media (max-width: 768px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single {
position: relative;
top: inherit !important;
left: inherit !important;
width: 100% !important;
text-align: center;
max-width: 220px !important;
}
}
@media (max-width: 768px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:before {
display: none !important;
}
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single.active {
background: #E60000;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single.active:nth-child(6):after {
border-bottom-left-radius: 0;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single.active:after {
content: "";
display: block;
width: calc(100% + 4px);
height: calc(100% + 4px);
position: absolute;
top: -4px;
left: -4px;
border: 2px dashed #000000;
border-radius: 9px;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(1) {
top: 0;
left: 0;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(2) {
bottom: 0;
left: 15%;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(2):before {
content: "";
display: block;
width: 40px;
height: 40px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-security-audit-curved-arrow-black.svg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
position: absolute;
top: -50px;
left: 30px;
}
@media (max-width: 1024px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(2):before {
left: 10px;
}
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(3) {
top: 0;
left: 30%;
}
@media (max-width: 1024px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(3) {
left: 27%;
}
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(3):before {
content: "";
display: block;
width: 40px;
height: 40px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-security-audit-curved-arrow-black.svg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
position: absolute;
bottom: -50px;
left: 30px;
transform: rotate(230deg);
}
@media (max-width: 1024px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(3):before {
left: 10px;
}
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(4) {
bottom: 0;
left: 45%;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(4):before {
content: "";
display: block;
width: 40px;
height: 40px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-security-audit-curved-arrow-black.svg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
position: absolute;
top: -50px;
left: 30px;
}
@media (max-width: 1024px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(4):before {
left: 10px;
}
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(5) {
top: 0;
left: 60%;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(5):before {
content: "";
display: block;
width: 40px;
height: 40px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-security-audit-curved-arrow-black.svg);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center;
position: absolute;
bottom: -50px;
left: 30px;
transform: rotate(230deg);
}
@media (max-width: 1024px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(5):before {
left: 10px;
}
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(6) {
top: 0;
bottom: 0;
right: 0;
align-self: center;
border-bottom-left-radius: 0;
padding: 27px 27px;
max-width: 186px;
width: 100%;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(6) span {
max-width: 140px;
text-align: center;
}
@media (max-width: 768px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single:nth-child(6) span {
display: block;
margin: 0 auto;
}
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single span {
display: block;
color: #ffffff;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single .inside-line {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: -61px;
background: #909090;
height: 41px;
width: 2px;
}
@media (max-width: 768px) {
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single .inside-line {
display: none;
}
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single .inside-line:before {
content: "";
display: block;
width: 11px;
height: 11px;
border-radius: 100%;
background: #F0F0F0;
position: absolute;
top: -3px;
left: -5px;
right: 0;
margin: 0 auto;
}
.main.page-security-audit .how-it-works-block .wrapper .bottom .steps-wrap .single .inside-line:after {
position: absolute;
content: "";
display: block;
width: 100px;
left: -100px;
height: 40px;
background: #ffffff;
top: 10px;
}
.main.page-security-audit .how-it-works-block .wrapper .additional-desc {
margin: 61px 0 0;
border-radius: 22px;
padding: 50px 50px;
}
@media (max-width: 1024px) {
.main.page-security-audit .how-it-works-block .wrapper .additional-desc {
margin: 40px 0 0;
padding: 40px 40px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .how-it-works-block .wrapper .additional-desc {
margin: 32px 0 0;
padding: 32px 32px;
}
}
.main.page-security-audit .how-it-works-block .wrapper .additional-desc .desc p {
font-size: 16px;
font-size: 1rem;
text-align: center;
display: none;
}
.main.page-security-audit .how-it-works-block .wrapper .additional-desc .desc p.active {
display: block;
}
.main.page-security-audit .feature-table-block {
padding: 90px 0 0;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-security-audit .feature-table-block {
padding: 72px 0 0;
}
}
.main.page-security-audit .feature-table-block .wrapper {
display: flex;
grid-gap: 43px;
align-items: flex-start;
}
@media (max-width: 1024px) {
.main.page-security-audit .feature-table-block .wrapper {
grid-gap: 32px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .feature-table-block .wrapper {
flex-direction: column;
}
}
.main.page-security-audit .feature-table-block .wrapper .table-wrap {
width: 60%;
}
@media (max-width: 768px) {
.main.page-security-audit .feature-table-block .wrapper .table-wrap {
width: 100%;
order: 2;
}
}
@media (max-width: 640px) {
.main.page-security-audit .feature-table-block .wrapper .table-wrap {
overflow-x: scroll;
}
}
.main.page-security-audit .feature-table-block .wrapper .table-wrap .table {
width: 100%;
overflow: hidden;
}
@media (max-width: 640px) {
.main.page-security-audit .feature-table-block .wrapper .table-wrap .table {
width: 568px;
}
}
.main.page-security-audit .feature-table-block .wrapper .table-wrap .table .row {
display: flex;
border-bottom: 1px solid #EBEBEB;
}
.main.page-security-audit .feature-table-block .wrapper .table-wrap .table .row:first-child .col {
font-weight: 700;
color: #0D0D0D;
}
.main.page-security-audit .feature-table-block .wrapper .table-wrap .table .row:first-child .col:last-child {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.main.page-security-audit .feature-table-block .wrapper .table-wrap .table .row:last-child .col:first-child {
font-weight: 700;
color: #0D0D0D;
}
.main.page-security-audit .feature-table-block .wrapper .table-wrap .table .row:last-child .col:last-child {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.main.page-security-audit .feature-table-block .wrapper .table-wrap .table .row:last-child {
border-bottom: 0;
}
.main.page-security-audit .feature-table-block .wrapper .table-wrap .table .row .col {
padding: 13px 9px;
width: 17.5%;
line-height: 1.1;
color: #4A4D4E;
text-align: center;
font-size: 14px;
font-size: 0.875rem;
}
.main.page-security-audit .feature-table-block .wrapper .table-wrap .table .row .col:first-child {
width: 30%;
text-align: left;
}
.main.page-security-audit .feature-table-block .wrapper .table-wrap .table .row .col:last-child {
border-right: 0;
background: #FEF2F2;
color: #E60000;
}
.main.page-security-audit .feature-table-block .wrapper .right {
width: calc(40% - 43px);
padding: 18px 0 0;
}
@media (max-width: 768px) {
.main.page-security-audit .feature-table-block .wrapper .right {
width: 100%;
padding: 0;
order: 1;
}
}
.main.page-security-audit .feature-table-block .wrapper .right .block-title-2 {
color: #0D0D0D;
font-weight: 700;
line-height: 1.15;
}
.main.page-security-audit .feature-table-block .wrapper .right .desc {
margin: 25px 0 0;
}
@media (max-width: 768px) {
.main.page-security-audit .feature-table-block .wrapper .right .desc {
margin: 20px 0 0;
}
}
.main.page-security-audit .feature-table-block .wrapper .right .desc * {
font-size: 16px;
font-size: 1rem;
}
.main.page-security-audit .what-you-need-block {
padding: 90px 0 71px;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-security-audit .what-you-need-block {
padding: 72px 0 72px;
}
}
.main.page-security-audit .what-you-need-block .wrapper {
display: flex;
align-items: flex-start;
grid-gap: 35px;
}
@media (max-width: 1024px) {
.main.page-security-audit .what-you-need-block .wrapper {
grid-gap: 32px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .what-you-need-block .wrapper {
flex-direction: column;
}
}
.main.page-security-audit .what-you-need-block .wrapper .left {
width: calc(48% - 35px);
}
@media (max-width: 1280px) {
.main.page-security-audit .what-you-need-block .wrapper .left {
width: calc(55% - 35px);
}
}
@media (max-width: 768px) {
.main.page-security-audit .what-you-need-block .wrapper .left {
width: 100%;
order: 2;
}
}
.main.page-security-audit .what-you-need-block .wrapper .left .block-title-2 {
color: #0D0D0D;
font-weight: 700;
line-height: 1.2;
}
.main.page-security-audit .what-you-need-block .wrapper .left .desc {
margin: 31px 0 0;
}
@media (max-width: 1024px) {
.main.page-security-audit .what-you-need-block .wrapper .left .desc {
margin: 24px 0 0;
}
}
.main.page-security-audit .what-you-need-block .wrapper .left .desc p {
font-size: 16px;
font-size: 1rem;
}
.main.page-security-audit .what-you-need-block .wrapper .left .wrap {
margin: 31px 0 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 30px;
}
@media (max-width: 480px) {
.main.page-security-audit .what-you-need-block .wrapper .left .wrap {
grid-gap: 24px;
}
}
.main.page-security-audit .what-you-need-block .wrapper .left .wrap .column.yes .list p {
padding: 0 0 0 39px;
}
.main.page-security-audit .what-you-need-block .wrapper .left .wrap .column.yes .list p:before {
content: "";
display: block;
width: 29px;
height: 20px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-security-audit-check-red.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
position: absolute;
top: 0;
left: 0;
}
.main.page-security-audit .what-you-need-block .wrapper .left .wrap .column.no .list p {
padding: 0 0 0 39px;
}
.main.page-security-audit .what-you-need-block .wrapper .left .wrap .column.no .list p:before {
content: "";
display: block;
width: 24px;
height: 24px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-security-audit-cross-red.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
position: absolute;
top: 0;
left: 0;
}
.main.page-security-audit .what-you-need-block .wrapper .left .wrap .column .headline {
display: block;
font-weight: 700;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-audit .what-you-need-block .wrapper .left .wrap .column .list {
margin: 24px 0 0;
}
.main.page-security-audit .what-you-need-block .wrapper .left .wrap .column .list p {
font-size: 16px;
font-size: 1rem;
position: relative;
}
.main.page-security-audit .what-you-need-block .wrapper .left .contact-wrap {
border: 1px solid #000000;
border-radius: 30px;
padding: 21px 24px 21px 152px;
padding: 27px 24px 27px 166px;
display: flex;
align-items: center;
justify-content: space-between;
margin: 36px 0 0;
position: relative;
}
@media (max-width: 1024px) {
.main.page-security-audit .what-you-need-block .wrapper .left .contact-wrap {
padding: 27px 24px 27px 130px;
grid-gap: 16px;
flex-wrap: wrap;
}
}
.main.page-security-audit .what-you-need-block .wrapper .left .contact-wrap .photo {
width: 97px;
height: auto;
border-radius: 100%;
border: 4px solid #ffffff;
position: absolute;
left: 39px;
top: -31px;
}
@media (max-width: 1024px) {
.main.page-security-audit .what-you-need-block .wrapper .left .contact-wrap .photo {
left: 15px;
}
}
.main.page-security-audit .what-you-need-block .wrapper .left .contact-wrap .photo:after {
content: "";
display: block;
width: 100%;
padding-top: 100%;
}
.main.page-security-audit .what-you-need-block .wrapper .left .contact-wrap .name span {
font-weight: 500;
display: block;
}
.main.page-security-audit .what-you-need-block .wrapper .left .contact-wrap .small-btn {
font-size: 12px;
font-size: 0.75rem;
text-decoration: none;
color: #0D0D0D;
padding: 8px 30px;
border-radius: 8px;
border: 1px solid #0D0D0D;
text-align: center;
}
.main.page-security-audit .what-you-need-block .wrapper .ill {
width: 52%;
height: auto;
display: block;
}
@media (max-width: 1280px) {
.main.page-security-audit .what-you-need-block .wrapper .ill {
width: 45%;
}
}
@media (max-width: 768px) {
.main.page-security-audit .what-you-need-block .wrapper .ill {
width: 100%;
max-width: 240px;
order: 1;
}
}
@media (max-width: 480px) {
.main.page-security-audit .what-you-need-block .wrapper .ill {
max-width: 160px;
margin: 0 auto;
}
}
.main.page-security-audit .accordion-block {
padding: 74px 0 0;
position: relative;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-security-audit .accordion-block {
padding: 72px 0 0;
}
}
.main.page-security-audit .accordion-block:before {
content: "";
display: block;
width: 100%;
height: 626px;
background: linear-gradient(0deg, #fff 11.35%, #e7e7e7);
position: absolute;
top: 0;
left: 0;
}
.main.page-security-audit .accordion-block .wrapper {
z-index: 1;
}
.main.page-security-audit .accordion-block .wrapper .block-title-2 {
max-width: 721px;
width: 100%;
text-align: center;
font-weight: 700;
color: black;
margin: 0 auto;
}
.main.page-security-audit .accordion-block .wrapper .desc {
margin: 26px auto 0;
max-width: 604px;
width: 100%;
}
.main.page-security-audit .accordion-block .wrapper .desc p {
text-align: center;
font-size: 14px;
font-size: 0.875rem;
}
.main.page-security-audit .accordion-block .wrapper .accordion-audit {
margin: 48px auto 0;
display: flex;
flex-direction: column;
grid-gap: 21px;
max-width: 730px;
width: 100%;
}
.main.page-security-audit .accordion-block .wrapper .accordion-audit .single {
background: #d9d9d9;
border-radius: 33px;
}
.main.page-security-audit .accordion-block .wrapper .accordion-audit .single.active {
background: #E60000;
}
.main.page-security-audit .accordion-block .wrapper .accordion-audit .single.active .header .title {
color: #ffffff;
}
.main.page-security-audit .accordion-block .wrapper .accordion-audit .single.active .header .state {
filter: brightness(0) invert(1);
transform: rotate(180deg);
}
.main.page-security-audit .accordion-block .wrapper .accordion-audit .single .header {
padding: 26px 34px 26px;
cursor: pointer;
position: relative;
}
.main.page-security-audit .accordion-block .wrapper .accordion-audit .single .header .title {
color: #404040;
font-weight: 700;
font-size: 24px;
font-size: 1.5rem;
margin: 0;
display: block;
padding: 0 24px 0 0;
}
.main.page-security-audit .accordion-block .wrapper .accordion-audit .single .header .state {
width: 24px;
height: 24px;
position: absolute;
top: 26px;
right: 34px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-security-audit-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
.main.page-security-audit .accordion-block .wrapper .accordion-audit .single .acc-text {
padding: 0 34px 26px;
}
.main.page-security-audit .accordion-block .wrapper .accordion-audit .single .acc-text p {
color: #ffffff;
}
.main.page-security-audit .cta-block {
background: #ffffff;
padding: 95px 0 51px;
}
@media (max-width: 1024px) {
.main.page-security-audit .cta-block {
padding: 72px 0 56px;
}
}
.main.page-security-audit .cta-block .wrapper {
background: #131313;
padding: 107px 107px;
border-radius: 32px;
text-align: center;
}
@media (max-width: 1024px) {
.main.page-security-audit .cta-block .wrapper {
padding: 72px 72px;
}
}
@media (max-width: 768px) {
.main.page-security-audit .cta-block .wrapper {
padding: 48px 48px;
}
}
@media (max-width: 480px) {
.main.page-security-audit .cta-block .wrapper {
padding: 32px 32px;
}
}
.main.page-security-audit .cta-block .wrapper .block-title-2 {
font-size: 64px;
font-size: 4rem;
color: #E60000;
font-weight: 700;
text-align: center;
max-width: 748px;
line-height: 1.15;
width: 100%;
margin: 0 auto;
}
@media (max-width: 1440px) {
.main.page-security-audit .cta-block .wrapper .block-title-2 {
font-size: 56px;
font-size: 3.5rem;
}
}
@media (max-width: 1024px) {
.main.page-security-audit .cta-block .wrapper .block-title-2 {
font-size: 48px;
font-size: 3rem;
}
}
@media (max-width: 768px) {
.main.page-security-audit .cta-block .wrapper .block-title-2 {
font-size: 40px;
font-size: 2.5rem;
}
}
.main.page-security-audit .cta-block .wrapper .desc {
margin: 40px auto 0;
max-width: 578px;
width: 100%;
}
@media (max-width: 1024px) {
.main.page-security-audit .cta-block .wrapper .desc {
margin: 32px auto 0;
}
}
.main.page-security-audit .cta-block .wrapper .desc p {
font-size: 16px;
font-size: 1rem;
color: #9A9A9A;
}
.main.page-security-audit .cta-block .wrapper .custom-btn {
margin: 40px 0 0;
color: #02030A;
padding: 20px 24px;
border-radius: 15px;
background: #FFFFF9;
font-weight: 600;
text-decoration: none;
display: inline-block;
line-height: 1;
}
@media (max-width: 1024px) {
.main.page-security-audit .cta-block .wrapper .custom-btn {
margin: 32px auto 0;
}
}
.security-audit-popup {
width: 100%;
max-width: 768px;
margin: 20px auto;
background: #D9D9D9;
border-radius: 20px;
padding: 48px 48px;
}
@media (max-width: 1024px) {
.security-audit-popup {
padding: 40px;
}
}
@media (max-width: 768px) {
.security-audit-popup {
padding: 32px;
}
}
@media (max-width: 480px) {
.security-audit-popup {
padding: 24px;
}
}
.security-audit-popup .wrap .title {
display: block;
font-size: 32px;
font-size: 2rem;
color: #0D0D0D;
font-weight: 500;
}
.security-audit-popup .wrap .provider {
display: block;
font-size: 16px;
font-size: 1rem;
font-weight: 500;
color: #0D0D0D;
}
.security-audit-popup .wrap .list {
margin: 32px 0 0;
display: flex;
flex-direction: column;
grid-gap: 20px;
}
.security-audit-popup .wrap .list .single-point {
display: flex;
align-items: center;
grid-gap: 10px;
}
.security-audit-popup .wrap .list .single-point .icon {
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
background: #ffffff;
border-radius: 100%;
flex: none;
}
.security-audit-popup .wrap .list .single-point .icon:before {
content: "";
display: block;
width: 10px;
height: 10px;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-security-audit-check.svg);
}
.security-audit-popup .wrap .list .single-point p {
font-size: 16px;
font-size: 1rem;
margin: 0;
}
.main.page-entryscope .hero-block {
height: 660px;
}
@media (max-width: 1024px) {
.main.page-entryscope .hero-block {
height: 600px;
background-position-x: left;
}
}
@media (max-width: 768px) {
.main.page-entryscope .hero-block {
height: 500px;
}
}
.main.page-entryscope .hero-block .wrapper {
height: 100%;
display: flex;
align-items: center;
}
.main.page-entryscope .hero-block .wrapper .wrap .above-headline-h1 {
font-size: 16px;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1.28px;
color: #4A4D4E;
line-height: 1.1;
display: inline-block;
text-transform: uppercase;
margin: 0 0 21px;
}
.main.page-entryscope .hero-block .wrapper .wrap h1 {
color: #E60000;
line-height: 1.1;
font-size: 48px;
font-size: 3rem;
margin: 0;
max-width: 760px;
width: 100%;
}
@media (max-width: 1440px) {
.main.page-entryscope .hero-block .wrapper .wrap h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-entryscope .hero-block .wrapper .wrap h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
.main.page-entryscope .hero-block .wrapper .wrap .desc {
margin: 28px 0 0;
max-width: 557px;
width: 100%;
}
@media (max-width: 480px) {
.main.page-entryscope .hero-block .wrapper .wrap .desc {
margin: 24px 0 0;
}
}
.main.page-entryscope .hero-block .wrapper .wrap .desc p {
color: #4A4D4E;
font-size: 18px;
font-size: 1.125rem;
}
.main.page-entryscope .scheme-block {
padding: 90px 0;
position: relative;
background: linear-gradient(0deg, #fff 11.35%, rgba(255, 255, 255, 0));
}
@media (max-width: 1024px) {
.main.page-entryscope .scheme-block {
padding: 80px 0 80px;
}
}
.main.page-entryscope .scheme-block .wrapper h2 {
text-align: center;
font-size: 48px;
font-size: 3rem;
color: #0D0D0D;
max-width: 670px;
width: 100%;
margin: 0 auto;
letter-spacing: -1.49px;
line-height: 1.15;
}
@media (max-width: 1440px) {
.main.page-entryscope .scheme-block .wrapper h2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
.main.page-entryscope .scheme-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
.main.page-entryscope .scheme-block .wrapper h2 {
font-size: 30px;
font-size: 1.875rem;
letter-spacing: 0;
}
}
.main.page-entryscope .scheme-block .wrapper h2 span {
display: block;
text-align: center;
color: #E60000;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap {
margin: 90px auto 0;
}
@media (max-width: 1024px) {
.main.page-entryscope .scheme-block .wrapper .scheme-wrap {
margin: 64px auto 0;
}
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop {
--white: #ffffff;
--bg: #f7f8fa;
--text-900: #0f172a;
--text-700: #334155;
--text-500: #64748b;
--text-400: #94a3b8;
--blue: #2563eb;
--blue-dark: #1e40af;
--blue-light: #eff6ff;
--blue-muted: #bfdbfe;
--red: #dc2626;
--red-soft: #fee2e2;
--red-mid: #fca5a5;
--amber: #b45309;
--amber-soft: #fef3c7;
--amber-mid: #fcd34d;
--border: #e2e8f0;
--border-strong: #cbd5e1;
}
@media (max-width: 768px) {
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop {
display: none;
}
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .constellation {
position: relative;
width: 100%;
max-width: 1140px;
height: 500px;
z-index: 2;
margin: 0 auto 2.5rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .constellation svg.paths {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: visible;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .path-line {
fill: none;
stroke: var(--border-strong);
stroke-width: 1.2;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .path-line.severe {
stroke: var(--red-mid);
stroke-width: 1.8;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .path-dot {
fill: var(--border-strong);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .path-dot.severe {
fill: var(--red-mid);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .origin {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .origin-box {
display: flex;
align-items: center;
background: var(--white);
border: 2px solid #000;
border-radius: 14px;
padding: 0.9rem 1.4rem;
gap: 0.6rem;
box-shadow: 0 0 0 6px rgba(37, 99, 235, 0.06), 0 2px 8px rgba(0, 0, 0, 0.04), 0 12px 40px rgba(37, 99, 235, 0.08);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .origin-box .sigil {
width: 32px;
height: 32px;
background: #000000;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .origin-box .sigil svg {
width: 16px;
height: 16px;
stroke: white;
fill: none;
stroke-width: 2;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .origin-box .domain {
font-size: 1.05rem;
font-weight: 700;
color: var(--text-900);
letter-spacing: -0.01em;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .origin-box .blink {
width: 2px;
height: 1.2em;
background: var(--blue);
margin-left: -2px;
flex-shrink: 0;
animation: blink 1s step-end infinite;
}
@keyframes blink {
50% {
opacity: 0;
}
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .origin-box .go {
margin-left: 0.75rem;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--white);
background: #000000;
padding: 0.45rem 1rem;
border-radius: 8px;
flex-shrink: 0;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd {
position: absolute;
z-index: 5;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: 12px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04), 0 6px 20px rgba(0, 0, 0, 0.03);
overflow: hidden;
transition: box-shadow 0.25s;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-card:hover {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06), 0 12px 32px rgba(0, 0, 0, 0.06);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-creds {
top: -4%;
right: 4%;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-creds .nd-card {
border-color: var(--red-mid);
background: var(--red-soft);
padding: 1.1rem 1.4rem;
min-width: 220px;
position: relative;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-creds .ghost-rows {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 2.8rem 1.4rem 1rem;
display: flex;
flex-direction: column;
gap: 3px;
opacity: 0.07;
overflow: hidden;
pointer-events: none;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-creds .ghost-rows span {
display: block;
font-size: 0.75rem;
font-family: "Inter", monospace;
color: var(--red);
white-space: nowrap;
line-height: 1.3;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-creds .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--red);
margin-bottom: 0.2rem;
position: relative;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-creds .nd-num {
font-size: 2.75rem;
font-weight: 900;
color: var(--red);
line-height: 1;
letter-spacing: -0.04em;
position: relative;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-creds .nd-sub {
font-size: 0.875rem;
color: var(--text-500);
font-weight: 500;
margin-top: 0.2rem;
position: relative;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-stealer {
top: 26%;
right: 0%;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-stealer .nd-card {
border-color: var(--red-mid);
background: var(--red-soft);
padding: 0.9rem 1.1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-stealer .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--red);
margin-bottom: 0.15rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-stealer .nd-num {
font-size: 1.75rem;
font-weight: 900;
color: var(--red);
line-height: 1;
letter-spacing: -0.03em;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-stealer .nd-detail {
display: flex;
align-items: center;
gap: 0.35rem;
margin-top: 0.25rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-stealer .cookie-icon {
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--red-mid);
flex-shrink: 0;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-stealer .nd-sub {
font-size: 0.875rem;
color: var(--text-500);
font-weight: 500;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-subs {
top: 0%;
left: 0%;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-subs .nd-card {
padding: 0.85rem 1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-subs .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--text-400);
margin-bottom: 0.35rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-subs .tree {
display: flex;
flex-direction: column;
gap: 0.15rem;
padding-left: 0;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-subs .tree .branch {
display: flex;
align-items: center;
gap: 0.4rem;
font-size: 0.875rem;
font-weight: 500;
color: var(--text-700);
line-height: 1.45;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-subs .tree .branch .pipe {
color: var(--border-strong);
font-weight: 400;
flex-shrink: 0;
width: 16px;
font-family: monospace;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-subs .tree .branch.root {
font-weight: 700;
color: var(--text-900);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-subs .tree .more {
font-size: 0.875rem;
color: var(--text-400);
font-weight: 500;
padding-left: 24px;
margin-top: 0.1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-emp {
bottom: 0%;
left: 23%;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-emp .nd-card {
padding: 0.85rem 1.1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-emp .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--text-400);
margin-bottom: 0.2rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-emp .silhouettes {
display: flex;
align-items: flex-end;
gap: 2px;
margin-bottom: 0.35rem;
height: 20px;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-emp .silhouettes .fig {
width: 8px;
border-radius: 3px 3px 0 0;
background: var(--amber-mid);
opacity: 0.5;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-emp .silhouettes .fig:nth-child(odd) {
height: 16px;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-emp .silhouettes .fig:nth-child(even) {
height: 20px;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-emp .silhouettes .fig:nth-child(3n) {
height: 12px;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-emp .silhouettes .fig:last-child {
background: var(--amber);
opacity: 0.7;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-emp .nd-num {
font-size: 1.5rem;
font-weight: 900;
color: var(--amber);
line-height: 1;
letter-spacing: -0.02em;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-emp .nd-sub {
font-size: 0.875rem;
color: var(--text-500);
font-weight: 500;
margin-top: 0.1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-vuln {
bottom: 22%;
left: 0%;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-vuln .nd-card {
border-color: var(--amber-mid);
background: var(--amber-soft);
padding: 0.75rem 1rem;
display: flex;
align-items: center;
gap: 0.65rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-vuln .warn-icon {
width: 32px;
height: 32px;
background: var(--amber);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: white;
font-weight: 900;
font-size: 1.1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-vuln .nd-text .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--amber);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-vuln .nd-text .nd-sub {
font-size: 0.875rem;
color: var(--text-500);
font-weight: 500;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-breach {
bottom: 0%;
right: 5%;
right: 23%;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-breach .nd-card {
padding: 0.75rem 0.9rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-breach .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--text-400);
margin-bottom: 0.35rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-breach .breach-table {
display: grid;
grid-template-columns: auto auto;
gap: 0.1rem 1rem;
font-size: 0.875rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-breach .breach-table .bname {
font-weight: 600;
color: var(--text-700);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-breach .breach-table .bdate {
font-weight: 400;
color: var(--text-400);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-breach .breach-more {
font-size: 0.875rem;
color: var(--text-400);
margin-top: 0.2rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-pill .nd-card {
padding: 0.55rem 0.9rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-pill .pip {
width: 8px;
height: 8px;
border-radius: 50%;
flex-shrink: 0;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-pill .pip.blue {
background: var(--blue);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-pill .pip.amber {
background: var(--amber);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-pill .pill-text {
font-size: 0.875rem;
font-weight: 600;
color: var(--text-700);
white-space: nowrap;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-isps {
bottom: 18%;
right: 0%;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-isps .nd-card {
padding: 0.75rem 0.9rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-isps .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--text-400);
margin-bottom: 0.2rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-isps .isp-list {
display: flex;
flex-direction: column;
gap: 0.1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-isps .isp-list span {
font-size: 0.875rem;
font-weight: 500;
color: var(--text-500);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-hosts {
top: 14%;
left: 26%;
}
@media (max-width: 920px) {
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-hosts {
top: 30%;
left: 30%;
}
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-domains {
top: 0%;
left: 44%;
}
@media (max-width: 920px) {
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-domains {
top: 19%;
left: 41%;
}
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .desktop .nd-ports {
top: 42%;
left: -1%;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile {
display: none;
--white: #ffffff;
--bg: #f7f8fa;
--text-900: #0f172a;
--text-700: #334155;
--text-500: #64748b;
--text-400: #94a3b8;
--blue: #2563eb;
--blue-dark: #1e40af;
--blue-light: #eff6ff;
--blue-muted: #bfdbfe;
--red: #dc2626;
--red-soft: #fee2e2;
--red-mid: #fca5a5;
--amber: #b45309;
--amber-soft: #fef3c7;
--amber-mid: #fcd34d;
--border: #e2e8f0;
--border-strong: #cbd5e1;
}
@media (max-width: 768px) {
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile {
display: block;
}
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .origin-box {
display: flex;
align-items: center;
background: var(--white);
border: 2px solid #000000;
border-radius: 12px;
padding: 0.7rem 0.85rem;
gap: 0.5rem;
box-shadow: 0 0 0 5px rgba(37, 99, 235, 0.05), 0 2px 8px rgba(0, 0, 0, 0.04), 0 8px 24px rgba(37, 99, 235, 0.06);
margin-bottom: 2rem;
position: relative;
z-index: 2;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .origin-box .sigil {
width: 28px;
height: 28px;
background: #000000;
border-radius: 7px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .origin-box .sigil svg {
width: 14px;
height: 14px;
stroke: white;
fill: none;
stroke-width: 2;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .origin-box .domain {
font-size: 0.9375rem;
font-weight: 700;
color: var(--text-900);
letter-spacing: -0.01em;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .origin-box .blink {
width: 2px;
height: 1.1em;
background: #000000;
margin-left: -2px;
flex-shrink: 0;
animation: blink 1s step-end infinite;
}
@keyframes blink {
50% {
opacity: 0;
}
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .origin-box .go {
margin-left: auto;
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
color: var(--white);
background: #000000;
padding: 0.4rem 0.75rem;
border-radius: 7px;
flex-shrink: 0;
letter-spacing: 0.02em;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .stream {
position: relative;
z-index: 2;
padding-left: 24px;
margin-bottom: 2rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .stream::before {
content: "";
position: absolute;
left: 7px;
top: 0;
bottom: 0;
width: 1.5px;
background: linear-gradient(to bottom, var(--blue-muted) 0%, var(--border-strong) 30%, var(--red-mid) 50%, var(--border-strong) 70%, var(--border-strong) 100%);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd {
position: relative;
margin-bottom: 0.875rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd::before {
content: "";
position: absolute;
left: -20px;
top: 50%;
transform: translateY(-50%);
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--border-strong);
border: 2px solid var(--bg);
z-index: 3;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd[data-severe]::before {
background: var(--red);
width: 10px;
height: 10px;
border: 2px solid var(--red-soft);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd[data-warn]::before {
background: var(--amber);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd::after {
content: "";
position: absolute;
left: -13px;
top: 50%;
width: 13px;
height: 1.5px;
background: var(--border-strong);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd[data-severe]::after {
background: var(--red-mid);
height: 2px;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-card {
background: var(--white);
border: 1px solid var(--border);
border-radius: 12px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.03);
overflow: hidden;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-creds .nd-card {
border-color: var(--red-mid);
background: var(--red-soft);
padding: 1rem 1.1rem;
position: relative;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-creds .ghost-rows {
position: absolute;
inset: 0;
padding: 2.6rem 1.1rem 0.5rem;
display: flex;
flex-direction: column;
gap: 3px;
opacity: 0.06;
overflow: hidden;
pointer-events: none;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-creds .ghost-rows span {
display: block;
font-size: 0.75rem;
font-family: monospace;
color: var(--red);
white-space: nowrap;
line-height: 1.3;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-creds .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--red);
margin-bottom: 0.15rem;
position: relative;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-creds .nd-row {
display: flex;
align-items: baseline;
justify-content: space-between;
position: relative;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-creds .nd-num {
font-size: 2.5rem;
font-weight: 900;
color: var(--red);
line-height: 1;
letter-spacing: -0.04em;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-creds .nd-sub {
font-size: 0.875rem;
color: var(--text-500);
font-weight: 500;
position: relative;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-stealer .nd-card {
border-color: var(--red-mid);
background: var(--red-soft);
padding: 0.85rem 1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-stealer .nd-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-stealer .nd-left .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--red);
margin-bottom: 0.1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-stealer .nd-left .nd-num {
font-size: 1.625rem;
font-weight: 900;
color: var(--red);
line-height: 1;
letter-spacing: -0.03em;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-stealer .nd-right {
display: flex;
align-items: center;
gap: 0.35rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-stealer .cookie-icon {
width: 14px;
height: 14px;
border-radius: 50%;
background: var(--red-mid);
flex-shrink: 0;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-stealer .nd-sub {
font-size: 0.875rem;
color: var(--text-500);
font-weight: 500;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-subs .nd-card {
padding: 0.85rem 1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-subs .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--text-400);
margin-bottom: 0.3rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-subs .tree {
display: flex;
flex-direction: column;
gap: 0.1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-subs .branch {
display: flex;
align-items: center;
gap: 0.35rem;
font-size: 0.875rem;
font-weight: 500;
color: var(--text-700);
line-height: 1.4;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-subs .branch .pipe {
color: var(--border-strong);
font-weight: 400;
width: 16px;
flex-shrink: 0;
font-family: monospace;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-subs .branch.root {
font-weight: 700;
color: var(--text-900);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-subs .more {
font-size: 0.875rem;
color: var(--text-400);
font-weight: 500;
padding-left: 22px;
margin-top: 0.1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-row-pair {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.625rem;
margin-bottom: 0.875rem;
position: relative;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-row-pair::before,
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-row-pair::after {
display: none;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-row-pair .nd {
margin-bottom: 0;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-vuln .nd-card {
border-color: var(--amber-mid);
background: var(--amber-soft);
padding: 0.75rem 0.85rem;
display: flex;
align-items: center;
gap: 0.5rem;
height: 100%;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-vuln .warn-icon {
width: 28px;
height: 28px;
background: var(--amber);
border-radius: 7px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: white;
font-weight: 900;
font-size: 1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-vuln .nd-text .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--amber);
line-height: 1.2;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-vuln .nd-text .nd-sub {
font-size: 0.875rem;
color: var(--text-500);
font-weight: 500;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-ports .nd-card {
border-color: var(--amber-mid);
background: var(--amber-soft);
padding: 0.75rem 0.85rem;
display: flex;
align-items: center;
gap: 0.45rem;
height: 100%;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .pip {
width: 8px;
height: 8px;
border-radius: 50%;
flex-shrink: 0;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .pip.blue {
background: var(--blue);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .pip.amber {
background: var(--amber);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .pill-text {
font-size: 0.875rem;
font-weight: 600;
color: var(--text-700);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-emp .nd-card {
padding: 0.85rem 1rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-emp .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--text-400);
margin-bottom: 0.2rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-emp .silhouettes {
display: flex;
align-items: flex-end;
gap: 2px;
margin-bottom: 0.3rem;
height: 18px;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-emp .silhouettes .fig {
width: 8px;
border-radius: 3px 3px 0 0;
background: var(--amber-mid);
opacity: 0.5;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-emp .silhouettes .fig:nth-child(odd) {
height: 14px;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-emp .silhouettes .fig:nth-child(even) {
height: 18px;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-emp .silhouettes .fig:nth-child(3n) {
height: 11px;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-emp .silhouettes .fig:last-child {
background: var(--amber);
opacity: 0.7;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-emp .nd-inner {
display: flex;
align-items: baseline;
gap: 0.5rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-emp .nd-num {
font-size: 1.375rem;
font-weight: 900;
color: var(--amber);
line-height: 1;
letter-spacing: -0.02em;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-emp .nd-sub {
font-size: 0.875rem;
color: var(--text-500);
font-weight: 500;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-breach .nd-card {
padding: 0.75rem 0.9rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-breach .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--text-400);
margin-bottom: 0.3rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-breach .breach-table {
display: grid;
grid-template-columns: 1fr auto;
gap: 0.1rem 0.75rem;
font-size: 0.875rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-breach .bname {
font-weight: 600;
color: var(--text-700);
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-breach .bdate {
font-weight: 400;
color: var(--text-400);
font-variant-numeric: tabular-nums;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-breach .breach-more {
font-size: 0.875rem;
color: var(--text-400);
margin-top: 0.15rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-pill-pair {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.625rem;
margin-bottom: 0.875rem;
position: relative;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-pill-pair::before,
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-pill-pair::after {
display: none;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-pill-pair .nd {
margin-bottom: 0;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-pill .nd-card {
padding: 0.6rem 0.85rem;
display: flex;
align-items: center;
gap: 0.4rem;
height: 100%;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-isps .nd-card {
padding: 0.75rem 0.9rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-isps .nd-label {
font-size: 0.875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--text-400);
margin-bottom: 0.15rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-isps .isp-list {
display: flex;
flex-direction: column;
gap: 0.05rem;
}
.main.page-entryscope .scheme-block .wrapper .scheme-wrap .mobile .nd-isps .isp-list span {
font-size: 0.875rem;
font-weight: 500;
color: var(--text-500);
}
.main.page-entryscope .scheme-block .wrapper .desc {
max-width: 534px;
width: 100%;
margin: 16px auto 0;
text-align: center;
}
.main.page-entryscope .scheme-block .wrapper .desc p {
color: #7D7D7D;
font-size: 16px;
font-size: 1rem;
line-height: 1.625;
}
.main.page-entryscope .scheme-block .wrapper .desc p strong, .main.page-entryscope .scheme-block .wrapper .desc p b {
color: #0F172A;
font-weight: 400;
}
.main.page-entryscope .scheme-block .wrapper .center-btn {
text-align: center;
margin: 32px 0 0;
}
.main.page-entryscope .scheme-block .wrapper .center-btn a {
display: inline-flex;
padding: 15px 32px;
background: #E60000;
border-radius: 10px;
text-decoration: none;
align-items: center;
grid-gap: 8px;
}
.main.page-entryscope .scheme-block .wrapper .center-btn a span {
font-size: 15px;
font-size: 0.9375rem;
color: #ffffff;
}
.main.page-entryscope .scheme-block .wrapper .center-btn a img {
height: 16px;
width: auto;
display: block;
}
.main.page-entryscope .scheme-block .wrapper .disclaimer {
margin: 32px 0 0;
text-align: center;
color: #7D7D7D;
font-size: 14px;
font-size: 0.875rem;
}
.main.page-entryscope .scheme-block .wrapper .desc-2 {
margin: 64px auto 0;
max-width: 683px;
width: 100%;
}
.main.page-entryscope .scheme-block .wrapper .desc-2 p {
text-align: center;
color: #7D7D7D;
font-size: 18px;
font-size: 1.125rem;
line-height: 1.625;
}
.main.page-entryscope .scheme-block .wrapper .desc-2 p strong {
color: #0D0D0D;
}
.main.page-entryscope .scheme-block .ill {
height: 453px;
width: auto;
display: block;
position: absolute;
bottom: 0;
left: 0;
opacity: 1;
}
@media (max-width: 1440px) {
.main.page-entryscope .scheme-block .ill {
height: 317px;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .scheme-block .ill {
height: 222px;
}
}
@media (max-width: 768px) {
.main.page-entryscope .scheme-block .ill {
height: 155px;
}
}
.main.page-entryscope .cmd-block {
background: #FAFAFA;
}
.main.page-entryscope .cmd-block .wrap {
display: flex;
background: #FAFAFA;
width: 100%;
max-width: 1920px;
margin: 0 auto;
}
@media (max-width: 1440px) {
.main.page-entryscope .cmd-block .wrap {
align-items: center;
}
}
@media (max-width: 768px) {
.main.page-entryscope .cmd-block .wrap {
flex-direction: column;
}
}
.main.page-entryscope .cmd-block .wrap .left {
width: 32%;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 1440px) {
.main.page-entryscope .cmd-block .wrap .left {
padding: 0 0 0 60px;
}
}
@media (max-width: 1280px) {
.main.page-entryscope .cmd-block .wrap .left {
padding: 0 0 0 45px;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .cmd-block .wrap .left {
width: 295px;
}
}
@media (max-width: 768px) {
.main.page-entryscope .cmd-block .wrap .left {
width: 100%;
justify-content: center;
margin: 0 auto;
padding: 64px 0 0;
}
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap {
max-width: 384px;
width: 100%;
padding: 48px 48px 48px 0;
}
@media (max-width: 1024px) {
.main.page-entryscope .cmd-block .wrap .left .left-wrap {
padding: 32px 32px 32px 0;
}
}
@media (max-width: 768px) {
.main.page-entryscope .cmd-block .wrap .left .left-wrap {
padding: 0 30px 48px 30px;
max-width: 480px;
}
}
@media (max-width: 480px) {
.main.page-entryscope .cmd-block .wrap .left .left-wrap {
padding: 0 20px 48px 20px;
}
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap h2 {
font-size: 42px;
font-size: 2.625rem;
color: #0D0D0D;
margin: 0;
}
@media (max-width: 1440px) {
.main.page-entryscope .cmd-block .wrap .left .left-wrap h2 {
font-size: 38px;
font-size: 2.375rem;
}
}
@media (max-width: 1280px) {
.main.page-entryscope .cmd-block .wrap .left .left-wrap h2 {
font-size: 34px;
font-size: 2.125rem;
}
}
@media (max-width: 768px) {
.main.page-entryscope .cmd-block .wrap .left .left-wrap h2 {
font-size: 30px;
font-size: 1.875rem;
text-align: center;
}
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap .rows {
margin: 45px 0 0;
display: flex;
flex-direction: column;
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap .rows .row {
display: flex;
align-items: center;
padding: 15px 0 15px 21px;
justify-content: space-between;
position: relative;
border-bottom: 1px solid #E2E8F0;
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap .rows .row:first-child {
padding-top: 0;
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap .rows .row:before {
content: "";
display: block;
width: 8px;
height: 8px;
background: #E60000;
border-radius: 100%;
margin: 0 14px 0 0;
flex: none;
position: absolute;
left: 0;
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap .rows .row span {
display: block;
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap .rows .row span:nth-child(1) {
color: #0D0D0D;
font-weight: 600;
font-size: 15px;
font-size: 0.9375rem;
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap .rows .row span:nth-child(2) {
color: #94A3B8;
font-size: 13px;
font-size: 0.8125rem;
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap .assets {
display: flex;
flex-direction: column;
align-items: center;
margin: 40px auto 0;
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap .assets span {
display: block;
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap .assets span:nth-child(1) {
color: #E60000;
font-weight: 700;
opacity: 0.25;
text-align: center;
font-size: 64px;
font-size: 4rem;
line-height: 1;
}
.main.page-entryscope .cmd-block .wrap .left .left-wrap .assets span:nth-child(2) {
color: #94A3B8;
font-size: 13px;
font-size: 0.8125rem;
text-align: center;
margin: 4px 0 0;
line-height: 1;
}
.main.page-entryscope .cmd-block .wrap .right {
width: 68%;
}
@media (max-width: 1024px) {
.main.page-entryscope .cmd-block .wrap .right {
width: calc(100% - 295px);
}
}
@media (max-width: 768px) {
.main.page-entryscope .cmd-block .wrap .right {
width: calc(100% - 60px);
margin: 0 auto;
}
}
@media (max-width: 480px) {
.main.page-entryscope .cmd-block .wrap .right {
width: calc(100% - 40px);
}
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap {
--white: #ffffff;
--bg: #f7f8fa;
--term-bg: #0c1017;
--term-surface: #111820;
--term-text: #a4b1c7;
--term-bright: #d1dae8;
--term-dim: #4a5568;
--term-green: #34d399;
--term-yellow: #fbbf24;
--term-red: #f87171;
--term-blue: #60a5fa;
--term-cyan: #22d3ee;
--text-900: #0f172a;
--text-700: #334155;
--text-500: #64748b;
--text-400: #94a3b8;
--blue: #2563eb;
--blue-light: #eff6ff;
--blue-muted: #bfdbfe;
--border: #e2e8f0;    }
.main.page-entryscope .cmd-block .wrap .right .right-wrap .terminal {
background: var(--term-bg);
position: relative;
overflow: hidden;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .term-bar {
position: sticky;
top: 0;
z-index: 5;
background: var(--term-surface);
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
padding: 0.6rem 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .term-bar .dots {
display: flex;
gap: 5px;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .term-bar .dots span {
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--term-dim);
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .term-bar .dots span:first-child {
background: #ff5f57;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .term-bar .dots span:nth-child(2) {
background: #febc2e;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .term-bar .dots span:nth-child(3) {
background: #28c840;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .term-bar .term-title {
font-family: "JetBrains Mono", monospace;
font-size: 0.6875rem;
color: var(--term-dim);
margin-left: 0.5rem;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .term-body {
padding: 1.25rem 1.5rem 2rem;
max-height: 570px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--term-dim) transparent;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .term-body::-webkit-scrollbar {
width: 6px;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .term-body::-webkit-scrollbar-track {
background: transparent;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .term-body::-webkit-scrollbar-thumb {
background: var(--term-dim);
border-radius: 3px;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t {
font-family: "JetBrains Mono", monospace;
font-size: 0.8125rem;
line-height: 1.7;
white-space: pre-wrap;
word-break: break-all;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t-cmd {
color: var(--term-green);
font-weight: 600;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t-comment {
color: var(--term-dim);
font-style: italic;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t-heading {
color: var(--term-cyan);
font-weight: 700;
font-size: 0.6875rem;
text-transform: uppercase;
letter-spacing: 0.1em;
display: block;
margin-top: 1.5rem;
margin-bottom: 0.35rem;
padding-bottom: 0.25rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t-data {
color: var(--term-text);
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t-bright {
color: var(--term-bright);
font-weight: 500;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t-val {
color: var(--term-yellow);
font-weight: 600;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t-warn {
color: var(--term-red);
font-weight: 600;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t-dim {
color: var(--term-dim);
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t-blue {
color: var(--term-blue);
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t-row {
display: block;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .t-indent {
padding-left: 1.5rem;
}
.main.page-entryscope .cmd-block .wrap .right .right-wrap .terminal::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60px;
background: linear-gradient(to bottom, transparent, var(--term-bg));
pointer-events: none;
z-index: 3;
}
.main.page-entryscope .cmd-block .bottom-wrap {
background: #ffffff;
border-top: 1px solid #E2E8F0;
padding: 44px 0;
}
@media (max-width: 768px) {
.main.page-entryscope .cmd-block .bottom-wrap {
padding: 32px 0;
}
}
.main.page-entryscope .cmd-block .bottom-wrap .wrapper .desc {
max-width: 707px;
width: 100%;
margin: 0 auto;
text-align: center;
}
.main.page-entryscope .cmd-block .bottom-wrap .wrapper .desc p {
font-size: 16px;
font-size: 1rem;
color: #7D7D7D;
line-height: 1.625;
}
.main.page-entryscope .cmd-block .bottom-wrap .wrapper .desc p strong {
color: #0D0D0D;
}
.main.page-entryscope .skaylink-entryscope-block {
padding: 72px 0;
background: #FAFAFA;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .top {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 32px;
}
@media (max-width: 768px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .top {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .left {
max-width: 543px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .left {
max-width: 100%;
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .left h2 {
font-size: 42px;
font-size: 2.625rem;
color: #0D0D0D;
margin: 0;
}
@media (max-width: 1440px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .left h2 {
font-size: 38px;
font-size: 2.375rem;
}
}
@media (max-width: 1280px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .left h2 {
font-size: 34px;
font-size: 2.125rem;
}
}
@media (max-width: 768px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .left h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .left .desc {
margin: 24px 0 0;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .left .desc p {
font-size: 17px;
font-size: 1.0625rem;
color: #64748B;
line-height: 1.625;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .right {
max-width: 515px;
width: 100%;
}
@media (max-width: 1280px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .right {
max-width: 470px;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .right {
max-width: 370px;
}
}
@media (max-width: 768px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .right {
max-width: 100%;
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .right .rows {
display: flex;
flex-direction: column;
grid-gap: 20px;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .right .rows .row {
display: flex;
align-items: flex-start;
font-size: 16px;
font-size: 1rem;
color: #4A5568;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .top .right .rows .row:before {
content: "";
display: block;
width: 23px;
height: 23px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-check-red-entry.svg);
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat;
margin: 0 10px 0 0;
transform: translateY(-2px);
flex: none;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom {
margin: 90px 0 0;
}
@media (max-width: 1024px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom {
margin: 72px 0 0px;
}
}
@media (max-width: 768px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom {
margin: 48px 0 0;
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs {
display: flex;
grid-gap: 54px;
}
@media (max-width: 1280px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs {
grid-gap: 40px;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs {
flex-direction: column;
grid-gap: 32px;
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left {
width: 313px;
flex: none;
}
@media (max-width: 1280px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left {
width: 270px;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left {
width: 100%;
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .tab-list {
display: flex;
flex-direction: column;
list-style-type: none;
padding: 0;
margin: 0;
}
@media (max-width: 1024px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .tab-list {
flex-direction: row;
}
}
@media (max-width: 768px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .tab-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .tab-list li.ui-state-active a {
border-color: #E60000;
background: #ffffff;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .tab-list li.ui-state-active a .title {
color: #E60000;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .tab-list li a {
padding: 18px 27px;
text-decoration: none;
border-top-right-radius: 8px;
border-top: 3px solid transparent;
display: block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
@media (max-width: 1280px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .tab-list li a {
padding: 18px 18px;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .tab-list li a {
height: 100%;
}
}
@media (max-width: 768px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .tab-list li a {
padding: 14px 14px;
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .tab-list li a .title {
color: #0D0D0D;
font-weight: 500;
display: block;
font-size: 15px;
font-size: 0.9375rem;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .tab-list li a p {
margin: 6px 0 0;
color: #94A3B8;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.5;
width: 100%;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .custom-time {
margin: 48px 0 0;
}
@media (max-width: 1280px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .custom-time {
margin: 40px 0 0;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .custom-time {
display: none;
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .custom-time span {
display: block;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .custom-time span:nth-child(1) {
color: #0F172A;
font-size: 72px;
font-size: 4.5rem;
font-weight: 700;
}
@media (max-width: 1280px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .custom-time span:nth-child(1) {
font-size: 56px;
font-size: 3.5rem;
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .left .custom-time span:nth-child(2) {
margin: 20px 0 0;
color: #94A3B8;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
max-width: 250px;
width: 100%;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .right {
width: 100%;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .right .tab-content .tab-content img {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.06), 0px 8px 32px rgba(0, 0, 0, 0.08), 0px 24px 60px rgba(0, 0, 0, 0.04);
border: 1px solid #e2e8f0;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .tabs .right .disclaimer {
margin: 17px 0 0;
display: block;
text-align: right;
color: #94A3B8;
font-size: 12px;
font-size: 0.75rem;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .custom-time-mobile {
margin: 40px 0 0;
display: none;
}
@media (max-width: 1024px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .custom-time-mobile {
display: block;
}
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .custom-time-mobile span {
display: block;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .custom-time-mobile span:nth-child(1) {
color: #0F172A;
font-size: 48px;
font-size: 3rem;
font-weight: 700;
}
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .custom-time-mobile span:nth-child(2) {
margin: 20px 0 0;
color: #94A3B8;
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
max-width: 250px;
width: 100%;
}
@media (max-width: 480px) {
.main.page-entryscope .skaylink-entryscope-block .wrapper .bottom .custom-time-mobile span:nth-child(2) {
margin: 10px 0 0;
}
}
.main.page-entryscope .modules-block {
background: linear-gradient(0deg, #fff 11.35%, rgba(255, 255, 255, 0));
padding: 72px 0;
position: relative;
}
.main.page-entryscope .modules-block .wrapper h2 {
color: #0D0D0D;
text-align: center;
font-size: 42px;
font-size: 2.625rem;
width: 100%;
max-width: 760px;
margin: 0 auto;
}
@media (max-width: 1440px) {
.main.page-entryscope .modules-block .wrapper h2 {
font-size: 38px;
font-size: 2.375rem;
}
}
@media (max-width: 1280px) {
.main.page-entryscope .modules-block .wrapper h2 {
font-size: 34px;
font-size: 2.125rem;
}
}
@media (max-width: 768px) {
.main.page-entryscope .modules-block .wrapper h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-entryscope .modules-block .wrapper .tabs {
margin: 72px 0 0;
}
@media (max-width: 1280px) {
.main.page-entryscope .modules-block .wrapper .tabs {
margin: 48px 0 0;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .modules-block .wrapper .tabs {
margin: 40px 0 0;
}
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-list {
border: 1px solid #E2E8F0;
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 768px) {
.main.page-entryscope .modules-block .wrapper .tabs .tab-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-list li {
border-right: 1px solid #E2E8F0;
height: 100%;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-list li.ui-state-active a {
background: #ffffff;
border-color: #E60000;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-list li:last-child {
border-right: 0;
opacity: 0.55;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-list li a {
padding: 56px 28px 35px 28px;
text-decoration: none;
display: block;
border-top: 3px solid transparent;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
height: 100%;
}
@media (max-width: 1024px) {
.main.page-entryscope .modules-block .wrapper .tabs .tab-list li a {
padding: 32px 24px 32px;
}
}
@media (max-width: 768px) {
.main.page-entryscope .modules-block .wrapper .tabs .tab-list li a {
padding: 14px 14px;
}
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-list li a .title {
display: block;
color: #0D0D0D;
font-size: 17px;
font-size: 1.0625rem;
font-weight: 700;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-list li a .title span {
color: #E60000;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 400;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-list li a p {
margin: 11px 0 0;
font-size: 13px;
font-size: 0.8125rem;
color: #7D7D7D;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content {
margin: 66px 0 0;
max-width: 1000px;
}
@media (max-width: 1280px) {
.main.page-entryscope .modules-block .wrapper .tabs .tab-content {
margin: 40px 0 0;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .modules-block .wrapper .tabs .tab-content {
margin: 32px 0 0;
}
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .top {
display: flex;
align-items: flex-end;
justify-content: space-between;
grid-gap: 32px;
}
@media (max-width: 768px) {
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .top {
flex-direction: column;
grid-gap: 24px;
align-items: flex-start;
justify-content: flex-start;
}
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .top h3 {
font-size: 28px;
font-size: 1.75rem;
color: #0D0D0D;
font-weight: 700;
width: 100%;
max-width: 450px;
margin: 0;
}
@media (max-width: 1024px) {
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .top h3 {
font-size: 24px;
font-size: 1.5rem;
}
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .top .desc {
max-width: 422px;
width: 100%;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .top .desc p {
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.625;
color: #7D7D7D;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .list {
margin: 36px 0 0;
padding: 49px 0 0;
border-top: 1px solid #E2E8F0;
display: flex;
flex-direction: column;
grid-gap: 45px;
}
@media (max-width: 1024px) {
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .list {
padding: 36px 0 0;
grid-gap: 32px;
}
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .list .single-item {
display: flex;
align-items: flex-start;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .list .single-item .number {
display: block;
color: #E60000;
font-size: 24px;
font-size: 1.5rem;
font-weight: 700;
width: 68px;
flex: none;
}
@media (max-width: 1024px) {
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .list .single-item .number {
width: 40px;
}
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .list .single-item .info .title {
display: block;
font-weight: 700;
font-size: 17px;
font-size: 1.0625rem;
color: #0D0D0D;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .list .single-item .info p {
margin: 14px 0 0;
color: #7D7D7D;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.625;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .coming-soon-module {
max-width: 800px;
width: 100%;
border: 2px dashed #cbd5e1;
border-radius: 12px;
padding: 90px 50px 50px;
}
@media (max-width: 1024px) {
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .coming-soon-module {
padding: 40px 32px 32px;
}
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .coming-soon-module h3 {
font-size: 24px;
font-size: 1.5rem;
font-weight: 700;
color: #0D0D0D;
margin: 0;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .coming-soon-module .desc {
margin: 15px 0 0;
max-width: 583px;
width: 100%;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .coming-soon-module .desc p {
color: #64748B;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.625;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .coming-soon-module .tags {
display: flex;
max-width: 583px;
width: 100%;
flex-wrap: wrap;
grid-gap: 8px;
margin: 28px 0 0;
}
.main.page-entryscope .modules-block .wrapper .tabs .tab-content .coming-soon-module .tags span {
display: block;
padding: 8px 13px;
color: #94A3B8;
font-size: 12px;
font-size: 0.75rem;
border-radius: 5px;
border: 1px dashed #e2e8f0;
}
.main.page-entryscope .modules-block .wrapper .disclaimer {
max-width: 1000px;
width: 100%;
margin: 52px 0 0;
padding: 27px 0 0 68px;
border-top: 1px solid #E2E8F0;
color: #7D7D7D;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.56;
}
@media (max-width: 1024px) {
.main.page-entryscope .modules-block .wrapper .disclaimer {
padding: 24px 0 0 40px;
}
}
.main.page-entryscope .modules-block .ill-2 {
height: 940px;
width: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
opacity: 0.5;
}
@media (max-width: 1440px) {
.main.page-entryscope .modules-block .ill-2 {
height: 658px;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .modules-block .ill-2 {
height: 461px;
}
}
@media (max-width: 768px) {
.main.page-entryscope .modules-block .ill-2 {
height: 328px;
}
}
.main.page-entryscope .managed-security-service-block .top-part {
background: #0C1017;
padding: 85px 0 0;
position: relative;
}
@media (max-width: 1024px) {
.main.page-entryscope .managed-security-service-block .top-part {
padding: 80px 0 0;
}
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper {
z-index: 2;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper h2 {
font-size: 42px;
font-size: 2.625rem;
color: #ffffff;
font-weight: 700;
max-width: 680px;
width: 100%;
margin: 0 0 24px;
}
@media (max-width: 1440px) {
.main.page-entryscope .managed-security-service-block .top-part .wrapper h2 {
font-size: 38px;
font-size: 2.375rem;
}
}
@media (max-width: 1280px) {
.main.page-entryscope .managed-security-service-block .top-part .wrapper h2 {
font-size: 34px;
font-size: 2.125rem;
}
}
@media (max-width: 768px) {
.main.page-entryscope .managed-security-service-block .top-part .wrapper h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap {
display: flex;
align-items: flex-start;
margin: 63px 0 0;
}
@media (max-width: 768px) {
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap {
flex-direction: column;
}
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left {
width: 456px;
width: 380px;
padding: 0 49px 0 0;
flex: none;
}
@media (max-width: 1024px) {
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left {
padding: 0 32px 0 0;
width: 320px;
}
}
@media (max-width: 768px) {
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left {
width: 100%;
padding: 0 0 32px 0;
}
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left .headline {
display: block;
color: #94A3B8;
font-size: 11px;
font-size: 0.6875rem;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.88px;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left .bordered-box {
margin: 32px 0 0;
border: 1px dashed rgba(255, 255, 255, 0.18);
border-radius: 8px;
padding: 22px 26px;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left .bordered-box span {
display: block;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left .bordered-box span:nth-child(1) {
font-weight: 700;
font-size: 17px;
font-size: 1.0625rem;
color: #E2E8F0;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left .bordered-box span:nth-child(2) {
color: #94A3B8;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.5;
margin: 4px 0 0;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left .list {
margin: 36px 0 0;
display: flex;
flex-direction: column;
grid-gap: 12px;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left .list .single {
display: flex;
align-items: center;
color: #94A3B8;
font-size: 14px;
font-size: 0.875rem;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left .list .single:before {
content: "";
display: block;
width: 5px;
height: 5px;
border-radius: 100%;
background: #94A3B8;
margin: 0 12px 0 0;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .left .disclaimer {
margin: 38px 0 0;
color: #94A3B8;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.625;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right {
border-left: 1px solid rgba(255, 255, 255, 0.1);
padding: 0 0 60px 49px;
}
@media (max-width: 1024px) {
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right {
padding: 0 0 60px 32px;
}
}
@media (max-width: 768px) {
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right {
padding: 32px 0 48px;
border-left: none;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .headline {
display: block;
color: #E60000;
font-size: 11px;
font-size: 0.6875rem;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.88px;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .shield {
padding: 26px 25px;
margin: 32px 0 0;
border-radius: 8px;
border-radius: 6px;
border: 1px solid rgba(230, 0, 0, 0.35);
background: rgba(230, 0, 0, 0.08);
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 16px;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .shield span {
display: block;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .shield span:nth-child(1) {
color: #F1F5F9;
font-weight: 700;
font-size: 18px;
font-size: 1.125rem;
display: flex;
align-items: center;
line-height: 1;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .shield span:nth-child(1):before {
content: "";
display: block;
width: 10px;
height: 10px;
box-shadow: 0px 0px 6px rgba(59, 130, 246, 0.4);
background: #E60000;
margin: 0 16px 0 0;
border-radius: 100%;
flex: none;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .shield span:nth-child(2) {
color: #94A3B8;
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .desc {
margin: 35px 0 0;
max-width: 547px;
width: 100%;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .desc p {
color: #94A3B8;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.625;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .list {
margin: 38px 0 0;
display: flex;
flex-direction: column;
grid-gap: 20px;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .list .single {
position: relative;
padding: 0 0 0 34px;
color: #94A3B8;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.625;
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .list .single:before {
content: "";
display: block;
width: 20px;
height: 20px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-check-2-entry-red.svg);
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
left: 0;
transform: translateY(2px);
}
.main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .list .single strong, .main.page-entryscope .managed-security-service-block .top-part .wrapper .wrap .right .list .single b {
font-weight: 500;
color: #E2E8F0;
}
.main.page-entryscope .managed-security-service-block .top-part .ill-3 {
height: 275px;
width: auto;
display: block;
position: absolute;
top: 24px;
right: 0;
}
@media (max-width: 1440px) {
.main.page-entryscope .managed-security-service-block .top-part .ill-3 {
height: 193px;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .managed-security-service-block .top-part .ill-3 {
height: 135px;
}
}
@media (max-width: 768px) {
.main.page-entryscope .managed-security-service-block .top-part .ill-3 {
height: 96px;
}
}
.main.page-entryscope .managed-security-service-block .bottom-part {
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background: #0D0D0D;
padding: 56px 0 40px;
}
@media (max-width: 1024px) {
.main.page-entryscope .managed-security-service-block .bottom-part {
padding: 48px 0 40px;
}
}
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper h3 {
color: #F1F5F9;
font-size: 20px;
font-size: 1.25rem;
margin: 0;
max-width: 704px;
width: 100%;
}
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .desc {
margin: 12px 0 0;
}
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .desc p {
color: #94A3B8;
font-size: 14px;
font-size: 0.875rem;
max-width: 651px;
width: 100%;
}
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .services {
margin: 44px 0 0;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-gap: 13px;
}
@media (max-width: 1024px) {
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .services {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 560px) {
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .services {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .services .single {
border-radius: 8px;
overflow: hidden;
position: relative;
border: 1px solid rgba(255, 255, 255, 0.08);
padding: 19px 19px 19px 22px;
background: #1A2332;
}
@media (max-width: 1024px) {
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .services .single {
padding: 16px;
}
}
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .services .single:before {
content: "";
display: block;
width: 3px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #E60000;
}
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .services .single .tag {
border-radius: 4px;
background-color: rgba(148, 163, 184, 0.1);
border: 1px solid rgba(148, 163, 184, 0.15);
color: #94a3b8;
line-height: 1;
padding: 4px 8px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.5px;
font-size: 10px;
font-size: 0.625rem;
display: inline-block;
}
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .services .single .title {
display: block;
margin: 12px 0 0;
color: #E2E8F0;
font-size: 14px;
font-size: 0.875rem;
font-weight: 500;
}
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .services .single p {
margin: 7px 0 0;
line-height: 1.56;
color: #94A3B8;
font-size: 13px;
font-size: 0.8125rem;
}
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .services .single .link {
text-decoration: none;
display: inline-flex;
align-items: center;
color: #E60000;
font-size: 12px;
font-size: 0.75rem;
font-weight: 500;
margin: 14px 0 0;
}
.main.page-entryscope .managed-security-service-block .bottom-part .wrapper .services .single .link:after {
content: "";
display: block;
width: 6px;
height: 12px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-arrow-red-entry.svg);
background-position: center;
background-repeat: no-repeat;
background-size: auto 100%;
margin: 0 0 0 8px;
}
.main.page-entryscope .scan-block {
background: #F7F8FA;
padding: 82px 0 96px;
}
@media (max-width: 1024px) {
.main.page-entryscope .scan-block {
padding: 80px 0;
}
}
.main.page-entryscope .scan-block .wrapper h2 {
color: #0D0D0D;
font-size: 42px;
font-size: 2.625rem;
max-width: 692px;
width: 100%;
margin: 0;
}
@media (max-width: 1440px) {
.main.page-entryscope .scan-block .wrapper h2 {
font-size: 38px;
font-size: 2.375rem;
}
}
@media (max-width: 1280px) {
.main.page-entryscope .scan-block .wrapper h2 {
font-size: 34px;
font-size: 2.125rem;
}
}
@media (max-width: 768px) {
.main.page-entryscope .scan-block .wrapper h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 {
margin: 90px 0 0;
}
@media (max-width: 1280px) {
.main.page-entryscope .scan-block .wrapper .accordion-active-0 {
margin: 72px 0 0;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .scan-block .wrapper .accordion-active-0 {
margin: 48px 0 0;
}
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single {
border-top: 1px solid #E2E8F0;
padding: 20px 0 20px 24px;
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single:last-child {
border-bottom: 1px solid #E2E8F0;
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
@media (max-width: 768px) {
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header {
flex-wrap: wrap;
}
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header.ui-state-active h4 {
color: #E60000;
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header.ui-state-active .state {
filter: grayscale(0);
opacity: 1;
transform: rotate(-90deg);
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header .number {
width: 56px;
color: #CBD5E1;
font-weight: 700;
font-size: 12px;
font-size: 0.75rem;
}
@media (max-width: 1024px) {
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header .number {
width: 32px;
}
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header h4 {
margin: 0;
color: #0D0D0D;
font-size: 17px;
font-size: 1.0625rem;
font-weight: 700;
width: 256px;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-ms-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
@media (max-width: 1024px) {
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header h4 {
width: 210px;
}
}
@media (max-width: 768px) {
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header h4 {
width: calc(100% - 32px);
}
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header .additional {
display: block;
color: #4A4D4E;
font-size: 14px;
font-size: 0.875rem;
}
@media (max-width: 768px) {
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header .additional {
width: 100%;
padding: 8px 0 0 32px;
}
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .header .state {
width: 20px;
height: 20px;
background-image: url(//www.skaylink.lt/wp-content/themes/skaylink/assets/images/icon-arrow-red-entry.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
position: absolute;
right: 0;
top: 0;
transform: rotate(-270deg);
filter: grayscale(1);
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .acc-text {
padding: 20px 0 26px 56px;
}
@media (max-width: 1024px) {
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .acc-text {
padding: 20px 0 20px 32px;
}
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .acc-text .wrap {
display: flex;
align-items: flex-start;
justify-content: space-between;
grid-gap: 32px;
}
@media (max-width: 480px) {
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .acc-text .wrap {
flex-direction: column;
grid-gap: 16px;
}
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .acc-text .wrap .desc {
max-width: 541px;
width: 100%;
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .acc-text .wrap .desc p {
color: #64748B;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.625;
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .acc-text .wrap .list {
display: flex;
flex-direction: column;
grid-gap: 6px;
}
@media (max-width: 480px) {
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .acc-text .wrap .list {
width: 100%;
}
}
.main.page-entryscope .scan-block .wrapper .accordion-active-0 .single .acc-text .wrap .list span {
display: block;
color: #94A3B8;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 500;
text-align: center;
border-radius: 4px;
background-color: #fff;
border: 1px solid #e2e8f0;
padding: 6px 11px;
white-space: nowrap;
}
.main.page-entryscope .exposed-block {
background: #0F172A;
position: relative;
}
.main.page-entryscope .exposed-block .wrapper {
display: flex;
}
@media (max-width: 768px) {
.main.page-entryscope .exposed-block .wrapper {
flex-direction: column;
}
}
.main.page-entryscope .exposed-block .wrapper .left {
width: 44%;
flex: none;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 30px 24px 120px 0;
}
@media (max-width: 768px) {
.main.page-entryscope .exposed-block .wrapper .left {
width: 100%;
order: 2;
padding: 48px 0 90px;
}
}
.main.page-entryscope .exposed-block .wrapper .left .wrap {
display: flex;
flex-direction: column;
}
.main.page-entryscope .exposed-block .wrapper .left .wrap .address {
width: 100%;
max-width: 320px;
border-radius: 8px;
background-color: #161e2a;
border: 1px solid rgba(37, 99, 235, 0.3);
display: flex;
align-items: center;
padding: 12px 16px;
justify-content: space-between;
}
.main.page-entryscope .exposed-block .wrapper .left .wrap .address .icon-text {
display: flex;
align-items: center;
}
.main.page-entryscope .exposed-block .wrapper .left .wrap .address .icon-text img {
height: 16px;
width: auto;
display: block;
margin: 0 10px 0 0;
}
.main.page-entryscope .exposed-block .wrapper .left .wrap .address .icon-text span {
color: #ffffff;
font-size: 14px;
font-size: 0.875rem;
}
.main.page-entryscope .exposed-block .wrapper .left .wrap .address .custom-btn {
color: #ffffff;
font-size: 14px;
font-size: 0.875rem;
padding: 5px 15px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.28px;
background: #E60000;
border-radius: 8px;
}
.main.page-entryscope .exposed-block .wrapper .left .wrap .tags {
margin: 24px auto 0;
max-width: 340px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
grid-gap: 8px;
}
.main.page-entryscope .exposed-block .wrapper .left .wrap .tags span {
display: block;
padding: 5px 9px;
color: #4A5568;
border-radius: 3px;
background-color: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.04);
font-size: 11px;
font-size: 0.6875rem;
}
.main.page-entryscope .exposed-block .wrapper .left .wrap .attack-vectors {
margin: 30px auto 0;
border-radius: 12px;
border: 1px solid #EBEBEB;
background: #F4F4F4;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 6px 20px 0 rgba(0, 0, 0, 0.03);
max-width: 228px;
width: 100%;
padding: 18px 18px;
min-height: 121px;
}
.main.page-entryscope .exposed-block .wrapper .left .wrap .attack-vectors span {
display: block;
text-align: center;
}
.main.page-entryscope .exposed-block .wrapper .left .wrap .attack-vectors span:nth-child(1) {
color: #DC2626;
letter-spacing: 0.56px;
text-transform: uppercase;
font-size: 14px;
font-size: 0.875rem;
line-height: 1;
}
.main.page-entryscope .exposed-block .wrapper .left .wrap .attack-vectors span:nth-child(2) {
margin: 10px 0 0;
color: #DC2626;
font-weight: 700;
font-size: 44px;
font-size: 2.75rem;
line-height: 1;
}
.main.page-entryscope .exposed-block .wrapper .left .ill-4 {
height: 140px;
width: auto;
display: block;
position: absolute;
bottom: 0;
right: 0;
margin: 0 auto;
left: 0;
}
@media (max-width: 1440px) {
.main.page-entryscope .exposed-block .wrapper .left .ill-4 {
height: 98px;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .exposed-block .wrapper .left .ill-4 {
height: 69px;
}
}
@media (max-width: 768px) {
.main.page-entryscope .exposed-block .wrapper .left .ill-4 {
height: 48px;
}
}
.main.page-entryscope .exposed-block .wrapper .right {
padding: 64px 0 64px 56px;
border-left: 1px solid rgba(255, 255, 255, 0.04);
width: 56%;
flex: none;
position: relative;
}
@media (max-width: 768px) {
.main.page-entryscope .exposed-block .wrapper .right {
width: 100%;
border-left: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
padding: 64px 0 48px;
max-width: 380px;
margin: 0 auto;
}
}
.main.page-entryscope .exposed-block .wrapper .right h2 {
color: #ffffff;
font-size: 42px;
font-size: 2.625rem;
margin: 0;
}
@media (max-width: 1440px) {
.main.page-entryscope .exposed-block .wrapper .right h2 {
font-size: 38px;
font-size: 2.375rem;
}
}
@media (max-width: 1280px) {
.main.page-entryscope .exposed-block .wrapper .right h2 {
font-size: 34px;
font-size: 2.125rem;
}
}
@media (max-width: 768px) {
.main.page-entryscope .exposed-block .wrapper .right h2 {
font-size: 30px;
font-size: 1.875rem;
}
}
.main.page-entryscope .exposed-block .wrapper .right .desc {
margin: 15px 0 0;
max-width: 416px;
width: 100%;
}
.main.page-entryscope .exposed-block .wrapper .right .desc p {
color: #94A3B8;
font-size: 15px;
font-size: 0.9375rem;
}
.main.page-entryscope .exposed-block .wrapper .right .list {
margin: 36px 0 0;
display: flex;
flex-direction: column;
grid-gap: 16px;
}
.main.page-entryscope .exposed-block .wrapper .right .list .single {
display: flex;
align-items: center;
grid-gap: 14px;
}
.main.page-entryscope .exposed-block .wrapper .right .list .single .number {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 100%;
border: 1px solid rgba(255, 255, 255, 0.12);
flex: none;
}
.main.page-entryscope .exposed-block .wrapper .right .list .single .number span {
font-size: 12px;
font-size: 0.75rem;
font-weight: 700;
color: #94A3B8;
display: block;
text-align: center;
}
.main.page-entryscope .exposed-block .wrapper .right .list .single p {
color: #CBD5E1;
max-width: 410px;
width: 100%;
margin: 0;
font-size: 15px;
font-size: 0.9375rem;
}
.main.page-entryscope .exposed-block .wrapper .right .custom-btn {
display: inline-flex;
padding: 15px 32px;
background: #E60000;
border-radius: 10px;
text-decoration: none;
align-self: flex-start;
align-items: center;
grid-gap: 8px;
margin: 36px 0 0;
}
.main.page-entryscope .exposed-block .wrapper .right .custom-btn span {
font-size: 15px;
font-size: 0.9375rem;
color: #ffffff;
font-weight: 700;
}
.main.page-entryscope .exposed-block .wrapper .right .custom-btn img {
height: 16px;
width: auto;
display: block;
}
.main.page-entryscope .exposed-block .wrapper .right .disclaimer {
margin: 16px 0 0;
display: block;
color: #4A5568;
font-size: 13px;
font-size: 0.8125rem;
}
.main.page-entryscope .exposed-block .wrapper .right .contacts {
border-top: 1px solid rgba(255, 255, 255, 0.04);
margin: 32px 0 0;
padding: 21px 0 0;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.main.page-entryscope .exposed-block .wrapper .right .contacts {
border-top: none;
padding: 0;
}
}
.main.page-entryscope .exposed-block .wrapper .right .contacts span {
display: block;
color: #4A5568;
font-size: 13px;
font-size: 0.8125rem;
margin: 0 3px 0 0;
}
.main.page-entryscope .exposed-block .wrapper .right .contacts a {
color: #94A3B8;
font-size: 13px;
font-size: 0.8125rem;
text-decoration: none;
display: inline-block;
}
.main.page-entryscope .exposed-block .wrapper .right .contacts a:nth-child(2) {
display: inline-flex;
align-items: center;
}
.main.page-entryscope .exposed-block .wrapper .right .contacts a:nth-child(2):after {
content: "·";
display: block;
margin: 0 8px;
}
.main.page-entryscope .exposed-block .wrapper .right .ill-5 {
height: 240px;
width: auto;
display: block;
position: absolute;
top: 100px;
right: -64px;
}
@media (max-width: 1440px) {
.main.page-entryscope .exposed-block .wrapper .right .ill-5 {
height: 168px;
}
}
@media (max-width: 1024px) {
.main.page-entryscope .exposed-block .wrapper .right .ill-5 {
height: 118px;
top: 150px;
}
}
@media (max-width: 820px) {
.main.page-entryscope .exposed-block .wrapper .right .ill-5 {
display: none;
}
}
.main.page-ciso .wrapper {
max-width: 1760px;
}
.main.page-ciso .global-faq-block .wrapper,
.main.page-ciso .global-form-block .wrapper {
max-width: 1280px;
}
.main.page-ciso .top-landing-block {
height: calc(100vh - 58px);
position: relative;
}
@media (max-width: 1024px) {
.main.page-ciso .top-landing-block {
min-height: 560px;
}
}
.main.page-ciso .top-landing-block:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 66%;
height: 100%;
background: linear-gradient(90deg, #0D0D0D -19.75%, rgba(0, 0, 0, 0) 100%);
opacity: 0.9;
}
.main.page-ciso .top-landing-block .wrapper {
height: 100%;
display: flex;
align-items: center;
z-index: 2;
}
.main.page-ciso .top-landing-block .wrapper .wrap h1 {
max-width: 630px;
width: 100%;
margin: 0;
font-size: 72px;
font-size: 4.5rem;
color: #E60000;
line-height: 1.05;
letter-spacing: -2.16px;
font-weight: 800;
}
@media (max-width: 1440px) {
.main.page-ciso .top-landing-block .wrapper .wrap h1 {
font-size: 56px;
font-size: 3.5rem;
}
}
@media (max-width: 1280px) {
.main.page-ciso .top-landing-block .wrapper .wrap h1 {
max-width: 500px;
}
}
@media (max-width: 1024px) {
.main.page-ciso .top-landing-block .wrapper .wrap h1 {
font-size: 48px;
font-size: 3rem;
max-width: 440px;
}
}
@media (max-width: 768px) {
.main.page-ciso .top-landing-block .wrapper .wrap h1 {
font-size: 40px;
font-size: 2.5rem;
}
}
.main.page-ciso .top-landing-block .wrapper .wrap h1 span {
color: #ffffff;
}
.main.page-ciso .top-landing-block .wrapper .wrap .desc {
max-width: 597px;
width: 100%;
margin: 30px 0 0;
}
@media (max-width: 1440px) {
.main.page-ciso .top-landing-block .wrapper .wrap .desc {
max-width: 550px;
}
}
@media (max-width: 1280px) {
.main.page-ciso .top-landing-block .wrapper .wrap .desc {
max-width: 500px;
}
}
.main.page-ciso .top-landing-block .wrapper .wrap .desc p {
color: #999999;
font-size: 24px;
font-size: 1.5rem;
line-height: 1.6;
}
.main.page-ciso .top-landing-block .wrapper .scroll-bottom {
position: absolute;
bottom: 44px;
left: 0;
display: flex;
align-items: center;
grid-gap: 14px;
text-decoration: none;
z-index: 2;
}
.main.page-ciso .top-landing-block .wrapper .scroll-bottom div {
width: 1px;
height: 56px;
background: linear-gradient(180deg, #D0D0D0 0%, rgba(208, 208, 208, 0) 100%);
}
.main.page-ciso .top-landing-block .wrapper .scroll-bottom span {
font-size: 13px;
font-size: 0.8125rem;
color: #999999;
line-height: 1.6;
display: block;
letter-spacing: 0.65px;
}
.main.page-ciso .description-block {
padding: 161px 0 165px;
background: #0D0D0D;
position: relative;
}
@media (max-width: 1440px) {
.main.page-ciso .description-block {
padding: 120px 0 120px;
}
}
@media (max-width: 1024px) {
.main.page-ciso .description-block {
padding: 80px 0 80px;
}
}
.main.page-ciso .description-block .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 120px;
max-width: 1300px;
z-index: 2;
}
@media (max-width: 1024px) {
.main.page-ciso .description-block .wrapper {
grid-gap: 60px;
}
}
@media (max-width: 768px) {
.main.page-ciso .description-block .wrapper {
flex-direction: column;
}
}
.main.page-ciso .description-block .wrapper .left {
max-width: 599px;
width: 100%;
}
.main.page-ciso .description-block .wrapper .left h2 {
font-size: 40px;
font-size: 2.5rem;
color: #ffffff;
line-height: 1.15;
letter-spacing: -0.8px;
font-weight: 700;
margin: 0;
}
@media (max-width: 768px) {
.main.page-ciso .description-block .wrapper .left h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .description-block .wrapper .left h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .description-block .wrapper .left .desc {
margin: 40px 0 0;
}
@media (max-width: 480px) {
.main.page-ciso .description-block .wrapper .left .desc {
margin: 32px 0 0;
}
}
.main.page-ciso .description-block .wrapper .left .desc p {
color: #999999;
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.8;
}
.main.page-ciso .description-block .wrapper .right span {
display: block;
text-align: center;
}
.main.page-ciso .description-block .wrapper .right span:nth-child(1) {
font-size: 140px;
font-size: 8.75rem;
font-weight: 900;
line-height: 1;
letter-spacing: -5.6px;
background: linear-gradient(180deg, #FFF 30%, #404040 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media (max-width: 1440px) {
.main.page-ciso .description-block .wrapper .right span:nth-child(1) {
font-size: 130px;
font-size: 8.125rem;
}
}
@media (max-width: 1280px) {
.main.page-ciso .description-block .wrapper .right span:nth-child(1) {
font-size: 120px;
font-size: 7.5rem;
}
}
@media (max-width: 1024px) {
.main.page-ciso .description-block .wrapper .right span:nth-child(1) {
font-size: 110px;
font-size: 6.875rem;
}
}
@media (max-width: 768px) {
.main.page-ciso .description-block .wrapper .right span:nth-child(1) {
font-size: 100px;
font-size: 6.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .description-block .wrapper .right span:nth-child(1) {
font-size: 90px;
font-size: 5.625rem;
}
}
.main.page-ciso .description-block .wrapper .right span:nth-child(2) {
color: #999999;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
letter-spacing: 0.3px;
max-width: 292px;
width: 100%;
margin: 0 auto;
}
.main.page-ciso .description-block .ill-1 {
opacity: 0.4;
position: absolute;
left: -3px;
height: 100%;
width: auto;
top: 0;
display: block;
}
@media (max-width: 900px) {
.main.page-ciso .description-block .ill-1 {
display: none;
}
}
.main.page-ciso .description-block .ill-2 {
opacity: 0.4;
position: absolute;
right: 0;
height: 100%;
width: auto;
top: 0;
display: block;
}
.main.page-ciso .pricing-comparison-block {
padding: 82px 0 53px;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-ciso .pricing-comparison-block {
padding: 80px 0 80px;
}
}
.main.page-ciso .pricing-comparison-block .wrapper h2 {
text-align: center;
font-size: 48px;
font-size: 3rem;
color: #0D0D0D;
font-weight: 700;
line-height: 1.16;
letter-spacing: -1px;
max-width: 625px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 768px) {
.main.page-ciso .pricing-comparison-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .pricing-comparison-block .wrapper h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .pricing-comparison-block .wrapper .desc {
text-align: center;
max-width: 743px;
width: 100%;
margin: 27px auto 0;
}
.main.page-ciso .pricing-comparison-block .wrapper .desc p {
color: #4A4D4E;
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.7;
}
.main.page-ciso .pricing-comparison-block .wrapper .desc p b, .main.page-ciso .pricing-comparison-block .wrapper .desc p strong {
color: #0D0D0D;
}
.main.page-ciso .pricing-comparison-block .wrapper .table {
margin: 87px auto 0;
width: 100%;
max-width: 1280px;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.main.page-ciso .pricing-comparison-block .wrapper .table {
margin: 72px auto 0;
}
}
@media (max-width: 768px) {
.main.page-ciso .pricing-comparison-block .wrapper .table {
margin: 48px auto 0;
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col:nth-child(1) .top {
background: #EBEBEB;
border-right: 3px solid #E60000;
height: 100%;
}
@media (max-width: 768px) {
.main.page-ciso .pricing-comparison-block .wrapper .table .col:nth-child(1) .top {
border: none;
height: auto;
}
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col:nth-child(1) .top .tag {
color: #999999;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col:nth-child(1) .top .title {
color: #4A4D4E;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col:nth-child(1) .top .rows .single {
border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col:nth-child(1) .top .rows .single .info span:nth-child(1) {
color: #999999;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col:nth-child(1) .top .rows .single .info span:nth-child(2) {
color: #4A4D4E;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col:nth-child(1) .price:after {
content: "";
display: block;
width: 1px;
height: 88px;
background: #404040;
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top {
padding: 56px 56px;
}
@media (max-width: 1024px) {
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top {
padding: 32px 32px;
}
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top .tag {
display: block;
color: #E60000;
font-size: 12px;
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1.04px;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top .title {
display: block;
font-size: 26px;
font-size: 1.625rem;
font-weight: 700;
line-height: 1.23;
letter-spacing: -0.4px;
color: #0D0D0D;
margin: 12px 0 0;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top .rows {
margin: 40px 0 0;
display: flex;
flex-direction: column;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top .rows .single {
padding: 18px 0;
border-top: 1px solid #EBEBEB;
display: flex;
align-items: flex-start;
grid-gap: 17px;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top .rows .single:first-child {
border-top: none;
padding-top: 0;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top .rows .single:last-child {
padding-bottom: 0;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top .rows .single img {
width: 22px;
height: auto;
display: block;
flex: none;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top .rows .single .info span {
display: block;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top .rows .single .info span:nth-child(1) {
color: #999999;
font-size: 11px;
font-size: 0.6875rem;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.88px;
line-height: 1.1;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .top .rows .single .info span:nth-child(2) {
color: #0D0D0D;
font-size: 18px;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.44;
letter-spacing: -0.2px;
margin: 4px 0 0;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .price {
padding: 42px 56px;
background: #0D0D0D;
position: relative;
}
@media (max-width: 1024px) {
.main.page-ciso .pricing-comparison-block .wrapper .table .col .price {
padding: 32px 32px;
}
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .price span {
display: block;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .price span:nth-child(1) {
color: #999999;
font-size: 11px;
font-size: 0.6875rem;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.88px;
line-height: 1.1;
margin: 0 0 3px;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .price span:nth-child(2) {
color: #ffffff;
font-size: 44px;
font-size: 2.75rem;
font-weight: 800;
letter-spacing: -0.8px;
line-height: 1;
}
@media (max-width: 1024px) {
.main.page-ciso .pricing-comparison-block .wrapper .table .col .price span:nth-child(2) {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 820px) {
.main.page-ciso .pricing-comparison-block .wrapper .table .col .price span:nth-child(2) {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .price span:nth-child(2) span {
display: inline;
color: #E60000;
font-size: 44px;
font-size: 2.75rem;
font-weight: 800;
letter-spacing: -0.8px;
line-height: 1;
}
.main.page-ciso .pricing-comparison-block .wrapper .table .col .price span:nth-child(3) {
color: #999999;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.1;
margin: 5px 0 0;
}
.main.page-ciso .situations-block {
padding: 93px 0 102px;
background: #F4F4F4;
position: relative;
}
@media (max-width: 1024px) {
.main.page-ciso .situations-block {
padding: 80px 0 80px;
}
}
.main.page-ciso .situations-block .wrapper h2 {
text-align: center;
margin: 0 auto;
color: #0D0D0D;
font-size: 40px;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.28;
letter-spacing: -0.64px;
}
@media (max-width: 768px) {
.main.page-ciso .situations-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .situations-block .wrapper h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .situations-block .wrapper .desc {
margin: 18px auto 0;
max-width: 700px;
width: 100%;
text-align: center;
}
@media (max-width: 480px) {
.main.page-ciso .situations-block .wrapper .desc {
margin: 24px auto 0;
}
}
.main.page-ciso .situations-block .wrapper .desc p {
color: #4A4D4E;
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.7;
}
.main.page-ciso .situations-block .wrapper .grid {
margin: 96px auto 0;
max-width: 1280px;
width: 100%;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 24px;
}
@media (max-width: 1024px) {
.main.page-ciso .situations-block .wrapper .grid {
margin: 72px auto 0;
}
}
@media (max-width: 768px) {
.main.page-ciso .situations-block .wrapper .grid {
margin: 64px auto 0;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 480px) {
.main.page-ciso .situations-block .wrapper .grid {
margin: 48px auto 0;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-ciso .situations-block .wrapper .grid .single {
padding: 22px 42px;
display: flex;
align-items: center;
border-left: 3px solid #E60000;
background: #FFF;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
min-height: 202px;
}
@media (max-width: 1024px) {
.main.page-ciso .situations-block .wrapper .grid .single {
padding: 22px 22px;
}
}
@media (max-width: 480px) {
.main.page-ciso .situations-block .wrapper .grid .single {
min-height: inherit;
}
}
.main.page-ciso .situations-block .wrapper .grid .single .wrap .title {
display: block;
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.6;
letter-spacing: -0.2px;
color: #0D0D0D;
}
.main.page-ciso .situations-block .wrapper .grid .single .wrap p {
margin: 21px 0 0;
color: #4A4D4E;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.7;
}
.main.page-ciso .situations-block .ill-3 {
position: absolute;
top: 0;
right: 76px;
width: auto;
display: block;
height: 206px;
}
@media (max-width: 1440px) {
.main.page-ciso .situations-block .ill-3 {
height: 144px;
right: 53px;
}
}
@media (max-width: 1024px) {
.main.page-ciso .situations-block .ill-3 {
height: 100px;
right: 37px;
}
}
@media (max-width: 768px) {
.main.page-ciso .situations-block .ill-3 {
height: 70px;
right: 26px;
}
}
.main.page-ciso .security-leader-block {
padding: 47px 0 47px;
background: #ffffff;
}
@media (max-width: 1024px) {
.main.page-ciso .security-leader-block {
padding: 64px 0 64px;
}
}
.main.page-ciso .security-leader-block .wrapper .top {
display: flex;
align-items: flex-start;
justify-content: center;
grid-gap: 170px;
}
@media (max-width: 1280px) {
.main.page-ciso .security-leader-block .wrapper .top {
grid-gap: 120px;
}
}
@media (max-width: 1024px) {
.main.page-ciso .security-leader-block .wrapper .top {
grid-gap: 72px;
}
}
@media (max-width: 768px) {
.main.page-ciso .security-leader-block .wrapper .top {
flex-direction: column;
grid-gap: 32px;
}
}
.main.page-ciso .security-leader-block .wrapper .top h2 {
font-size: 40px;
font-size: 2.5rem;
color: #0D0D0D;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.8px;
margin: 0;
max-width: 470px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-ciso .security-leader-block .wrapper .top h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .security-leader-block .wrapper .top h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .security-leader-block .wrapper .top .desc {
max-width: 524px;
width: 100%;
}
.main.page-ciso .security-leader-block .wrapper .top .desc p {
color: #4A4D4E;
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.7;
}
.main.page-ciso .security-leader-block .steps {
margin: 100px 0 0;
display: grid;
grid-template-columns: repeat(8, calc((100% - 10px) / 6));
grid-gap: 2px;
overflow-x: auto;
}
@media (max-width: 1280px) {
.main.page-ciso .security-leader-block .steps {
grid-template-columns: repeat(8, calc((100% - 10px) / 5));
}
}
@media (max-width: 1024px) {
.main.page-ciso .security-leader-block .steps {
grid-template-columns: repeat(8, calc((100% - 10px) / 4));
margin: 80px 0 0;
}
}
@media (max-width: 768px) {
.main.page-ciso .security-leader-block .steps {
grid-template-columns: repeat(8, calc((100% - 10px) / 3));
margin: 64px 0 0;
}
}
@media (max-width: 480px) {
.main.page-ciso .security-leader-block .steps {
grid-template-columns: repeat(8, calc((100% - 10px) / 2));
margin: 48px 0 0;
}
}
.main.page-ciso .security-leader-block .steps .single {
padding: 38px 32px;
border-top: 3px solid rgba(0, 0, 0, 0);
background: #F4F4F4;
position: relative;
}
@media (max-width: 1024px) {
.main.page-ciso .security-leader-block .steps .single {
padding: 32px;
}
}
@media (max-width: 768px) {
.main.page-ciso .security-leader-block .steps .single {
padding: 24px;
}
}
.main.page-ciso .security-leader-block .steps .single:nth-child(2) {
border-top: 3px solid #E60000;
}
.main.page-ciso .security-leader-block .steps .single .badge {
position: absolute;
color: #E60000;
font-size: 11px;
font-size: 0.6875rem;
top: 20px;
right: 27px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.88px;
}
.main.page-ciso .security-leader-block .steps .single .number {
display: block;
color: #D0D0D0;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
line-height: 1.6;
}
.main.page-ciso .security-leader-block .steps .single .title {
margin: 16px 0 0;
display: block;
color: #0D0D0D;
font-size: 18px;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.6;
letter-spacing: -0.18px;
}
.main.page-ciso .security-leader-block .steps .single p {
margin: 16px 0 0;
font-size: 14px;
font-size: 0.875rem;
color: #4A4D4E;
line-height: 1.7;
}
.main.page-ciso .scaling-block .part-1 {
padding: 160px 0 56px;
background: #0D0D0D;
position: relative;
overflow: hidden;
}
@media (max-width: 1440px) {
.main.page-ciso .scaling-block .part-1 {
padding: 120px 0 56px;
}
}
@media (max-width: 1024px) {
.main.page-ciso .scaling-block .part-1 {
padding: 80px 0 64px;
}
}
.main.page-ciso .scaling-block .part-1 .wrapper {
z-index: 2;
}
.main.page-ciso .scaling-block .part-1 .wrapper .wrap h2 {
color: #ffffff;
font-size: 40px;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.8px;
margin: 0;
width: 100%;
max-width: 570px;
}
@media (max-width: 768px) {
.main.page-ciso .scaling-block .part-1 .wrapper .wrap h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .scaling-block .part-1 .wrapper .wrap h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .scaling-block .part-1 .wrapper .wrap h2 span {
display: block;
margin: 9px 0 0;
color: #999999;
}
.main.page-ciso .scaling-block .part-1 .wrapper .wrap .desc {
margin: 26px 0 0;
max-width: 634px;
width: 100%;
}
.main.page-ciso .scaling-block .part-1 .wrapper .wrap .desc p {
font-size: 17px;
font-size: 1.0625rem;
color: #999999;
line-height: 1.7;
}
.main.page-ciso .scaling-block .part-1 .ill-4 {
position: absolute;
top: 0;
right: -220px;
width: auto;
display: block;
height: 452px;
}
@media (max-width: 1440px) {
.main.page-ciso .scaling-block .part-1 .ill-4 {
height: 316px;
right: -153px;
}
}
@media (max-width: 1024px) {
.main.page-ciso .scaling-block .part-1 .ill-4 {
height: 221px;
right: -110px;
}
}
@media (max-width: 768px) {
.main.page-ciso .scaling-block .part-1 .ill-4 {
height: 155px;
right: -75px;
}
}
.main.page-ciso .scaling-block .part-2 {
background: #262626;
padding: 38px 0;
}
.main.page-ciso .scaling-block .part-2 .wrapper {
display: flex;
align-items: center;
}
@media (max-width: 1440px) {
.main.page-ciso .scaling-block .part-2 .wrapper {
flex-wrap: wrap;
flex-direction: column;
grid-gap: 24px;
align-items: flex-start;
}
}
.main.page-ciso .scaling-block .part-2 .wrapper .headline {
display: block;
color: #999999;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: 1.3px;
text-transform: uppercase;
margin: 0 28px 0 0;
}
@media (max-width: 1440px) {
.main.page-ciso .scaling-block .part-2 .wrapper .headline {
width: 100%;
}
}
.main.page-ciso .scaling-block .part-2 .wrapper .points {
display: flex;
align-items: center;
grid-gap: 39px;
margin: 0 39px 0 0;
}
@media (max-width: 1440px) {
.main.page-ciso .scaling-block .part-2 .wrapper .points {
width: 100%;
}
}
@media (max-width: 1024px) {
.main.page-ciso .scaling-block .part-2 .wrapper .points {
flex-wrap: wrap;
grid-row-gap: 16px;
}
}
@media (max-width: 768px) {
.main.page-ciso .scaling-block .part-2 .wrapper .points {
flex-direction: column;
align-items: flex-start;
}
}
.main.page-ciso .scaling-block .part-2 .wrapper .points span {
display: flex;
align-items: center;
color: #ffffff;
font-size: 14px;
font-size: 0.875rem;
font-weight: 600;
}
.main.page-ciso .scaling-block .part-2 .wrapper .points span:before {
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #E60000;
margin: 0 12px 0 0;
}
.main.page-ciso .scaling-block .part-2 .wrapper .points span span {
color: #D0D0D0;
font-weight: 400;
margin: 0 0 0 4px;
}
.main.page-ciso .scaling-block .part-2 .wrapper .points span span:before {
display: none;
}
.main.page-ciso .scaling-block .part-2 .wrapper .price {
padding: 10px 20px;
background: #0D0D0D;
display: flex;
align-items: baseline;
}
.main.page-ciso .scaling-block .part-2 .wrapper .price span {
display: block;
font-size: 18px;
font-size: 1.125rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.2px;
color: #ffffff;
}
.main.page-ciso .scaling-block .part-2 .wrapper .price span span {
display: inline;
color: #E60000;
}
.main.page-ciso .scaling-block .part-2 .wrapper .price span:nth-child(2) {
color: #999999;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 500;
letter-spacing: 0.5px;
margin: 0 0 0 7px;
}
.main.page-ciso .buildout-cost-block {
padding: 56px 0 42px;
background: #0D0D0D;
}
.main.page-ciso .buildout-cost-block .wrapper h2 {
color: #ffffff;
font-size: 40px;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.8px;
margin: 0 auto;
text-align: center;
max-width: 800px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-ciso .buildout-cost-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .buildout-cost-block .wrapper h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .buildout-cost-block .wrapper .scale-labels {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 24px;
margin: 24px 0 0;
}
.main.page-ciso .buildout-cost-block .wrapper .starting-zero, .main.page-ciso .buildout-cost-block .wrapper .already-mature {
display: flex;
align-items: center;
grid-gap: 13px;
color: #999999;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.88px;
text-transform: uppercase;
}
.main.page-ciso .buildout-cost-block .wrapper .starting-zero:before, .main.page-ciso .buildout-cost-block .wrapper .starting-zero:after, .main.page-ciso .buildout-cost-block .wrapper .already-mature:before, .main.page-ciso .buildout-cost-block .wrapper .already-mature:after {
display: block;
width: 24px;
height: 1px;
background: #E60000;
}
.main.page-ciso .buildout-cost-block .wrapper .starting-zero:before, .main.page-ciso .buildout-cost-block .wrapper .already-mature:after {
content: "";
}
.main.page-ciso .buildout-cost-block .wrapper .grid {
margin: 32px 0 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 40px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-ciso .buildout-cost-block .wrapper .grid {
grid-gap: 32px;
}
}
@media (max-width: 768px) {
.main.page-ciso .buildout-cost-block .wrapper .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 40px;
}
}
.main.page-ciso .buildout-cost-block .wrapper .grid:before {
content: "";
width: 100%;
height: 3px;
background: linear-gradient(90deg, rgba(230, 0, 0, 0.25) 0%, #E60000 100%);
display: block;
position: absolute;
top: 15px;
left: 0;
}
@media (max-width: 768px) {
.main.page-ciso .buildout-cost-block .wrapper .grid:before {
display: none;
}
}
.main.page-ciso .buildout-cost-block .wrapper .grid .single {
position: relative;
z-index: 2;
}
.main.page-ciso .buildout-cost-block .wrapper .grid .single .name {
display: inline-block;
padding: 10px 15px;
font-size: 13px;
font-size: 0.8125rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.4px;
color: #0D0D0D;
background: #E60000;
text-transform: uppercase;
}
.main.page-ciso .buildout-cost-block .wrapper .grid .single .bottom {
margin: 66px 0 0;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (max-width: 768px) {
.main.page-ciso .buildout-cost-block .wrapper .grid .single .bottom {
margin: 32px 0 0;
}
}
.main.page-ciso .buildout-cost-block .wrapper .grid .single .bottom .top-part .title {
display: block;
color: #ffffff;
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
line-height: 1.21;
letter-spacing: -0.4px;
}
.main.page-ciso .buildout-cost-block .wrapper .grid .single .bottom .top-part p {
margin: 14px 0 0;
color: #999999;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
}
.main.page-ciso .buildout-cost-block .wrapper .grid .single .bottom .bottom-part {
border-top: 1px solid #404040;
margin: 60px 0 0;
padding: 24px 0 39px;
}
@media (max-width: 768px) {
.main.page-ciso .buildout-cost-block .wrapper .grid .single .bottom .bottom-part {
margin: 32px 0 0;
}
}
.main.page-ciso .buildout-cost-block .wrapper .grid .single .bottom .bottom-part .tag {
font-size: 11px;
font-size: 0.6875rem;
color: #999999;
font-weight: 600;
letter-spacing: 0.88px;
text-transform: uppercase;
display: block;
}
.main.page-ciso .buildout-cost-block .wrapper .grid .single .bottom .bottom-part .title {
display: block;
margin: 15px 0 0;
color: #ffffff;
font-size: 18px;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5;
letter-spacing: -0.2px;
}
.main.page-ciso .buildout-cost-block .wrapper .grid .single .bottom .bottom-part .features {
margin: 33px 0 0;
display: flex;
flex-direction: column;
grid-gap: 17px;
}
.main.page-ciso .buildout-cost-block .wrapper .grid .single .bottom .bottom-part .features span {
display: flex;
align-items: center;
color: #D0D0D0;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
}
.main.page-ciso .buildout-cost-block .wrapper .grid .single .bottom .bottom-part .features span:before {
content: "";
display: block;
width: 8px;
height: 1px;
background: #E60000;
margin: 0 10px 0 0;
flex: none;
}
.main.page-ciso .buildout-cost-block .audit-wrap {
border-top: 1px solid #404040;
padding: 37px 0 42px;
}
@media (max-width: 768px) {
.main.page-ciso .buildout-cost-block .audit-wrap {
padding: 37px 0 24px;
}
}
.main.page-ciso .buildout-cost-block .audit-wrap .wrapper .audit-desc {
max-width: 899px;
width: 100%;
}
.main.page-ciso .buildout-cost-block .audit-wrap .wrapper .audit-desc p {
color: #999999;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.72;
}
.main.page-ciso .buildout-cost-block .audit-wrap .wrapper .audit-desc p b, .main.page-ciso .buildout-cost-block .audit-wrap .wrapper .audit-desc p strong {
font-weight: 600;
color: #ffffff;
}
.main.page-ciso .process-block {
padding: 85px 0 141px;
background: #F4F4F4;
position: relative;
overflow: hidden;
}
@media (max-width: 1024px) {
.main.page-ciso .process-block {
padding: 80px 0 80px;
}
}
.main.page-ciso .process-block .wrapper {
z-index: 2;
}
.main.page-ciso .process-block .wrapper h2 {
max-width: 747px;
width: 100%;
margin: 0 auto;
text-align: center;
font-size: 40px;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.8px;
color: #0D0D0D;
}
@media (max-width: 768px) {
.main.page-ciso .process-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .process-block .wrapper h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .process-block .wrapper .tabs {
margin: 50px auto 0;
width: 100%;
max-width: 1280px;
}
@media (max-width: 480px) {
.main.page-ciso .process-block .wrapper .tabs {
margin: 48px auto 0;
}
}
.main.page-ciso .process-block .wrapper .tabs .tab-list {
display: flex;
justify-content: center;
list-style-type: none;
padding: 0 0 50px;
margin: 0;
border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 768px) {
.main.page-ciso .process-block .wrapper .tabs .tab-list {
padding: 0 0 40px;
flex-wrap: wrap;
grid-row-gap: 8px;
}
}
.main.page-ciso .process-block .wrapper .tabs .tab-list li {
position: relative;
display: flex;
align-items: center;
}
.main.page-ciso .process-block .wrapper .tabs .tab-list li.ui-state-active:after {
background: #E60000;
}
.main.page-ciso .process-block .wrapper .tabs .tab-list li.ui-state-active a {
color: #0D0D0D;
}
.main.page-ciso .process-block .wrapper .tabs .tab-list li:after {
content: "";
display: block;
width: 100%;
height: 3px;
background: transparent;
position: absolute;
bottom: -1px;
left: 0;
transition: all 0.4s ease-in-out;
}
.main.page-ciso .process-block .wrapper .tabs .tab-list li a {
text-decoration: none;
padding: 14px 24px;
color: #4A4D4E;
font-size: 14px;
font-size: 0.875rem;
font-weight: 500;
display: inline-block;
text-align: center;
}
@media (max-width: 1024px) {
.main.page-ciso .process-block .wrapper .tabs .tab-list li a {
padding: 10px 18px;
}
}
.main.page-ciso .process-block .wrapper .tabs .tab-content {
max-width: 1100px;
width: 100%;
margin: 56px auto 0;
position: relative;
border-bottom: 1px solid #D0D0D0;
padding: 0 0 68px;
}
@media (max-width: 768px) {
.main.page-ciso .process-block .wrapper .tabs .tab-content {
padding: 0 0 48px;
}
}
@media (max-width: 480px) {
.main.page-ciso .process-block .wrapper .tabs .tab-content {
margin: 48px auto 0;
}
}
.main.page-ciso .process-block .wrapper .tabs .tab-content .tag {
position: absolute;
color: #999999;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.88px;
text-transform: uppercase;
top: -28px;
left: 0;
}
.main.page-ciso .process-block .wrapper .tabs .tab-content .steps {
display: flex;
flex-direction: column;
grid-gap: 52px;
}
@media (max-width: 1024px) {
.main.page-ciso .process-block .wrapper .tabs .tab-content .steps {
grid-gap: 40px;
}
}
@media (max-width: 480px) {
.main.page-ciso .process-block .wrapper .tabs .tab-content .steps {
grid-gap: 32px;
}
}
.main.page-ciso .process-block .wrapper .tabs .tab-content .steps .single {
display: flex;
align-items: flex-start;
}
.main.page-ciso .process-block .wrapper .tabs .tab-content .steps .single .number {
width: 92px;
flex: none;
color: #D0D0D0;
font-size: 32px;
font-size: 2rem;
font-weight: 800;
line-height: 1.2;
display: block;
}
@media (max-width: 768px) {
.main.page-ciso .process-block .wrapper .tabs .tab-content .steps .single .number {
width: 65px;
}
}
@media (max-width: 480px) {
.main.page-ciso .process-block .wrapper .tabs .tab-content .steps .single .number {
width: 50px;
}
}
.main.page-ciso .process-block .wrapper .tabs .tab-content .steps .single .info {
width: 100%;
}
.main.page-ciso .process-block .wrapper .tabs .tab-content .steps .single .info .title {
display: block;
color: #0D0D0D;
font-size: 20px;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.6;
letter-spacing: -0.2px;
}
.main.page-ciso .process-block .wrapper .tabs .tab-content .steps .single .info p {
margin: 15px 0 0;
color: #4A4D4E;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.75;
}
.main.page-ciso .process-block .wrapper .disclaimer {
margin: 29px auto 0;
color: #4A4D4E;
text-align: center;
width: 100%;
max-width: 650px;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
}
.main.page-ciso .process-block .ill-5 {
position: absolute;
top: 0;
left: -313px;
width: auto;
display: block;
height: 100%;
}
@media (max-width: 1680px) {
.main.page-ciso .process-block .ill-5 {
left: -380px;
}
}
@media (max-width: 1440px) {
.main.page-ciso .process-block .ill-5 {
left: -420px;
}
}
@media (max-width: 1280px) {
.main.page-ciso .process-block .ill-5 {
left: -460px;
}
}
@media (max-width: 1024px) {
.main.page-ciso .process-block .ill-5 {
display: none;
}
}
.main.page-ciso .goals-blocks .wrapper {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 768px) {
.main.page-ciso .goals-blocks .wrapper {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.main.page-ciso .goals-blocks .wrapper .left {
background: #E60000;
position: relative;
}
@media (max-width: 768px) {
.main.page-ciso .goals-blocks .wrapper .left {
order: 2;
}
}
.main.page-ciso .goals-blocks .wrapper .left:before {
content: "";
display: block;
width: 50vw;
height: 100%;
position: absolute;
top: 0;
left: -49vw;
background: #E60000;
z-index: 0;
}
@media (max-width: 768px) {
.main.page-ciso .goals-blocks .wrapper .left:before {
width: 100vw;
left: -30px;
}
}
@media (max-width: 480px) {
.main.page-ciso .goals-blocks .wrapper .left:before {
left: -20px;
}
}
.main.page-ciso .goals-blocks .wrapper .left .wrap {
position: relative;
z-index: 2;
padding: 100px 100px 100px 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 1024px) {
.main.page-ciso .goals-blocks .wrapper .left .wrap {
padding: 80px 60px 80px 0;
}
}
@media (max-width: 768px) {
.main.page-ciso .goals-blocks .wrapper .left .wrap {
padding: 64px 0;
justify-content: flex-start;
}
}
.main.page-ciso .goals-blocks .wrapper .left .wrap .list {
display: flex;
flex-direction: column;
grid-gap: 34px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-ciso .goals-blocks .wrapper .left .wrap .list {
grid-gap: 30px;
}
}
@media (max-width: 480px) {
.main.page-ciso .goals-blocks .wrapper .left .wrap .list {
grid-gap: 24px;
}
}
.main.page-ciso .goals-blocks .wrapper .left .wrap .list:before {
content: "?";
display: block;
font-size: 480px;
font-size: 30rem;
font-weight: 900;
color: rgba(0, 0, 0, 0.1);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
text-align: center;
line-height: 1;
margin: auto;
}
.main.page-ciso .goals-blocks .wrapper .left .wrap .list span {
display: block;
font-size: 24px;
font-size: 1.5rem;
font-style: italic;
color: #ffffff;
opacity: 0.7;
line-height: 1.6;
font-weight: 600;
}
.main.page-ciso .goals-blocks .wrapper .right {
background: #ffffff;
position: relative;
}
@media (max-width: 768px) {
.main.page-ciso .goals-blocks .wrapper .right {
order: 1;
}
}
.main.page-ciso .goals-blocks .wrapper .right:before {
content: "";
display: block;
width: 50vw;
height: 100%;
position: absolute;
top: 0;
right: -49vw;
background: #ffffff;
z-index: 0;
}
@media (max-width: 768px) {
.main.page-ciso .goals-blocks .wrapper .right:before {
width: 100vw;
left: -30px;
}
}
@media (max-width: 480px) {
.main.page-ciso .goals-blocks .wrapper .right:before {
left: -20px;
}
}
.main.page-ciso .goals-blocks .wrapper .right .wrap {
position: relative;
z-index: 2;
padding: 100px 0 100px 100px;
}
@media (max-width: 1024px) {
.main.page-ciso .goals-blocks .wrapper .right .wrap {
padding: 80px 0 80px 60px;
}
}
@media (max-width: 768px) {
.main.page-ciso .goals-blocks .wrapper .right .wrap {
padding: 64px 0;
}
}
.main.page-ciso .goals-blocks .wrapper .right .wrap h2 {
color: #0D0D0D;
font-size: 52px;
font-size: 3.25rem;
font-weight: 800;
line-height: 1.1;
letter-spacing: -1.56px;
margin: 0;
max-width: 615px;
width: 100%;
}
@media (max-width: 1024px) {
.main.page-ciso .goals-blocks .wrapper .right .wrap h2 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 768px) {
.main.page-ciso .goals-blocks .wrapper .right .wrap h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .goals-blocks .wrapper .right .wrap h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .goals-blocks .wrapper .right .wrap .desc {
margin: 17px 0 0;
max-width: 577px;
width: 100%;
}
.main.page-ciso .goals-blocks .wrapper .right .wrap .desc p {
color: #4A4D4E;
font-size: 20px;
font-size: 1.25rem;
line-height: 1.7;
}
.main.page-ciso .goals-blocks .wrapper .right .wrap .hashtags {
margin: 42px 0 0;
display: flex;
align-items: center;
flex-wrap: wrap;
grid-gap: 15px;
max-width: 577px;
width: 100%;
}
.main.page-ciso .goals-blocks .wrapper .right .wrap .hashtags span {
display: block;
color: #0D0D0D;
font-size: 24px;
font-size: 1.5rem;
line-height: 1.6;
letter-spacing: -1.56px;
font-weight: 700;
}
.main.page-ciso .questions-block {
background: #F4F4F4;
padding: 200px 0 165px;
position: relative;
overflow: hidden;
}
@media (max-width: 1024px) {
.main.page-ciso .questions-block {
padding: 140px 0 80px;
}
}
@media (max-width: 768px) {
.main.page-ciso .questions-block {
padding: 100px 0 80px;
}
}
.main.page-ciso .questions-block .wrapper {
max-width: 1100px;
}
.main.page-ciso .questions-block .wrapper h2 {
margin: 0;
font-size: 40px;
font-size: 2.5rem;
color: #0D0D0D;
line-height: 1.15;
letter-spacing: -0.8px;
max-width: 932px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-ciso .questions-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .questions-block .wrapper h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .questions-block .wrapper h2 span {
color: #E60000;
}
.main.page-ciso .questions-block .wrapper .questions {
display: flex;
flex-direction: column;
grid-gap: 43px;
margin: 79px 0 0;
padding: 0 0 80px;
border-bottom: 1px solid #D0D0D0;
}
@media (max-width: 768px) {
.main.page-ciso .questions-block .wrapper .questions {
margin: 64px 0 0;
grid-gap: 64px;
padding: 0 0 64px;
}
}
@media (max-width: 480px) {
.main.page-ciso .questions-block .wrapper .questions {
margin: 48px 0 0;
padding: 0 0 48px;
}
}
.main.page-ciso .questions-block .wrapper .questions .single {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-gap: 40px;
align-items: flex-start;
}
@media (max-width: 1024px) {
.main.page-ciso .questions-block .wrapper .questions .single {
grid-gap: 32px;
}
}
@media (max-width: 768px) {
.main.page-ciso .questions-block .wrapper .questions .single {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 24px;
}
}
.main.page-ciso .questions-block .wrapper .questions .single:nth-child(2n+2) .col:nth-child(1) {
order: 2;
}
@media (max-width: 768px) {
.main.page-ciso .questions-block .wrapper .questions .single:nth-child(2n+2) .col:nth-child(1) {
order: 1;
}
}
.main.page-ciso .questions-block .wrapper .questions .single:nth-child(2n+2) .col:nth-child(2) {
order: 1;
}
@media (max-width: 768px) {
.main.page-ciso .questions-block .wrapper .questions .single:nth-child(2n+2) .col:nth-child(2) {
order: 2;
}
}
.main.page-ciso .questions-block .wrapper .questions .single .col:nth-child(1) {
background: #ffffff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
padding: 40px 36px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-ciso .questions-block .wrapper .questions .single .col:nth-child(1) {
padding: 32px 30px;
}
}
.main.page-ciso .questions-block .wrapper .questions .single .col:nth-child(2) {
padding: 24px 36px 0 36px;
border-left: 3px solid #E60000;
}
@media (max-width: 1024px) {
.main.page-ciso .questions-block .wrapper .questions .single .col:nth-child(2) {
padding: 0 30px 0 30px;
}
}
.main.page-ciso .questions-block .wrapper .questions .single .col .tag {
position: absolute;
display: block;
color: #ffffff;
line-height: 1.6;
letter-spacing: 1.3px;
text-transform: uppercase;
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
padding: 5px 14px;
background: #E60000;
top: -12px;
left: 28px;
}
.main.page-ciso .questions-block .wrapper .questions .single .col .question {
font-size: 17px;
font-size: 1.0625rem;
color: #0D0D0D;
font-style: italic;
line-height: 1.7;
}
.main.page-ciso .questions-block .wrapper .questions .single .col .title {
display: block;
font-size: 18px;
font-size: 1.125rem;
color: #0D0D0D;
font-weight: 600;
line-height: 1.6;
}
.main.page-ciso .questions-block .wrapper .questions .single .col .explanation {
margin: 26px 0 0;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.75;
color: #4A4D4E;
}
.main.page-ciso .questions-block .wrapper .disclaimer {
margin: 44px 0 0;
display: flex;
align-items: center;
grid-gap: 24px;
}
@media (max-width: 480px) {
.main.page-ciso .questions-block .wrapper .disclaimer {
margin: 32px 0 0;
}
}
.main.page-ciso .questions-block .wrapper .disclaimer .icon-wrap {
width: 56px;
height: 56px;
background: #E60000;
padding: 14px 14px;
display: flex;
align-items: center;
justify-content: center;
flex: none;
}
.main.page-ciso .questions-block .wrapper .disclaimer .icon-wrap img {
width: auto;
height: auto;
display: block;
filter: brightness(0) invert(1);
}
.main.page-ciso .questions-block .wrapper .disclaimer p {
margin: 0;
color: #4A4D4E;
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.6;
}
.main.page-ciso .questions-block .ill-3 {
position: absolute;
top: 0;
left: 76px;
width: auto;
display: block;
height: 206px;
}
@media (max-width: 1440px) {
.main.page-ciso .questions-block .ill-3 {
height: 144px;
left: 53px;
}
}
@media (max-width: 1024px) {
.main.page-ciso .questions-block .ill-3 {
height: 100px;
left: 37px;
}
}
@media (max-width: 768px) {
.main.page-ciso .questions-block .ill-3 {
height: 70px;
left: 26px;
}
}
.main.page-ciso .why-skaylink-block {
background: #ffffff;
padding: 160px 0 160px;
}
@media (max-width: 1440px) {
.main.page-ciso .why-skaylink-block {
padding: 120px 0;
}
}
@media (max-width: 1024px) {
.main.page-ciso .why-skaylink-block {
padding: 80px 0;
}
}
.main.page-ciso .why-skaylink-block .wrapper {
max-width: 1280px;
}
.main.page-ciso .why-skaylink-block .wrapper h2 {
font-size: 40px;
font-size: 2.5rem;
color: #0D0D0D;
line-height: 1.2;
letter-spacing: -0.8px;
max-width: 1099px;
width: 100%;
margin: 0;
}
@media (max-width: 1024px) {
.main.page-ciso .why-skaylink-block .wrapper h2 {
max-width: 700px;
}
}
@media (max-width: 768px) {
.main.page-ciso .why-skaylink-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .why-skaylink-block .wrapper h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .why-skaylink-block .wrapper h2 span {
color: #E60000;
}
.main.page-ciso .why-skaylink-block .wrapper .desc {
margin: 32px 0 0;
max-width: 601px;
width: 100%;
}
.main.page-ciso .why-skaylink-block .wrapper .desc p {
color: #4A4D4E;
font-size: 17px;
font-size: 1.0625rem;
line-height: 1.7;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap {
margin: 30px 0 0;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards {
display: flex;
gap: 20px;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single {
flex: 0 0 95px;
min-height: 230px;
background: #F4F4F4;
cursor: pointer;
position: relative;
border: 1px solid #F4F4F4;
transition: flex 0.4s cubic-bezier(0.4, 0, 0.2, 1), background 0.4s ease, border-color 0.4s ease;
}
@media (max-width: 1200px) {
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single {
min-height: 260px;
}
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single.active {
flex: 1;
background: #ffffff;
border-color: #EBEBEB;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
cursor: default;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single.active .small-title {
opacity: 0;
pointer-events: none;
transition: opacity 0.15s ease 0.35s;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single.active .content-wrap {
opacity: 1;
transition: opacity 0.2s ease 0.4s;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single .small-title {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #4A4D4E;
font-size: 15px;
font-size: 0.9375rem;
font-weight: 600;
line-height: 1.6;
transition: opacity 0.2s ease 0.35s;
padding: 10px;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single .content-wrap {
position: absolute;
top: 26px;
left: 31px;
right: 31px;
opacity: 0;
transition: opacity 0.15s ease;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single .content-wrap .title {
display: block;
color: #0D0D0D;
font-size: 28px;
font-size: 1.75rem;
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.64px;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single .content-wrap p {
margin: 16px 0 0;
font-size: 15px;
font-size: 0.9375rem;
color: #4A4D4E;
line-height: 1.5;
}
@media (max-width: 1100px) {
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards {
flex-direction: column;
gap: 12px;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single {
flex: none;
width: 100%;
min-height: auto;
border: 1px solid #EBEBEB;
cursor: pointer;
transition: background 0.3s ease, border-color 0.3s ease;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single .small-title {
display: none;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single .content-wrap {
position: relative;
top: auto;
left: auto;
right: auto;
opacity: 1;
padding: 20px 20px 20px;
transition: none;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single .content-wrap .title {
display: flex;
justify-content: space-between;
align-items: center;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single .content-wrap .title:after {
content: "+";
font-size: 20px;
font-weight: 300;
color: #999999;
flex-shrink: 0;
margin-left: 12px;
line-height: 1;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single .content-wrap p {
max-height: 0;
overflow: hidden;
opacity: 0;
margin-top: 0;
transition: max-height 0.4s ease, opacity 0.25s ease, margin-top 0.3s ease;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single.active {
background: #ffffff;
border-color: #E60000;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single.active .small-title {
display: none;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single.active .content-wrap {
opacity: 1;
padding-bottom: 20px;
transition: none;
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single.active .content-wrap .title:after {
content: "−";
}
.main.page-ciso .why-skaylink-block .wrapper .service-cards-wrap .service-cards .single.active .content-wrap p {
max-height: 400px;
opacity: 1;
margin-top: 16px;
transition: max-height 0.4s ease, opacity 0.25s ease 0.05s, margin-top 0.3s ease;
}
}
.main.page-ciso .why-skaylink-block .wrapper .disclaimer {
margin: 24px 0 0;
display: block;
color: #E60000;
font-size: 17px;
font-size: 1.0625rem;
font-weight: 300;
line-height: 1.7;
}
.main.page-ciso .why-skaylink-block .wrapper .features {
border-top: 1px solid #EBEBEB;
margin: 24px 0 0;
padding: 57px 0 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-gap: 56px;
}
@media (max-width: 1024px) {
.main.page-ciso .why-skaylink-block .wrapper .features {
grid-gap: 40px;
}
}
@media (max-width: 768px) {
.main.page-ciso .why-skaylink-block .wrapper .features {
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-gap: 32px;
}
}
@media (max-width: 480px) {
.main.page-ciso .why-skaylink-block .wrapper .features {
padding: 48px 0 0;
}
}
.main.page-ciso .why-skaylink-block .wrapper .features .single .title {
display: block;
font-size: 20px;
font-size: 1.25rem;
color: #0D0D0D;
font-weight: 600;
line-height: 1.6;
}
.main.page-ciso .why-skaylink-block .wrapper .features .single p {
margin: 17px 0 0;
color: #4A4D4E;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.75;
}
@media (max-width: 768px) {
.main.page-ciso .why-skaylink-block .wrapper .features .single p {
margin: 12px 0 0;
}
}
.main.page-ciso .cta-block {
background: linear-gradient(90deg, #B00000 0%, #E60000 100%);
overflow: hidden;
padding: 44px 0 157px;
position: relative;
}
@media (max-width: 1024px) {
.main.page-ciso .cta-block {
padding: 64px 0 120px;
}
}
.main.page-ciso .cta-block .wrapper {
z-index: 2;
}
.main.page-ciso .cta-block .wrapper h2 {
text-align: center;
color: #ffffff;
font-size: 40px;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.8px;
margin: 0 auto;
max-width: 920px;
width: 100%;
}
@media (max-width: 768px) {
.main.page-ciso .cta-block .wrapper h2 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 480px) {
.main.page-ciso .cta-block .wrapper h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-ciso .cta-block .wrapper .wrap {
margin: 55px auto 0;
width: 100%;
max-width: 800px;
padding: 48px 48px 24px;
background: #ffffff;
}
@media (max-width: 480px) {
.main.page-ciso .cta-block .wrapper .wrap {
margin: 48px auto 0;
}
}
.main.page-ciso .cta-block .wrapper .wrap .headline {
display: block;
color: #4A4D4E;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
}
@media (max-width: 480px) {
.main.page-ciso .cta-block .wrapper .wrap .headline {
text-align: center;
}
}
.main.page-ciso .cta-block .wrapper .wrap .steps {
margin: 28px 0 10px;
display: flex;
flex-direction: column;
grid-gap: 18px;
padding: 0 0 23px;
border-bottom: 1px solid #EBEBEB;
}
.main.page-ciso .cta-block .wrapper .wrap .steps .single {
display: flex;
align-items: flex-start;
grid-gap: 20px;
}
@media (max-width: 480px) {
.main.page-ciso .cta-block .wrapper .wrap .steps .single {
flex-direction: column;
grid-gap: 16px;
justify-content: center;
align-items: center;
}
}
.main.page-ciso .cta-block .wrapper .wrap .steps .single .number {
width: 32px;
height: 32px;
background: #E60000;
text-align: center;
line-height: 32px;
font-size: 15px;
font-size: 0.9375rem;
color: #ffffff;
display: block;
flex: none;
font-weight: 700;
}
@media (max-width: 480px) {
.main.page-ciso .cta-block .wrapper .wrap .steps .single .info {
text-align: center;
}
}
.main.page-ciso .cta-block .wrapper .wrap .steps .single .info .title {
display: block;
color: #0D0D0D;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.main.page-ciso .cta-block .wrapper .wrap .steps .single .info p {
margin: 7px 0 0;
color: #4A4D4E;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
}
.main.page-ciso .cta-block .wrapper .wrap .disclaimer {
margin: 0;
padding: 23px 0 0;
color: #4A4D4E;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
max-width: 696px;
width: 100%;
}
@media (max-width: 480px) {
.main.page-ciso .cta-block .wrapper .wrap .disclaimer {
text-align: center;
}
}
.main.page-ciso .cta-block .wrapper .center-btn {
text-align: center;
margin: 24px auto 0;
width: 100%;
max-width: 600px;
padding: 0 0 27px;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.main.page-ciso .cta-block .wrapper .center-btn a {
padding: 23px 48px;
text-decoration: none;
color: #E60000;
font-size: 17px;
font-size: 1.0625rem;
font-weight: 600;
line-height: 1.6;
display: inline-block;
background: #ffffff;
}
.main.page-ciso .cta-block .wrapper .center-btn .desc {
display: block;
text-align: center;
color: rgba(255, 255, 255, 0.85);
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin: 22px 0 0;
}
.main.page-ciso .cta-block .ill-6 {
position: absolute;
top: 41px;
left: -350px;
display: block;
width: auto;
height: 700px;
}
@media (max-width: 1440px) {
.main.page-ciso .cta-block .ill-6 {
height: 490px;
left: -245px;
}
}
@media (max-width: 1024px) {
.main.page-ciso .cta-block .ill-6 {
height: 343px;
left: -171px;
}
}
@media (max-width: 768px) {
.main.page-ciso .cta-block .ill-6 {
height: 240px;
left: -120px;
}
}
.main.page-ciso .cta-block .ill-3 {
position: absolute;
bottom: 0;
right: 76px;
width: auto;
display: block;
height: 206px;
}
@media (max-width: 1440px) {
.main.page-ciso .cta-block .ill-3 {
height: 144px;
right: 53px;
}
}
@media (max-width: 1024px) {
.main.page-ciso .cta-block .ill-3 {
height: 100px;
right: 37px;
}
}
@media (max-width: 768px) {
.main.page-ciso .cta-block .ill-3 {
height: 70px;
right: 26px;
}
}
body.woocommerce-cart .main.page-woocommerce {
padding: 165px 0 0;
}
body.woocommerce-cart .main.page-woocommerce .content-block {
background: #ffffff;
padding: 112px 0 112px;
}
@media (max-width: 1024px) {
body.woocommerce-cart .main.page-woocommerce .content-block {
padding: 80px 0 80px;
}
}
body.woocommerce-cart .main.page-woocommerce .content-block h1 {
font-size: 48px;
font-size: 3rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
}
@media (max-width: 1440px) {
body.woocommerce-cart .main.page-woocommerce .content-block h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
body.woocommerce-cart .main.page-woocommerce .content-block h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
body.woocommerce-cart .main.page-woocommerce .content-block h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
body.woocommerce-cart .main.page-woocommerce .content-block .woocommerce-blocks {
margin: 32px 0 0;
}
body.woocommerce-cart .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce table .product-thumbnail img {
width: 100%;
max-width: 100px;
}
body.woocommerce-cart .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce table .product-thumbnail a {
cursor: default;
pointer-events: none;
}
body.woocommerce-cart .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce table .product-name a {
text-decoration: none;
color: #0D0D0D;
pointer-events: none;
cursor: default;
}
body.woocommerce-cart .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce table .product-quantity input {
border-radius: 0;
border: 1px solid #cfc8d8;
}
body.woocommerce-cart .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce table .coupon {
display: flex;
align-items: center;
grid-gap: 16px;
}
body.woocommerce-cart .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce table .coupon .input-text {
width: 100%;
max-width: 270px;
line-height: 1;
height: 46px;
border-radius: 0;
padding: 0.5em;
}
body.woocommerce-cart .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce table button.button {
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-decoration: none;
padding: 13px 26px;
display: inline-block;
background: #0D0D0D;
text-align: center;
line-height: 1;
border-radius: 0;
}
body.woocommerce-cart .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce .wc-proceed-to-checkout .checkout-button {
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-decoration: none;
padding: 28px 28px;
display: inline-block;
background: #0D0D0D;
width: 100%;
text-align: center;
border-radius: 0;
}
body.woocommerce-cart .main.page-woocommerce .content-block .woocommerce-blocks .return-to-shop {
display: none;
}
body.woocommerce-checkout .main.page-woocommerce {
padding: 165px 0 0;
}
body.woocommerce-checkout .main.page-woocommerce .content-block {
background: #ffffff;
padding: 112px 0 112px;
}
@media (max-width: 1024px) {
body.woocommerce-checkout .main.page-woocommerce .content-block {
padding: 80px 0 80px;
}
}
body.woocommerce-checkout .main.page-woocommerce .content-block h1 {
font-size: 48px;
font-size: 3rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
margin: 0;
}
@media (max-width: 1440px) {
body.woocommerce-checkout .main.page-woocommerce .content-block h1 {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (max-width: 1280px) {
body.woocommerce-checkout .main.page-woocommerce .content-block h1 {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 768px) {
body.woocommerce-checkout .main.page-woocommerce .content-block h1 {
font-size: 30px;
font-size: 1.875rem;
}
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks {
margin: 32px 0 0;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
margin: 0 0 16px;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a {
color: #0D0D0D;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce .checkout_coupon.woocommerce-form-coupon {
margin: 0 0 16px;
border-radius: 0;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce .checkout_coupon.woocommerce-form-coupon .input-text {
border-radius: 0;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce .checkout_coupon.woocommerce-form-coupon .button {
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-decoration: none;
padding: 13px 26px;
display: inline-block;
background: #0D0D0D;
text-align: center;
line-height: 1;
border-radius: 0;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce form.checkout.woocommerce-checkout .woocommerce-error li a {
cursor: default;
pointer-events: none;
color: #515151;
text-decoration: none;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce form.checkout.woocommerce-checkout .woocommerce-error li a strong {
font-weight: 400;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce form.checkout.woocommerce-checkout .col2-set label .optional {
display: none;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce form.checkout.woocommerce-checkout .col2-set .input-text {
border-radius: 0;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce form.checkout.woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields__field-wrapper .customer-type-radio .woocommerce-input-wrapper {
display: flex;
flex-wrap: wrap;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce form.checkout.woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields__field-wrapper .customer-type-radio .woocommerce-input-wrapper input {
width: 13px;
flex: none;
margin: 0 8px 0 0;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce form.checkout.woocommerce-checkout .col2-set .col-1 .woocommerce-billing-fields__field-wrapper .customer-type-radio .woocommerce-input-wrapper label {
width: calc(100% - 21px);
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce #order_review .woocommerce-checkout-review-order-table {
border-radius: 0;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce #order_review #payment {
border-radius: 0;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce #order_review #payment #place_order {
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
text-decoration: none;
padding: 13px 26px;
display: inline-block;
background: #0D0D0D;
text-align: center;
line-height: 1;
border-radius: 0;
}
body.woocommerce-checkout .main.page-woocommerce .content-block .woocommerce-blocks .woocommerce #order_review .woocommerce-terms-and-conditions-wrapper a {
color: #0D0D0D;
}
.custom-azure-more-link {
display: inline-flex;
align-items: center;
text-decoration: none;
transform: translateY(-32px);
}
.custom-azure-more-link span {
font-size: 20px;
font-size: 1.25rem;
color: #1437F1;
margin: 0 20px 0 0;
}
.custom-azure-more-link img {
filter: invert(16%) sepia(97%) saturate(7259%) hue-rotate(239deg) brightness(95%) contrast(100%);
height: 24px;
width: auto;
display: block;
}
@media (max-width: 1170px) {
html[lang=lt-LT] .main.page-ai-courses .courses-block .wrapper .single:nth-child(1) .info-box-wrap .meta {
display: flex;
flex-direction: column;
align-items: center;
}
}
@media (max-width: 900px) {
html[lang=lt-LT] .main.page-ai-courses .courses-block .wrapper .single:nth-child(1) .info-box-wrap .meta .single-meta-first .meta-wrap {
flex-wrap: wrap;
display: flex;
justify-content: center;
}
}
@media (max-width: 900px) {
html[lang=lt-LT] .main.page-ai-courses .courses-block .wrapper .single:nth-child(1) .info-box-wrap .meta .single-meta-first .meta-wrap .second {
width: 100%;
text-align: center;
margin: 4px 0 0;
}
}
.vf-btn {
display: inline-block;
text-decoration: none;
padding: 14px 24px;
font-size: 18px;
font-size: 1.125rem;
font-weight: 400;
border-radius: 6px;
}
.vf-btn.margin-top {
margin: 32px 0 0;
}
.vf-btn.red {
background: #E60000;
color: #ffffff;
}
.vf-btn.white {
background: #ffffff;
color: #E60000;
}
.img-invert {
filter: invert(100%);
}
.vodafone-logo-page {
position: absolute;
top: 30px;
right: 30px;
height: 35px;
width: auto;
display: block;
}
@media (max-width: 480px) {
.vodafone-logo-page {
display: none;
}
}
.bg-red-important {
background: #E60000;
}
.bg-black-important {
background: #0D0D0D;
}
.color-red-override * {
color: #E60000 !important;
}
h2, h3, h4, h5, h6 {
color: #0D0D0D;
}
.services-home-block {
padding: 80px 0 80px;
background: #F4F4F4;
}
@media (max-width: 1024px) {
.services-home-block {
padding: 64px 0 64px;
}
}
.services-home-block .wrapper .grid {
display: grid;
grid-gap: 16px;
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.services-home-block .wrapper .grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.services-home-block .wrapper .grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.services-home-block .wrapper .grid .single {
padding: 28px 24px;
border-radius: 12px;
text-decoration: none;
display: inline-flex;
flex-direction: column;
justify-content: space-between;
}
.services-home-block .wrapper .grid .single:nth-child(1) {
background: #E60000;
}
.services-home-block .wrapper .grid .single:nth-child(2) {
background: #0D0D0D;
}
.services-home-block .wrapper .grid .single:nth-child(3) {
background: #EBEBEB;
}
.services-home-block .wrapper .grid .single:nth-child(3) .top .title {
color: #E60000;
}
.services-home-block .wrapper .grid .single:nth-child(3) .top .desc {
color: #4A4D4E;
}
.services-home-block .wrapper .grid .single:nth-child(4) {
background: #ffffff;
}
.services-home-block .wrapper .grid .single:nth-child(4) .top .title {
color: #E60000;
}
.services-home-block .wrapper .grid .single:nth-child(4) .top .desc {
color: #4A4D4E;
}
.services-home-block .wrapper .grid .single .top .title {
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
color: #ffffff;
line-height: 1.2;
}
.services-home-block .wrapper .grid .single .top .desc {
margin: 12px 0 0;
font-size: 16px;
font-size: 1rem;
color: #ffffff;
line-height: 1.5;
}
.services-home-block .wrapper .grid .single img {
margin: 28px 0 0;
display: block;
width: auto;
height: 24px;
align-self: flex-start;
}
body.page-id-217 .main .top-service-block,
body.page-id-1547 .main .top-service-block {
background: #E60000 !important;
}
body.page-id-217 .main .top-service-block .wrapper .wrap h1,
body.page-id-1547 .main .top-service-block .wrapper .wrap h1 {
color: rgba(255, 255, 255, 0.75);
}
body.page-id-217 .main .top-service-block .wrapper .wrap .vf-btn,
body.page-id-1547 .main .top-service-block .wrapper .wrap .vf-btn {
background: #ffffff;
color: #E60000;
}
body.page-id-217 .main .points-block,
body.page-id-1547 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-180 .main .top-service-block,
body.page-id-1525 .main .top-service-block {
background: #E60000 !important;
}
body.page-id-180 .main .top-service-block .wrapper .wrap h1,
body.page-id-1525 .main .top-service-block .wrapper .wrap h1 {
color: rgba(255, 255, 255, 0.75);
}
body.page-id-180 .main .top-service-block .wrapper .wrap .vf-btn,
body.page-id-1525 .main .top-service-block .wrapper .wrap .vf-btn {
background: #ffffff;
color: #E60000;
}
body.page-id-180 .main .points-block,
body.page-id-1525 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-180 .main .points-block .wrapper .single-group .grid .single .info .title,
body.page-id-1525 .main .points-block .wrapper .single-group .grid .single .info .title {
color: #E60000;
}
body.page-id-221 .main .points-block,
body.page-id-1515 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-221 .main .points-block .wrapper .single-group:nth-child(1) .grid .single .info .title,
body.page-id-1515 .main .points-block .wrapper .single-group:nth-child(1) .grid .single .info .title {
color: #E60000;
}
body.page-id-549 .main .top-service-block .wrapper .wrap .vf-btn,
body.page-id-1485 .main .top-service-block .wrapper .wrap .vf-btn {
background: #ffffff;
color: #E60000;
}
body.page-id-549 .main .points-block,
body.page-id-1485 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-566 .main .top-service-block .wrapper .wrap .vf-btn,
body.page-id-1491 .main .top-service-block .wrapper .wrap .vf-btn {
background: #ffffff;
color: #E60000;
}
body.page-id-566 .main .points-block,
body.page-id-1491 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-573 .main .points-block,
body.page-id-1483 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-587 .main .points-block,
body.page-id-1489 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-591 .main .top-service-block .wrapper .wrap h1,
body.page-id-1521 .main .top-service-block .wrapper .wrap h1 {
color: rgba(255, 255, 255, 0.75);
}
body.page-id-591 .main .top-service-block .wrapper .wrap .vf-btn,
body.page-id-1521 .main .top-service-block .wrapper .wrap .vf-btn {
background: #ffffff;
color: #E60000;
}
body.page-id-591 .main .points-block,
body.page-id-1521 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-630 .main .points-block,
body.page-id-1519 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-658 .main .points-block,
body.page-id-1487 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-668 .main .top-service-block .wrapper .wrap h1,
body.page-id-1529 .main .top-service-block .wrapper .wrap h1 {
color: rgba(255, 255, 255, 0.75);
}
body.page-id-668 .main .top-service-block .wrapper .wrap .vf-btn,
body.page-id-1529 .main .top-service-block .wrapper .wrap .vf-btn {
background: #ffffff;
color: #E60000;
}
body.page-id-668 .main .points-block,
body.page-id-1529 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-674 .main .points-block,
body.page-id-1523 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-681 .main .top-service-block .wrapper .wrap h1,
body.page-id-1511 .main .top-service-block .wrapper .wrap h1 {
color: rgba(255, 255, 255, 0.75);
}
body.page-id-681 .main .top-service-block .wrapper .wrap .vf-btn,
body.page-id-1511 .main .top-service-block .wrapper .wrap .vf-btn {
background: #ffffff;
color: #E60000;
}
body.page-id-681 .main .points-block,
body.page-id-1511 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-685 .main .points-block,
body.page-id-1513 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-692 .main .points-block,
body.page-id-1527 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-706 .main .points-block,
body.page-id-1494 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-193 .main .points-block,
body.page-id-1533 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-185 .main .top-service-block .wrapper .wrap h1,
body.page-id-1517 .main .top-service-block .wrapper .wrap h1 {
color: rgba(255, 255, 255, 0.75);
}
body.page-id-185 .main .top-service-block .wrapper .wrap .vf-btn,
body.page-id-1517 .main .top-service-block .wrapper .wrap .vf-btn {
background: #ffffff;
color: #E60000;
}
body.page-id-185 .main .points-block,
body.page-id-1517 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-595 .main .top-service-block .wrapper .wrap h1,
body.page-id-1545 .main .top-service-block .wrapper .wrap h1 {
color: #4A4D4E;
}
body.page-id-595 .main .top-service-block .wrapper .wrap .text-headline p,
body.page-id-1545 .main .top-service-block .wrapper .wrap .text-headline p {
color: #E60000;
}
body.page-id-595 .main .top-service-block .wrapper .wrap .vf-btn,
body.page-id-1545 .main .top-service-block .wrapper .wrap .vf-btn {
background: #ffffff;
color: #E60000;
}
body.page-id-595 .main .points-block,
body.page-id-1545 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-201 .main .top-service-block .wrapper .wrap h1,
body.page-id-1551 .main .top-service-block .wrapper .wrap h1 {
color: #4A4D4E;
}
body.page-id-201 .main .top-service-block .wrapper .wrap .text-headline p,
body.page-id-1551 .main .top-service-block .wrapper .wrap .text-headline p {
color: #E60000;
}
body.page-id-201 .main .top-service-block .wrapper .wrap .vf-btn,
body.page-id-1551 .main .top-service-block .wrapper .wrap .vf-btn {
background: #ffffff;
color: #E60000;
}
body.page-id-201 .main .points-block,
body.page-id-1551 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-209 .main .points-block,
body.page-id-1555 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-696 .main .top-service-block .wrapper .wrap h1,
body.page-id-1549 .main .top-service-block .wrapper .wrap h1 {
color: #4A4D4E;
}
body.page-id-696 .main .top-service-block .wrapper .wrap .text-headline p,
body.page-id-1549 .main .top-service-block .wrapper .wrap .text-headline p {
color: #E60000;
}
body.page-id-696 .main .points-block,
body.page-id-1549 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-id-188 .main .points-block,
body.page-id-1539 .main .points-block {
background: #ffffff;
padding-top: 0;
padding-bottom: 0;
}
body.page-template-page-security-compliance {
overflow-x: clip;
overflow-y: visible;
}
.main.page-security-compliance {
--security-header-height: 100px;
--security-nav-height: 74px;
--security-admin-height: 0px;
background: #ffffff;
color: #4A4D4E;
}
.main.page-security-compliance .wrapper {
width: calc(100% - 160px);
max-width: 1280px;
}
@media (max-width: 1280px) {
.main.page-security-compliance .wrapper {
width: calc(100% - 80px);
}
}
@media (max-width: 768px) {
.main.page-security-compliance .wrapper {
width: calc(100% - 40px);
}
}
.main.page-security-compliance section {
padding: 80px 0;
}
@media (max-width: 1024px) {
.main.page-security-compliance section {
padding: 64px 0;
}
}
@media (max-width: 768px) {
.main.page-security-compliance section {
padding: 48px 0;
}
}
.main.page-security-compliance [id] {
scroll-margin-top: calc(var(--security-header-height) + var(--security-nav-height) + var(--security-admin-height) + 24px);
}
.main.page-security-compliance h1, .main.page-security-compliance h2, .main.page-security-compliance h3, .main.page-security-compliance h4, .main.page-security-compliance p, .main.page-security-compliance blockquote {
margin: 0;
}
.main.page-security-compliance h2 {
font-size: 48px;
font-size: 3rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 1024px) {
.main.page-security-compliance h2 {
font-size: 38px;
font-size: 2.375rem;
}
}
@media (max-width: 768px) {
.main.page-security-compliance h2 {
font-size: 32px;
font-size: 2rem;
}
}
.main.page-security-compliance h3 {
font-size: 28px;
font-size: 1.75rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
@media (max-width: 768px) {
.main.page-security-compliance h3 {
font-size: 24px;
font-size: 1.5rem;
}
}
.main.page-security-compliance h4, .main.page-security-compliance .title {
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-security-compliance .desc {
margin: 16px 0 0;
line-height: 1.5;
}
.main.page-security-compliance .desc p + p {
margin-top: 16px;
}
.main.page-security-compliance .wrapper > .desc {
max-width: 974px;
}
.main.page-security-compliance .text strong {
font-weight: 700;
}
.main.page-security-compliance .link {
color: #E60000;
font-weight: 700;
text-decoration: none;
line-height: 1.4;
}
.main.page-security-compliance .link:hover {
text-decoration: underline;
text-underline-offset: 4px;
}
.main.page-security-compliance a:focus-visible, .main.page-security-compliance button:focus-visible, .main.page-security-compliance input:focus-visible, .main.page-security-compliance select:focus-visible, .main.page-security-compliance textarea:focus-visible, .main.page-security-compliance .header:focus-visible {
outline: 2px solid #E60000;
outline-offset: 4px;
}
.main.page-security-compliance .vf-btn, .main.page-security-compliance .btn-outline {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 55px;
padding: 12px 24px;
border: 2px solid transparent;
border-radius: 6px;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.5;
text-align: center;
text-decoration: none;
transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.main.page-security-compliance .vf-btn.red:hover, .main.page-security-compliance .btn-outline.red:hover {
background: #bd0000;
}
.main.page-security-compliance .vf-btn.white, .main.page-security-compliance .btn-outline.white {
color: #0D0D0D;
}
.main.page-security-compliance .vf-btn.white:hover, .main.page-security-compliance .btn-outline.white:hover {
background: #ebebeb;
}
.main.page-security-compliance .btn-outline {
color: #E60000;
border-color: #E60000;
background: transparent;
}
.main.page-security-compliance .btn-outline:hover {
color: #ffffff;
background: #E60000;
}
.main.page-security-compliance .points ul {
margin: 0;
padding-left: 20px;
font-size: inherit;
line-height: inherit;
}
.main.page-security-compliance .points ul li {
padding-left: 0;
}
.main.page-security-compliance .points ul li::marker {
color: #E60000;
}
.main.page-security-compliance .points ul li + li {
margin-top: 12px;
}
.main.page-security-compliance .top-block {
min-height: 790px;
padding: 80px 0 56px;
display: flex;
align-items: flex-end;
position: relative;
background-color: #0D0D0D;
}
.main.page-security-compliance .top-block:before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.93) 0%, rgba(0, 0, 0, 0.78) 42%, rgba(0, 0, 0, 0.15) 84%, transparent 100%);
}
.main.page-security-compliance .top-block .wrapper {
z-index: 1;
}
.main.page-security-compliance .top-block .wrap {
max-width: 850px;
}
.main.page-security-compliance .top-block .breadcrumbs {
margin-bottom: 24px;
font-size: 16px;
font-size: 1rem;
color: rgba(255, 255, 255, 0.85);
}
.main.page-security-compliance .top-block .breadcrumbs:empty {
display: none;
}
.main.page-security-compliance .top-block .breadcrumbs p {
font-size: inherit;
color: inherit;
}
.main.page-security-compliance .top-block .breadcrumbs a {
color: rgba(255, 255, 255, 0.6);
text-decoration: none;
}
.main.page-security-compliance .top-block .breadcrumbs a:hover {
color: #ffffff;
}
.main.page-security-compliance .top-block h1 {
font-size: 64px;
font-size: 4rem;
color: #ffffff;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.12;
}
.main.page-security-compliance .top-block .desc {
max-width: 708px;
margin-top: 24px;
}
.main.page-security-compliance .top-block .desc, .main.page-security-compliance .top-block .desc p {
font-size: 24px;
font-size: 1.5rem;
color: rgba(255, 255, 255, 0.93);
}
.main.page-security-compliance .top-block .btns {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 36px;
}
.main.page-security-compliance .top-block .btn-outline {
color: #ffffff;
border-color: #ffffff;
}
.main.page-security-compliance .top-block .btn-outline:hover {
background: #ffffff;
color: #0D0D0D;
}
@media (max-width: 1024px) {
.main.page-security-compliance .top-block {
min-height: 640px;
}
.main.page-security-compliance .top-block h1 {
font-size: 52px;
font-size: 3.25rem;
}
}
@media (max-width: 768px) {
.main.page-security-compliance .top-block {
min-height: 560px;
padding: 120px 0 40px;
}
.main.page-security-compliance .top-block h1 {
font-size: 44px;
font-size: 2.75rem;
}
.main.page-security-compliance .top-block .desc, .main.page-security-compliance .top-block .desc p {
font-size: 20px;
font-size: 1.25rem;
}
}
@media (max-width: 480px) {
.main.page-security-compliance .top-block .btns {
flex-direction: column;
align-items: stretch;
}
}
.main.page-security-compliance .facts-block {
padding: 28px 0;
}
.main.page-security-compliance .facts-block .wrapper {
display: flex;
justify-content: space-between;
gap: 32px;
}
.main.page-security-compliance .facts-block .single {
flex: 1;
padding-left: 32px;
border-left: 1px solid #d0d0d0;
}
.main.page-security-compliance .facts-block .single:first-child {
border: 0;
padding-left: 0;
}
.main.page-security-compliance .facts-block .single span {
display: block;
font-size: 16px;
font-size: 1rem;
line-height: 1.3;
}
.main.page-security-compliance .facts-block .single span:first-child {
margin-bottom: 4px;
font-size: 24px;
font-size: 1.5rem;
font-weight: 700;
color: #E60000;
}
@media (max-width: 1024px) {
.main.page-security-compliance .facts-block .wrapper {
flex-wrap: wrap;
gap: 24px;
}
.main.page-security-compliance .facts-block .single {
flex: 0 0 calc((100% - 48px) / 3);
padding-left: 20px;
}
.main.page-security-compliance .facts-block .single:nth-child(3n+1) {
border: 0;
padding-left: 0;
}
}
@media (max-width: 640px) {
.main.page-security-compliance .facts-block .single {
flex-basis: calc((100% - 24px) / 2);
}
.main.page-security-compliance .facts-block .single, .main.page-security-compliance .facts-block .single:nth-child(3n+1) {
padding-left: 0;
border: 0;
}
}
.main.page-security-compliance .page-nav-block {
padding: 0;
background: #0D0D0D;
position: sticky;
top: calc(var(--security-header-height) + var(--security-admin-height));
z-index: 4;
}
.main.page-security-compliance .page-nav-block .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
min-height: 74px;
gap: 24px;
}
.main.page-security-compliance .page-nav-block .left {
min-width: 0;
}
.main.page-security-compliance .page-nav-block .left .headline {
display: block;
color: #ffffff;
font-size: 14px;
font-size: 0.875rem;
}
.main.page-security-compliance .page-nav-block .left .headline:empty {
display: none;
}
.main.page-security-compliance .page-nav-block .links {
display: flex;
gap: 28px;
overflow-x: auto;
scrollbar-width: thin;
}
.main.page-security-compliance .page-nav-block .links a {
padding: 24px 0;
color: #b5b5b5;
font-size: 16px;
font-size: 1rem;
text-decoration: none;
white-space: nowrap;
}
.main.page-security-compliance .page-nav-block .links a:hover, .main.page-security-compliance .page-nav-block .links a:focus-visible {
color: #ffffff;
}
.main.page-security-compliance .page-nav-block .right {
flex-shrink: 0;
font-size: 16px;
font-size: 1rem;
}
@media (max-width: 1024px) {
.main.page-security-compliance .page-nav-block .wrapper {
gap: 16px;
}
.main.page-security-compliance .page-nav-block .links {
gap: 20px;
}
}
@media (max-width: 768px) {
.main.page-security-compliance .page-nav-block .wrapper {
display: block;
min-height: 0;
}
.main.page-security-compliance .page-nav-block .links a {
padding: 16px 0;
}
.main.page-security-compliance .page-nav-block .right {
display: none;
}
}
.main.page-security-compliance .percentage-block {
background: #f4f4f4;
}
.main.page-security-compliance .percentage-block .wrap {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;
margin-top: 44px;
}
.main.page-security-compliance .percentage-block .single span {
display: block;
margin-bottom: 16px;
font-size: 64px;
font-size: 4rem;
color: #E60000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.17;
}
@media (max-width: 640px) {
.main.page-security-compliance .percentage-block .wrap {
grid-template-columns: 1fr;
}
.main.page-security-compliance .percentage-block .single span {
font-size: 52px;
font-size: 3.25rem;
margin-bottom: 8px;
}
}
.main.page-security-compliance .status-block .wrap, .main.page-security-compliance .related-services-block .wrap {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
margin-top: 40px;
}
.main.page-security-compliance .status-block .single, .main.page-security-compliance .related-services-block .single {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
gap: 40px;
padding: 28px;
border-radius: 12px;
background: #f4f4f4;
}
.main.page-security-compliance .status-block .single h3, .main.page-security-compliance .related-services-block .single h3 {
font-size: 22px;
font-size: 1.375rem;
}
.main.page-security-compliance .status-block .single p, .main.page-security-compliance .related-services-block .single p {
margin-top: 12px;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .status-block .single .link, .main.page-security-compliance .related-services-block .single .link {
font-size: 16px;
font-size: 1rem;
}
@media (max-width: 1024px) {
.main.page-security-compliance .status-block .wrap, .main.page-security-compliance .related-services-block .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.main.page-security-compliance .status-block .wrap, .main.page-security-compliance .related-services-block .wrap {
grid-template-columns: 1fr;
}
.main.page-security-compliance .status-block .single, .main.page-security-compliance .related-services-block .single {
padding: 24px;
gap: 24px;
}
}
.main.page-security-compliance .assessment-block .wrap {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 36px;
margin-top: 44px;
}
.main.page-security-compliance .assessment-block .single {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 40px;
border-radius: 12px;
background: #f4f4f4;
}
.main.page-security-compliance .assessment-block .single .tag {
display: block;
margin-bottom: 16px;
font-size: 16px;
font-size: 1rem;
color: #E60000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-security-compliance .assessment-block .single h3 {
font-size: 32px;
font-size: 2rem;
}
.main.page-security-compliance .assessment-block .single .points {
margin-top: 28px;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .assessment-block .single .result {
margin-top: 28px;
padding: 20px 24px;
background: #ffffff;
border-radius: 8px;
font-weight: 700;
color: #0D0D0D;
}
.main.page-security-compliance .assessment-block .single .result p {
font-weight: inherit;
color: inherit;
}
.main.page-security-compliance .assessment-block .single .bottom {
margin-top: 28px;
}
.main.page-security-compliance .assessment-block .single .vf-btn {
width: 100%;
}
.main.page-security-compliance .assessment-block .single:nth-child(even) .vf-btn.red {
background: transparent;
color: #E60000;
border-color: #E60000;
}
.main.page-security-compliance .assessment-block .single:nth-child(even) .vf-btn.red:hover {
background: #E60000;
color: #ffffff;
}
.main.page-security-compliance .assessment-block .single .disclaimer {
margin-top: 16px;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .assessment-block .offer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
margin-top: 40px;
padding: 36px 40px;
border-radius: 12px;
background: #0D0D0D;
}
.main.page-security-compliance .assessment-block .offer h3 {
color: #ffffff;
font-size: 24px;
font-size: 1.5rem;
}
.main.page-security-compliance .assessment-block .offer .desc {
margin-top: 8px;
color: #c6c6c6;
}
.main.page-security-compliance .assessment-block .offer .vf-btn {
flex-shrink: 0;
}
@media (max-width: 1024px) {
.main.page-security-compliance .assessment-block .single {
padding: 28px;
}
.main.page-security-compliance .assessment-block .offer {
align-items: flex-start;
flex-direction: column;
}
}
@media (max-width: 768px) {
.main.page-security-compliance .assessment-block .wrap {
grid-template-columns: 1fr;
gap: 24px;
}
.main.page-security-compliance .assessment-block .single, .main.page-security-compliance .assessment-block .offer {
padding: 24px;
}
}
.main.page-security-compliance .table-wrap {
overflow-x: auto;
overscroll-behavior-x: contain;
scrollbar-width: thin;
border-radius: 12px;
padding: 28px 32px;
}
.main.page-security-compliance .table-wrap table {
width: 100%;
border-collapse: collapse;
text-align: left;
table-layout: fixed;
}
.main.page-security-compliance .table-wrap table th, .main.page-security-compliance .table-wrap table td {
vertical-align: top;
padding: 18px 12px;
font-weight: 400;
}
.main.page-security-compliance .table-wrap table th:first-child, .main.page-security-compliance .table-wrap table td:first-child {
padding-left: 0;
}
.main.page-security-compliance .table-wrap table th:last-child, .main.page-security-compliance .table-wrap table td:last-child {
padding-right: 0;
}
.main.page-security-compliance .table-wrap table thead .title {
display: block;
}
.main.page-security-compliance .table-wrap table thead p {
margin-top: 12px;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .table-wrap table tbody tr {
border-top: 1px solid #dcdcdc;
}
.main.page-security-compliance .table-wrap table tbody th, .main.page-security-compliance .table-wrap table tbody td {
vertical-align: middle;
}
.main.page-security-compliance .table-wrap table .vf-btn, .main.page-security-compliance .table-wrap table .btn-outline {
width: 100%;
}
@media (max-width: 768px) {
.main.page-security-compliance .table-wrap {
padding: 20px;
}
}
.main.page-security-compliance .workplace-block {
background: #f4f4f4;
}
.main.page-security-compliance .workplace-block .armour {
margin-top: 44px;
}
.main.page-security-compliance .workplace-block .armour > .desc, .main.page-security-compliance .workplace-block .data-security > .desc {
margin-top: 12px;
}
.main.page-security-compliance .workplace-block .table-wrap {
background: #ffffff;
margin-top: 28px;
}
.main.page-security-compliance .workplace-block .comparison-table {
min-width: 760px;
}
.main.page-security-compliance .workplace-block .comparison-table th:first-child, .main.page-security-compliance .workplace-block .comparison-table td:first-child {
width: 46%;
}
.main.page-security-compliance .workplace-block .comparison-table .featured .title {
color: #E60000;
}
.main.page-security-compliance .workplace-block .comparison-table tbody td, .main.page-security-compliance .workplace-block .comparison-table .requirements td {
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .workplace-block .comparison-table .included {
color: #1e7f4f;
font-weight: 700;
}
.main.page-security-compliance .workplace-block .comparison-table .not-included {
color: #737373;
}
.main.page-security-compliance .workplace-block .comparison-table .requirements {
border-top: 1px solid #dcdcdc;
}
.main.page-security-compliance .workplace-block .comparison-table .requirements th {
font-weight: 700;
}
.main.page-security-compliance .workplace-block .comparison-table .buttons td {
padding-bottom: 0;
}
.main.page-security-compliance .workplace-block .data-security {
margin-top: 52px;
}
.main.page-security-compliance .workplace-block .data-security .wrap {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin-top: 28px;
}
.main.page-security-compliance .workplace-block .data-security .single {
padding: 28px;
border-top: 7px solid #E60000;
border-radius: 12px;
background: #ffffff;
}
.main.page-security-compliance .workplace-block .data-security .single:nth-child(2) {
border-color: #0D0D0D;
}
.main.page-security-compliance .workplace-block .data-security .single:nth-child(n+3) {
border-color: #d0d0d0;
}
.main.page-security-compliance .workplace-block .data-security .single .subtitle {
display: block;
margin-top: 8px;
font-size: 16px;
font-size: 1rem;
color: #E60000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.5;
}
.main.page-security-compliance .workplace-block .data-security .single .desc {
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .workplace-block .data-security .bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
margin-top: 28px;
padding: 24px 28px;
background: #ffffff;
border-radius: 8px;
}
.main.page-security-compliance .workplace-block .data-security .bottom .desc {
margin: 0;
}
.main.page-security-compliance .workplace-block .data-security .bottom .link {
flex-shrink: 0;
}
@media (max-width: 1024px) {
.main.page-security-compliance .workplace-block .data-security .bottom {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 768px) {
.main.page-security-compliance .workplace-block .data-security .wrap {
grid-template-columns: 1fr;
}
.main.page-security-compliance .workplace-block .data-security .single, .main.page-security-compliance .workplace-block .data-security .bottom {
padding: 24px;
}
}
.main.page-security-compliance .monitoring-block {
background: #0D0D0D;
color: #bcbcbc;
}
.main.page-security-compliance .monitoring-block h2, .main.page-security-compliance .monitoring-block h3, .main.page-security-compliance .monitoring-block h4 {
color: #ffffff;
}
.main.page-security-compliance .monitoring-block p {
color: inherit;
}
.main.page-security-compliance .monitoring-block .soc {
margin-top: 44px;
}
.main.page-security-compliance .monitoring-block .steps {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
margin-top: 28px;
}
.main.page-security-compliance .monitoring-block .steps .single {
position: relative;
padding: 32px 28px;
border-radius: 8px;
background: #262628;
}
.main.page-security-compliance .monitoring-block .steps .single:not(:last-child):after {
content: "→";
position: absolute;
left: 100%;
top: 50%;
width: 24px;
text-align: center;
color: #E60000;
transform: translateY(-50%);
}
.main.page-security-compliance .monitoring-block .steps h4 {
font-size: 22px;
font-size: 1.375rem;
}
.main.page-security-compliance .monitoring-block .steps p {
margin-top: 12px;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .monitoring-block .facts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 28px;
margin-top: 32px;
}
.main.page-security-compliance .monitoring-block .facts .single {
border-left: 1px solid #444444;
padding-left: 28px;
}
.main.page-security-compliance .monitoring-block .facts .single:first-child {
padding: 0;
border: 0;
}
.main.page-security-compliance .monitoring-block .facts span {
display: block;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .monitoring-block .facts span:first-child {
font-size: 28px;
font-size: 1.75rem;
font-weight: 700;
color: #ffffff;
}
.main.page-security-compliance .monitoring-block .bottom {
display: flex;
align-items: center;
gap: 24px;
margin-top: 28px;
}
.main.page-security-compliance .monitoring-block .bottom > a {
flex-shrink: 0;
}
.main.page-security-compliance .monitoring-block .bottom .disclaimer {
font-size: 16px;
font-size: 1rem;
color: #a6a6a6;
}
.main.page-security-compliance .monitoring-block .btn-outline {
color: #ffffff;
border-color: #ffffff;
}
.main.page-security-compliance .monitoring-block .btn-outline:hover {
background: #ffffff;
color: #0D0D0D;
}
.main.page-security-compliance .monitoring-block .shield {
margin-top: 56px;
}
.main.page-security-compliance .monitoring-block .scan-preview {
margin-top: 28px;
padding: 32px;
border-radius: 12px;
background: #262628;
}
.main.page-security-compliance .monitoring-block .scan-preview .top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
background: #0D0D0D;
border-radius: 8px;
padding: 6px 8px 6px 24px;
}
.main.page-security-compliance .monitoring-block .scan-preview .domain {
min-width: 0;
overflow-wrap: anywhere;
}
.main.page-security-compliance .monitoring-block .scan-preview .results {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
margin-top: 24px;
}
.main.page-security-compliance .monitoring-block .scan-preview .single {
padding: 24px;
border-radius: 8px;
background: #0D0D0D;
}
.main.page-security-compliance .monitoring-block .scan-preview .single .title {
font-size: 16px;
font-size: 1rem;
color: #a6a6a6;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.5;
}
.main.page-security-compliance .monitoring-block .scan-preview .single .number {
display: block;
margin-top: 8px;
font-size: 40px;
font-size: 2.5rem;
color: #E60000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-security-compliance .monitoring-block .scan-preview .single p {
margin-top: 12px;
font-size: 16px;
font-size: 1rem;
}
@media (max-width: 1024px) {
.main.page-security-compliance .monitoring-block .steps, .main.page-security-compliance .monitoring-block .facts, .main.page-security-compliance .monitoring-block .scan-preview .results {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.main.page-security-compliance .monitoring-block .steps .single:nth-child(2n):after {
display: none;
}
.main.page-security-compliance .monitoring-block .facts .single:nth-child(3) {
border: 0;
padding: 0;
}
.main.page-security-compliance .monitoring-block .bottom {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 640px) {
.main.page-security-compliance .monitoring-block .steps, .main.page-security-compliance .monitoring-block .scan-preview .results {
grid-template-columns: 1fr;
}
.main.page-security-compliance .monitoring-block .steps .single:not(:last-child):after {
display: block;
content: "↓";
top: 100%;
left: 50%;
height: 24px;
line-height: 24px;
transform: translateX(-50%);
}
.main.page-security-compliance .monitoring-block .scan-preview {
padding: 20px;
}
.main.page-security-compliance .monitoring-block .scan-preview .top {
padding-left: 12px;
}
.main.page-security-compliance .monitoring-block .facts {
gap: 20px;
}
.main.page-security-compliance .monitoring-block .facts .single {
border: 0;
padding: 0;
}
}
.main.page-security-compliance .recovery-block .table-wrap {
margin-top: 44px;
background: #f4f4f4;
}
.main.page-security-compliance .recovery-block .pricing-table {
min-width: 900px;
}
.main.page-security-compliance .recovery-block .pricing-table th:first-child, .main.page-security-compliance .recovery-block .pricing-table td:first-child {
width: 25%;
}
.main.page-security-compliance .recovery-block .pricing-table thead p {
min-height: 72px;
}
.main.page-security-compliance .recovery-block .pricing-table thead .title {
font-size: 20px;
font-size: 1.25rem;
}
.main.page-security-compliance .recovery-block .pricing-table .price {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 6px;
margin: 28px 0 20px;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .recovery-block .pricing-table .price .number {
font-size: 48px;
font-size: 3rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-security-compliance .recovery-block .pricing-table tbody tr:nth-child(-n+2) td {
font-weight: 700;
color: #0D0D0D;
}
.main.page-security-compliance .recovery-block .pricing-table .vf-btn, .main.page-security-compliance .recovery-block .pricing-table .btn-outline {
padding-left: 12px;
padding-right: 12px;
}
.main.page-security-compliance .recovery-block .custom-plan, .main.page-security-compliance .recovery-block .continuity .bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 28px;
padding: 28px;
border-radius: 8px;
}
.main.page-security-compliance .recovery-block .custom-plan .link, .main.page-security-compliance .recovery-block .continuity .bottom .link {
flex-shrink: 0;
}
.main.page-security-compliance .recovery-block .custom-plan {
margin-top: 24px;
background: #f4f4f4;
}
.main.page-security-compliance .recovery-block .custom-plan .desc {
margin: 0;
}
.main.page-security-compliance .recovery-block .continuity {
margin-top: 52px;
}
.main.page-security-compliance .recovery-block .continuity .wrap {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px;
margin-top: 28px;
}
.main.page-security-compliance .recovery-block .continuity .single {
padding: 24px;
background: #f4f4f4;
border-radius: 8px;
}
.main.page-security-compliance .recovery-block .continuity .single h4 {
font-size: 20px;
font-size: 1.25rem;
}
.main.page-security-compliance .recovery-block .continuity .single p {
margin-top: 12px;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .recovery-block .continuity .bottom {
margin-top: 28px;
background: #0D0D0D;
}
.main.page-security-compliance .recovery-block .continuity .bottom h4 {
font-size: 20px;
font-size: 1.25rem;
color: #ffffff;
}
.main.page-security-compliance .recovery-block .continuity .bottom .desc {
margin-top: 12px;
font-size: 16px;
font-size: 1rem;
color: #bcbcbc;
}
@media (max-width: 1024px) {
.main.page-security-compliance .recovery-block .continuity .wrap {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.main.page-security-compliance .recovery-block .custom-plan, .main.page-security-compliance .recovery-block .continuity .bottom {
flex-direction: column;
align-items: flex-start;
}
}
@media (max-width: 640px) {
.main.page-security-compliance .recovery-block .continuity .wrap {
grid-template-columns: 1fr;
}
.main.page-security-compliance .recovery-block .custom-plan, .main.page-security-compliance .recovery-block .continuity .bottom {
padding: 24px;
}
}
.main.page-security-compliance .why-skaylink-block {
background: #f4f4f4;
}
.main.page-security-compliance .why-skaylink-block .reasons {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin-top: 44px;
}
.main.page-security-compliance .why-skaylink-block .reasons .single {
padding: 36px 32px;
background: #ffffff;
border-radius: 12px;
}
.main.page-security-compliance .why-skaylink-block .reasons h3 {
font-size: 24px;
font-size: 1.5rem;
}
.main.page-security-compliance .why-skaylink-block .reasons p {
margin-top: 16px;
}
.main.page-security-compliance .why-skaylink-block .facts {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
margin-top: 40px;
padding: 36px;
border-radius: 12px;
background: #ffffff;
}
.main.page-security-compliance .why-skaylink-block .facts .single {
border-left: 1px solid #d0d0d0;
padding-left: 24px;
}
.main.page-security-compliance .why-skaylink-block .facts .single:first-child {
border: 0;
padding: 0;
}
.main.page-security-compliance .why-skaylink-block .facts span {
font-size: 40px;
font-size: 2.5rem;
color: #E60000;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-security-compliance .why-skaylink-block .facts p {
margin-top: 12px;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .why-skaylink-block .partners-wrap {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 24px;
margin-top: 24px;
}
.main.page-security-compliance .why-skaylink-block .partners-wrap > div {
padding: 32px;
background: #ffffff;
border-radius: 12px;
}
.main.page-security-compliance .why-skaylink-block .partners-wrap .headline {
font-size: 16px;
font-size: 1rem;
font-weight: 700;
letter-spacing: 1px;
}
.main.page-security-compliance .why-skaylink-block .partners-wrap .list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin-top: 20px;
}
.main.page-security-compliance .why-skaylink-block .partners-wrap .single {
color: #0D0D0D;
font-weight: 700;
}
.main.page-security-compliance .why-skaylink-block .partners-wrap .partners .single {
background: #f4f4f4;
border-radius: 4px;
padding: 12px 16px;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .why-skaylink-block .partners-wrap p {
margin-top: 20px;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .why-skaylink-block .testimonial {
padding: 36px;
margin-top: 28px;
background: #ffffff;
border-radius: 12px;
}
.main.page-security-compliance .why-skaylink-block .testimonial blockquote, .main.page-security-compliance .why-skaylink-block .testimonial blockquote p {
font-size: 24px;
font-size: 1.5rem;
color: #0D0D0D;
}
.main.page-security-compliance .why-skaylink-block .testimonial .author {
display: block;
margin-top: 20px;
font-size: 16px;
font-size: 1rem;
font-weight: 700;
}
.main.page-security-compliance .why-skaylink-block .person {
display: flex;
align-items: center;
gap: 32px;
margin-top: 40px;
padding: 36px;
border-radius: 12px;
background: #ffffff;
}
.main.page-security-compliance .why-skaylink-block .person .photo {
width: 130px;
height: 130px;
flex-shrink: 0;
border-radius: 50%;
}
.main.page-security-compliance .why-skaylink-block .person .info {
min-width: 0;
}
.main.page-security-compliance .why-skaylink-block .person h3 {
font-size: 24px;
font-size: 1.5rem;
}
.main.page-security-compliance .why-skaylink-block .person p {
margin-top: 12px;
}
.main.page-security-compliance .why-skaylink-block .person .contacts {
display: flex;
flex-wrap: wrap;
gap: 12px 28px;
margin-top: 12px;
}
.main.page-security-compliance .why-skaylink-block .person .contacts a {
color: #E60000;
font-weight: 700;
overflow-wrap: anywhere;
}
@media (max-width: 1024px) {
.main.page-security-compliance .why-skaylink-block .facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.main.page-security-compliance .why-skaylink-block .facts .single:nth-child(3) {
padding: 0;
border: 0;
}
.main.page-security-compliance .why-skaylink-block .partners-wrap {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.main.page-security-compliance .why-skaylink-block .reasons {
grid-template-columns: 1fr;
}
.main.page-security-compliance .why-skaylink-block .reasons .single, .main.page-security-compliance .why-skaylink-block .partners-wrap > div, .main.page-security-compliance .why-skaylink-block .facts, .main.page-security-compliance .why-skaylink-block .testimonial, .main.page-security-compliance .why-skaylink-block .person {
padding: 24px;
}
.main.page-security-compliance .why-skaylink-block .person {
align-items: flex-start;
flex-direction: column;
gap: 24px;
}
}
.main.page-security-compliance .faq-block {
padding-bottom: 56px;
}
.main.page-security-compliance .faq-block .accordion-active-0 {
margin-top: 44px;
padding: 0 36px;
background: #f4f4f4;
border-radius: 12px;
}
.main.page-security-compliance .faq-block .single + .single {
border-top: 1px solid #d0d0d0;
}
.main.page-security-compliance .faq-block .header {
position: relative;
padding: 28px 40px 28px 0;
cursor: pointer;
}
.main.page-security-compliance .faq-block .header .title {
display: block;
line-height: 1.4;
}
.main.page-security-compliance .faq-block .header .state {
position: absolute;
right: 0;
top: 50%;
width: 18px;
height: 18px;
transform: translateY(-50%);
}
.main.page-security-compliance .faq-block .header .state:before, .main.page-security-compliance .faq-block .header .state:after {
content: "";
position: absolute;
background: #E60000;
top: 8px;
left: 0;
width: 18px;
height: 2px;
}
.main.page-security-compliance .faq-block .header .state:after {
transform: rotate(90deg);
}
.main.page-security-compliance .faq-block .header.ui-state-active .state:after {
display: none;
}
.main.page-security-compliance .faq-block .acc-text {
padding-bottom: 28px;
}
@media (max-width: 768px) {
.main.page-security-compliance .faq-block .accordion-active-0 {
padding: 0 24px;
}
.main.page-security-compliance .faq-block .header .title {
font-size: 21px;
font-size: 1.3125rem;
}
}
.main.page-security-compliance .cta-form-block {
padding-top: 0;
}
.main.page-security-compliance .cta-form-block .wrap {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
align-items: start;
gap: 60px;
padding: 52px;
border-radius: 12px;
background: #ebebeb;
}
.main.page-security-compliance .cta-form-block h2 {
font-size: 40px;
font-size: 2.5rem;
}
.main.page-security-compliance .cta-form-block .points {
margin-top: 28px;
}
.main.page-security-compliance .cta-form-block .trusted-by {
margin-top: 32px;
}
.main.page-security-compliance .cta-form-block .trusted-by .headline {
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 1px;
}
.main.page-security-compliance .cta-form-block .trusted-by .list {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 16px;
}
.main.page-security-compliance .cta-form-block .trusted-by .single {
padding: 12px 16px;
border-radius: 4px;
background: #ffffff;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
font-weight: 700;
font-family: "Roboto", sans-serif;
line-height: 1.2;
}
.main.page-security-compliance .cta-form-block .form-wrap {
min-width: 0;
padding: 36px;
border-radius: 12px;
background: #ffffff;
}
.main.page-security-compliance .cta-form-block .form-wrap .top {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 16px;
}
.main.page-security-compliance .cta-form-block .form-wrap h3 {
font-size: 24px;
font-size: 1.5rem;
}
.main.page-security-compliance .cta-form-block .form-wrap .time {
flex-shrink: 0;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .cta-form-block .form-wrap .form iframe {
max-width: 100%;
border: 0;
}
.main.page-security-compliance .cta-form-block .form-wrap .form label {
display: block;
margin-bottom: 8px;
font-size: 16px;
font-size: 1rem;
color: #0D0D0D;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.5;
}
.main.page-security-compliance .cta-form-block .form-wrap .form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]), .main.page-security-compliance .cta-form-block .form-wrap .form select, .main.page-security-compliance .cta-form-block .form-wrap .form textarea {
width: 100%;
min-height: 56px;
padding: 14px 16px;
border: 1px solid #d0d0d0;
border-radius: 6px;
background: #ffffff;
font-size: 18px;
font-size: 1.125rem;
color: #0D0D0D;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.5;
}
.main.page-security-compliance .cta-form-block .form-wrap .form textarea {
min-height: 110px;
resize: vertical;
}
.main.page-security-compliance .cta-form-block .form-wrap .form button[type=submit], .main.page-security-compliance .cta-form-block .form-wrap .form input[type=submit] {
width: 100%;
min-height: 55px;
border: 0;
border-radius: 6px;
padding: 14px 24px;
background: #E60000;
font-size: 18px;
font-size: 1.125rem;
color: #ffffff;
font-weight: 400;
font-family: "Roboto", sans-serif;
line-height: 1.5;
cursor: pointer;
}
.main.page-security-compliance .cta-form-block .form-wrap .privacy {
margin-top: 20px;
}
.main.page-security-compliance .cta-form-block .form-wrap .privacy, .main.page-security-compliance .cta-form-block .form-wrap .privacy p {
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .cta-form-block .form-wrap .disclaimer {
margin-top: 12px;
font-size: 16px;
font-size: 1rem;
font-weight: 700;
color: #0D0D0D;
}
@media (max-width: 1024px) {
.main.page-security-compliance .cta-form-block .wrap {
padding: 32px;
gap: 32px;
}
.main.page-security-compliance .cta-form-block .form-wrap {
padding: 24px;
}
}
@media (max-width: 768px) {
.main.page-security-compliance .cta-form-block .wrap {
grid-template-columns: 1fr;
padding: 24px;
}
.main.page-security-compliance .cta-form-block h2 {
font-size: 32px;
font-size: 2rem;
}
.main.page-security-compliance .cta-form-block .form-wrap .top {
flex-wrap: wrap;
gap: 8px;
}
}
@media (max-width: 480px) {
.main.page-security-compliance .cta-form-block .form-wrap {
padding: 20px 16px;
}
}
.main.page-security-compliance .related-services-block h2 {
font-size: 28px;
font-size: 1.75rem;
}
.main.page-security-compliance .related-services-block .wrap {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 28px;
}
.main.page-security-compliance .related-services-block .single {
gap: 20px;
}
@media (max-width: 768px) {
.main.page-security-compliance .related-services-block .wrap {
grid-template-columns: 1fr;
}
}
.main.page-security-compliance .service-areas-block {
background: #f4f4f4;
}
.main.page-security-compliance .service-areas-block h2 {
font-size: 28px;
font-size: 1.75rem;
}
.main.page-security-compliance .service-areas-block .wrap {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
margin-top: 24px;
}
.main.page-security-compliance .service-areas-block .single {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 28px;
padding: 28px 24px;
border-radius: 8px;
background: #ebebeb;
text-decoration: none;
transition: background 0.2s ease-in-out;
}
.main.page-security-compliance .service-areas-block .single h3 {
font-size: 22px;
font-size: 1.375rem;
}
.main.page-security-compliance .service-areas-block .single p {
margin-top: 12px;
font-size: 16px;
font-size: 1rem;
}
.main.page-security-compliance .service-areas-block .single .arrow {
color: #E60000;
}
.main.page-security-compliance .service-areas-block .single:nth-child(1) {
background: #E60000;
}
.main.page-security-compliance .service-areas-block .single:nth-child(2) {
background: #0D0D0D;
}
.main.page-security-compliance .service-areas-block .single:nth-child(1) h3, .main.page-security-compliance .service-areas-block .single:nth-child(1) p, .main.page-security-compliance .service-areas-block .single:nth-child(1) .arrow, .main.page-security-compliance .service-areas-block .single:nth-child(2) h3, .main.page-security-compliance .service-areas-block .single:nth-child(2) p, .main.page-security-compliance .service-areas-block .single:nth-child(2) .arrow {
color: #ffffff;
}
.main.page-security-compliance .service-areas-block .single:nth-child(3) h3 {
color: #E60000;
}
.main.page-security-compliance .service-areas-block .single:nth-child(3) p {
color: #4A4D4E;
}
.main.page-security-compliance .service-areas-block a.single:hover {
background: #dcdcdc;
}
.main.page-security-compliance .service-areas-block a.single:hover:nth-child(1) {
background: #c70000;
}
.main.page-security-compliance .service-areas-block a.single:hover:nth-child(2) {
background: #303030;
}
@media (max-width: 1024px) {
.main.page-security-compliance .service-areas-block .wrap {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.main.page-security-compliance .service-areas-block .wrap {
grid-template-columns: 1fr;
}
}
.main.page-security-compliance .cta-block {
background: #0D0D0D;
}
.main.page-security-compliance .cta-block h2 {
color: #ffffff;
}
.main.page-security-compliance .cta-block .desc {
color: #c6c6c6;
}
.main.page-security-compliance .cta-block .vf-btn {
margin-top: 40px;
}
@media (prefers-reduced-motion: reduce) {
.main.page-security-compliance a {
transition: none;
}
}
body.admin-bar .main.page-security-compliance {
--security-admin-height: 32px;
}
@media (max-width: 782px) {
body.admin-bar .main.page-security-compliance {
--security-admin-height: 46px;
}
}.gdpr_lightbox-active,.gdpr_lightbox-active body{overflow:hidden}.gdpr_lightbox{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);outline:none!important;opacity:0;transition:opacity .3s ease}.gdpr_lightbox.gdpr_lightbox-opened{opacity:1}.gdpr_lightbox.gdpr_lightbox-closed{opacity:0}.gdpr_lightbox *{box-sizing:border-box}.gdpr_lightbox-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}.gdpr_lightbox-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.gdpr_lightbox-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;transition:opacity .3s ease}.gdpr_lightbox-loading .gdpr_lightbox-loader{opacity:1}.gdpr_lightbox-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}.gdpr_lightbox-content{z-index:9993;width:100%;transform:scale(1);transition:transform .3s ease}.gdpr_lightbox-closed .gdpr_lightbox-content,.gdpr_lightbox-loading .gdpr_lightbox-content{transform:scale(.8)}.gdpr_lightbox-content:after{content:"";position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6)}.gdpr_lightbox-close,.gdpr_lightbox-close:active,.gdpr_lightbox-close:focus,.gdpr_lightbox-close:hover,.gdpr_lightbox-close:visited{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;box-shadow:none}.gdpr_lightbox-close::-moz-focus-inner{border:0;padding:0}.gdpr_lightbox-close:active{top:1px}.gdpr_lightbox-image img{max-width:100%;display:block;line-height:0;border:0}.gdpr_lightbox-iframe .gdpr_lightbox-container{width:100%;max-width:964px}.gdpr_lightbox-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;transform:translateZ(0);-webkit-overflow-scrolling:touch}.gdpr_lightbox-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}body.moove_gdpr_overflow{overflow:hidden}body.moove_gdpr_overflow #page{position:relative;z-index:10}body.moove_gdpr_overflow #main-header,body.moove_gdpr_overflow #page-container{z-index:99}.gdpr_lightbox-hide,body.logged-in.et_divi_builder.et-fb #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme{display:none}.gdpr_lightbox dialog#moove_gdpr_cookie_modal{display:-ms-flexbox;display:flex;position:relative;padding:0;background:transparent;border:none;width:100%;height:100%;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice button.change-settings-button{padding:0;display:inline-block;border:none;box-shadow:none;background-color:transparent;color:inherit;text-decoration:underline;cursor:pointer;transition:all .2s ease;font-size:inherit;text-transform:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.cookie-switch.focus-g,.cookie-switch:focus,.gdpr-shr-switch.focus-g,.gdpr-shr-switch:focus{box-shadow:1px 1px 5px #010101;border-radius:50px}#moove_gdpr_cookie_modal .mgbutton.focus-g,#moove_gdpr_cookie_modal .mgbutton:focus{box-shadow:1px 1px 5px #010101}#moove_gdpr_cookie_info_bar .gdpr-fbo-0{-ms-flex-order:1;order:1}#moove_gdpr_cookie_info_bar .gdpr-fbo-1{-ms-flex-order:2;order:2}#moove_gdpr_cookie_info_bar .gdpr-fbo-2{-ms-flex-order:3;order:3}#moove_gdpr_cookie_info_bar .gdpr-fbo-3{-ms-flex-order:4;order:4}#moove_gdpr_cookie_info_bar .gdpr-fbo-4{-ms-flex-order:5;order:5}#moove_gdpr_cookie_info_bar .gdpr-fbo-5{-ms-flex-order:6;order:6}.gdpr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#moove_gdpr_cookie_modal li a .gdpr-svg-icon,#moove_gdpr_cookie_modal li button .gdpr-svg-icon{height:30px;display:inline-block;float:left;width:35px;margin-right:5px;position:relative;top:0}#moove_gdpr_cookie_modal li a .gdpr-svg-icon svg,#moove_gdpr_cookie_modal li button .gdpr-svg-icon svg{height:30px;width:auto;background-color:transparent}body.gdpr-no-icons #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu .gdpr-svg-icon,body.gdpr-no-icons #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i,body.gdpr-no-icons #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-icon,body.gdpr-no-icons #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i,body.gdpr-no-icons #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon{display:none}.moove_gdpr_cookie_modal_open .gdpr_lightbox-content:after{box-shadow:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content{-ms-flex-pack:justify;justify-content:space-between}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder{margin:0 -4px;max-width:calc(100% + 8px);width:auto}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{margin:2px}@media(min-width:768px){#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{margin:2px 4px}}#moove_gdpr_cookie_info_bar{content-visibility:auto}#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn,#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar.moove-gdpr-dark-scheme .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn{display:none}#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar.moove-gdpr-dark-scheme .moove-gdpr-infobar-close-btn.gdpr-content-close-btn,#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-infobar-close-btn.gdpr-content-close-btn{display:block;position:absolute;top:-15px;right:-15px;background-color:#fff}#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar.moove-gdpr-dark-scheme .moove-gdpr-infobar-close-btn.gdpr-content-close-btn.focus-g,#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar.moove-gdpr-dark-scheme .moove-gdpr-infobar-close-btn.gdpr-content-close-btn:focus,#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar.moove-gdpr-dark-scheme .moove-gdpr-infobar-close-btn.gdpr-content-close-btn:hover,#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-infobar-close-btn.gdpr-content-close-btn.focus-g,#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-infobar-close-btn.gdpr-content-close-btn:focus,#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-infobar-close-btn.gdpr-content-close-btn:hover{background-color:#626262;color:#fff}#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container,#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container{position:relative}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn{background-color:transparent;padding:0;display:inline-block;float:right;position:relative;font-size:14px;line-height:20px;margin:3px 4px;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px #626262;color:#626262;transition:all .3s ease}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.gdpr-content-close-btn{display:none}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.focus-g,#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn:focus,#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn:hover{background-color:#626262;color:#fff}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn i{font-size:32px;top:-1px;position:relative;height:30px;display:block;overflow:hidden}#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn{color:#fff;opacity:.7;box-shadow:inset 0 0 0 1px #fff}#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn:hover{background-color:#fff;opacity:1;color:#fff}#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.change-settings-button,#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.change-settings-button{text-decoration:none}#moove_gdpr_cookie_modal .cookie-switch .cookie-slider,#moove_gdpr_cookie_modal .switch .slider{overflow:visible;box-shadow:1px 1px transparent}#moove_gdpr_cookie_modal{margin:0 auto;margin-top:0;min-height:60vh;font-family:Nunito,sans-serif;content-visibility:hidden}#moove_gdpr_cookie_modal span.tab-title{display:block}#moove_gdpr_cookie_modal button{letter-spacing:0;outline:none;cursor:pointer}#moove_gdpr_cookie_modal *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:inherit}#moove_gdpr_cookie_modal .cookie-switch,#moove_gdpr_cookie_modal .switch{position:relative;display:inline-block;width:50px;height:30px;padding:0}#moove_gdpr_cookie_modal .cookie-switch input,#moove_gdpr_cookie_modal .switch input{display:none}#moove_gdpr_cookie_modal .cookie-switch .cookie-slider,#moove_gdpr_cookie_modal .cookie-switch .slider,#moove_gdpr_cookie_modal .switch .cookie-slider,#moove_gdpr_cookie_modal .switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:red;transition:.4s;margin:0;padding:0}#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:before,#moove_gdpr_cookie_modal .cookie-switch .slider:before,#moove_gdpr_cookie_modal .switch .cookie-slider:before,#moove_gdpr_cookie_modal .switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:1px;bottom:1px;transition:.4s;border:1px solid #f2f2f2;border-radius:50%;background-color:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.25);display:block;box-sizing:content-box}#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:after,#moove_gdpr_cookie_modal .cookie-switch .slider:after,#moove_gdpr_cookie_modal .switch .cookie-slider:after,#moove_gdpr_cookie_modal .switch .slider:after{content:attr(data-text-disabled);position:absolute;top:0;left:60px;font-weight:700;font-size:16px;line-height:30px;color:red;display:block;white-space:nowrap}#moove_gdpr_cookie_modal .cookie-switch .cookie-slider.cookie-round,#moove_gdpr_cookie_modal .cookie-switch .cookie-slider.round,#moove_gdpr_cookie_modal .cookie-switch .slider.cookie-round,#moove_gdpr_cookie_modal .cookie-switch .slider.round,#moove_gdpr_cookie_modal .switch .cookie-slider.cookie-round,#moove_gdpr_cookie_modal .switch .cookie-slider.round,#moove_gdpr_cookie_modal .switch .slider.cookie-round,#moove_gdpr_cookie_modal .switch .slider.round{border-radius:34px}#moove_gdpr_cookie_modal .cookie-switch .cookie-slider.cookie-round:before,#moove_gdpr_cookie_modal .cookie-switch .cookie-slider.round:before,#moove_gdpr_cookie_modal .cookie-switch .slider.cookie-round:before,#moove_gdpr_cookie_modal .cookie-switch .slider.round:before,#moove_gdpr_cookie_modal .switch .cookie-slider.cookie-round:before,#moove_gdpr_cookie_modal .switch .cookie-slider.round:before,#moove_gdpr_cookie_modal .switch .slider.cookie-round:before,#moove_gdpr_cookie_modal .switch .slider.round:before{border-radius:50%}#moove_gdpr_cookie_modal .cookie-switch .cookie-slider.gdpr-sr:after,#moove_gdpr_cookie_modal .cookie-switch .slider.gdpr-sr:after,#moove_gdpr_cookie_modal .switch .cookie-slider.gdpr-sr:after,#moove_gdpr_cookie_modal .switch .slider.gdpr-sr:after{display:none}#moove_gdpr_cookie_modal .cookie-switch .gdpr-sr-enable,#moove_gdpr_cookie_modal .switch .gdpr-sr-enable{display:none;color:#2e9935}#moove_gdpr_cookie_modal .cookie-switch .gdpr-sr-disable,#moove_gdpr_cookie_modal .switch .gdpr-sr-disable{display:block;color:red}#moove_gdpr_cookie_modal .cookie-switch .gdpr-sr-label,#moove_gdpr_cookie_modal .switch .gdpr-sr-label{position:absolute;top:0;left:60px;font-weight:700;font-size:16px;line-height:30px;color:red;display:block;white-space:nowrap}#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider,#moove_gdpr_cookie_modal .cookie-switch input:checked+.slider,#moove_gdpr_cookie_modal .switch input:checked+.cookie-slider,#moove_gdpr_cookie_modal .switch input:checked+.slider{background-color:#2e9935}#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider:after,#moove_gdpr_cookie_modal .cookie-switch input:checked+.slider:after,#moove_gdpr_cookie_modal .switch input:checked+.cookie-slider:after,#moove_gdpr_cookie_modal .switch input:checked+.slider:after{content:attr(data-text-enable);color:#2e9935;white-space:nowrap}#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider .gdpr-sr-enable,#moove_gdpr_cookie_modal .cookie-switch input:checked+.slider .gdpr-sr-enable,#moove_gdpr_cookie_modal .switch input:checked+.cookie-slider .gdpr-sr-enable,#moove_gdpr_cookie_modal .switch input:checked+.slider .gdpr-sr-enable{display:block}#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider .gdpr-sr-disable,#moove_gdpr_cookie_modal .cookie-switch input:checked+.slider .gdpr-sr-disable,#moove_gdpr_cookie_modal .switch input:checked+.cookie-slider .gdpr-sr-disable,#moove_gdpr_cookie_modal .switch input:checked+.slider .gdpr-sr-disable{display:none}#moove_gdpr_cookie_modal .cookie-switch input:focus+.cookie-slider,#moove_gdpr_cookie_modal .cookie-switch input:focus+.slider,#moove_gdpr_cookie_modal .switch input:focus+.cookie-slider,#moove_gdpr_cookie_modal .switch input:focus+.slider{box-shadow:0 0 1px #2e9935}#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider:before,#moove_gdpr_cookie_modal .cookie-switch input:checked+.slider:before,#moove_gdpr_cookie_modal .switch input:checked+.cookie-slider:before,#moove_gdpr_cookie_modal .switch input:checked+.slider:before{transform:translateX(20px)}#moove_gdpr_cookie_modal a,#moove_gdpr_cookie_modal button{outline:none;box-shadow:none;text-shadow:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content{color:#000;background-color:#fff;width:900px;width:80vw;max-width:1170px;min-height:600px;border-radius:10px;position:relative;margin:0 auto}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .gdpr-cc-form-fieldset,#moove_gdpr_cookie_modal .moove-gdpr-modal-content fieldset{background-color:transparent}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.logo-position-left .moove-gdpr-company-logo-holder{text-align:left}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.logo-position-center .moove-gdpr-company-logo-holder{text-align:center}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.logo-position-right .moove-gdpr-company-logo-holder{text-align:right}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;height:100%}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{margin:2px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2{min-height:auto}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-left-content{display:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-right-content{width:100%;border-top-left-radius:5px;border-bottom-left-radius:5px;position:relative;float:none;padding-bottom:135px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .main-modal-content{max-height:50vh;overflow:hidden;overflow-y:auto;padding-bottom:0;height:100%}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt{padding-right:30px;white-space:nowrap}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt a{padding-right:0;text-align:right;color:#000;font-weight:700;font-size:13px;letter-spacing:-.3px;position:relative;top:0;text-decoration:none;display:block;-ms-flex-align:baseline;align-items:baseline}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main{display:block;position:relative}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content{position:relative;overflow:hidden;padding-right:190px;padding-bottom:10px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-status-bar{position:absolute;top:0;right:0;width:190px;text-align:right}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-status-bar span.cookie-slider,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-status-bar span.slider{position:relative;width:50px;height:30px;display:block}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-status-bar span.cookie-slider .gdpr-sr-label,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-status-bar span.cookie-slider:after,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-status-bar span.slider .gdpr-sr-label,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-status-bar span.slider:after{text-align:right;left:auto;right:60px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main h3.tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main span.tab-title{font-weight:700;font-size:20px;margin-bottom:15px;padding-right:190px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;height:75px;position:relative;margin-bottom:20px;padding-right:180px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title .moove-gdpr-company-logo-holder{max-width:180px;margin:0;float:right;position:absolute;top:0;right:0;width:100%;text-align:right;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;height:100%}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title .moove-gdpr-company-logo-holder img{max-width:100%;text-align:center}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title .tab-title{width:100%;font-weight:700;font-size:28px;line-height:1.1}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close{position:absolute;text-decoration:none;top:-30px;right:-30px;display:block;width:60px;height:60px;line-height:60px;text-align:center;border-radius:50%;background:transparent;padding:0;z-index:99;margin:0;outline:none;box-shadow:none;border:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close.focus-g i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close.focus-g span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover span.gdpr-icon{background-color:#fff;color:#0c4da2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon{display:block;width:60px;height:60px;line-height:60px;font-size:48px;background-color:#0c4da2;border:1px solid #0c4da2;color:#fff;border-radius:50%;transition:all .3s ease}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder{padding:0;margin-bottom:25px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img{max-height:75px;max-width:70%;width:auto;display:inline-block}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-title h2{font-weight:400;font-size:20px;margin:5px 0 0;padding:0;color:#000}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-content.moove-gdpr-no-modal-title .moove-gdpr-tab-main h3.tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-content.moove-gdpr-no-modal-title .moove-gdpr-tab-main span.tab-title{margin-top:0}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title{font-weight:700;font-size:28px;line-height:1.2;margin:0;padding:0;color:#000;margin-bottom:25px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;max-height:calc(100% - 155px);overflow-y:auto;padding-right:20px;padding-bottom:15px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content button,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content li,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p{font-weight:400;font-size:16px;line-height:1.4;margin-bottom:18px;margin-top:0;padding:0;color:#000}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h1,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h2,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h3,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h4,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h5,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h6{font-size:18px;line-height:1.4;margin-bottom:20px;margin-top:0;font-weight:700;text-transform:none;color:#000}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a{color:#000;text-decoration:underline}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content.moove-gdpr-strict-warning-message{display:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar{padding:5px;margin-right:10px;margin-bottom:15px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar.gdpr-checkbox-disabled{opacity:.6;pointer-events:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar.gdpr-checkbox-disabled .cookie-switch input:checked+.cookie-slider,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar.gdpr-checkbox-disabled .switch input:checked+.slider{background-color:#474747}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar.gdpr-checkbox-disabled .cookie-switch input:checked+.cookie-slider:after,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar.gdpr-checkbox-disabled .switch input:checked+.slider:after{color:#474747}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar p{display:inline-block;float:right;color:#09a501;margin:0;line-height:1.2;font:700 11px Arial,Helvetica,sans-serif;font-weight:700}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar .gdpr-cc-form-wrap,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar .gdpr-cc-form-wrap .gdpr-cc-form-fieldset,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar .gdpr-cc-form-wrap fieldset,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar form,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar form .gdpr-cc-form-fieldset,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar form fieldset{border:none;padding:0;margin:0;box-shadow:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar .gdpr-cc-form-wrap .gdpr-cc-form-fieldset:hover label,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar .gdpr-cc-form-wrap fieldset:hover label,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar form .gdpr-cc-form-fieldset:hover label,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar form fieldset:hover label{color:#09a501}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:130px;position:absolute;left:0;bottom:0;width:100%;background-color:#f1f1f1;z-index:15;border-radius:5px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before{content:"";position:absolute;bottom:130px;left:60px;right:60px;height:1px;display:block;background-color:#c9c8c8}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-branding{text-decoration:none;padding:0 10px;font-size:10px;color:#000;font-weight:700;line-height:13px;display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;width:auto;max-width:100%}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-branding img{height:15px;margin-left:5px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-branding span{display:inline-block;text-decoration:underline}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder{width:calc(100% + 16px);display:-ms-flexbox;display:flex;padding:0 60px;-ms-flex-pack:justify;justify-content:space-between;margin:0 -2px;-ms-flex-wrap:wrap;flex-wrap:wrap}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{margin:8px;text-decoration:none;border-radius:150px;color:#fff;padding:15px 10px;transition:all .3s ease;border:1px solid transparent;min-width:160px;text-align:center;text-transform:none;letter-spacing:0;font-weight:700;font-size:14px;line-height:20px;cursor:pointer}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover{background-color:#fff}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton.moove-gdpr-modal-save-settings,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings{color:#fff;display:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton.moove-gdpr-modal-save-settings:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings:hover{background-color:#fff}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content{width:40%;display:inline-block;float:left;padding:40px 60px;position:absolute;height:100%;top:0;box-shadow:0 0 30px 0 rgba(35,35,35,.1);background:#fff;z-index:10;left:0;border-top-left-radius:5px;border-bottom-left-radius:5px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt{position:absolute;bottom:0;padding-bottom:30px;left:60px;right:60px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a{color:#000;font-weight:700;font-size:13px;letter-spacing:-.3px;padding:20px 0;position:relative;top:10px;text-decoration:none;display:block}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a img{width:60px;height:auto;display:inline-block;margin-left:5px;position:relative;top:0}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a span{display:inline-block;text-decoration:underline}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu{padding:0;list-style:none;margin:0;z-index:12}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li{margin:0;padding:0;list-style:none;margin-bottom:7px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button{background-color:#fff;border-color:#f1f1f1;color:#000}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button span.gdpr-icon{color:#000}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-weight:800;font-size:14px;text-decoration:none;text-transform:uppercase;background-color:#f1f1f1;border:1px solid #f1f1f1;line-height:1.1;padding:13px 20px;color:#0c4da2;width:100%;transition:all .3s ease;border-radius:5px;text-align:left;white-space:normal}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a:hover i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a:hover span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button:hover i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button:hover span.gdpr-icon{text-decoration:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon{display:inline-block;float:left;font-size:30px;width:40px;margin-right:5px;position:relative;top:0;color:#0c4da2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-nav-tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-nav-tab-title{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;width:calc(100% - 40px)}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content{width:60%;display:inline-block;float:right;padding:40px 60px;position:absolute;top:0;height:auto;right:0;background-color:#f1f1f1;border-top-right-radius:5px;border-bottom-right-radius:5px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo{width:100%;height:0;padding-bottom:38px;background-size:contain;background-position:0;background-repeat:no-repeat}.moove-hidden{display:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar:after,.moove-clearfix:after{content:"";display:table;clear:both}#moove_gdpr_cookie_info_bar{position:fixed;bottom:0;left:0;width:100%;min-height:60px;max-height:400px;color:#fff;z-index:9900;background-color:#202020;border-top:1px solid #fff;font-family:Nunito,sans-serif;transition:bottom .3s cubic-bezier(.17,.04,.03,.94)}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_top{bottom:auto;top:0;transition:top .3s cubic-bezier(.17,.04,.03,.94)}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_top.moove-gdpr-dark-scheme{border-top:0;border-bottom:1px solid #fff}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_top.moove-gdpr-light-scheme{border-top:0;border-bottom:1px solid #202020}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_top.moove-gdpr-info-bar-hidden{bottom:auto;top:-400px}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar),#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar){width:600px;max-width:calc(100% - 30px);bottom:15px;border-radius:10px}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme,#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar).moove-gdpr-light-scheme,#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme,#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-light-scheme{border:1px solid #d3ced2}@media(min-width:767px){#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-infobar-close-btn,#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-infobar-close-btn{position:absolute;top:-5px;right:-5px;border:none;box-shadow:none;background-color:transparent}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-infobar-close-btn:hover,#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-infobar-close-btn:hover{background-color:transparent;color:#000}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn,#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn{position:absolute;top:-5px;right:-5px;border:none;box-shadow:none;background-color:transparent}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn:hover,#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-button-holder .moove-gdpr-infobar-close-btn:hover{background-color:transparent;color:#fff}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container,#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container{padding:10px 25px}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content,#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{padding:10px 0}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder,#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:end;justify-content:flex-end}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton,#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton{width:100%}}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_left{left:15px;right:auto}#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right{right:15px;left:auto}#moove_gdpr_cookie_info_bar *{font-family:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden{bottom:-400px}#moove_gdpr_cookie_info_bar.moove-gdpr-align-center,#moove_gdpr_cookie_info_bar.moove-gdpr-align-right{text-align:center}#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-close-btn{border:none}#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme{background-color:#fff;border-top:1px solid #202020}#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h1,#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h2,#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h3,#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h4,#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h5,#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h6,#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a,#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme p{color:#202020}#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a,#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button{text-decoration:underline;outline:none}#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme{background-color:#202020;border-top:1px solid #fff}#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h1,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h2,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h3,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h4,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h5,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h6,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme p{color:#fff}#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button{text-decoration:underline;outline:none;transition:all .2s ease}#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover{background-color:#fff}#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-close-modal-button a{border-color:#fff;color:#fff}#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-close-modal-button a.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-close-modal-button a:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-close-modal-button a:hover{background-color:#fff;color:#202020}#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn-alt,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn-alt{background-color:transparent;box-shadow:inset 0 0 0 1px currentColor;opacity:.7;color:#202020}#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn-alt.focus-g,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn-alt:focus,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn-alt:hover,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn-alt.focus-g,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn-alt:focus,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn-alt:hover{box-shadow:none;opacity:1;color:#fff;background-color:#202020}#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn-alt,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn-alt{background-color:transparent;box-shadow:inset 0 0 0 1px currentColor;opacity:.7;color:#fff}#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn-alt.focus-g,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn-alt:focus,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn-alt:hover,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn-alt.focus-g,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn-alt:focus,#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn-alt:hover{box-shadow:none;opacity:1;color:#202020;background-color:#fff}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container{padding:10px 40px;position:static;display:inline-block}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container i.gdpricon-cog-1,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container span.gdpricon-cog-1{font-size:40px;width:60px;height:50px;line-height:50px;text-align:center;position:absolute;top:calc(50% - 25px);left:0;color:#fff}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-close-cookie-popup{position:absolute;width:60px;height:50px;line-height:50px;text-align:center;top:calc(50% - 25px);right:0;text-decoration:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-close-cookie-popup i,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-close-cookie-popup span.gdpr-icon{width:28px;height:28px;line-height:26px;text-align:center;text-decoration:none;background-color:#fff;color:#424449;border-radius:50%;display:block;border:1px solid #fff;font-size:16px;position:relative}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-close-cookie-popup:hover i,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-close-cookie-popup:hover span.gdpr-icon{background-color:#424449;color:#fff}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{padding-left:30px;padding-right:30px;text-align:left;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a{margin:0;font-size:14px;line-height:18px;font-weight:700;padding-bottom:0;color:#fff}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h1,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h2,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h3,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h4,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h5,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content h6{font-size:22px;line-height:30px;margin-bottom:15px}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-close-modal-button a{display:inline-block;width:35px;height:35px;border:1px solid #202020;color:#202020;text-decoration:none;outline:none;line-height:35px;text-align:center;border-radius:50%;font-size:28px;padding-top:1px;transition:all .2s ease;margin-left:10px;margin-left:6vw}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-close-modal-button a.focus-g,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-close-modal-button a:focus,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-close-modal-button a:hover{background-color:#202020;color:#fff}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{font-size:14px;line-height:20px;color:#fff;font-weight:700;text-decoration:none;border-radius:150px;padding:8px 30px;transition:all .3s ease;border:none;display:inline-block;margin:3px 4px;white-space:nowrap;text-transform:none;letter-spacing:0;cursor:pointer}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover{color:#fff;background-color:#202020}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.change-settings-button,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.change-settings-button{background-color:#424449;color:#fff;border-color:transparent;cursor:pointer}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.change-settings-button:focus,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.change-settings-button:hover,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.change-settings-button:focus,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.change-settings-button:hover{border-color:#fff;background-color:#000}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button{text-decoration:underline;cursor:pointer;transition:all .2s ease}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder{padding-left:15px;padding-left:3vw}.gdpr_lightbox.moove_gdpr_cookie_modal_open #moove_gdpr_cookie_modal{content-visibility:visible}.gdpr_lightbox.moove_gdpr_cookie_modal_open .gdpr_lightbox-container{max-width:100%}.gdpr_lightbox.moove_gdpr_cookie_modal_open .gdpr_lightbox-close{opacity:0;visibility:hidden}#moove_gdpr_save_popup_settings_button{display:block;z-index:1001;position:fixed;background-color:rgba(0,0,0,.8);transition:all .3s ease;color:#fff;padding:0;text-align:center;height:40px;outline:none;font-weight:400;font-size:14px;line-height:20px;border-radius:0;border:none;text-decoration:none}#moove_gdpr_save_popup_settings_button:not(.gdpr-floating-button-custom-position){bottom:20px;left:20px}#moove_gdpr_save_popup_settings_button{border-radius:50px}#moove_gdpr_save_popup_settings_button span{background-color:inherit;transition:all .3s ease}#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon{display:-ms-inline-flexbox;display:inline-flex;line-height:40px;float:left;font-size:30px;min-width:40px;height:40px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;z-index:15;position:relative;background-color:inherit;border-radius:inherit;transition:none}#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon i,#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon span.gdpr-icon{position:relative;top:0;font-weight:900;background-color:transparent}#moove_gdpr_save_popup_settings_button span.moove_gdpr_text{font:normal 12px Arial,sans-serif;text-transform:uppercase;white-space:nowrap;padding:0 15px 0 5px;top:0;left:0;position:relative;line-height:40px;display:none;overflow:hidden;z-index:5;background-color:transparent;text-decoration:none}#moove_gdpr_save_popup_settings_button:focus,#moove_gdpr_save_popup_settings_button:hover{background-color:#000}#moove_gdpr_save_popup_settings_button:focus span.moove_gdpr_text,#moove_gdpr_save_popup_settings_button:hover span.moove_gdpr_text{display:block}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt{padding-right:60px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder{-ms-flex-pack:start;justify-content:flex-start}#moove_gdpr_cookie_info_bar *{box-sizing:border-box}#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder a.mgbutton{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder a.mgbutton.mright{float:right}#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder a.mgbutton.mgrey{background-color:#424449}#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder a.mgbutton.mgrey:hover{background-color:#202020}@media(max-width:767px){#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,#moove_gdpr_cookie_info_bar.gdpr-full-screen-infobar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{min-height:30px;font-weight:400}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a{font-size:10px;line-height:1.2}#moove_gdpr_cookie_modal li a .gdpr-svg-icon,#moove_gdpr_cookie_modal li button .gdpr-svg-icon{margin-right:0;text-align:center;width:25px;height:25px}#moove_gdpr_cookie_modal li a .gdpr-svg-icon svg,#moove_gdpr_cookie_modal li button .gdpr-svg-icon svg{height:25px}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:after,#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:before,.gdpr-icon.moovegdpr-arrow-close:after,.gdpr-icon.moovegdpr-arrow-close:before,i.moovegdpr-arrow-close.moovegdpr-arrow-close:after,i.moovegdpr-arrow-close.moovegdpr-arrow-close:before{height:14px;top:calc(50% - 7px)}#moove_gdpr_cookie_info_bar .moove-gdpr-button-holder{-ms-flex-wrap:wrap;flex-wrap:wrap}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn{width:30px;height:30px;border:none}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn i{font-size:27px;height:25px}.gdpr-fb-hide-mobile{display:none!important}#moove_gdpr_cookie_modal .moove-gdpr-modal-content{width:calc(100vw - 50px)}#moove_gdpr_cookie_modal .cookie-switch,#moove_gdpr_cookie_modal .switch{width:40px;height:24px}#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:before,#moove_gdpr_cookie_modal .cookie-switch .slider:before,#moove_gdpr_cookie_modal .switch .cookie-slider:before,#moove_gdpr_cookie_modal .switch .slider:before{height:20px;width:20px}#moove_gdpr_cookie_modal .cookie-switch input:checked+.cookie-slider:before,#moove_gdpr_cookie_modal .cookie-switch input:checked+.slider:before,#moove_gdpr_cookie_modal .switch input:checked+.cookie-slider:before,#moove_gdpr_cookie_modal .switch input:checked+.slider:before{transform:translateX(16px)}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title{padding-right:0;height:auto;margin-bottom:10px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title .tab-title{font-weight:700;font-size:22px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title .moove-gdpr-company-logo-holder{display:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-right-content{height:80vh}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-right-content .main-modal-content{max-height:calc(80vh - 155px)}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{margin-right:2px;margin-bottom:2px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt{position:relative;padding-right:10px;max-width:50%;width:auto}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt a{font-weight:700;font-size:11px;padding-left:0;display:block}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt a span,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt a u{display:block;text-decoration:underline}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content{padding-right:0}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content p{margin-bottom:15px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar{position:relative;left:0;right:auto;width:100%}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar .gdpr-cc-form-wrap,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar form{text-align:left;margin-bottom:15px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar .gdpr-cc-form-wrap span.cookie-slider,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar .gdpr-cc-form-wrap span.slider,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar form span.cookie-slider,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar form span.slider{width:40px;height:24px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar .gdpr-cc-form-wrap span.cookie-slider:after,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar .gdpr-cc-form-wrap span.slider:after,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar form span.cookie-slider:after,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar form span.slider:after{left:45px;right:0;text-align:left;top:-3px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar .gdpr-cc-form-wrap span.cookie-slider .gdpr-sr-label,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar .gdpr-cc-form-wrap span.slider .gdpr-sr-label,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar form span.cookie-slider .gdpr-sr-label,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content .moove-gdpr-status-bar form span.slider .gdpr-sr-label{left:45px;right:0;text-align:left}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main h3.tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main span.tab-title{padding-right:0;font-weight:700;font-size:16px;margin-bottom:10px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-tab-main .moove-gdpr-tab-main-content{max-height:auto}#moove_gdpr_cookie_modal .moove-gdpr-modal-content{max-height:500px;max-height:90vh;min-height:auto}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-switch .cookie-slider:after,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-switch .gdpr-sr-label,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .switch .gdpr-sr-label,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .switch .slider:after{font-weight:800;font-size:12px;line-height:30px;min-width:130px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-switch .gdpr-sr-label,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .switch .gdpr-sr-label{line-height:1.8}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-close-modal-button a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-close-modal-button button{display:inline-block;width:30px;height:30px;border:1px solid #202020;color:#202020;text-decoration:none;outline:none;line-height:30px;text-align:center;border-radius:50%;font-size:27px;padding-top:1px;transition:all .2s ease;margin-left:15px;margin-left:6vw;position:absolute;right:5px;top:5px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close{position:absolute;top:-15px;right:-15px;display:block;width:30px;height:30px;line-height:30px;text-decoration:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon{width:30px;height:30px;line-height:30px;font-size:30px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo{padding-bottom:30px;background-size:contain;background-position:50%;margin-top:10px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder{margin-bottom:15px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content{padding:10px;padding-top:30px;position:relative;top:0;left:0;text-align:center;min-height:140px;border-radius:0;border-top-left-radius:5px;border-top-right-radius:5px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu{display:-ms-flexbox;display:flex;margin:0 -3px;-ms-flex-wrap:wrap;flex-wrap:wrap}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li{list-style:none;margin-bottom:20px;display:-ms-inline-flexbox;display:inline-flex;margin:3px;-ms-flex:1;flex:1}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button{padding:5px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon{margin:0;text-align:center;width:24px;font-size:24px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-nav-tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-nav-tab-title{font-size:8px;line-height:1.2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt{top:3px;right:3px;left:auto;padding:0;bottom:auto;transform:scale(.8)}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a{text-align:right}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a span{display:block}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content{width:100%;position:relative;padding:15px 10px;border-radius:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2{max-height:100%}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title{font-weight:700;font-size:16px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar{padding:0}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content{padding:0;position:relative;overflow:auto;max-height:calc(100% - 110px)}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content li,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p{font-weight:400;font-size:14px;line-height:1.3}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h1,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h2,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h3,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h4,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h5,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h6{font-weight:700;font-size:14px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-tab-main{margin-bottom:55px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-tab-main .moove-gdpr-tab-main-content{height:100%;max-height:calc(90vh - 320px)}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content{height:70px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before{left:10px;right:10px;bottom:70px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder{padding:0 10px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{margin:0;background-color:#fff;text-decoration:none;border-radius:150px;font-weight:700;font-size:12px;line-height:18px;padding:5px;transition:all .3s ease;border:1px solid #fff;color:#fff;min-width:110px;text-align:center;text-transform:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content{width:100%}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt button{top:0;padding:5px 0}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img{max-height:40px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder{text-align:center}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container{padding:15px}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container i.gdpricon-cog-1,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container span.gdpricon-cog-1{display:none}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{padding-left:0;padding-right:0;display:block;min-height:auto}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice{padding-left:4px;margin-bottom:10px}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder{padding-left:0}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{font-size:12px;font-weight:700;padding:5px 20px}.moove-gdpr-branding-cnt a{padding:10px 0}}@media screen and (max-width:767px)and (orientation:landscape){#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo{margin-top:0;background-position:0}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-right-content .main-modal-content .moove-gdpr-tab-content{margin-bottom:35px;max-height:55vh;overflow:auto}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a span{display:inline-block}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-right-content{height:600px;height:90vh}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-right-content .main-modal-content{max-height:500px;max-height:calc(80vh - 80px)}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder{text-align:left;margin:0;display:inline-block;float:left;width:40%}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu{max-width:60%;float:right}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content{padding-top:30px;min-height:75px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title{margin-bottom:10px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content{height:45px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before{bottom:45px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;max-height:350px;max-height:calc(100% - 70px)}#moove_gdpr_cookie_modal{background:transparent;border-radius:5px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content{min-height:55vh}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a.moove-gdpr-branding{top:0;padding:0}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-tab-main .moove-gdpr-tab-main-content{max-height:100%}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-right-content{padding-bottom:80px}}@media(min-width:768px){#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-right-content,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-tab-content,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-tab-main{height:100%}}@media(min-width:768px)and (max-width:999px){#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content{padding:30px 20px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content{height:120px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder{padding:0 20px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before{bottom:120px;left:20px;right:20px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt{padding-right:30px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content{padding:30px 20px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content{min-height:620px;transform:scale(.75)}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt{left:20px;right:20px}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p>a{font-size:13px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button{padding:10px 15px;font-weight:700;font-size:12px}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{padding-left:20px;padding-right:20px}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-close-modal-button a,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-close-modal-button button{margin-left:15px;margin-left:5vw}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title{font-weight:700;font-size:24px}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container{padding:10px 20px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{min-width:auto;padding:7px 15px;font-size:13px;margin:4px 8px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{padding:8px 15px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-branding span{white-space:nowrap}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt a{white-space:normal}}@media(min-width:1000px)and (max-width:1300px){#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content{padding:40px 30px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content{height:120px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder{padding:0 30px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before{bottom:120px;left:30px;right:30px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt{padding-right:30px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt{left:30px;right:30px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content{padding:30px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content{min-width:700px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{min-width:auto;padding:10px 30px;margin-left:8px;margin-right:8px}}@media(min-width:768px)and (max-height:700px){#moove_gdpr_cookie_modal .moove-gdpr-modal-content{min-height:600px;transform:scale(.7)}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{display:block;max-width:100%;text-align:center}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder{margin-top:10px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content{display:block;max-width:100%}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span{display:block}}@media (-ms-high-contrast:active),(-ms-high-contrast:none){#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{display:block;max-width:100%;text-align:center}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder{margin-top:10px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content{display:block;max-width:100%}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span{display:block}}@media print{#moove_gdpr_cookie_info_bar,#moove_gdpr_cookie_modal,#moove_gdpr_save_popup_settings_button,.gdpr_cookie_settings_shortcode_content{display:none!important}body.moove_gdpr_overflow{overflow:auto}body.moove_gdpr_overflow .gdpr_lightbox{display:none!important}}#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg{height:30px;width:auto}#moove_gdpr_save_popup_settings_button span.moove_gdpr_icon svg *{fill:currentColor}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close,.gdpr-icon.moovegdpr-arrow-close,i.moovegdpr-arrow-close.moovegdpr-arrow-close{position:relative}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:after,#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:before,.gdpr-icon.moovegdpr-arrow-close:after,.gdpr-icon.moovegdpr-arrow-close:before,i.moovegdpr-arrow-close.moovegdpr-arrow-close:after,i.moovegdpr-arrow-close.moovegdpr-arrow-close:before{position:absolute;content:" ";height:24px;width:1px;top:calc(50% - 12px);background-color:currentColor}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:before,.gdpr-icon.moovegdpr-arrow-close:before,i.moovegdpr-arrow-close.moovegdpr-arrow-close:before{transform:rotate(45deg)}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:after,.gdpr-icon.moovegdpr-arrow-close:after,i.moovegdpr-arrow-close.moovegdpr-arrow-close:after{transform:rotate(-45deg)}#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn i.moovegdpr-arrow-close:after,#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn i.moovegdpr-arrow-close:before,.gdpr-icon i.moovegdpr-arrow-close:after,.gdpr-icon i.moovegdpr-arrow-close:before,i.moovegdpr-arrow-close i.moovegdpr-arrow-close:after,i.moovegdpr-arrow-close i.moovegdpr-arrow-close:before{height:18px;top:calc(50% - 8px)}@media(max-width:767px){#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:after,#moove_gdpr_cookie_info_bar .moove-gdpr-infobar-close-btn.moovegdpr-arrow-close:before,.gdpr-icon.moovegdpr-arrow-close:after,.gdpr-icon.moovegdpr-arrow-close:before,i.moovegdpr-arrow-close.moovegdpr-arrow-close:after,i.moovegdpr-arrow-close.moovegdpr-arrow-close:before{height:14px;top:calc(50% - 7px)}#moove_gdpr_cookie_modal .moove-gdpr-modal-content{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-tab-main .moove-gdpr-tab-main-content{height:auto}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content{display:-ms-flexbox;display:flex;padding:5px 0;-ms-flex-wrap:wrap;flex-wrap:wrap}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{min-width:auto;padding:5px 15px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt a span,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt a u{display:inline-block}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt a{text-align:left;padding-left:10px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-left-content #moove-gdpr-menu{display:none}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content{min-height:auto}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content .moove-gdpr-tab-main{display:block!important;min-height:auto;max-height:100%;margin-bottom:0}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content .moove-gdpr-tab-content{margin-bottom:80px;max-height:50vh;overflow:auto}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #advanced-cookies .tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #cookie_policy_modal .tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #performance-ccat .tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #preference-ccat .tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #strict-necessary-cookies .tab-title,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #third_party_cookies .tab-title{padding:10px;background-color:#fff;border:1px solid #fff;display:block;margin:10px 0 0;cursor:pointer;transition:all .3s ease;border-radius:5px;position:relative;padding-left:30px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #advanced-cookies .tab-title:before,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #cookie_policy_modal .tab-title:before,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #performance-ccat .tab-title:before,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #preference-ccat .tab-title:before,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #strict-necessary-cookies .tab-title:before,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #third_party_cookies .tab-title:before{content:"›";position:absolute;left:0;top:0;bottom:2px;font-size:24px;color:currentColor;width:30px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;line-height:1;font-family:Georgia,serif}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #advanced-cookies .moove-gdpr-tab-main-content,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #cookie_policy_modal .moove-gdpr-tab-main-content,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #performance-ccat .moove-gdpr-tab-main-content,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #preference-ccat .moove-gdpr-tab-main-content,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #strict-necessary-cookies .moove-gdpr-tab-main-content,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #third_party_cookies .moove-gdpr-tab-main-content{display:none;padding:10px;background-color:#fff}}@media(max-width:350px){#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton{padding:3px 12px}#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt{opacity:0}}