@charset "UTF-8";
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 10500;
-webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pswp img {
max-width: none;
} .pswp--animate_opacity { opacity: 0.001;
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
.pswp--dragging .pswp__img { cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
} .pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
} .pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
} .pswp__img--placeholder {
-webkit-backface-visibility: hidden;
} .pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
} .pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
.pswp .pswp__zoom-wrap {
text-align: center;
}
.pswp .pswp__zoom-wrap:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.pswp .wrapper {
line-height: 0;
width: 100%;
max-width: 1200px;
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.pswp .video-wrapper {
position: relative;
padding-bottom: 56.25%; padding-top: 25px;
height: 0;
width: 100%;
}
.pswp .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pswp video {
width: 100% !important;
height: auto !important;
}    .pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
box-shadow: none; }
.pswp__button:focus,
.pswp__button:hover {
opacity: 1; }
.pswp__button:active {
outline: none;
opacity: 0.9; }
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0; } .pswp__ui--over-close .pswp__button--close {
opacity: 1; }
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/imgs/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px; }
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) { .pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/imgs/default-skin.svg); }
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none; } }
.pswp__button--close {
background-position: 0 -44px; }
.pswp__button--share {
background-position: -44px -44px; }
.pswp__button--fs {
display: none; }
.pswp--supports-fs .pswp__button--fs {
display: block; }
.pswp--fs .pswp__button--fs {
background-position: -44px 0; }
.pswp__button--zoom {
display: none;
background-position: -88px 0; }
.pswp--zoom-allowed .pswp__button--zoom {
display: block; }
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0; } .pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden; } .pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute; }
.pswp__button--arrow--left {
left: 0; }
.pswp__button--arrow--right {
right: 0; }
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute; }
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px; }
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px; } .pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity; }
.pswp__share-modal--hidden {
display: none; }
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform; }
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px; }
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000; }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0; }
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px; }
.pswp__share-modal--fade-in {
opacity: 1; }
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } .pswp--touch .pswp__share-tooltip a {
padding: 16px 12px; }
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #FFF;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none; }
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #FFF; }
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A; }
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #FFF; }
a.pswp__share--pinterest:hover {
background: #CCC;
color: #CE272D; }
a.pswp__share--download:hover {
background: #DDD; } .pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #FFF;
opacity: 0.75;
padding: 0 10px; } .pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px; }
.pswp__caption small {
font-size: 11px;
color: #BBB; }
.pswp__caption__center {
text-align: left;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #CCC; }
.pswp__caption--empty {
display: none; } .pswp__caption--fake {
visibility: hidden; } .pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr; }
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px; }
.pswp__preloader--active {
opacity: 1; }
.pswp__preloader--active .pswp__preloader__icn { background: url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/imgs/preloader.gif) 0 0 no-repeat; }
.pswp--css_animation .pswp__preloader--active {
opacity: 1; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite; }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0; }
.pswp--css_animation .pswp__preloader__cut { position: relative;
width: 7px;
height: 14px;
overflow: hidden; }
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0; }
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right; } }
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0); }
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg); }
100% {
-webkit-transform: rotate(0);
transform: rotate(0); } }  .pswp__ui {
-webkit-font-smoothing: auto;
visibility: visible;
opacity: 1;
z-index: 1550; } .pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%; }
.admin-bar .pswp__top-bar {
top: 32px;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible; }
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5); } .pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3); } .pswp__ui--idle .pswp__top-bar {
opacity: 0; }
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0; } .pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right { opacity: 0.001; } .pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none; }
.pswp__element--disabled {
display: none !important; }
.pswp--minimal--dark .pswp__top-bar {
background: none; }@font-face {
font-family: 'ionicons';
src:  url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/fonts/ionicons.eot?fjpt01);
src:  url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/fonts/ionicons.eot?fjpt01#iefix) format('embedded-opentype'),
url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/fonts/ionicons.ttf?fjpt01) format('truetype'),
url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/fonts/ionicons.woff?fjpt01) format('woff'),
url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/fonts/ionicons.svg?fjpt01#ionicons) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="ionicons-"], [class*=" ionicons-"] { font-family: 'ionicons' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ionicons-add:before {
content: "\e900";
}
.ionicons-add-circle:before {
content: "\e901";
}
.ionicons-add-circle-outline:before {
content: "\e902";
}
.ionicons-add-outline:before {
content: "\e904";
}
.ionicons-airplane:before {
content: "\e906";
}
.ionicons-airplane-outline:before {
content: "\e907";
}
.ionicons-alarm:before {
content: "\e909";
}
.ionicons-alarm-outline:before {
content: "\e90a";
}
.ionicons-albums:before {
content: "\e90c";
}
.ionicons-albums-outline:before {
content: "\e90d";
}
.ionicons-alert:before {
content: "\e90f";
}
.ionicons-alert-circle:before {
content: "\e910";
}
.ionicons-alert-outline:before {
content: "\e913";
}
.ionicons-american-football:before {
content: "\e915";
}
.ionicons-american-football-outline:before {
content: "\e916";
}
.ionicons-analytics:before {
content: "\e918";
}
.ionicons-analytics-outline:before {
content: "\e919";
}
.ionicons-aperture:before {
content: "\e91b";
}
.ionicons-aperture-outline:before {
content: "\e91c";
}
.ionicons-apps:before {
content: "\e91e";
}
.ionicons-apps-outline:before {
content: "\e91f";
}
.ionicons-archive:before {
content: "\e921";
}
.ionicons-archive-outline:before {
content: "\e922";
}
.ionicons-arrow-back:before {
content: "\e924";
}
.ionicons-arrow-back-circle:before {
content: "\e925";
}
.ionicons-arrow-back-circle-outline:before {
content: "\e926";
}
.ionicons-arrow-back-outline:before {
content: "\e928";
}
.ionicons-arrow-down:before {
content: "\e92a";
}
.ionicons-arrow-down-circle:before {
content: "\e92b";
}
.ionicons-arrow-down-circle-outline:before {
content: "\e92c";
}
.ionicons-arrow-down-outline:before {
content: "\e92e";
}
.ionicons-arrow-forward:before {
content: "\e930";
}
.ionicons-arrow-forward-circle:before {
content: "\e931";
}
.ionicons-arrow-forward-circle-outline:before {
content: "\e932";
}
.ionicons-arrow-forward-outline:before {
content: "\e934";
}
.ionicons-arrow-redo:before {
content: "\e936";
}
.ionicons-arrow-redo-circle:before {
content: "\e937";
}
.ionicons-arrow-redo-circle-outline:before {
content: "\e938";
}
.ionicons-arrow-redo-outline:before {
content: "\e93a";
}
.ionicons-arrow-undo:before {
content: "\e93c";
}
.ionicons-arrow-undo-circle:before {
content: "\e93d";
}
.ionicons-arrow-undo-circle-outline:before {
content: "\e93e";
}
.ionicons-arrow-undo-outline:before {
content: "\e940";
}
.ionicons-arrow-up:before {
content: "\e942";
}
.ionicons-arrow-up-circle:before {
content: "\e943";
}
.ionicons-arrow-up-circle-outline:before {
content: "\e944";
}
.ionicons-arrow-up-outline:before {
content: "\e946";
}
.ionicons-at:before {
content: "\e948";
}
.ionicons-at-circle:before {
content: "\e949";
}
.ionicons-at-circle-outline:before {
content: "\e94a";
}
.ionicons-at-outline:before {
content: "\e94c";
}
.ionicons-attach:before {
content: "\e94e";
}
.ionicons-attach-outline:before {
content: "\e94f";
}
.ionicons-backspace:before {
content: "\e951";
}
.ionicons-backspace-outline:before {
content: "\e952";
}
.ionicons-bandage:before {
content: "\e954";
}
.ionicons-bandage-outline:before {
content: "\e955";
}
.ionicons-barbell:before {
content: "\e957";
}
.ionicons-barbell-outline:before {
content: "\e958";
}
.ionicons-bar-chart:before {
content: "\e95a";
}
.ionicons-bar-chart-outline:before {
content: "\e95b";
}
.ionicons-barcode:before {
content: "\e95d";
}
.ionicons-barcode-outline:before {
content: "\e95e";
}
.ionicons-baseball:before {
content: "\e960";
}
.ionicons-baseball-outline:before {
content: "\e961";
}
.ionicons-basket:before {
content: "\e963";
}
.ionicons-basketball:before {
content: "\e964";
}
.ionicons-basketball-outline:before {
content: "\e965";
}
.ionicons-battery-charging:before {
content: "\e969";
}
.ionicons-battery-charging-outline:before {
content: "\e96a";
}
.ionicons-battery-dead:before {
content: "\e96c";
}
.ionicons-battery-dead-outline:before {
content: "\e96d";
}
.ionicons-battery-full:before {
content: "\e96f";
}
.ionicons-battery-full-outline:before {
content: "\e970";
}
.ionicons-battery-half:before {
content: "\e972";
}
.ionicons-battery-half-outline:before {
content: "\e973";
}
.ionicons-beaker:before {
content: "\e975";
}
.ionicons-beaker-outline:before {
content: "\e976";
}
.ionicons-bed:before {
content: "\e978";
}
.ionicons-bed-outline:before {
content: "\e979";
}
.ionicons-beer:before {
content: "\e97b";
}
.ionicons-beer-outline:before {
content: "\e97c";
}
.ionicons-bicycle:before {
content: "\e97e";
}
.ionicons-bicycle-outline:before {
content: "\e97f";
}
.ionicons-bluetooth:before {
content: "\e981";
}
.ionicons-boat:before {
content: "\e984";
}
.ionicons-boat-outline:before {
content: "\e985";
}
.ionicons-body:before {
content: "\e987";
}
.ionicons-body-outline:before {
content: "\e988";
}
.ionicons-bonfire:before {
content: "\e98a";
}
.ionicons-bonfire-outline:before {
content: "\e98b";
}
.ionicons-book:before {
content: "\e98d";
}
.ionicons-bookmark:before {
content: "\e98e";
}
.ionicons-bookmark-outline:before {
content: "\e98f";
}
.ionicons-bookmarks:before {
content: "\e990";
}
.ionicons-bookmarks-outline:before {
content: "\e992";
}
.ionicons-book-outline:before {
content: "\e994";
}
.ionicons-briefcase:before {
content: "\e996";
}
.ionicons-briefcase-outline:before {
content: "\e997";
}
.ionicons-browsers:before {
content: "\e999";
}
.ionicons-brush:before {
content: "\e99c";
}
.ionicons-brush-outline:before {
content: "\e99d";
}
.ionicons-bug:before {
content: "\e99f";
}
.ionicons-bug-outline:before {
content: "\e9a0";
}
.ionicons-build:before {
content: "\e9a2";
}
.ionicons-bulb:before {
content: "\e9a5";
}
.ionicons-bus:before {
content: "\e9a8";
}
.ionicons-business:before {
content: "\e9a9";
}
.ionicons-business-outline:before {
content: "\e9aa";
}
.ionicons-bus-outline:before {
content: "\e9ac";
}
.ionicons-cafe:before {
content: "\e9ae";
}
.ionicons-cafe-outline:before {
content: "\e9af";
}
.ionicons-calculator:before {
content: "\e9b1";
}
.ionicons-calculator-outline:before {
content: "\e9b2";
}
.ionicons-calendar:before {
content: "\e9b4";
}
.ionicons-call:before {
content: "\e9b7";
}
.ionicons-call-outline:before {
content: "\e9b8";
}
.ionicons-camera:before {
content: "\e9ba";
}
.ionicons-camera-outline:before {
content: "\e9bb";
}
.ionicons-camera-reverse:before {
content: "\e9bc";
}
.ionicons-camera-reverse-outline:before {
content: "\e9bd";
}
.ionicons-car:before {
content: "\e9c0";
}
.ionicons-card:before {
content: "\e9c1";
}
.ionicons-card-outline:before {
content: "\e9c2";
}
.ionicons-caret-back:before {
content: "\e9c4";
}
.ionicons-caret-back-circle:before {
content: "\e9c5";
}
.ionicons-caret-back-circle-outline:before {
content: "\e9c6";
}
.ionicons-caret-back-outline:before {
content: "\e9c8";
}
.ionicons-caret-down:before {
content: "\e9ca";
}
.ionicons-caret-down-circle:before {
content: "\e9cb";
}
.ionicons-caret-down-circle-outline:before {
content: "\e9cc";
}
.ionicons-caret-down-outline:before {
content: "\e9ce";
}
.ionicons-caret-forward:before {
content: "\e9d0";
}
.ionicons-caret-forward-circle:before {
content: "\e9d1";
}
.ionicons-caret-forward-circle-outline:before {
content: "\e9d2";
}
.ionicons-caret-forward-outline:before {
content: "\e9d4";
}
.ionicons-caret-up:before {
content: "\e9d6";
}
.ionicons-caret-up-circle:before {
content: "\e9d7";
}
.ionicons-caret-up-circle-outline:before {
content: "\e9d8";
}
.ionicons-caret-up-outline:before {
content: "\e9da";
}
.ionicons-car-outline:before {
content: "\e9dc";
}
.ionicons-car-sport:before {
content: "\e9de";
}
.ionicons-cart:before {
content: "\e9e1";
}
.ionicons-cart-outline:before {
content: "\e9e2";
}
.ionicons-cash:before {
content: "\e9e4";
}
.ionicons-cash-outline:before {
content: "\e9e5";
}
.ionicons-cellular:before {
content: "\e9e7";
}
.ionicons-cellular-outline:before {
content: "\e9e8";
}
.ionicons-chatbox:before {
content: "\e9ea";
}
.ionicons-chatbox-ellipses:before {
content: "\e9eb";
}
.ionicons-chatbox-ellipses-outline:before {
content: "\e9ec";
}
.ionicons-chatbox-outline:before {
content: "\e9ee";
}
.ionicons-chatbubble:before {
content: "\e9f0";
}
.ionicons-chatbubble-ellipses:before {
content: "\e9f1";
}
.ionicons-chatbubble-outline:before {
content: "\e9f4";
}
.ionicons-chatbubbles:before {
content: "\e9f5";
}
.ionicons-checkbox:before {
content: "\e9f9";
}
.ionicons-checkbox-outline:before {
content: "\e9fa";
}
.ionicons-checkmark:before {
content: "\e9fc";
}
.ionicons-checkmark-circle:before {
content: "\e9fd";
}
.ionicons-checkmark-circle-outline:before {
content: "\e9fe";
}
.ionicons-checkmark-done:before {
content: "\ea00";
}
.ionicons-checkmark-done-circle:before {
content: "\ea01";
}
.ionicons-checkmark-done-circle-outline:before {
content: "\ea02";
}
.ionicons-checkmark-done-outline:before {
content: "\ea04";
}
.ionicons-checkmark-outline:before {
content: "\ea06";
}
.ionicons-chevron-back:before {
content: "\ea08";
}
.ionicons-chevron-back-circle:before {
content: "\ea09";
}
.ionicons-chevron-back-circle-outline:before {
content: "\ea0a";
}
.ionicons-chevron-back-outline:before {
content: "\ea0c";
}
.ionicons-chevron-down:before {
content: "\ea0e";
}
.ionicons-chevron-down-circle:before {
content: "\ea0f";
}
.ionicons-chevron-down-circle-outline:before {
content: "\ea10";
}
.ionicons-chevron-down-outline:before {
content: "\ea12";
}
.ionicons-chevron-forward:before {
content: "\ea14";
}
.ionicons-chevron-forward-circle:before {
content: "\ea15";
}
.ionicons-chevron-forward-circle-outline:before {
content: "\ea16";
}
.ionicons-chevron-forward-outline:before {
content: "\ea18";
}
.ionicons-chevron-up:before {
content: "\ea1a";
}
.ionicons-chevron-up-circle:before {
content: "\ea1b";
}
.ionicons-chevron-up-circle-outline:before {
content: "\ea1c";
}
.ionicons-chevron-up-outline:before {
content: "\ea1e";
}
.ionicons-clipboard:before {
content: "\ea20";
}
.ionicons-clipboard-outline:before {
content: "\ea21";
}
.ionicons-close:before {
content: "\ea23";
}
.ionicons-close-circle:before {
content: "\ea24";
}
.ionicons-close-circle-outline:before {
content: "\ea25";
}
.ionicons-close-outline:before {
content: "\ea27";
}
.ionicons-cloud:before {
content: "\ea29";
}
.ionicons-cloud-circle:before {
content: "\ea2a";
}
.ionicons-cloud-circle-outline:before {
content: "\ea2b";
}
.ionicons-cloud-done:before {
content: "\ea2d";
}
.ionicons-cloud-done-outline:before {
content: "\ea2e";
}
.ionicons-cloud-download:before {
content: "\ea30";
}
.ionicons-cloud-download-outline:before {
content: "\ea31";
}
.ionicons-cloud-offline:before {
content: "\ea33";
}
.ionicons-cloud-offline-outline:before {
content: "\ea34";
}
.ionicons-cloud-outline:before {
content: "\ea36";
}
.ionicons-cloud-upload:before {
content: "\ea38";
}
.ionicons-cloud-upload-outline:before {
content: "\ea39";
}
.ionicons-cloudy:before {
content: "\ea3b";
}
.ionicons-cloudy-night:before {
content: "\ea3c";
}
.ionicons-cloudy-night-outline:before {
content: "\ea3d";
}
.ionicons-cloudy-outline:before {
content: "\ea3f";
}
.ionicons-code:before {
content: "\ea41";
}
.ionicons-code-download:before {
content: "\ea42";
}
.ionicons-code-download-outline:before {
content: "\ea43";
}
.ionicons-code-outline:before {
content: "\ea45";
}
.ionicons-code-slash:before {
content: "\ea47";
}
.ionicons-code-slash-outline:before {
content: "\ea48";
}
.ionicons-code-working:before {
content: "\ea4a";
}
.ionicons-code-working-outline:before {
content: "\ea4b";
}
.ionicons-cog:before {
content: "\ea4d";
}
.ionicons-cog-outline:before {
content: "\ea4e";
}
.ionicons-color-fill:before {
content: "\ea50";
}
.ionicons-color-filter:before {
content: "\ea53";
}
.ionicons-color-filter-outline:before {
content: "\ea54";
}
.ionicons-color-palette:before {
content: "\ea56";
}
.ionicons-color-palette-outline:before {
content: "\ea57";
}
.ionicons-color-wand:before {
content: "\ea59";
}
.ionicons-compass:before {
content: "\ea5c";
}
.ionicons-compass-outline:before {
content: "\ea5d";
}
.ionicons-construct:before {
content: "\ea5f";
}
.ionicons-construct-outline:before {
content: "\ea60";
}
.ionicons-contract:before {
content: "\ea62";
}
.ionicons-contract-outline:before {
content: "\ea63";
}
.ionicons-contrast:before {
content: "\ea65";
}
.ionicons-contrast-outline:before {
content: "\ea66";
}
.ionicons-copy:before {
content: "\ea68";
}
.ionicons-copy-outline:before {
content: "\ea69";
}
.ionicons-create:before {
content: "\ea6b";
}
.ionicons-create-outline:before {
content: "\ea6c";
}
.ionicons-crop:before {
content: "\ea6e";
}
.ionicons-crop-outline:before {
content: "\ea6f";
}
.ionicons-cube:before {
content: "\ea71";
}
.ionicons-cube-outline:before {
content: "\ea72";
}
.ionicons-cut:before {
content: "\ea74";
}
.ionicons-desktop:before {
content: "\ea77";
}
.ionicons-disc:before {
content: "\ea7a";
}
.ionicons-disc-outline:before {
content: "\ea7b";
}
.ionicons-document:before {
content: "\ea7d";
}
.ionicons-document-attach:before {
content: "\ea7e";
}
.ionicons-document-attach-outline:before {
content: "\ea7f";
}
.ionicons-document-outline:before {
content: "\ea81";
}
.ionicons-documents:before {
content: "\ea82";
}
.ionicons-documents-outline:before {
content: "\ea84";
}
.ionicons-document-text:before {
content: "\ea86";
}
.ionicons-document-text-outline:before {
content: "\ea87";
}
.ionicons-download:before {
content: "\ea89";
}
.ionicons-download-outline:before {
content: "\ea8a";
}
.ionicons-duplicate:before {
content: "\ea8c";
}
.ionicons-duplicate-outline:before {
content: "\ea8d";
}
.ionicons-ear:before {
content: "\ea8f";
}
.ionicons-earth:before {
content: "\ea92";
}
.ionicons-easel:before {
content: "\ea95";
}
.ionicons-easel-outline:before {
content: "\ea96";
}
.ionicons-egg:before {
content: "\ea98";
}
.ionicons-egg-outline:before {
content: "\ea99";
}
.ionicons-ellipse:before {
content: "\ea9b";
}
.ionicons-ellipse-outline:before {
content: "\ea9c";
}
.ionicons-ellipsis-horizontal:before {
content: "\ea9e";
}
.ionicons-ellipsis-horizontal-circle:before {
content: "\ea9f";
}
.ionicons-ellipsis-horizontal-circle-outline:before {
content: "\eaa0";
}
.ionicons-ellipsis-horizontal-outline:before {
content: "\eaa2";
}
.ionicons-ellipsis-vertical:before {
content: "\eaa4";
}
.ionicons-ellipsis-vertical-circle:before {
content: "\eaa5";
}
.ionicons-ellipsis-vertical-circle-outline:before {
content: "\eaa6";
}
.ionicons-ellipsis-vertical-outline:before {
content: "\eaa8";
}
.ionicons-enter:before {
content: "\eaaa";
}
.ionicons-enter-outline:before {
content: "\eaab";
}
.ionicons-exit:before {
content: "\eaad";
}
.ionicons-exit-outline:before {
content: "\eaae";
}
.ionicons-expand:before {
content: "\eab0";
}
.ionicons-expand-outline:before {
content: "\eab1";
}
.ionicons-eye:before {
content: "\eab3";
}
.ionicons-eyedrop:before {
content: "\eab4";
}
.ionicons-eye-off:before {
content: "\eab7";
}
.ionicons-eye-off-outline:before {
content: "\eab8";
}
.ionicons-eye-outline:before {
content: "\eaba";
}
.ionicons-fast-food:before {
content: "\eabc";
}
.ionicons-fast-food-outline:before {
content: "\eabd";
}
.ionicons-female:before {
content: "\eabf";
}
.ionicons-female-outline:before {
content: "\eac0";
}
.ionicons-file-tray:before {
content: "\eac2";
}
.ionicons-file-tray-full:before {
content: "\eac3";
}
.ionicons-file-tray-full-outline:before {
content: "\eac4";
}
.ionicons-file-tray-outline:before {
content: "\eac6";
}
.ionicons-file-tray-stacked:before {
content: "\eac8";
}
.ionicons-file-tray-stacked-outline:before {
content: "\eac9";
}
.ionicons-film:before {
content: "\eacb";
}
.ionicons-film-outline:before {
content: "\eacc";
}
.ionicons-filter:before {
content: "\eace";
}
.ionicons-filter-outline:before {
content: "\eacf";
}
.ionicons-finger-print:before {
content: "\ead1";
}
.ionicons-finger-print-outline:before {
content: "\ead2";
}
.ionicons-fitness:before {
content: "\ead4";
}
.ionicons-fitness-outline:before {
content: "\ead5";
}
.ionicons-flag:before {
content: "\ead7";
}
.ionicons-flag-outline:before {
content: "\ead8";
}
.ionicons-flame:before {
content: "\eada";
}
.ionicons-flame-outline:before {
content: "\eadb";
}
.ionicons-flash:before {
content: "\eadd";
}
.ionicons-flashlight:before {
content: "\eade";
}
.ionicons-flash-off:before {
content: "\eae1";
}
.ionicons-flash-off-outline:before {
content: "\eae2";
}
.ionicons-flask:before {
content: "\eae6";
}
.ionicons-flask-outline:before {
content: "\eae7";
}
.ionicons-flower:before {
content: "\eae9";
}
.ionicons-flower-outline:before {
content: "\eaea";
}
.ionicons-folder:before {
content: "\eaec";
}
.ionicons-folder-open:before {
content: "\eaed";
}
.ionicons-folder-open-outline:before {
content: "\eaee";
}
.ionicons-folder-outline:before {
content: "\eaf0";
}
.ionicons-football:before {
content: "\eaf2";
}
.ionicons-football-outline:before {
content: "\eaf3";
}
.ionicons-funnel:before {
content: "\eaf5";
}
.ionicons-funnel-outline:before {
content: "\eaf6";
}
.ionicons-game-controller:before {
content: "\eaf8";
}
.ionicons-game-controller-outline:before {
content: "\eaf9";
}
.ionicons-gift:before {
content: "\eafb";
}
.ionicons-git-branch:before {
content: "\eafe";
}
.ionicons-git-branch-outline:before {
content: "\eaff";
}
.ionicons-git-commit:before {
content: "\eb01";
}
.ionicons-git-commit-outline:before {
content: "\eb02";
}
.ionicons-git-compare:before {
content: "\eb04";
}
.ionicons-git-compare-outline:before {
content: "\eb05";
}
.ionicons-git-merge:before {
content: "\eb07";
}
.ionicons-git-merge-outline:before {
content: "\eb08";
}
.ionicons-git-network:before {
content: "\eb0a";
}
.ionicons-git-network-outline:before {
content: "\eb0b";
}
.ionicons-git-pull-request:before {
content: "\eb0d";
}
.ionicons-git-pull-request-outline:before {
content: "\eb0e";
}
.ionicons-glasses:before {
content: "\eb10";
}
.ionicons-glasses-outline:before {
content: "\eb11";
}
.ionicons-globe:before {
content: "\eb13";
}
.ionicons-globe-outline:before {
content: "\eb14";
}
.ionicons-golf:before {
content: "\eb16";
}
.ionicons-golf-outline:before {
content: "\eb17";
}
.ionicons-grid:before {
content: "\eb19";
}
.ionicons-grid-outline:before {
content: "\eb1a";
}
.ionicons-hammer:before {
content: "\eb1c";
}
.ionicons-hand-left:before {
content: "\eb1f";
}
.ionicons-hand-left-outline:before {
content: "\eb20";
}
.ionicons-hand-right:before {
content: "\eb22";
}
.ionicons-hand-right-outline:before {
content: "\eb23";
}
.ionicons-happy:before {
content: "\eb25";
}
.ionicons-happy-outline:before {
content: "\eb26";
}
.ionicons-hardware-chip:before {
content: "\eb28";
}
.ionicons-hardware-chip-outline:before {
content: "\eb29";
}
.ionicons-headset:before {
content: "\eb2b";
}
.ionicons-heart:before {
content: "\eb2e";
}
.ionicons-heart-circle:before {
content: "\eb2f";
}
.ionicons-heart-circle-outline:before {
content: "\eb30";
}
.ionicons-heart-dislike:before {
content: "\eb32";
}
.ionicons-heart-dislike-circle:before {
content: "\eb33";
}
.ionicons-heart-dislike-circle-outline:before {
content: "\eb34";
}
.ionicons-heart-dislike-outline:before {
content: "\eb36";
}
.ionicons-heart-half:before {
content: "\eb38";
}
.ionicons-heart-half-outline:before {
content: "\eb39";
}
.ionicons-heart-outline:before {
content: "\eb3b";
}
.ionicons-help:before {
content: "\eb3d";
}
.ionicons-help-buoy:before {
content: "\eb3e";
}
.ionicons-help-buoy-outline:before {
content: "\eb3f";
}
.ionicons-help-circle:before {
content: "\eb41";
}
.ionicons-help-circle-outline:before {
content: "\eb42";
}
.ionicons-help-outline:before {
content: "\eb44";
}
.ionicons-home:before {
content: "\eb46";
}
.ionicons-home-outline:before {
content: "\eb47";
}
.ionicons-hourglass:before {
content: "\eb49";
}
.ionicons-hourglass-outline:before {
content: "\eb4a";
}
.ionicons-ice-cream:before {
content: "\eb4c";
}
.ionicons-ice-cream-outline:before {
content: "\eb4d";
}
.ionicons-image:before {
content: "\eb4f";
}
.ionicons-image-outline:before {
content: "\eb50";
}
.ionicons-images:before {
content: "\eb51";
}
.ionicons-images-outline:before {
content: "\eb53";
}
.ionicons-infinite:before {
content: "\eb55";
}
.ionicons-infinite-outline:before {
content: "\eb56";
}
.ionicons-information:before {
content: "\eb58";
}
.ionicons-information-circle:before {
content: "\eb59";
}
.ionicons-information-circle-outline:before {
content: "\eb5a";
}
.ionicons-information-outline:before {
content: "\eb5c";
}
.ionicons-journal:before {
content: "\eb5e";
}
.ionicons-journal-outline:before {
content: "\eb5f";
}
.ionicons-key:before {
content: "\eb61";
}
.ionicons-key-outline:before {
content: "\eb62";
}
.ionicons-keypad:before {
content: "\eb63";
}
.ionicons-keypad-outline:before {
content: "\eb64";
}
.ionicons-language:before {
content: "\eb67";
}
.ionicons-language-outline:before {
content: "\eb68";
}
.ionicons-laptop:before {
content: "\eb6a";
}
.ionicons-laptop-outline:before {
content: "\eb6b";
}
.ionicons-layers:before {
content: "\eb6d";
}
.ionicons-layers-outline:before {
content: "\eb6e";
}
.ionicons-leaf:before {
content: "\eb70";
}
.ionicons-leaf-outline:before {
content: "\eb71";
}
.ionicons-library:before {
content: "\eb73";
}
.ionicons-library-outline:before {
content: "\eb74";
}
.ionicons-link:before {
content: "\eb76";
}
.ionicons-link-outline:before {
content: "\eb77";
}
.ionicons-list:before {
content: "\eb79";
}
.ionicons-list-circle:before {
content: "\eb7a";
}
.ionicons-list-circle-outline:before {
content: "\eb7b";
}
.ionicons-list-outline:before {
content: "\eb7d";
}
.ionicons-locate:before {
content: "\eb7f";
}
.ionicons-locate-outline:before {
content: "\eb80";
}
.ionicons-location:before {
content: "\eb82";
}
.ionicons-location-outline:before {
content: "\eb83";
}
.ionicons-lock-closed:before {
content: "\eb85";
}
.ionicons-lock-closed-outline:before {
content: "\eb86";
}
.ionicons-lock-open:before {
content: "\eb88";
}
.ionicons-lock-open-outline:before {
content: "\eb89";
}
.ionicons-log-in:before {
content: "\eb8b";
}
.ionicons-log-in-outline:before {
content: "\eb8c";
}
.ionicons-logo-amazon:before {
content: "\eb8e";
}
.ionicons-logo-amplify:before {
content: "\eb8f";
}
.ionicons-logo-android:before {
content: "\eb90";
}
.ionicons-logo-angular:before {
content: "\eb91";
}
.ionicons-logo-apple:before {
content: "\eb92";
}
.ionicons-logo-apple-appstore:before {
content: "\eb93";
}
.ionicons-logo-behance:before {
content: "\eb94";
}
.ionicons-logo-bitbucket:before {
content: "\eb95";
}
.ionicons-logo-bitcoin:before {
content: "\eb96";
}
.ionicons-logo-buffer:before {
content: "\eb97";
}
.ionicons-logo-capacitor:before {
content: "\eb98";
}
.ionicons-logo-chrome:before {
content: "\eb99";
}
.ionicons-logo-closed-captioning:before {
content: "\eb9a";
}
.ionicons-logo-codepen:before {
content: "\eb9b";
}
.ionicons-logo-css3:before {
content: "\eb9c";
}
.ionicons-logo-designernews:before {
content: "\eb9d";
}
.ionicons-logo-docker:before {
content: "\eb9e";
}
.ionicons-logo-dribbble:before {
content: "\eb9f";
}
.ionicons-logo-dropbox:before {
content: "\eba0";
}
.ionicons-logo-edge:before {
content: "\eba1";
}
.ionicons-logo-electron:before {
content: "\eba2";
}
.ionicons-logo-euro:before {
content: "\eba3";
}
.ionicons-logo-facebook:before {
content: "\eba4";
}
.ionicons-logo-firebase:before {
content: "\eba5";
}
.ionicons-logo-firefox:before {
content: "\eba6";
}
.ionicons-logo-flickr:before {
content: "\eba7";
}
.ionicons-logo-foursquare:before {
content: "\eba8";
}
.ionicons-logo-github:before {
content: "\eba9";
}
.ionicons-logo-gitlab:before {
content: "\ebaa";
}
.ionicons-logo-google:before {
content: "\ebab";
}
.ionicons-logo-google-playstore:before {
content: "\ebac";
}
.ionicons-logo-hackernews:before {
content: "\ebad";
}
.ionicons-logo-html5:before {
content: "\ebae";
}
.ionicons-logo-instagram:before {
content: "\ebaf";
}
.ionicons-logo-ionic:before {
content: "\ebb0";
}
.ionicons-logo-ionitron:before {
content: "\ebb1";
}
.ionicons-logo-javascript:before {
content: "\ebb2";
}
.ionicons-logo-laravel:before {
content: "\ebb3";
}
.ionicons-logo-linkedin:before {
content: "\ebb4";
}
.ionicons-logo-markdown:before {
content: "\ebb5";
}
.ionicons-logo-medium:before {
content: "\ebb6";
}
.ionicons-logo-nodejs:before {
content: "\ebb7";
}
.ionicons-logo-no-smoking:before {
content: "\ebb8";
}
.ionicons-logo-npm:before {
content: "\ebb9";
}
.ionicons-logo-octocat:before {
content: "\ebba";
}
.ionicons-logo-paypal:before {
content: "\ebbb";
}
.ionicons-logo-pinterest:before {
content: "\ebbc";
}
.ionicons-logo-playstation:before {
content: "\ebbd";
}
.ionicons-logo-pwa:before {
content: "\ebbe";
}
.ionicons-logo-python:before {
content: "\ebbf";
}
.ionicons-logo-react:before {
content: "\ebc0";
}
.ionicons-logo-reddit:before {
content: "\ebc1";
}
.ionicons-logo-rss:before {
content: "\ebc2";
}
.ionicons-logo-sass:before {
content: "\ebc3";
}
.ionicons-logo-skype:before {
content: "\ebc4";
}
.ionicons-logo-slack:before {
content: "\ebc5";
}
.ionicons-logo-snapchat:before {
content: "\ebc6";
}
.ionicons-logo-soundcloud:before {
content: "\ebc7";
}
.ionicons-logo-stackoverflow:before {
content: "\ebc8";
}
.ionicons-logo-steam:before {
content: "\ebc9";
}
.ionicons-logo-stencil:before {
content: "\ebca";
}
.ionicons-logo-tiktok:before {
content: "\ebcb";
}
.ionicons-logo-tumblr:before {
content: "\ebcc";
}
.ionicons-logo-tux:before {
content: "\ebcd";
}
.ionicons-logo-twitch:before {
content: "\ebce";
}
.ionicons-logo-twitter:before {
content: "\ebcf";
}
.ionicons-logo-usd:before {
content: "\ebd0";
}
.ionicons-log-out:before {
content: "\ebd1";
}
.ionicons-log-out-outline:before {
content: "\ebd2";
}
.ionicons-logo-venmo:before {
content: "\ebd4";
}
.ionicons-logo-vimeo:before {
content: "\ebd5";
}
.ionicons-logo-vk:before {
content: "\ebd6";
}
.ionicons-logo-vue:before {
content: "\ebd7";
}
.ionicons-logo-web-component:before {
content: "\ebd8";
}
.ionicons-logo-whatsapp:before {
content: "\ebd9";
}
.ionicons-logo-windows:before {
content: "\ebda";
}
.ionicons-logo-wordpress:before {
content: "\ebdb";
}
.ionicons-logo-xbox:before {
content: "\ebdc";
}
.ionicons-logo-xing:before {
content: "\ebdd";
}
.ionicons-logo-yahoo:before {
content: "\ebde";
}
.ionicons-logo-yen:before {
content: "\ebdf";
}
.ionicons-logo-youtube:before {
content: "\ebe0";
}
.ionicons-magnet:before {
content: "\ebe1";
}
.ionicons-magnet-outline:before {
content: "\ebe2";
}
.ionicons-mail:before {
content: "\ebe4";
}
.ionicons-mail-open:before {
content: "\ebe5";
}
.ionicons-mail-open-outline:before {
content: "\ebe6";
}
.ionicons-mail-outline:before {
content: "\ebe8";
}
.ionicons-mail-unread:before {
content: "\ebea";
}
.ionicons-mail-unread-outline:before {
content: "\ebeb";
}
.ionicons-male:before {
content: "\ebed";
}
.ionicons-male-female:before {
content: "\ebee";
}
.ionicons-male-female-outline:before {
content: "\ebef";
}
.ionicons-male-outline:before {
content: "\ebf1";
}
.ionicons-man:before {
content: "\ebf3";
}
.ionicons-man-outline:before {
content: "\ebf4";
}
.ionicons-map:before {
content: "\ebf6";
}
.ionicons-medal:before {
content: "\ebf9";
}
.ionicons-medal-outline:before {
content: "\ebfa";
}
.ionicons-medical:before {
content: "\ebfc";
}
.ionicons-medical-outline:before {
content: "\ebfd";
}
.ionicons-medkit:before {
content: "\ebff";
}
.ionicons-medkit-outline:before {
content: "\ec00";
}
.ionicons-megaphone:before {
content: "\ec02";
}
.ionicons-menu:before {
content: "\ec05";
}
.ionicons-menu-outline:before {
content: "\ec06";
}
.ionicons-mic:before {
content: "\ec08";
}
.ionicons-mic-circle:before {
content: "\ec09";
}
.ionicons-mic-circle-outline:before {
content: "\ec0a";
}
.ionicons-mic-off:before {
content: "\ec0c";
}
.ionicons-mic-off-circle:before {
content: "\ec0d";
}
.ionicons-mic-off-circle-outline:before {
content: "\ec0e";
}
.ionicons-mic-off-outline:before {
content: "\ec10";
}
.ionicons-mic-outline:before {
content: "\ec12";
}
.ionicons-moon:before {
content: "\ec14";
}
.ionicons-moon-outline:before {
content: "\ec15";
}
.ionicons-move:before {
content: "\ec17";
}
.ionicons-move-outline:before {
content: "\ec18";
}
.ionicons-musical-note:before {
content: "\ec1a";
}
.ionicons-musical-note-outline:before {
content: "\ec1b";
}
.ionicons-musical-notes:before {
content: "\ec1c";
}
.ionicons-musical-notes-outline:before {
content: "\ec1e";
}
.ionicons-navigate:before {
content: "\ec20";
}
.ionicons-navigate-circle:before {
content: "\ec21";
}
.ionicons-navigate-circle-outline:before {
content: "\ec22";
}
.ionicons-navigate-outline:before {
content: "\ec24";
}
.ionicons-newspaper:before {
content: "\ec26";
}
.ionicons-newspaper-outline:before {
content: "\ec27";
}
.ionicons-notifications:before {
content: "\ec29";
}
.ionicons-notifications-circle:before {
content: "\ec2a";
}
.ionicons-notifications-circle-outline:before {
content: "\ec2b";
}
.ionicons-notifications-off:before {
content: "\ec2d";
}
.ionicons-notifications-off-circle:before {
content: "\ec2e";
}
.ionicons-notifications-off-circle-outline:before {
content: "\ec2f";
}
.ionicons-notifications-off-outline:before {
content: "\ec31";
}
.ionicons-notifications-outline:before {
content: "\ec33";
}
.ionicons-nuclear:before {
content: "\ec35";
}
.ionicons-nuclear-outline:before {
content: "\ec36";
}
.ionicons-nutrition:before {
content: "\ec38";
}
.ionicons-nutrition-outline:before {
content: "\ec39";
}
.ionicons-open:before {
content: "\ec3b";
}
.ionicons-open-outline:before {
content: "\ec3c";
}
.ionicons-options:before {
content: "\ec3e";
}
.ionicons-options-outline:before {
content: "\ec3f";
}
.ionicons-paper-plane:before {
content: "\ec41";
}
.ionicons-paper-plane-outline:before {
content: "\ec42";
}
.ionicons-partly-sunny:before {
content: "\ec44";
}
.ionicons-partly-sunny-outline:before {
content: "\ec45";
}
.ionicons-pause:before {
content: "\ec47";
}
.ionicons-pause-circle:before {
content: "\ec48";
}
.ionicons-pause-circle-outline:before {
content: "\ec49";
}
.ionicons-pause-outline:before {
content: "\ec4b";
}
.ionicons-paw:before {
content: "\ec4d";
}
.ionicons-pencil:before {
content: "\ec50";
}
.ionicons-pencil-outline:before {
content: "\ec51";
}
.ionicons-people:before {
content: "\ec53";
}
.ionicons-people-circle:before {
content: "\ec54";
}
.ionicons-people-outline:before {
content: "\ec57";
}
.ionicons-person:before {
content: "\ec59";
}
.ionicons-person-add:before {
content: "\ec5a";
}
.ionicons-person-circle:before {
content: "\ec5d";
}
.ionicons-person-circle-outline:before {
content: "\ec5e";
}
.ionicons-person-remove:before {
content: "\ec61";
}
.ionicons-phone-landscape:before {
content: "\ec65";
}
.ionicons-phone-landscape-outline:before {
content: "\ec66";
}
.ionicons-phone-portrait:before {
content: "\ec68";
}
.ionicons-phone-portrait-outline:before {
content: "\ec69";
}
.ionicons-pie-chart:before {
content: "\ec6b";
}
.ionicons-pin:before {
content: "\ec6e";
}
.ionicons-pint:before {
content: "\ec71";
}
.ionicons-pizza:before {
content: "\ec74";
}
.ionicons-pizza-outline:before {
content: "\ec75";
}
.ionicons-planet:before {
content: "\ec77";
}
.ionicons-play:before {
content: "\ec7a";
}
.ionicons-play-back:before {
content: "\ec7b";
}
.ionicons-play-back-circle:before {
content: "\ec7c";
}
.ionicons-play-back-circle-outline:before {
content: "\ec7d";
}
.ionicons-play-back-outline:before {
content: "\ec7f";
}
.ionicons-play-circle:before {
content: "\ec81";
}
.ionicons-play-circle-outline:before {
content: "\ec82";
}
.ionicons-play-forward:before {
content: "\ec84";
}
.ionicons-play-forward-circle:before {
content: "\ec85";
}
.ionicons-play-forward-circle-outline:before {
content: "\ec86";
}
.ionicons-play-forward-outline:before {
content: "\ec88";
}
.ionicons-play-outline:before {
content: "\ec8a";
}
.ionicons-play-skip-back:before {
content: "\ec8c";
}
.ionicons-play-skip-back-circle:before {
content: "\ec8d";
}
.ionicons-play-skip-back-circle-outline:before {
content: "\ec8e";
}
.ionicons-play-skip-back-outline:before {
content: "\ec90";
}
.ionicons-play-skip-forward:before {
content: "\ec92";
}
.ionicons-play-skip-forward-circle:before {
content: "\ec93";
}
.ionicons-play-skip-forward-circle-outline:before {
content: "\ec94";
}
.ionicons-play-skip-forward-outline:before {
content: "\ec96";
}
.ionicons-podium:before {
content: "\ec98";
}
.ionicons-podium-outline:before {
content: "\ec99";
}
.ionicons-power:before {
content: "\ec9b";
}
.ionicons-power-outline:before {
content: "\ec9c";
}
.ionicons-pricetag:before {
content: "\ec9e";
}
.ionicons-pricetags:before {
content: "\eca0";
}
.ionicons-print:before {
content: "\eca4";
}
.ionicons-print-outline:before {
content: "\eca5";
}
.ionicons-pulse:before {
content: "\eca7";
}
.ionicons-pulse-outline:before {
content: "\eca8";
}
.ionicons-push:before {
content: "\ecaa";
}
.ionicons-push-outline:before {
content: "\ecab";
}
.ionicons-qr-code:before {
content: "\ecad";
}
.ionicons-qr-code-outline:before {
content: "\ecae";
}
.ionicons-radio:before {
content: "\ecb0";
}
.ionicons-radio-button-off:before {
content: "\ecb1";
}
.ionicons-radio-button-off-outline:before {
content: "\ecb2";
}
.ionicons-radio-button-on:before {
content: "\ecb4";
}
.ionicons-radio-button-on-outline:before {
content: "\ecb5";
}
.ionicons-radio-outline:before {
content: "\ecb7";
}
.ionicons-rainy:before {
content: "\ecb9";
}
.ionicons-rainy-outline:before {
content: "\ecba";
}
.ionicons-reader:before {
content: "\ecbc";
}
.ionicons-reader-outline:before {
content: "\ecbd";
}
.ionicons-receipt:before {
content: "\ecbf";
}
.ionicons-receipt-outline:before {
content: "\ecc0";
}
.ionicons-recording:before {
content: "\ecc2";
}
.ionicons-recording-outline:before {
content: "\ecc3";
}
.ionicons-refresh:before {
content: "\ecc5";
}
.ionicons-refresh-circle:before {
content: "\ecc6";
}
.ionicons-refresh-circle-outline:before {
content: "\ecc7";
}
.ionicons-refresh-outline:before {
content: "\ecc9";
}
.ionicons-reload:before {
content: "\eccb";
}
.ionicons-reload-circle:before {
content: "\eccc";
}
.ionicons-reload-circle-outline:before {
content: "\eccd";
}
.ionicons-reload-outline:before {
content: "\eccf";
}
.ionicons-remove:before {
content: "\ecd1";
}
.ionicons-remove-circle:before {
content: "\ecd2";
}
.ionicons-remove-circle-outline:before {
content: "\ecd3";
}
.ionicons-remove-outline:before {
content: "\ecd5";
}
.ionicons-reorder-four:before {
content: "\ecd7";
}
.ionicons-reorder-four-outline:before {
content: "\ecd8";
}
.ionicons-reorder-three:before {
content: "\ecda";
}
.ionicons-reorder-three-outline:before {
content: "\ecdb";
}
.ionicons-reorder-two:before {
content: "\ecdd";
}
.ionicons-reorder-two-outline:before {
content: "\ecde";
}
.ionicons-repeat:before {
content: "\ece0";
}
.ionicons-repeat-outline:before {
content: "\ece1";
}
.ionicons-resize:before {
content: "\ece3";
}
.ionicons-resize-outline:before {
content: "\ece4";
}
.ionicons-restaurant:before {
content: "\ece6";
}
.ionicons-return-down-back:before {
content: "\ece9";
}
.ionicons-return-down-back-outline:before {
content: "\ecea";
}
.ionicons-return-down-forward:before {
content: "\ecec";
}
.ionicons-return-down-forward-outline:before {
content: "\eced";
}
.ionicons-return-up-back:before {
content: "\ecef";
}
.ionicons-return-up-back-outline:before {
content: "\ecf0";
}
.ionicons-return-up-forward:before {
content: "\ecf2";
}
.ionicons-return-up-forward-outline:before {
content: "\ecf3";
}
.ionicons-ribbon:before {
content: "\ecf5";
}
.ionicons-ribbon-outline:before {
content: "\ecf6";
}
.ionicons-rocket:before {
content: "\ecf8";
}
.ionicons-rocket-outline:before {
content: "\ecf9";
}
.ionicons-rose:before {
content: "\ecfb";
}
.ionicons-rose-outline:before {
content: "\ecfc";
}
.ionicons-sad:before {
content: "\ecfe";
}
.ionicons-sad-outline:before {
content: "\ecff";
}
.ionicons-save:before {
content: "\ed01";
}
.ionicons-scan:before {
content: "\ed04";
}
.ionicons-scan-circle:before {
content: "\ed05";
}
.ionicons-scan-circle-outline:before {
content: "\ed06";
}
.ionicons-scan-outline:before {
content: "\ed08";
}
.ionicons-school:before {
content: "\ed0a";
}
.ionicons-school-outline:before {
content: "\ed0b";
}
.ionicons-search:before {
content: "\ed0d";
}
.ionicons-search-circle:before {
content: "\ed0e";
}
.ionicons-search-circle-outline:before {
content: "\ed0f";
}
.ionicons-send:before {
content: "\ed13";
}
.ionicons-send-outline:before {
content: "\ed14";
}
.ionicons-server:before {
content: "\ed16";
}
.ionicons-server-outline:before {
content: "\ed17";
}
.ionicons-settings:before {
content: "\ed19";
}
.ionicons-shapes:before {
content: "\ed1c";
}
.ionicons-shapes-outline:before {
content: "\ed1d";
}
.ionicons-share:before {
content: "\ed1f";
}
.ionicons-share-outline:before {
content: "\ed20";
}
.ionicons-share-social:before {
content: "\ed22";
}
.ionicons-share-social-outline:before {
content: "\ed23";
}
.ionicons-shield:before {
content: "\ed25";
}
.ionicons-shield-checkmark:before {
content: "\ed26";
}
.ionicons-shield-checkmark-outline:before {
content: "\ed27";
}
.ionicons-shield-outline:before {
content: "\ed29";
}
.ionicons-shirt:before {
content: "\ed2b";
}
.ionicons-shirt-outline:before {
content: "\ed2c";
}
.ionicons-shuffle:before {
content: "\ed2e";
}
.ionicons-shuffle-outline:before {
content: "\ed2f";
}
.ionicons-skull:before {
content: "\ed31";
}
.ionicons-skull-outline:before {
content: "\ed32";
}
.ionicons-snow:before {
content: "\ed34";
}
.ionicons-snow-outline:before {
content: "\ed35";
}
.ionicons-speedometer:before {
content: "\ed37";
}
.ionicons-speedometer-outline:before {
content: "\ed38";
}
.ionicons-square:before {
content: "\ed3a";
}
.ionicons-square-outline:before {
content: "\ed3b";
}
.ionicons-star:before {
content: "\ed3d";
}
.ionicons-star-half:before {
content: "\ed3e";
}
.ionicons-star-half-outline:before {
content: "\ed3f";
}
.ionicons-star-outline:before {
content: "\ed41";
}
.ionicons-stats-chart:before {
content: "\ed43";
}
.ionicons-stats-chart-outline:before {
content: "\ed44";
}
.ionicons-stop:before {
content: "\ed46";
}
.ionicons-stop-circle:before {
content: "\ed47";
}
.ionicons-stop-circle-outline:before {
content: "\ed48";
}
.ionicons-stop-outline:before {
content: "\ed4a";
}
.ionicons-stopwatch:before {
content: "\ed4c";
}
.ionicons-stopwatch-outline:before {
content: "\ed4d";
}
.ionicons-subway:before {
content: "\ed4f";
}
.ionicons-subway-outline:before {
content: "\ed50";
}
.ionicons-sunny:before {
content: "\ed52";
}
.ionicons-sunny-outline:before {
content: "\ed53";
}
.ionicons-swap-horizontal:before {
content: "\ed55";
}
.ionicons-swap-horizontal-outline:before {
content: "\ed56";
}
.ionicons-swap-vertical:before {
content: "\ed58";
}
.ionicons-swap-vertical-outline:before {
content: "\ed59";
}
.ionicons-sync-circle:before {
content: "\ed5c";
}
.ionicons-sync-circle-outline:before {
content: "\ed5d";
}
.ionicons-tablet-landscape:before {
content: "\ed61";
}
.ionicons-tablet-landscape-outline:before {
content: "\ed62";
}
.ionicons-tablet-portrait:before {
content: "\ed64";
}
.ionicons-tablet-portrait-outline:before {
content: "\ed65";
}
.ionicons-tennisball:before {
content: "\ed67";
}
.ionicons-terminal:before {
content: "\ed6a";
}
.ionicons-terminal-outline:before {
content: "\ed6b";
}
.ionicons-text:before {
content: "\ed6d";
}
.ionicons-text-outline:before {
content: "\ed6e";
}
.ionicons-thermometer:before {
content: "\ed70";
}
.ionicons-thumbs-down:before {
content: "\ed73";
}
.ionicons-thumbs-up:before {
content: "\ed76";
}
.ionicons-thumbs-up-outline:before {
content: "\ed77";
}
.ionicons-thunderstorm:before {
content: "\ed79";
}
.ionicons-thunderstorm-outline:before {
content: "\ed7a";
}
.ionicons-time:before {
content: "\ed7c";
}
.ionicons-time-outline:before {
content: "\ed7d";
}
.ionicons-timer:before {
content: "\ed7e";
}
.ionicons-timer-outline:before {
content: "\ed7f";
}
.ionicons-today:before {
content: "\ed82";
}
.ionicons-today-outline:before {
content: "\ed83";
}
.ionicons-toggle:before {
content: "\ed85";
}
.ionicons-toggle-outline:before {
content: "\ed86";
}
.ionicons-trail-sign:before {
content: "\ed88";
}
.ionicons-trail-sign-outline:before {
content: "\ed89";
}
.ionicons-train:before {
content: "\ed8b";
}
.ionicons-train-outline:before {
content: "\ed8c";
}
.ionicons-transgender:before {
content: "\ed8e";
}
.ionicons-transgender-outline:before {
content: "\ed8f";
}
.ionicons-trash:before {
content: "\ed91";
}
.ionicons-trash-bin:before {
content: "\ed92";
}
.ionicons-trash-bin-outline:before {
content: "\ed93";
}
.ionicons-trash-outline:before {
content: "\ed95";
}
.ionicons-trending-down:before {
content: "\ed97";
}
.ionicons-trending-down-outline:before {
content: "\ed98";
}
.ionicons-trending-up:before {
content: "\ed9a";
}
.ionicons-trending-up-outline:before {
content: "\ed9b";
}
.ionicons-triangle:before {
content: "\ed9d";
}
.ionicons-triangle-outline:before {
content: "\ed9e";
}
.ionicons-trophy:before {
content: "\eda0";
}
.ionicons-trophy-outline:before {
content: "\eda1";
}
.ionicons-tv:before {
content: "\eda3";
}
.ionicons-tv-outline:before {
content: "\eda4";
}
.ionicons-umbrella:before {
content: "\eda6";
}
.ionicons-umbrella-outline:before {
content: "\eda7";
}
.ionicons-videocam:before {
content: "\eda9";
}
.ionicons-videocam-outline:before {
content: "\edaa";
}
.ionicons-volume-high:before {
content: "\edac";
}
.ionicons-volume-high-outline:before {
content: "\edad";
}
.ionicons-volume-low:before {
content: "\edaf";
}
.ionicons-volume-low-outline:before {
content: "\edb0";
}
.ionicons-volume-medium:before {
content: "\edb2";
}
.ionicons-volume-medium-outline:before {
content: "\edb3";
}
.ionicons-volume-mute:before {
content: "\edb5";
}
.ionicons-volume-mute-outline:before {
content: "\edb6";
}
.ionicons-volume-off:before {
content: "\edb8";
}
.ionicons-volume-off-outline:before {
content: "\edb9";
}
.ionicons-wallet-outline:before {
content: "\edbf";
}
.ionicons-warning:before {
content: "\edc1";
}
.ionicons-watch:before {
content: "\edc4";
}
.ionicons-watch-outline:before {
content: "\edc5";
}
.ionicons-water:before {
content: "\edc7";
}
.ionicons-water-outline:before {
content: "\edc8";
}
.ionicons-wifi:before {
content: "\edca";
}
.ionicons-wifi-outline:before {
content: "\edcb";
}
.ionicons-wine:before {
content: "\edcd";
}
.ionicons-wine-outline:before {
content: "\edce";
}
.ionicons-woman:before {
content: "\edd0";
}
 .play-link, .banner-in-row .banner-bottom .bottom-button a, .portfolio-b-carousel .swiper-slide .read-more-button, .links-with-image-block .link a, .categories-carousel-type2 .swiper-slide .title a, .contacts-row .text a {
color: inherit;
text-decoration: none;
}
.bg-overlay .bg-text, .banner-area .banner-side-button, .draggable-cursor, .banner-image-on-side .image-slider .slides .slide, .banner-centered-content .image-slider .slide, .portfolio-b-carousel .swiper-slide .read-more-button, .nav-buttons, .plus-button-block, .portfolio-b-carousel .swiper-slide .icon,
.product-image-block .slider .icon,
.poduct-content-row .product-image .icon,
.portfolio-item .icon, .portfolio-item .read-more-button, .portfolio-projects-carousel .title-block, .portfolio-type-slider .prev,
.portfolio-type-slider .next, .map-block.with-content, .brand-block .nav-arrows .prev,
.brand-block .nav-arrows .next, .brand-item, .accordion-block .accordion-item .top .button, .video-button, .icon-box-block.style3 .icon-box .icon, .icon-box-block.style4 .icon-box .icon, .icon-box-block.style6 .icon-box .icon, .side-img-block.style1 .icon, .team-item .img a.link, .banner-image-slider .content-slider, .banner-image-slider .content-slider .slide, .price-list-item .image .button, .info-box-items .info-box .top .icon, .skills-rate-type2 .num, .project-split-screen .right-side .nav-arrows-block,
.split-screen-block .nav-arrows-block, .project-split-screen .right-side .nav-arrows-block .prev,
.project-split-screen .right-side .nav-arrows-block .next,
.split-screen-block .nav-arrows-block .prev,
.split-screen-block .nav-arrows-block .next, .banner-image-on-side .counter-block,
.projects-carousel-block .counter-block,
.scroll-projects-block .counter-block,
.banner-area .counter-block,
.vertical-banner .counter-block,
.project-slider .counter-block,
.project-horizontal .counter-block,
.project-carousel .counter-block,
.responsive-slider .counter-block,
.split-screen-block .counter-block, .banner-image-on-side .counter-block .counter,
.projects-carousel-block .counter-block .counter,
.scroll-projects-block .counter-block .counter,
.banner-area .counter-block .counter,
.vertical-banner .counter-block .counter,
.project-slider .counter-block .counter,
.project-horizontal .counter-block .counter,
.project-carousel .counter-block .counter,
.responsive-slider .counter-block .counter,
.split-screen-block .counter-block .counter, .split-screen-block .split-screen-item, .split-screen-block .split-screen-item > .first-side,
.split-screen-block .split-screen-item > .second-side, .tile-box .tile-box-item .title-block, .categories-carousel-type2 .swiper-slide .like-button, .scroll-projects-block .bottom-nav-block,
.categories-carousel-type2 .bottom-nav-block, .projects-carousel-block .b-button,
.scroll-projects-block .bottom-nav-block .b-button,
.categories-carousel-type2 .bottom-nav-block .b-button, .scroll-projects-block .prev,
.scroll-projects-block .next {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.bg-overlay .video-wrap.disable-on-scroll video,
.bg-overlay .video.disable-on-scroll video, .bg-overlay iframe.video.disable-on-scroll, .bg-overlay .video-controls.hide, .bg-overlay .video-controls .button:before, .bg-overlay .video-controls .button i, .bg-overlay .color, .image-slider-type2 .prev,
.image-slider-type2 .next, .image-slider-type2 .swiper-slide:before, .banner-area .nav-block .prev,
.banner-area .nav-block .next, .banner-area .banner-side-button, .banner-area.with-gallery .banner-item.style4 .thumbs .prev,
.banner-area.with-gallery .banner-item.style4 .thumbs .next,
.portfolio-projects-carousel .prev,
.portfolio-projects-carousel .next,
.banner-area.with-gallery .thumbs .prev,
.banner-area.with-gallery .thumbs .next, .banner-area.with-gallery.style4 .image-slider-type3 .prev,
.banner-area.with-gallery.style4 .image-slider-type3 .next, .banner-area.starting-banner .prev,
.banner-area.starting-banner .next, .play-button, .banner-image-on-side .image-slider .slides .slide, .banner-type2 .nav-block .prev,
.banner-type2 .nav-block .next,
.banner-image-on-side .nav-block .prev,
.banner-image-on-side .nav-block .next, .banner-image-on-side.type2 > .prev,
.banner-image-on-side.type2 > .next, .banner-centered-content .image-slider .prev,
.banner-centered-content .image-slider .next, .banner-in-row .banner-bottom .nav-block .prev i,
.banner-in-row .banner-bottom .nav-block .next i, .banner-in-row .banner-bottom .nav-block .next:before, .banner-with-icons .nav-block .prev,
.banner-with-icons .nav-block .next, .portfolio-b-carousel .prev,
.portfolio-b-carousel .next, .portfolio-b-carousel .swiper-slide .image:before, .swiper-dots .swiper-pagination-bullet, .swiper-dots .swiper-pagination-bullet:before, .loadmore-button .load-dots, .loadmore-button .spin, .filter-buttons .wrap .button, .filter-buttons .wrap .button:before, .filter-buttons .wrap .button span, .nav-buttons > *, .portfolio-item .img:after, .portfolio-item .read-more-button, .portfolio-type-carousel .prev,
.portfolio-type-carousel .next, .portfolio-scattered-item .img:before,
.portfolio-justified-item .img:before, .skills-rate .rate-line span, .brand-block .nav-arrows .prev,
.brand-block .nav-arrows .next, .brand-block.style2 .next, .brand-item img, .testimonials-slider .prev,
.testimonials-slider .next, .testimonials-slider .swiper-container .swiper-slide, .icon-box-block > .next,
.icon-box-block > .prev, .links-with-image-block .link .image, .categories-block .prev,
.categories-block .next, .categories-block .swiper-slide .image:before, .categories-block .swiper-slide .content .title span, .icon-box-block .nav-block .prev,
.icon-box-block .nav-block .next,
.info-box-items .nav-block .prev,
.info-box-items .nav-block .next,
.testimonials .nav-block .prev,
.testimonials .nav-block .next,
.team-block .nav-block .prev,
.team-block .nav-block .next, .team-block.style2 .prev,
.team-block.style2 .next, .team-block.style2 .swiper-slide, .team-item .img:before, .team-item .img .social-links, .team-item-style2 .img:before, .categories-carousel .prev,
.categories-carousel .next, .categories-carousel .swiper-slide .title, .categories-carousel .swiper-slide .title:before, .categories-type2 .prev,
.categories-type2 .next, .categories-type2 .categories-item.swiper-slide, .categories-type2 .categories-item .image:after, .categories-type2 .categories-item .title span, .banner-image-slider > .prev,
.banner-image-slider > .next, .price-list-block .prev,
.price-list-block .next, .price-list-block .swiper-container .swiper-slide, .price-list-item .image .button, .price-list-type2-block .prev,
.price-list-type2-block .next, .price-list-type2-block .swiper-container-initialized .price-list-type2-item, .testimonials-carousel .nav-arrows .prev,
.testimonials-carousel .nav-arrows .next, .testimonials-carousel .swiper-container-initialized .testimonial-item, .categories-in-col .category-item .image:before, .tabs-block .tab-nav .prev,
.tabs-block .tab-nav .next, .tabs-block .tab-nav .swiper-slide, .tabs-block .tab-content .swiper-slide, .testimonials .swiper-container-initialized .testimonial-item, .image-slider-with-thumb .thumbs .prev,
.image-slider-with-thumb .thumbs .next, .categories-type3 .nav-block .prev,
.categories-type3 .nav-block .next, .project-split-screen .right-side .nav-arrows-block .prev,
.project-split-screen .right-side .nav-arrows-block .next,
.split-screen-block .nav-arrows-block .prev,
.split-screen-block .nav-arrows-block .next, .project-split-screen .right-side .nav-arrows-block .prev:before,
.project-split-screen .right-side .nav-arrows-block .next:before,
.split-screen-block .nav-arrows-block .prev:before,
.split-screen-block .nav-arrows-block .next:before, .banner-image-on-side .counter-block .prev,
.banner-image-on-side .counter-block .next,
.projects-carousel-block .counter-block .prev,
.projects-carousel-block .counter-block .next,
.scroll-projects-block .counter-block .prev,
.scroll-projects-block .counter-block .next,
.banner-area .counter-block .prev,
.banner-area .counter-block .next,
.vertical-banner .counter-block .prev,
.vertical-banner .counter-block .next,
.project-slider .counter-block .prev,
.project-slider .counter-block .next,
.project-horizontal .counter-block .prev,
.project-horizontal .counter-block .next,
.project-carousel .counter-block .prev,
.project-carousel .counter-block .next,
.responsive-slider .counter-block .prev,
.responsive-slider .counter-block .next,
.split-screen-block .counter-block .prev,
.split-screen-block .counter-block .next, .banner-image-on-side .counter-block .counter,
.projects-carousel-block .counter-block .counter,
.scroll-projects-block .counter-block .counter,
.banner-area .counter-block .counter,
.vertical-banner .counter-block .counter,
.project-slider .counter-block .counter,
.project-horizontal .counter-block .counter,
.project-carousel .counter-block .counter,
.responsive-slider .counter-block .counter,
.split-screen-block .counter-block .counter, .content-box-block .prev,
.content-box-block .next, .content-box-block .swiper-slide, .content-box-item:before, .tile-box .tile-box-item .hover-bg, .categories-carousel-type2 .swiper-slide .image div:before, .scroll-projects-block .bottom-nav-block .prev,
.scroll-projects-block .bottom-nav-block .next,
.categories-carousel-type2 .bottom-nav-block .prev,
.categories-carousel-type2 .bottom-nav-block .next, .scroll-projects-block .prev,
.scroll-projects-block .next, .projects-carousel-block .prev,
.projects-carousel-block .next, .vertical-banner .slide-item .overlay, .vertical-banner .nav-arrows .prev,
.vertical-banner .nav-arrows .next, .fullscreen-navigation .bg-items .bg-item, .image-slider-block .prev,
.image-slider-block .next {
-webkit-transition: 300ms ease;
-o-transition: 300ms ease;
transition: 300ms ease;
-webkit-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
-o-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
transition-property: color, background, mix-blend-mode, opacity, visibility, height;
}
.vc_section,
.vc_row,
.wpb_wrapper, .bg-overlay .image, .image-slider-type2 .swiper-slide, .banner-area.with-gallery .bg-gallery div, .banner-area.with-gallery .bg-slider .swiper-slide, .banner-area.with-gallery .banner-item.style4 .thumbs .swiper-slide,
.portfolio-projects-carousel .swiper-slide,
.banner-area.with-gallery .thumbs .swiper-slide, .banner-area .side-image .img, .banner-area .laptop-image .img, .help-button .avatar, .banner-image-on-side .image-slider .slides .slide, .banner-image-on-side .image-slider .slides .swiper-slide, .banner-image-on-side.type2 .image-slider .slides .slide .image, .banner-in-row .banner-bottom .nav-block .swiper-container .swiper-slide, .portfolio-b-carousel .swiper-slide .image, .video-block, .portfolio-item .img, .portfolio-item .img div, .portfolio-scattered-item .img,
.portfolio-justified-item .img, .portfolio-justified-item .image-block .img div, .portfolio-projects-carousel .swiper-slide .image, .testimonials-slider .testimonial-item .avatar, .side-img-block .image div, .links-with-image-block .link .image, .quote-container .avatar, .quote-container-style2 .avatar, .quote-container-style2 .side-image, .quote-container-style3 .side-image, .categories-block .swiper-slide .image, .team-item .img, .team-item-style2 .img, .categories-carousel .swiper-slide .image div, .categories-type2 .categories-item .image div, .price-list-item .image, .price-list-type2-item .bg-image .img, .notifications-block .notification-item .bg-image, .notifications-block .notification-item .avatar, .testimonials-carousel .testimonial-item .avatar, .categories-in-col .category-item .image, .employee-card .image, .testimonials .testimonial-item .image, .image-slider-with-thumb .swiper-slide, .categories-type3 .swiper-slide .image, .split-screen-block .container-wrap .image .bg, .app-carousel .swiper-slide .image, .categories-carousel-type2 .swiper-slide .image div, .projects-carousel-block .image-items .item, .vertical-banner .side-image-block .bg, .vertical-banner .side-image-block .overlay-bg, .vertical-banner .slide-item, .heading-banner .left-image,
.heading-banner .bottom-image,
.heading-banner .right-image {
background: 50% no-repeat;
background-size: cover;
}
@media (max-width: 767.98px) {
body.mobile-images-true .vc_section,
body.mobile-images-true .vc_row,
body.mobile-images-true .wpb_wrapper, body.mobile-images-true .bg-overlay .image, .bg-overlay body.mobile-images-true .image, body.mobile-images-true .image-slider-type2 .swiper-slide, .image-slider-type2 body.mobile-images-true .swiper-slide, body.mobile-images-true .banner-area.with-gallery .bg-gallery div, .banner-area.with-gallery .bg-gallery body.mobile-images-true div, body.mobile-images-true .banner-area.with-gallery .bg-slider .swiper-slide, .banner-area.with-gallery .bg-slider body.mobile-images-true .swiper-slide, body.mobile-images-true .banner-area.with-gallery .banner-item.style4 .thumbs .swiper-slide, .banner-area.with-gallery .banner-item.style4 .thumbs body.mobile-images-true .swiper-slide,
body.mobile-images-true .portfolio-projects-carousel .swiper-slide, .portfolio-projects-carousel body.mobile-images-true .swiper-slide,
body.mobile-images-true .banner-area.with-gallery .thumbs .swiper-slide, .banner-area.with-gallery .thumbs body.mobile-images-true .swiper-slide, body.mobile-images-true .banner-area .side-image .img, .banner-area .side-image body.mobile-images-true .img, body.mobile-images-true .banner-area .laptop-image .img, .banner-area .laptop-image body.mobile-images-true .img, body.mobile-images-true .help-button .avatar, .help-button body.mobile-images-true .avatar, body.mobile-images-true .banner-image-on-side .image-slider .slides .slide, .banner-image-on-side .image-slider .slides body.mobile-images-true .slide, body.mobile-images-true .banner-image-on-side .image-slider .slides .swiper-slide, .banner-image-on-side .image-slider .slides body.mobile-images-true .swiper-slide, body.mobile-images-true .banner-image-on-side.type2 .image-slider .slides .slide .image, .banner-image-on-side.type2 .image-slider .slides .slide body.mobile-images-true .image, body.mobile-images-true .banner-in-row .banner-bottom .nav-block .swiper-container .swiper-slide, .banner-in-row .banner-bottom .nav-block .swiper-container body.mobile-images-true .swiper-slide, body.mobile-images-true .portfolio-b-carousel .swiper-slide .image, .portfolio-b-carousel .swiper-slide body.mobile-images-true .image, body.mobile-images-true .video-block, body.mobile-images-true .portfolio-item .img, .portfolio-item body.mobile-images-true .img, body.mobile-images-true .portfolio-item .img div, .portfolio-item .img body.mobile-images-true div, body.mobile-images-true .portfolio-scattered-item .img, .portfolio-scattered-item body.mobile-images-true .img,
body.mobile-images-true .portfolio-justified-item .img, .portfolio-justified-item body.mobile-images-true .img, body.mobile-images-true .portfolio-justified-item .image-block .img div, .portfolio-justified-item .image-block .img body.mobile-images-true div, body.mobile-images-true .portfolio-projects-carousel .swiper-slide .image, .portfolio-projects-carousel .swiper-slide body.mobile-images-true .image, body.mobile-images-true .testimonials-slider .testimonial-item .avatar, .testimonials-slider .testimonial-item body.mobile-images-true .avatar, body.mobile-images-true .side-img-block .image div, .side-img-block .image body.mobile-images-true div, body.mobile-images-true .links-with-image-block .link .image, .links-with-image-block .link body.mobile-images-true .image, body.mobile-images-true .quote-container .avatar, .quote-container body.mobile-images-true .avatar, body.mobile-images-true .quote-container-style2 .avatar, .quote-container-style2 body.mobile-images-true .avatar, body.mobile-images-true .quote-container-style2 .side-image, .quote-container-style2 body.mobile-images-true .side-image, body.mobile-images-true .quote-container-style3 .side-image, .quote-container-style3 body.mobile-images-true .side-image, body.mobile-images-true .categories-block .swiper-slide .image, .categories-block .swiper-slide body.mobile-images-true .image, body.mobile-images-true .team-item .img, .team-item body.mobile-images-true .img, body.mobile-images-true .team-item-style2 .img, .team-item-style2 body.mobile-images-true .img, body.mobile-images-true .categories-carousel .swiper-slide .image div, .categories-carousel .swiper-slide .image body.mobile-images-true div, body.mobile-images-true .categories-type2 .categories-item .image div, .categories-type2 .categories-item .image body.mobile-images-true div, body.mobile-images-true .price-list-item .image, .price-list-item body.mobile-images-true .image, body.mobile-images-true .price-list-type2-item .bg-image .img, .price-list-type2-item .bg-image body.mobile-images-true .img, body.mobile-images-true .notifications-block .notification-item .bg-image, .notifications-block .notification-item body.mobile-images-true .bg-image, body.mobile-images-true .notifications-block .notification-item .avatar, .notifications-block .notification-item body.mobile-images-true .avatar, body.mobile-images-true .testimonials-carousel .testimonial-item .avatar, .testimonials-carousel .testimonial-item body.mobile-images-true .avatar, body.mobile-images-true .categories-in-col .category-item .image, .categories-in-col .category-item body.mobile-images-true .image, body.mobile-images-true .employee-card .image, .employee-card body.mobile-images-true .image, body.mobile-images-true .testimonials .testimonial-item .image, .testimonials .testimonial-item body.mobile-images-true .image, body.mobile-images-true .image-slider-with-thumb .swiper-slide, .image-slider-with-thumb body.mobile-images-true .swiper-slide, body.mobile-images-true .categories-type3 .swiper-slide .image, .categories-type3 .swiper-slide body.mobile-images-true .image, body.mobile-images-true .split-screen-block .container-wrap .image .bg, .split-screen-block .container-wrap .image body.mobile-images-true .bg, body.mobile-images-true .app-carousel .swiper-slide .image, .app-carousel .swiper-slide body.mobile-images-true .image, body.mobile-images-true .categories-carousel-type2 .swiper-slide .image div, .categories-carousel-type2 .swiper-slide .image body.mobile-images-true div, body.mobile-images-true .projects-carousel-block .image-items .item, .projects-carousel-block .image-items body.mobile-images-true .item, body.mobile-images-true .vertical-banner .side-image-block .bg, .vertical-banner .side-image-block body.mobile-images-true .bg, body.mobile-images-true .vertical-banner .side-image-block .overlay-bg, .vertical-banner .side-image-block body.mobile-images-true .overlay-bg, body.mobile-images-true .vertical-banner .slide-item, .vertical-banner body.mobile-images-true .slide-item, body.mobile-images-true .heading-banner .left-image, .heading-banner body.mobile-images-true .left-image,
body.mobile-images-true .heading-banner .bottom-image, .heading-banner body.mobile-images-true .bottom-image,
body.mobile-images-true .heading-banner .right-image, .heading-banner body.mobile-images-true .right-image {
background-size: contain !important;
}
}
.video-block .button, .filter-buttons .wrap .button, .price-list-type2-block .plan-switcher button,
.price-list-block .plan-switcher button {
background: none;
border: none;
color: inherit;
cursor: pointer;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: inherit;
line-height: 1;
outline: none;
overflow: hidden;
padding: 0;
pointer-events: all;
position: relative;
text-decoration: none;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
}
.video-block .button span, .filter-buttons .wrap .button span, .price-list-type2-block .plan-switcher button span, .price-list-block .plan-switcher button span {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.bg-overlay, .bg-overlay .image, .bg-overlay .parallax-image, .bg-overlay .video-wrap,
.bg-overlay .video, .bg-overlay .color-change, .bg-overlay .pattern, .bg-overlay .color, .bg-overlay .bg-color, .bg-overlay .gradient, .bg-overlay .cross, .bg-overlay .dots, .bg-overlay .waves, .bg-overlay .squares, .bg-overlay .decor-lines, .bg-overlay .decor-lines-on-bottom, .bg-overlay .wave-background, .bg-overlay a, .image-slider-type2 .swiper-slide:before, .banner-area .categories-block, .banner-area.with-categories-type2 .bg-text, .banner-area.with-gallery .bg-gallery, .banner-area.with-gallery .bg-gallery:before, .banner-area.with-gallery .bg-gallery div, .banner-area.with-gallery .bg-slider, .banner-area.with-gallery .banner-item.style2:before, .banner-area.with-gallery.style4 .image-slider-type3, .banner-area.with-circles .circles .svg, .banner-area.with-circles .circles .svg .p, .banner-area .side-image .img, .draggable-cursor:before, .help-button .avatar:after, .help-button a, .banner-image-on-side .image-slider .slides, .banner-image-on-side .image-slider .slides .slide, .banner-image-on-side .image-slider .slides .swiper-slide .video-wrap,
.banner-image-on-side .image-slider .slides .swiper-slide .video, .banner-image-on-side .image-slider:before, .banner-image-on-side.type2 .image-slider .slides, .banner-image-on-side.type2 .image-slider .slides .slide, .banner-image-on-side.type2 .image-slider .slides .slide .image, .banner-type2 .image-slider .slide, .banner-in-row .banner-bottom .b-decor span, .banner-in-row .banner-bottom .nav-block .next:before, .banner-with-icons .image-slider:after, .banner-with-icons .image-slider canvas, .banner-with-icons .image-slider .slides, .banner-with-icons .image-slider .slides .slide, .portfolio-b-carousel .swiper-slide .image, .portfolio-b-carousel .swiper-slide .image:before, .portfolio-b-carousel .swiper-slide .link, .iframe-video iframe, .portfolio-item .img:after, .portfolio-item .img div, .portfolio-item .img a, .portfolio-item .link, .portfolio-type-packery article .wrap, .portfolio-type-packery article .img, .portfolio-scattered-item .img:before,
.portfolio-justified-item .img:before, .portfolio-justified-item .image-block .img div, .portfolio-justified-item .image-block a, .portfolio-type-combined-grid .row .portfolio-item .img, .portfolio-type-offset-grid .row .portfolio-item .img, .portfolio-projects-carousel .swiper-slide .image, .portfolio-projects-carousel .swiper-slide .image:before, .portfolio-projects-carousel .swiper-slide .link, .map-block.with-content .map, .accordion-block .accordion-item:before, .icon-box-block.style2.with-desc-bg .icon-box .desc:before, .icon-box-block.style4 .icon-box .link, .side-img-block.default .image div:before, .num-box-item a, .num-box-item-style2 a, .num-box-item-block .link, .quote-container .quote-background, .quote-container-style3 .author:before, .categories-block .swiper-slide .image, .categories-block .swiper-slide .image:before, .categories-block .swiper-slide .full-link, .categories-block.type2 .swiper-slide .image:before, .team-item .img:before, .team-item-style2 .img:before, .categories-carousel .swiper-slide .image div, .categories-carousel .swiper-slide .full-link, .categories-type2 .categories-item .image:after, .categories-type2 .categories-item .full-link, .banner-image-slider .content-slider, .price-list-item .top-block:before, .price-list-type2-item .bg-image, .price-list-type2-item .bg-image .img, .price-list-type2-item .bg-image .img.with-overlay:before, .notifications-block .notification-item .bg-image, .categories-in-col .category-item .image, .categories-in-col .category-item .image:before, .categories-in-col .category-item .full-link, .employee-card .image, .employee-card .image:before, .employee-card a, .categories-type3 .swiper-slide .image, .categories-type3 .swiper-slide .image:before, .categories-type3 .swiper-slide .full-link, .split-screen-block .split-screen-item, .split-screen-block .container-wrap .image .bg, .split-screen-block .container-wrap .image .bg:before, .tile-box .tile-box-item .hover-bg, .tile-box .tile-box-item .image, .tile-box .tile-box-item a, .app-carousel a, .categories-carousel-type2 .swiper-slide .like-button:before, .categories-carousel-type2 .swiper-slide .image div:before, .projects-carousel-block .image-items .item, .projects-carousel-block .image-items .item:before, .projects-carousel-block .title-items .item a, .vertical-banner .side-image-block .bg, .vertical-banner .side-image-block .overlay-bg:before, .vertical-banner .slide-item .overlay, .fullscreen-navigation .bg-items, .fullscreen-navigation .bg-items .bg-item {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bg-overlay .video-wrap.disable-on-scroll.show video,
.bg-overlay .video.disable-on-scroll.show video, .bg-overlay iframe.video.disable-on-scroll.show, .banner-image-on-side .image-slider .slides .slide.current, .banner-image-on-side.type2 .image-slider .slides .slide, .loadmore-button.loading .spin, .loadmore-button.loading .load-dots, .filter-buttons .wrap .button:hover:before, .filter-buttons .wrap .button.current:before, .skills-rate .rate-line div.animated span, .brand-item:not(.without-hover):hover img + img, .testimonials-slider .swiper-container .swiper-slide.swiper-slide-visible, .links-with-image-block .link.current .image, .team-block.style2 .swiper-slide.swiper-slide-visible, .categories-carousel .swiper-slide.swiper-slide-active .title:before, .categories-type2 .categories-item.swiper-slide.swiper-slide-visible, .price-list-block .swiper-container .swiper-slide.swiper-slide-visible, .price-list-item .image:hover .button, .price-list-type2-block .swiper-container-initialized .price-list-type2-item.swiper-slide-visible, .testimonials-carousel .swiper-container-initialized .testimonial-item.swiper-slide-visible, .tabs-block .tab-content .swiper-slide.swiper-slide-active, .testimonials .swiper-container-initialized .testimonial-item.swiper-slide-visible, .content-box-block .swiper-slide.swiper-slide-visible, .content-box-item:hover:before, .content-box-item.hovered:before, .tile-box .tile-box-item.hovered .hover-bg, .tile-box .tile-box-item:hover .hover-bg, .fullscreen-navigation .bg-items .bg-item.current {
opacity: 1;
visibility: visible;
}
.bg-overlay .video-wrap.disable-on-scroll video,
.bg-overlay .video.disable-on-scroll video, .bg-overlay iframe.video.disable-on-scroll, .bg-overlay .video-controls.hide, .banner-image-on-side .image-slider .slides .slide, .loadmore-button .load-dots, .loadmore-button .spin, .loadmore-button.loading > *, .filter-buttons .wrap .button:before, .portfolio-scattered-item:hover .img:before,
.portfolio-justified-item:hover .img:before, .skills-rate .rate-line span, .brand-item:not(.without-hover):hover img, .testimonials-slider .swiper-container .swiper-slide, .icon-box-block > .next.swiper-button-disabled,
.icon-box-block > .prev.swiper-button-disabled, .links-with-image-block .link .image, .categories-block .swiper-slide .image:before, .team-block.style2 .swiper-slide, .categories-carousel .swiper-slide .title:before, .categories-type2 .categories-item.swiper-slide, .price-list-block .swiper-container .swiper-slide, .price-list-item .image .button, .price-list-type2-block .swiper-container-initialized .price-list-type2-item, .testimonials-carousel .swiper-container-initialized .testimonial-item, .tabs-block .tab-nav .swiper-slide, .tabs-block .tab-content .swiper-slide, .testimonials .swiper-container-initialized .testimonial-item, .content-box-block .swiper-slide, .content-box-item:before, .tile-box .tile-box-item .hover-bg, .categories-carousel-type2 .swiper-slide .wrap:hover .image div:before, .fullscreen-navigation .bg-items .bg-item {
opacity: 0;
visibility: hidden;
}
.portfolio-scattered-item .content .title,
.portfolio-justified-item .content .title, .icon-box-block.style6 .icon-box .title, .links-with-image-block .link, .num-box-item .title, .num-box-item-block .title, .quote-container-style2 .quote-col, .quote-container-style3 .quote-col, .categories-block .swiper-slide .content .title, .team-item .bottom .name, .categories-carousel .swiper-slide .title, .categories-type2 .categories-item .title, .price-list-type2-item .top-block .title, .faq-item .title, .info-box-items .info-box .title, .skills-rate-type2 .title, .testimonials .testimonial-item .quote, .categories-type3 .swiper-slide .title, .split-screen-block .container-wrap .content .title, .app-carousel .swiper-slide .title, .scroll-projects-block .title-items, .projects-carousel-block .title-items, .vertical-banner .slide-item .desc, .vertical-banner .slide-item .title, .fullscreen-navigation .links {
font-family: 'HKGrotesk', sans-serif;
}
.banner-image-slider .content-slider .container > *:first-child, .heading-banner .content > *:first-child {
margin-top: 0 !important;
}
.banner-with-icons .content-slider .slide > *:last-child, .team-item .img .ct > *:last-child, .banner-image-slider .content-slider .container > *:last-child, .price-list-type2-item .options > *:last-child, .notifications-block .notification-item > *:last-child, .testimonials-carousel .testimonial-item .content > *:last-child, .categories-in-col > *:last-child, .info-box-items .info-box .wrap > *:last-child, .split-screen-block .container-wrap .content > *:last-child, .content-box-item > *:last-child, .heading-banner .content > *:last-child {
margin-bottom: 0 !important;
} .play-link:hover, .banner-in-row .banner-bottom .bottom-button a:hover, .portfolio-b-carousel .swiper-slide .read-more-button:hover, .links-with-image-block .link a:hover, .categories-carousel-type2 .swiper-slide .title a:hover, .contacts-row .text a:hover, .image-slider-type2 .prev:hover,
.image-slider-type2 .next:hover, .banner-area .nav-block .prev:hover,
.banner-area .nav-block .next:hover, .banner-area .nav-block .counter span.current, .banner-area .banner-side-button:hover, .banner-area .banner-side-button.active, .banner-area.with-gallery .banner-item.style4 .thumbs .prev:hover,
.banner-area.with-gallery .banner-item.style4 .thumbs .next:hover,
.portfolio-projects-carousel .prev:hover,
.portfolio-projects-carousel .next:hover,
.banner-area.with-gallery .thumbs .prev:hover,
.banner-area.with-gallery .thumbs .next:hover, .banner-area.with-gallery .banner-item.style4 .thumbs .swiper-slide,
.portfolio-projects-carousel .swiper-slide,
.banner-area.with-gallery .thumbs .swiper-slide, .banner-area.with-gallery.style4 .image-slider-type3 .prev:hover,
.banner-area.with-gallery.style4 .image-slider-type3 .next:hover, .banner-area.starting-banner .prev:hover,
.banner-area.starting-banner .next:hover, .banner-type2 .nav-block .prev:hover,
.banner-type2 .nav-block .next:hover,
.banner-image-on-side .nav-block .prev:hover,
.banner-image-on-side .nav-block .next:hover, .banner-type2 .nav-block .counter span.current,
.banner-image-on-side .nav-block .counter span.current, .banner-image-on-side.type2 > .prev:hover,
.banner-image-on-side.type2 > .next:hover, .banner-centered-content .image-slider .prev:hover,
.banner-centered-content .image-slider .next:hover, .banner-in-row .banner-bottom .nav-block .prev:hover i,
.banner-in-row .banner-bottom .nav-block .next:hover i, .banner-with-icons .nav-block .prev:hover,
.banner-with-icons .nav-block .next:hover, .portfolio-b-carousel .prev:hover,
.portfolio-b-carousel .next:hover, .loadmore-button .spin, .loadmore-button.loading, .filter-buttons .wrap .button:hover:before, .filter-buttons .wrap .button.current:before, .nav-buttons > *:hover, .portfolio-item .read-more-button:hover, .portfolio-type-carousel .prev:hover,
.portfolio-type-carousel .next:hover, .brand-block .nav-arrows .prev:not(.swiper-button-disabled):hover,
.brand-block .nav-arrows .next:not(.swiper-button-disabled):hover, .brand-block.style2 .next:hover, .testimonials-slider .prev:hover,
.testimonials-slider .next:hover, .icon-box-block > .next:hover,
.icon-box-block > .prev:hover, .icon-box-block.style3 .icon-box .icon, .side-img-block .icon, .num-box-item .icon, .num-box-item-style2 .icon, .num-box-item-block .num, .quote-container .quote-col:before, .categories-block .prev:hover,
.categories-block .next:hover, .icon-box-block .nav-block .prev:not(.swiper-button-disabled):hover,
.icon-box-block .nav-block .next:not(.swiper-button-disabled):hover,
.info-box-items .nav-block .prev:not(.swiper-button-disabled):hover,
.info-box-items .nav-block .next:not(.swiper-button-disabled):hover,
.testimonials .nav-block .prev:not(.swiper-button-disabled):hover,
.testimonials .nav-block .next:not(.swiper-button-disabled):hover,
.team-block .nav-block .prev:not(.swiper-button-disabled):hover,
.team-block .nav-block .next:not(.swiper-button-disabled):hover, .team-block.style2 .prev:hover,
.team-block.style2 .next:hover, .team-item .img a.link:hover, .categories-carousel .prev:hover,
.categories-carousel .next:hover, .categories-carousel .swiper-slide .title:before, .categories-type2 .prev:hover,
.categories-type2 .next:hover, .categories-type2 .categories-item:hover .title span:not(.num), .banner-image-slider > .prev:hover,
.banner-image-slider > .next:hover, .price-list-block .prev:hover,
.price-list-block .next:hover, .price-list-item .image .button:hover, .price-list-type2-block .prev:hover,
.price-list-type2-block .next:hover, .testimonials-carousel .nav-arrows .prev:hover,
.testimonials-carousel .nav-arrows .next:hover, .tabs-block .tab-nav .prev:hover,
.tabs-block .tab-nav .next:hover, .image-slider-with-thumb .thumbs .prev:hover,
.image-slider-with-thumb .thumbs .next:hover, .image-slider-with-thumb .thumbs .swiper-slide, .categories-type3 .nav-block .prev:hover,
.categories-type3 .nav-block .next:hover, .project-split-screen .right-side .nav-arrows-block .prev:hover,
.project-split-screen .right-side .nav-arrows-block .next:hover,
.split-screen-block .nav-arrows-block .prev:hover,
.split-screen-block .nav-arrows-block .next:hover, .banner-image-on-side .counter-block .prev:not(.disable):hover,
.banner-image-on-side .counter-block .next:not(.disable):hover,
.projects-carousel-block .counter-block .prev:not(.disable):hover,
.projects-carousel-block .counter-block .next:not(.disable):hover,
.scroll-projects-block .counter-block .prev:not(.disable):hover,
.scroll-projects-block .counter-block .next:not(.disable):hover,
.banner-area .counter-block .prev:not(.disable):hover,
.banner-area .counter-block .next:not(.disable):hover,
.vertical-banner .counter-block .prev:not(.disable):hover,
.vertical-banner .counter-block .next:not(.disable):hover,
.project-slider .counter-block .prev:not(.disable):hover,
.project-slider .counter-block .next:not(.disable):hover,
.project-horizontal .counter-block .prev:not(.disable):hover,
.project-horizontal .counter-block .next:not(.disable):hover,
.project-carousel .counter-block .prev:not(.disable):hover,
.project-carousel .counter-block .next:not(.disable):hover,
.responsive-slider .counter-block .prev:not(.disable):hover,
.responsive-slider .counter-block .next:not(.disable):hover,
.split-screen-block .counter-block .prev:not(.disable):hover,
.split-screen-block .counter-block .next:not(.disable):hover, .content-box-block .prev:hover,
.content-box-block .next:hover, .app-carousel .prev:hover,
.app-carousel .next:hover, .categories-carousel-type2 .swiper-slide .wrap:hover .title a, .scroll-projects-block .bottom-nav-block .prev:hover,
.scroll-projects-block .bottom-nav-block .next:hover,
.categories-carousel-type2 .bottom-nav-block .prev:hover,
.categories-carousel-type2 .bottom-nav-block .next:hover, .projects-carousel-block .b-button:hover,
.scroll-projects-block .bottom-nav-block .b-button:hover,
.categories-carousel-type2 .bottom-nav-block .b-button:hover, .projects-carousel-block .prev:hover,
.projects-carousel-block .next:hover, .projects-carousel-block .bottom-link .button, .vertical-banner .nav-arrows .prev:hover,
.vertical-banner .nav-arrows .next:hover, .image-slider-block .prev:hover,
.image-slider-block .next:hover {
color: #FF4343;
}
.play-link, .swiper-dots .swiper-pagination-bullet.swiper-pagination-bullet-active:before, .portfolio-projects-carousel .title-block, .skills-rate .rate-line div, .skills-rate .rate-line span, .video-button:hover, .price-list-type2-item .options-label, .tabs-block .tab-nav .swiper-slide:before {
background: #FF4343;
}
.skills-rate .rate-line span:before {
border-color: #FF4343;
} .banner-type2 .image-slider .decor-line, .video-block .button, .side-img-block.style6 .decor1, .categories-carousel .swiper-slide .image:before {
background: #1E2394;
} .banner-centered-content .banner-bottom .container:before {
background: #0B2976;
}
[data-width-type="full-width"] {
width: 100%;
}
.elementor-widget-wrap .elementor-element.elementor-widget_button_width-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.site-header .site-logo img {
width: 100%;
height: auto;
} .gs-dev-tools {
z-index: 10000;
}
.woocommerce table.shop_product_table .product-name .d-flex .img .remove-button {
color: #fff;
}
body.dark-scheme .cart-collaterals,
body .dark-scheme .cart-collaterals {
background: #0f0f0f;
border-color: #0f0f0f;
}
body.dark-scheme table.shop_product_table tr.cart_item th,
body.dark-scheme table.shop_product_table tr.cart_item td,
body .dark-scheme table.shop_product_table tr.cart_item th,
body .dark-scheme table.shop_product_table tr.cart_item td {
border-color: #3b3b3b;
}
body.dark-scheme .cart-collaterals .shop_table tr.cart-subtotal th,
body.dark-scheme .cart-collaterals .shop_table tr.cart-subtotal td,
body.dark-scheme .cart-collaterals .shop_table tr.order-total th,
body.dark-scheme .cart-collaterals .shop_table tr.order-total td,
body.dark-scheme .cart-collaterals .shop_table tr.cart_item:last-child td,
body .dark-scheme .cart-collaterals .shop_table tr.cart-subtotal th,
body .dark-scheme .cart-collaterals .shop_table tr.cart-subtotal td,
body .dark-scheme .cart-collaterals .shop_table tr.order-total th,
body .dark-scheme .cart-collaterals .shop_table tr.order-total td,
body .dark-scheme .cart-collaterals .shop_table tr.cart_item:last-child td {
border-color: #3b3b3b;
}
body.dark-scheme table.cart td.actions .coupon input,
body.dark-scheme #content table.cart td.actions .coupon input,
body.dark-scheme table.cart td.actions .coupon input,
body.dark-scheme #content table.cart td.actions .coupon input,
body .dark-scheme table.cart td.actions .coupon input,
body .dark-scheme #content table.cart td.actions .coupon input,
body .dark-scheme table.cart td.actions .coupon input,
body .dark-scheme #content table.cart td.actions .coupon input {
color: #000;
}
body.dark-scheme form .form-row label,
body .dark-scheme form .form-row label {
color: #fff;
}
.wc-proceed-to-checkout .button-style4:before {
z-index: -1;
}
@media (max-width: 767.98px) {
.wpb_text_column-5feb25e75f148 > div > div {
text-align: left !important;
}
}
@media screen and (max-width: 450px) {
.header-minicart .minicart-wrap {
position: fixed;
top: 40px;
width: 90%;
max-width: 300px;
right: 15px;
}
}
@media (max-width: 767.98px) {
.link-5fa0063ab623b1 {
color: #fff;
}
}
.vc_row[data-vc-full-width] {
overflow: visible;
}
.owl-carousel .parallax-mirror {
-webkit-transform: translateX(0) !important;
-ms-transform: translateX(0) !important;
transform: translateX(0) !important;
}
.owl-carousel .owl-item {
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: opacity, transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform;
}
.owl-carousel.loading .owl-item {
opacity: 0 !important;
-webkit-transform: translate(50%, 0%) !important;
-ms-transform: translate(50%, 0%) !important;
transform: translate(50%, 0%) !important;
}
.vc_row.vc_row-o-equal-height > .wpb_column > .vc_column-inner > .wpb_wrapper { }
.vc_section,
.vc_row,
.wpb_wrapper {
position: relative;
}
.wpb_text_column {
position: relative;
}
.date-input,
.number-input {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid;
padding: 0 0 0 0;
height: 33px;
border-radius: 4px;
}
.date-input i,
.number-input i {
position: absolute;
top: 50%;
left: 8px;
margin-top: -.5em;
font-size: 18px;
}
.date-input i.base-icon-baby-boy,
.number-input i.base-icon-baby-boy {
font-size: 22px;
}
.date-input input,
.number-input input {
font-family: 'Roboto Condensed';
font-size: 14px;
padding: 0 0 0 33px;
width: 100%;
height: 100%;
background: none;
color: inherit;
}
.number-input {
padding-right: 5px;
}
.number-input input {
-moz-appearance: textfield;
text-align: right;
padding: 0;
font-family: 'lato';
font-weight: 500;
font-size: 16px;
}
.number-input input::-webkit-outer-spin-button, .number-input input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.number-input .label {
font-family: 'Roboto Condensed';
font-size: 14px;
color: #858585;
padding-left: 33px;
}
.mphb_sc_search-children .number-input .label {
padding-left: 36px;
}
.number-input .b {
margin-top: 3px;
padding-left: 10px;
}
.number-input .plus,
.number-input .minus {
position: relative;
width: 15px;
height: 12px;
cursor: pointer;
}
.number-input .plus:before, .number-input .plus:after,
.number-input .minus:before,
.number-input .minus:after {
content: '';
position: absolute;
width: 10px;
height: 2px;
top: 50%;
left: 50%;
-webkit-box-shadow: inset 0 0 0 2px;
box-shadow: inset 0 0 0 2px;
margin: -1px 0 0 -5px;
}
.number-input .plus {
margin-bottom: 1px;
}
.number-input .plus:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.cache-items {
display: none !important;
}
.parallax-mirror img {
left: 0;
}
[contenteditable=true]:empty:before {
content: attr(data-placeholder);
display: inline;
}
.play-link {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
padding: 10px 25px;
border-radius: 4px;
}
.play-link .icon {
font-size: 38px;
margin-right: 15px;
}
.play-link i {
display: block;
}
.play-link:hover {
background: #242221;
color: #fff;
} .mouse-circle {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
background: #fff;
color: #000;
z-index: 9999;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
border-radius: 50%;
margin: 25px 0 0 10px;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
font-size: 10px;
font-family: 'Roboto Condensed';
text-transform: uppercase;
font-weight: bold;
-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.137);
box-shadow: 0 0 13px rgba(0, 0, 0, 0.137);
}
.mouse-circle .mouse-t {
position: absolute;
top: 50%;
left: 0;
width: 100%;
text-align: center;
margin-top: -.5em;
line-height: 1.3;
display: none;
} .load-items-area {
display: none !important;
} .bg-overlay {
z-index: -1;
overflow: hidden;
pointer-events: none;
}
.vc_row > .bg-overlay,
.vc_column_container > .bg-overlay {
z-index: 0;
}
.bg-overlay > div {
z-index: 2 !important;
}
.bg-overlay .video-wrap,
.bg-overlay .video {
z-index: 3;
}
.bg-overlay .video-wrap video,
.bg-overlay .video video {
position: absolute;
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.bg-overlay .video-wrap audio,
.bg-overlay .video audio {
display: none;
}
.bg-overlay iframe.video {
width: auto;
height: auto;
min-width: 100%;
min-height: 300%;
max-width: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.bg-overlay .color-change {
-webkit-transition: all 3000ms linear;
-o-transition: all 3000ms linear;
transition: all 3000ms linear;
mix-blend-mode: multiply;
}
.bg-overlay .video-controls {
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
z-index: 100;
pointer-events: none;
font-size: 24px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 5 !important;
}
.bg-overlay .video-controls .button {
pointer-events: all;
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 1.5em;
-ms-flex: 0 0 1.5em;
flex: 0 0 1.5em;
text-align: center;
cursor: pointer;
}
.bg-overlay .video-controls .button i {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
}
.bg-overlay .video-controls .button.active:before {
opacity: 0;
}
.bg-overlay .video-controls .button.active i {
opacity: 1;
}
.bg-overlay .pattern {
background-size: 445px;
}
.bg-overlay .pattern.type2 {
background-size: 360px;
}
.bg-overlay .pattern.type3 {
background-size: 195px;
}
.bg-overlay .bg-text {
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
width: 100%;
height: 100%;
font-size: 180px;
font-weight: 700;
line-height: 1;
}
body.dark-scheme .bg-overlay .bg-text,
body .dark-scheme .bg-overlay .bg-text,
.banner-item.white .bg-overlay .bg-text {
color: #2E2E2E;
}
.bg-overlay .bg-text svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
fill: none;
stroke: #f3f3f3;
stroke-width: 1px;
}
.bg-overlay .color {
background-color: #1a1a1a;
opacity: 0.2;
}
.bg-overlay .gradient {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 26, 26, 0.2)), to(rgba(26, 26, 26, 0.7)));
background-image: -o-linear-gradient(top, rgba(26, 26, 26, 0.2) 0%, rgba(26, 26, 26, 0.7) 100%);
background-image: linear-gradient(to bottom, rgba(26, 26, 26, 0.2) 0%, rgba(26, 26, 26, 0.7) 100%);
background-repeat: repeat-x;
}
.bg-overlay .cross {
opacity: .5;
}
.bg-overlay .cross:before, .bg-overlay .cross:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 105px;
height: 360px;
background: #fff;
}
.bg-overlay .cross:before {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.bg-overlay .cross:after {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.bg-overlay .lines {
position: absolute;
top: 0;
right: 0;
width: 65%;
height: 100%;
max-width: 650px;
-webkit-transform: skewX(-30deg);
-ms-transform: skewX(-30deg);
transform: skewX(-30deg);
-webkit-transform-origin: 0% 65%;
-ms-transform-origin: 0% 65%;
transform-origin: 0% 65%;
}
.bg-overlay .lines.on-left {
right: auto;
left: 0;
-webkit-transform: skewX(30deg);
-ms-transform: skewX(30deg);
transform: skewX(30deg);
}
.bg-overlay .lines div {
width: 30.93525%;
background-color: #fff;
height: 100%;
float: left;
opacity: 0.07;
}
.bg-overlay .lines div:not(:last-of-type) {
margin-right: 3.59712%;
}
.bg-overlay .dots {
background-position: 50%;
background-size: auto 58px;
}
.bg-overlay .waves {
background-position: 50%;
background-size: auto 199px;
}
.bg-overlay .squares {
overflow: hidden;
}
.bg-overlay .squares:before, .bg-overlay .squares:after {
content: "";
position: absolute;
background-color: rgba(255, 255, 255, 0.05);
width: 100%;
height: 100%;
-webkit-transform: rotate(45deg) skewY(-25deg);
-ms-transform: rotate(45deg) skewY(-25deg);
transform: rotate(45deg) skewY(-25deg);
}
.bg-overlay .squares:before {
left: -25%;
bottom: 40%;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.bg-overlay .squares:after {
top: 60%;
left: 75%;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.bg-overlay .decor-lines {
overflow: hidden;
}
.bg-overlay .decor-lines svg {
height: 100%;
width: 200%;
-webkit-transform: translateX(-53%) scale(1.2);
-ms-transform: translateX(-53%) scale(1.2);
transform: translateX(-53%) scale(1.2);
}
.bg-overlay .decor-lines-on-bottom {
overflow: hidden;
}
.bg-overlay .decor-lines-on-bottom svg {
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -135px;
}
@media (max-width: 767.98px) {
.bg-overlay .decor-lines-on-bottom svg {
height: 45px;
margin-left: -290px;
}
}
.bg-overlay .wave-background svg {
width: 100%;
height: 100%;
}
.bg-overlay a {
pointer-events: all;
} .divider-block {
position: absolute;
pointer-events: none;
z-index: 2;
}
.divider-block.direction-top {
top: 0;
}
.divider-block.direction-bottom {
bottom: 0;
}
.divider-block svg {
display: block;
width: 100%;
} .scroll-down-button {
position: absolute;
right: -15px;
bottom: 40px;
font-size: 33px;
z-index: 3;
cursor: pointer;
}
.rs-layer .scroll-down-button {
position: relative;
right: 0;
bottom: 0;
} .sidebar-block {
position: fixed;
top: 0;
left: 0;
bottom: 0;
background: #000;
border-right: 1px solid #333333;
z-index: 105;
width: 75px;
}
.sidebar-block .sidebar-butter {
position: absolute;
left: 50%;
margin: 0 0 0 -12px !important;
} .image-slider-type2 {
position: relative;
-webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3);
box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3);
}
.image-slider-type2 .prev,
.image-slider-type2 .next {
position: absolute;
top: 50%;
font-size: 24px;
margin-top: -.5em;
pointer-events: all;
cursor: pointer;
z-index: 2;
}
.image-slider-type2 .prev {
left: -45px;
}
@media (max-width: 767.98px) {
.image-slider-type2 .prev {
left: 10px;
}
}
.image-slider-type2 .next {
right: -45px;
}
@media (max-width: 767.98px) {
.image-slider-type2 .next {
right: 10px;
}
}
.image-slider-type2 .play-button {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
}
.image-slider-type2 .swiper-container {
height: 100%;
}
.image-slider-type2 .swiper-slide {
height: 100%;
pointer-events: all;
}
.image-slider-type2 .swiper-slide:before {
content: '';
background: rgba(0, 0, 0, 0);
}
.image-slider-type2 .swiper-slide:hover:before {
background: rgba(0, 0, 0, 0.15);
}
.image-slider-type2 .swiper-dots-type2 {
position: absolute;
top: 100%;
left: 0;
right: 0;
} .banner-area {
position: relative;
z-index: 1;
}
.banner-area .banner-bottom {
position: absolute;
left: 0;
right: 0;
bottom: 65px;
pointer-events: none;
}
.banner-area .nav-block {
position: absolute;
right: 35px;
bottom: 13px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.banner-area .nav-block .prev,
.banner-area .nav-block .next {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 20px;
cursor: pointer;
}
.banner-area .nav-block .prev {
margin-right: 3px;
}
.banner-area .nav-block .next {
margin-left: 4px;
}
.banner-area .nav-block .counter span {
font-weight: 500;
}
.banner-area .nav-block .counter span.total {
position: relative;
font-size: 12px;
margin-left: 19px;
}
.banner-area .nav-block .counter span.total:before {
content: '';
position: absolute;
top: 50%;
left: -13px;
width: 0.51667em;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 767.98px) {
.banner-area .banner-item .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.banner-area .banner-item .content-row {
width: 100%;
}
.banner-area .banner-item .play-button {
margin-top: 20px;
}
}
.banner-area .banner-side-button {
position: absolute;
top: 50%;
right: 0%;
white-space: nowrap;
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
z-index: 4;
font-family: 'Roboto Condensed';
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
line-height: 1;
-webkit-transform: rotate(-90deg) translateX(50%);
-ms-transform: rotate(-90deg) translateX(50%);
transform: rotate(-90deg) translateX(50%);
margin-right: 45px;
padding: 0 20px;
height: 45px;
cursor: pointer;
}
.banner-area .banner-side-button i {
margin-right: 9px;
margin-top: -2px;
}
@media (max-width: 767.98px) {
.banner-area .banner-side-button {
top: 15px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.banner-area.current-white .banner-side-button:not(:hover) {
color: #fff;
}
.banner-area.current-dark .banner-side-button:not(:hover) {
color: #fff;
}
.banner-area .social-links a {
opacity: .7;
}
.banner-area .social-links a:hover {
opacity: 1;
}
.banner-area .categories-block {
-webkit-transition: -webkit-transform 400ms ease-in-out;
transition: -webkit-transform 400ms ease-in-out;
-o-transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
-webkit-transform: translateX(105%);
-ms-transform: translateX(105%);
transform: translateX(105%);
z-index: 3;
}
.banner-area .categories-block .prev,
.banner-area .categories-block .next {
top: 45px;
}
@media (max-width: 767.98px) {
.banner-area .categories-block .prev,
.banner-area .categories-block .next {
top: 35px;
}
}
.banner-area .categories-block.active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.banner-area .categories-block .swiper-container {
height: 100%;
}
.banner-area.with-categories .content-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.banner-area.with-categories .content-col {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.banner-area.with-categories .categories-in-col {
pointer-events: all;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 520px;
margin-right: -75px;
}
@media (max-width: 1199.98px) {
.banner-area.with-categories .categories-in-col {
margin-right: -55px;
}
}
@media (max-width: 991.98px) {
.banner-area.with-categories {
height: auto !important;
}
.banner-area.with-categories .banner-item {
padding-top: 70px;
padding-bottom: 60px;
}
.banner-area.with-categories .content-row {
display: block;
}
.banner-area.with-categories .categories-in-col {
margin: 70px 0 0;
}
}
.banner-area.with-categories-type2 .categories-block {
position: absolute;
top: 0;
left: 40%;
right: 0;
bottom: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: -1;
}
.banner-area.with-categories-type2 .categories-block.offsets-on {
top: 120px;
right: 120px;
bottom: 120px;
}
.banner-area.with-categories-type2 .categories-block.offsets-off .next {
right: 22px !important;
}
.banner-area.with-categories-type2 .bg-text {
pointer-events: none;
z-index: -1;
}
.banner-area.with-categories-type2 .bg-text svg {
width: 100%;
height: 100%;
}
.banner-area.with-categories-type2 .bg-text svg text {
fill: none;
font-weight: bold;
font-size: 180px;
stroke-width: 1px;
stroke: rgba(0, 0, 0, 0.15);
}
.banner-area.with-categories-type2 .white .bg-text svg text {
stroke: rgba(255, 255, 255, 0.15);
}
@media screen and (max-width: 1580px) {
.banner-area.with-categories-type2 .categories-block.offsets-on {
left: 30%;
right: 60px;
bottom: 60px;
}
}
@media (max-width: 1199.98px) {
.banner-area.with-categories-type2 .categories-block {
left: 30%;
}
.banner-area.with-categories-type2 .categories-block.offsets-on {
left: 20%;
}
.banner-area.with-categories-type2 .categories-block .swiper-slide .content {
left: 20px;
bottom: 20px;
}
}
.banner-area.with-categories-type2 .black .categories-block.type2 .swiper-slide .content {
color: #000;
}
.banner-area.with-categories-type2 .black .categories-block.type2 .swiper-slide .image:before {
background: #fff;
opacity: .3;
}
.banner-area.with-gallery.style2 .bg-slider {
left: 40%;
}
@media (max-width: 767.98px) {
.banner-area.with-gallery.style2 .bg-slider {
left: 0;
}
}
.banner-area.with-gallery.style3 .banner-item {
overflow: visible;
}
.banner-area.with-gallery .bg-gallery {
z-index: 0;
}
.banner-area.with-gallery .bg-gallery:before {
content: '';
background: -o-linear-gradient(235deg, rgba(254, 253, 252, 0) 0%, #fefdfc 35%);
background: linear-gradient(215deg, rgba(254, 253, 252, 0) 0%, #fefdfc 35%);
z-index: 3;
}
body.dark-scheme .banner-area.with-gallery .bg-gallery:before,
body .dark-scheme .banner-area.with-gallery .bg-gallery:before {
background: -o-linear-gradient(235deg, rgba(3, 8, 11, 0) 0%, #131313 35%);
background: linear-gradient(215deg, rgba(3, 8, 11, 0) 0%, #131313 35%);
}
@media screen and (min-width: 2000px) {
.banner-area.with-gallery .bg-gallery:before {
background: -o-linear-gradient(212deg, rgba(254, 253, 252, 0) 0%, #fefdfc 40%);
background: linear-gradient(238deg, rgba(254, 253, 252, 0) 0%, #fefdfc 40%);
}
body.dark-scheme .banner-area.with-gallery .bg-gallery:before,
body .dark-scheme .banner-area.with-gallery .bg-gallery:before {
background: -o-linear-gradient(212deg, rgba(3, 8, 11, 0) 0%, #131313 40%);
background: linear-gradient(238deg, rgba(3, 8, 11, 0) 0%, #131313 40%);
}
}
.banner-area.with-gallery .bg-gallery div {
left: 33%;
}
.banner-area.with-gallery .content-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.banner-area.with-gallery .container {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.banner-area.with-gallery .image-slider-with-thumb {
position: absolute;
top: 50%;
left: 40%;
-webkit-transform: translateY(-webkit-calc(-50% + 100px));
-ms-transform: translateY(calc(-50% + 100px));
transform: translateY(calc(-50% + 100px));
}
.banner-area.with-gallery .image-slider-with-thumb .slider {
-webkit-box-shadow: 15px 15px 24px rgba(0, 0, 0, 0.09);
box-shadow: 15px 15px 24px rgba(0, 0, 0, 0.09);
}
.banner-area.with-gallery .image-slider-with-thumb .slider .swiper-slide:before {
padding-bottom: 71%;
}
.banner-area.with-gallery .image-slider-with-thumb .thumbs {
max-width: 555px;
width: 555px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1300px) {
.banner-area.with-gallery .image-slider-with-thumb {
left: 30%;
}
}
@media (max-width: 767.98px) {
.banner-area.with-gallery .content-row {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.banner-area.with-gallery .play-button {
margin: 10px auto 0 !important;
}
}
.banner-area.with-gallery .banner-item.style4 .thumbs,
.portfolio-projects-carousel,
.banner-area.with-gallery .thumbs {
position: absolute;
width: 435px;
background: rgba(244, 244, 244, 0.08);
-webkit-backdrop-filter: blur(80px);
backdrop-filter: blur(80px);
border-radius: 39px;
right: 15px;
bottom: 45px;
padding: 20px 40px;
pointer-events: all;
}
.banner-area.with-gallery .banner-item.style4 .thumbs .prev,
.banner-area.with-gallery .banner-item.style4 .thumbs .next,
.portfolio-projects-carousel .prev,
.portfolio-projects-carousel .next,
.banner-area.with-gallery .thumbs .prev,
.banner-area.with-gallery .thumbs .next {
position: absolute;
top: 50%;
margin-top: -.5em;
cursor: pointer;
}
.banner-area.with-gallery .banner-item.style4 .thumbs .prev,
.portfolio-projects-carousel .prev,
.banner-area.with-gallery .thumbs .prev {
left: 15px;
}
.banner-area.with-gallery .banner-item.style4 .thumbs .next,
.portfolio-projects-carousel .next,
.banner-area.with-gallery .thumbs .next {
right: 15px;
}
.banner-area.with-gallery .banner-item.style4 .thumbs .swiper-slide,
.portfolio-projects-carousel .swiper-slide,
.banner-area.with-gallery .thumbs .swiper-slide {
border-radius: 20px;
-webkit-box-shadow: 3.14277px 3.14277px 7.54264px rgba(0, 0, 0, 0.12);
box-shadow: 3.14277px 3.14277px 7.54264px rgba(0, 0, 0, 0.12);
cursor: pointer;
}
.banner-area.with-gallery .banner-item.style4 .thumbs .swiper-slide:before,
.portfolio-projects-carousel .swiper-slide:before,
.banner-area.with-gallery .thumbs .swiper-slide:before {
content: '';
display: block;
padding-bottom: 100%;
-webkit-box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 0;
border-radius: 20px;
}
.banner-area.with-gallery .banner-item.style4 .thumbs .swiper-slide.swiper-slide-thumb-active:before,
.portfolio-projects-carousel .swiper-slide.swiper-slide-thumb-active:before,
.banner-area.with-gallery .thumbs .swiper-slide.swiper-slide-thumb-active:before {
-webkit-box-shadow: inset 0 0 0 2px;
box-shadow: inset 0 0 0 2px;
}
@media (max-width: 575.98px) {
.banner-area.with-gallery .banner-item.style4 .thumbs,
.portfolio-projects-carousel,
.banner-area.with-gallery .thumbs {
width: 260px;
padding: 10px 20px;
border-radius: 15px;
}
.banner-area.with-gallery .banner-item.style4 .thumbs .prev,
.portfolio-projects-carousel .prev,
.banner-area.with-gallery .thumbs .prev {
left: 2px;
}
.banner-area.with-gallery .banner-item.style4 .thumbs .next,
.portfolio-projects-carousel .next,
.banner-area.with-gallery .thumbs .next {
right: 2px;
}
}
.banner-area.with-gallery .banner-item.style1 .content-col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
@media (max-width: 767.98px) {
.banner-area.with-gallery .banner-item.style1 {
padding-top: 80px;
}
.banner-area.with-gallery .banner-item.style1 .content-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.banner-area.with-gallery .banner-item.style1 .content-col {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.banner-area.with-gallery .banner-item.style1 .image-slider-with-thumb {
position: relative;
top: 0;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-top: 30px;
}
.banner-area.with-gallery .banner-item.style1 .image-slider-with-thumb .slider {
margin: 0;
}
.banner-area.with-gallery .banner-item.style1 .image-slider-with-thumb .thumbs {
display: none;
}
}
@media (max-width: 575.98px) {
.banner-area.with-gallery .banner-item.style1 .image-slider-with-thumb,
.banner-area.with-gallery .banner-item.style1 .image-slider-with-thumb .slider {
width: 295px !important;
max-width: 295px !important;
min-width: 295px !important;
}
}
.banner-area.with-gallery .banner-item.style2:before {
content: '';
background: -o-linear-gradient(235deg, rgba(254, 253, 252, 0) 0%, #fefdfc 35%);
background: linear-gradient(215deg, rgba(254, 253, 252, 0) 0%, #fefdfc 35%);
}
body.dark-scheme .banner-area.with-gallery .banner-item.style2:before,
body .dark-scheme .banner-area.with-gallery .banner-item.style2:before {
background: -o-linear-gradient(212deg, rgba(3, 8, 11, 0) 0%, #131313 40%);
background: linear-gradient(238deg, rgba(3, 8, 11, 0) 0%, #131313 40%);
}
.banner-area.with-gallery .banner-item.style2 .counter-block {
left: 15px;
bottom: 90px;
right: auto;
}
.banner-area.with-gallery .banner-item.style2 .counter-block .current:before,
.banner-area.with-gallery .banner-item.style2 .counter-block .total {
opacity: .4;
}
.banner-area.with-gallery .banner-item.style2 .play-button {
margin-right: 100px;
}
.banner-area.with-gallery .banner-item.style3 .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 130px 15px 30px;
}
.banner-area.with-gallery .banner-item.style3 .content {
text-align: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.banner-area.with-gallery .banner-item.style3 .heading-block {
text-align: center;
margin-top: 3vh;
margin-bottom: 6vh;
}
.banner-area.with-gallery .banner-item.style3 .heading-block .h-top {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 767.98px) {
.banner-area.with-gallery .banner-item.style3 .heading-block {
margin-top: 0;
margin-bottom: 0;
}
}
.banner-area.with-gallery .banner-item.style3 .image-slider-type2-block {
position: relative;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
width: 100%;
}
.banner-area.with-gallery .banner-item.style3 .image-slider-type2-block .content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
z-index: 2;
padding: 0 30px;
}
.banner-area.with-gallery .banner-item.style3 .image-slider-type2-block .heading-block .h {
color: #fff;
}
@media screen and (min-height: 1100px) {
.banner-area.with-gallery .banner-item.style3 .image-slider-type2-block {
margin-top: 2vh;
}
}
.banner-area.with-gallery .banner-item.style3 .image-slider-type2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.banner-area.with-gallery .banner-item.style3 .image-slider-type2 .swiper-dots-type2 {
margin: 62px 0 0;
}
.banner-area.with-gallery .banner-item.style3 .image-slider-type2 .swiper-slide:before {
background: rgba(0, 0, 0, 0.35);
}
@media screen and (min-height: 1100px) {
.banner-area.with-gallery .banner-item.style3 .image-slider-type2 {
max-height: 940px;
}
}
.banner-area.with-gallery .banner-item.style3 .bottom {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
max-width: 100%;
}
.banner-area.with-gallery .banner-item.style3 .swiper-dots-type2 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0;
}
@media (max-width: 575.98px) {
.banner-area.with-gallery .banner-item.style3 .swiper-dots-type2 {
display: none;
}
}
.banner-area.with-gallery .banner-item.style3 .link-block {
margin-top: 5px;
}
.banner-area.with-gallery .banner-item.style3 .social-links {
margin-left: auto;
}
.banner-area.with-gallery .banner-item.style3 .social-links a {
opacity: 1;
}
@media (max-width: 991.98px) {
.banner-area.with-gallery .banner-item.style3 .container {
padding: 80px 15px 10px;
}
.banner-area.with-gallery .banner-item.style3 .image-slider-type2 .swiper-dots-type2 {
margin-top: 18px;
}
.banner-area.with-gallery .banner-item.style3 .link-block > a {
margin-bottom: 10px;
}
}
.banner-area.with-gallery.style4.content-on-top .banner-item {
top: 130px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.banner-area.with-gallery.style4.content-on-bottom .banner-item {
top: auto;
bottom: 30px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.banner-area.with-gallery.style4.thumbs-on.content-on-bottom .banner-item {
bottom: 160px;
}
.banner-area.with-gallery.style4.content-on-center .banner-item {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
.banner-area.with-gallery.style4.content-on-center .banner-item .heading-block .h-top,
.banner-area.with-gallery.style4.content-on-center .banner-item .link-block {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-area.with-gallery.style4.content-on-center .banner-item .heading-block .h {
text-align: center;
}
.banner-area.with-gallery.style4.content-on-center.content-on-middle .banner-item {
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-area.with-gallery.style4.content-on-right .banner-item {
right: 15px;
text-align: right;
}
.banner-area.with-gallery.style4.content-on-right .banner-item .heading-block .h-top,
.banner-area.with-gallery.style4.content-on-right .banner-item .link-block {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.banner-area.with-gallery.style4.content-on-right .banner-item .heading-block .h {
text-align: right;
}
.banner-area.with-gallery.style4 .image-slider-type3 .prev,
.banner-area.with-gallery.style4 .image-slider-type3 .next {
position: absolute;
top: 50%;
margin-top: -.5em;
font-size: 25px;
z-index: 5;
cursor: pointer;
}
.banner-area.with-gallery.style4 .image-slider-type3 .prev {
left: 20px;
}
.banner-area.with-gallery.style4 .image-slider-type3 .next {
right: 20px;
}
.banner-area.with-gallery.style4 .container {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.banner-area.with-gallery.style4 .banner-item {
position: absolute;
top: 50%;
left: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: auto;
overflow: visible;
}
.banner-area.with-gallery.style4 .banner-item:not(.current) {
pointer-events: none;
}
.banner-area.with-gallery.style4 .banner-item:not(.current) .heading-block .h-top,
.banner-area.with-gallery.style4 .banner-item:not(.current) .heading-block .h,
.banner-area.with-gallery.style4 .banner-item:not(.current) .text,
.banner-area.with-gallery.style4 .banner-item:not(.current) .link-block {
opacity: 0;
}
.banner-area.with-gallery.style4 .banner-item:not(.current) a {
pointer-events: none !important;
}
.banner-area.with-gallery.style4 .banner-item .heading-block .h span:after {
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
-webkit-transition: -webkit-clip-path 400ms ease-in-out;
transition: -webkit-clip-path 400ms ease-in-out;
-o-transition: clip-path 400ms ease-in-out;
transition: clip-path 400ms ease-in-out;
transition: clip-path 400ms ease-in-out, -webkit-clip-path 400ms ease-in-out;
}
.banner-area.with-gallery.style4 .banner-item .heading-block .h.active span:after {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.banner-area.with-gallery.style4 .thumbs {
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 3;
padding: 15px 30px;
border-radius: 27px;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background: rgba(0, 0, 0, 0.58);
}
.banner-area.with-gallery.style4 .thumbs .prev,
.banner-area.with-gallery.style4 .thumbs .next {
font-size: 16px;
}
.banner-area.with-gallery.style4 .thumbs .prev {
left: 7px;
}
.banner-area.with-gallery.style4 .thumbs .next {
right: 7px;
}
.banner-area.with-gallery.style4 .thumbs .swiper-slide {
width: 70px;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 20px;
}
.banner-area.with-gallery.style4 .thumbs .swiper-slide:before {
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.banner-area.with-gallery.style4 .thumbs .swiper-slide.swiper-slide-thumb-active:before {
background: rgba(0, 0, 0, 0.3);
}
.banner-area.starting-banner .prev,
.banner-area.starting-banner .next {
position: absolute;
top: 50%;
font-size: 25px;
color: #fff;
margin-top: -0.5em;
z-index: 3;
cursor: pointer;
}
.banner-area.starting-banner .prev {
left: 55px;
}
.banner-area.starting-banner .next {
right: 55px;
}
.banner-area.starting-banner .counter-block {
top: 50%;
right: 105px;
bottom: auto;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-area.starting-banner .counter-block .current:before,
.banner-area.starting-banner .counter-block .total {
opacity: .4;
}
@media (max-width: 767.98px) {
.banner-area.starting-banner .prev,
.banner-area.starting-banner .next,
.banner-area.starting-banner .counter-block {
top: auto;
bottom: 25px;
margin: 0;
}
.banner-area.starting-banner .counter-block {
-webkit-transform: none;
-ms-transform: none;
transform: none;
right: 75px;
}
.banner-area.starting-banner .prev {
left: 25px;
}
.banner-area.starting-banner .next {
right: 25px;
}
}
.banner-area.with-circles {
background: #F1F3F5;
color: #2C2C2C;
}
.banner-area.with-circles .social-links-side {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 90px;
z-index: 2;
}
.banner-area.with-circles .social-links-side .social-links {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
-ms-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.banner-area.with-circles .social-links-side .social-links a {
font-size: 16px;
text-transform: uppercase;
color: #616570;
font-weight: 500;
}
.banner-area.with-circles .banner-item .heading-block .sub-h,
.banner-area.with-circles .banner-item .heading-block .h,
.banner-area.with-circles .banner-item .link-block,
.banner-area.with-circles .banner-item .text,
.banner-area.with-circles .banner-item .play-button {
-webkit-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
opacity: 0;
}
.banner-area.with-circles .banner-item .heading-block .h-top {
-webkit-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
}
.banner-area.with-circles .banner-item .heading-block .h {
-webkit-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.banner-area.with-circles .banner-item .link-block {
-webkit-transition-delay: 800ms;
-o-transition-delay: 800ms;
transition-delay: 800ms;
}
.banner-area.with-circles .banner-item .text,
.banner-area.with-circles .banner-item .play-button {
-webkit-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.banner-area.with-circles .banner-item .play-button {
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
}
.loaded .banner-area.with-circles .banner-item .heading-block .sub-h,
.loaded .banner-area.with-circles .banner-item .heading-block .h,
.loaded .banner-area.with-circles .banner-item .link-block,
.loaded .banner-area.with-circles .banner-item .text,
.loaded .banner-area.with-circles .banner-item .play-button {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.loaded .banner-area.with-circles .banner-item .play-button {
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.banner-area.with-circles .circles {
position: absolute;
top: 50%;
left: 80%;
width: 80vh;
height: 80vh;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@-webkit-keyframes bCircles {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0;
}
10%,
80% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
@keyframes bCircles {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 0;
}
10%,
80% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.banner-area.with-circles .circles .svg {
z-index: 0;
}
.banner-area.with-circles .circles .svg .p {
background: url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/imgs/circle.svg) 50% no-repeat;
background-size: 100%;
-webkit-animation: bCircles 6000ms infinite ease-in-out;
animation: bCircles 6000ms infinite ease-in-out;
opacity: 0;
}
.banner-area.with-circles .circles .svg .p2 {
-webkit-animation-delay: 1500ms;
animation-delay: 1500ms;
}
.banner-area.with-circles .circles .svg .p3 {
-webkit-animation-delay: 3000ms;
animation-delay: 3000ms;
}
.banner-area.with-circles .circles .svg .p4 {
-webkit-animation-delay: 4500ms;
animation-delay: 4500ms;
}
.banner-area.with-circles .circles .play-button {
position: absolute;
top: 50.1%;
left: 50.1%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #F1F3F5;
}
.banner-area.with-circles .bottom-link {
position: absolute;
left: 50%;
bottom: 25px;
font-weight: 500;
text-align: center;
color: #000;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.banner-area.with-circles .bottom-link span {
display: block;
white-space: nowrap;
}
.banner-area.with-circles .bottom-link i {
display: inline-block;
font-size: 20px;
-webkit-transition: -webkit-transform 400ms ease-in-out;
transition: -webkit-transform 400ms ease-in-out;
-o-transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
.banner-area.with-circles .bottom-link:hover i {
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}
@media (max-width: 767.98px) {
.banner-area.with-circles .social-links-side {
top: auto;
left: 0;
width: auto;
height: 35px;
bottom: 70px;
}
.banner-area.with-circles .social-links-side .social-links {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-area.with-circles .bottom-link {
bottom: 5px;
}
}
@media (max-width: 575.98px) {
.banner-area.with-circles .circles {
position: absolute;
left: 50%;
}
.banner-area.with-circles .circles.with-play-button {
position: relative;
top: 0;
left: 0;
width: auto;
height: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.banner-area.with-circles .circles.with-play-button .svg {
position: absolute;
top: 50%;
left: 50%;
width: 80vh;
height: 80vh;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-area.with-circles .circles.with-play-button .play-button {
top: 0;
left: 0;
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin: 0;
}
}
.banner-area .banner-slider:not(.swiper-container-initialized) .prev,
.banner-area .banner-slider:not(.swiper-container-initialized) .next {
display: none;
}
.banner-area .banner-slider.swiper-container-initialized .heading-block .sub-h,
.banner-area .banner-slider.swiper-container-initialized .heading-block .h,
.banner-area .banner-slider.swiper-container-initialized .link-block,
.banner-area .banner-slider.swiper-container-initialized .text,
.banner-area .banner-slider.swiper-container-initialized .play-button {
-webkit-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
opacity: 0;
}
.banner-area .banner-slider.swiper-container-initialized .heading-block .h-top {
-webkit-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
}
.banner-area .banner-slider.swiper-container-initialized .heading-block .h {
-webkit-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.banner-area .banner-slider.swiper-container-initialized .link-block {
-webkit-transition-delay: 800ms;
-o-transition-delay: 800ms;
transition-delay: 800ms;
}
.banner-area .banner-slider.swiper-container-initialized .text,
.banner-area .banner-slider.swiper-container-initialized .play-button {
-webkit-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.banner-area .banner-slider.swiper-container-initialized .swiper-slide-active .heading-block .sub-h,
.banner-area .banner-slider.swiper-container-initialized .swiper-slide-active .heading-block .h,
.banner-area .banner-slider.swiper-container-initialized .swiper-slide-active .link-block,
.banner-area .banner-slider.swiper-container-initialized .swiper-slide-active .text,
.banner-area .banner-slider.swiper-container-initialized .swiper-slide-active .play-button {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.banner-area .heading-block.with-accent-wave .h span:after {
content: '';
position: absolute;
top: -.2em;
left: 0;
right: 0;
bottom: -.2em;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
opacity: 0.5;
-webkit-transform: translateY(0.1em);
-ms-transform: translateY(0.1em);
transform: translateY(0.1em);
z-index: -1;
-webkit-filter: blur(2px);
filter: blur(2px);
}
.banner-area .heading-block.with-accent-wave .h span i {
font-style: normal;
-webkit-filter: drop-shadow(0px 0px 20px #000000);
filter: drop-shadow(0px 0px 20px #000000);
}
.banner-area .side-image .play-button,
.banner-area .laptop-image .play-button {
position: absolute;
top: 50%;
left: 50%;
margin: -.5em 0 0 -.5em;
font-size: 61px;
color: #000;
z-index: 1;
}
.banner-area .side-image .play-button:before,
.banner-area .laptop-image .play-button:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 72px;
height: 72px;
margin-top: -36px;
margin-left: -36px;
background: url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/imgs/play-button-bg.png) 50% no-repeat;
background-size: cover;
-webkit-animation-name: laptop-play-button;
animation-name: laptop-play-button;
-webkit-animation-play-state: running;
animation-play-state: running;
z-index: -1;
}
.banner-area .side-image {
position: relative;
max-width: 700px;
width: 100%;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
margin-bottom: 30px;
}
.banner-area .side-image:before {
content: '';
display: block;
padding-bottom: 75%;
}
@media (min-width: 768px) {
.banner-area .side-image {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: auto;
margin-bottom: 0;
}
}
@media screen and (min-width: 1100px) {
.banner-area .side-image {
width: -webkit-calc(50vw + 100px);
width: calc(50vw + 100px);
}
}
@media screen and (min-width: 1400px) {
.banner-area .side-image {
width: -webkit-calc(50vw + 200px);
width: calc(50vw + 200px);
}
}
.banner-area .laptop-image {
position: relative;
background: url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/imgs/laptop.png) 50% no-repeat;
background-size: cover;
width: 100%;
max-width: 1300px;
}
.banner-area .laptop-image:before {
content: '';
display: block;
padding-bottom: 75%;
}
.banner-area .laptop-image .img {
position: absolute;
top: 23.5%;
left: 15.6%;
right: 20.9%;
bottom: 23.6%;
}
@-webkit-keyframes laptop-play-button {
0%,
100% {
-webkit-transform: scale(1.17);
transform: scale(1.17);
}
60% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes laptop-play-button {
0%,
100% {
-webkit-transform: scale(1.17);
transform: scale(1.17);
}
60% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@media (min-width: 768px) {
.banner-area .laptop-image {
position: absolute;
top: 50%;
left: 50%;
width: -webkit-calc(50vw + 50px);
width: calc(50vw + 50px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: -14vw;
}
}
@media screen and (min-width: 1100px) {
.banner-area .laptop-image {
width: -webkit-calc(50vw + 100px);
width: calc(50vw + 100px);
}
}
@media screen and (min-width: 1400px) {
.banner-area .laptop-image {
width: -webkit-calc(50vw + 200px);
width: calc(50vw + 200px);
}
}
@media (max-width: 767.98px) {
.banner-area .with-laptop .laptop-image {
margin: -40px -50px 0;
width: 420px;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
}
.draggable-cursor {
position: absolute;
top: 0;
left: 0;
width: 51px;
height: 51px;
z-index: 2;
opacity: 0;
pointer-events: none;
}
.draggable-cursor:before {
content: '';
border: 1px solid;
opacity: .55;
border-radius: 50%;
}
.draggable-cursor i {
font-size: 15px;
}
.draggable-cursor i + i {
margin-left: 7px;
}
@media (hover: none) {
.draggable-cursor {
display: none;
}
}
.play-button-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.play-button-block.left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.play-button-block.center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.play-button-block.right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.play-button-block .play-button {
margin: 0;
}
.play-button-block svg {
margin: -23px;
}
.play-button {
position: relative;
font-size: 67px;
margin: 0 auto;
pointer-events: all;
cursor: pointer;
z-index: 1;
}
.elementor-widget-container > .play-button {
display: inline-block;
vertical-align: middle;
}
.play-button:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
-webkit-animation: help_shadow 2000ms ease-in-out infinite;
animation: help_shadow 2000ms ease-in-out infinite;
-webkit-animation-play-state: paused;
animation-play-state: paused;
background: #403D3D;
margin: 0 0 0 0;
border-radius: 50%;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: width, height, margin;
-o-transition-property: width, height, margin;
transition-property: width, height, margin;
z-index: -1;
}
.play-button i {
display: block;
margin: 0;
font-size: inherit;
}
.play-button svg {
display: block;
}
.play-button svg * {
pointer-events: none;
}
.play-button svg path,
.play-button svg rect {
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: color, fill;
-o-transition-property: color, fill;
transition-property: color, fill;
}
.play-button svg path {
fill: currentColor;
}
.play-button:hover:before {
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.play-button:hover rect {
fill: #fff;
}
.play-button:hover path {
color: #2c2c2c;
}
.banner-item .justify-content-center .link-block {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-item .justify-content-end .link-block {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
} @-webkit-keyframes help_shadow {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 1;
}
50% {
opacity: .3;
}
80% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
}
}
@keyframes help_shadow {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 1;
}
50% {
opacity: .3;
}
80% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
opacity: 0;
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
}
}
.help-button {
position: fixed;
max-width: 240px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
left: 40px;
bottom: 40px;
z-index: 100;
color: #fff;
-webkit-perspective: 300px;
perspective: 300px;
}
.header-on-side-minified .help-button {
left: 140px;
}
.header-on-side .help-button {
left: 265px;
}
.help-button .avatar {
position: relative;
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 11px;
display: inline-block;
vertical-align: middle;
}
.help-button .avatar:before {
content: '';
display: block;
padding-bottom: 100%;
}
.help-button .avatar:after {
content: '';
background: #171717;
border-radius: 50%;
z-index: -1;
-webkit-animation: help_shadow 1500ms ease-in-out infinite;
animation: help_shadow 1500ms ease-in-out infinite;
}
.help-button .ct {
position: relative;
background: #1C1919;
font-weight: bold;
line-height: 1.4;
border-radius: 3px;
padding: 4px 7px;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
display: inline-block;
vertical-align: middle;
}
.help-button .ct:before {
content: '';
position: absolute;
top: 50%;
left: -6px;
border-top: 6px solid transparent;
border-right: 6px solid #1C1919;
border-bottom: 6px solid transparent;
margin-top: -6px;
}
.help-button .ct .label {
font-family: 'Roboto Condensed';
font-size: 13px;
color: #767676;
margin-bottom: -2px;
}
.help-button .ct .title {
font-size: 14px;
white-space: nowrap;
}
.help-button.fixed:not(:hover) .ct {
-webkit-transform: rotateY(30deg);
transform: rotateY(30deg);
opacity: 0;
}
@media (max-width: 767.98px) {
.help-button {
display: none;
}
} .banner-image-on-side {
position: relative;
height: 100vh;
background: #FFF6F6;
overflow: hidden;
z-index: 1;
}
.banner-image-on-side.content-color-white {
color: #fff;
}
.banner-image-on-side.content-color-black {
color: #000;
}
.banner-image-on-side .heading-block {
margin-top: 0;
margin-bottom: 0;
}
.banner-image-on-side .heading-block .sub-h {
position: relative;
}
.banner-image-on-side .heading-block .sub-h span {
display: inline-block;
}
.banner-image-on-side .heading-block .h {
line-height: .9;
}
.banner-image-on-side .heading-block .h > div {
display: inline-block;
padding: 0.15em 0 0.35em;
margin: -0.15em 0 -0.35em;
padding-right: 0.5em;
overflow: hidden;
}
.banner-image-on-side .heading-block .h > div > div {
display: inline-block;
}
@media (max-width: 575.98px) {
.banner-image-on-side .heading-block .h-top {
display: none;
}
}
.banner-image-on-side .link-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 33px;
}
.banner-image-on-side .link-block a:not(:last-child) {
margin-right: 17px;
}
.banner-image-on-side .container {
height: 100%;
pointer-events: none;
}
.banner-image-on-side .content-slider,
.banner-image-on-side .image-slider {
position: absolute;
top: 0;
left: 15px;
z-index: 2;
}
.banner-image-on-side .content-slider .slide,
.banner-image-on-side .image-slider .slide {
position: absolute;
z-index: 1;
}
.banner-image-on-side .content-slider .slide:not(.current):not(.prev) .h-top,
.banner-image-on-side .content-slider .slide:not(.current):not(.prev) .h,
.banner-image-on-side .content-slider .slide:not(.current):not(.prev) .link-block,
.banner-image-on-side .image-slider .slide:not(.current):not(.prev) .h-top,
.banner-image-on-side .image-slider .slide:not(.current):not(.prev) .h,
.banner-image-on-side .image-slider .slide:not(.current):not(.prev) .link-block {
opacity: 0 !important;
}
.banner-image-on-side .content-slider {
height: 100%;
width: 100%;
}
.banner-image-on-side .content-slider .slide {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
}
.banner-with-icons .content-slider .slide.current, .banner-image-on-side .content-slider .slide.current {
pointer-events: all;
}
.banner-with-icons .content-slider .slide.current .heading-block .h > div span:before, .banner-with-icons .content-slider .slide.current .heading-block .h > div span:after, .banner-image-on-side .content-slider .slide.current .heading-block .h > div span:before, .banner-image-on-side .content-slider .slide.current .heading-block .h > div span:after {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.banner-with-icons .content-slider .slide.current a, .banner-image-on-side .content-slider .slide.current a {
pointer-events: all;
}
.banner-image-on-side .content-slider .slide a {
pointer-events: none;
}
.banner-with-icons .content-slider .slide .h > div span:before, .banner-with-icons .content-slider .slide .h > div span:after,
.banner-image-on-side .content-slider .slide .heading-block .h > div span:before,
.banner-image-on-side .content-slider .slide .heading-block .h > div span:after {
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
-webkit-transition-delay: 1900ms;
-o-transition-delay: 1900ms;
transition-delay: 1900ms;
-webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.banner-image-on-side .image-slider {
top: 50%;
left: 50%;
width: 605px;
height: 510px;
z-index: 1;
margin-top: -255px;
margin-left: 15px;
}
.banner-image-on-side .image-slider .slides {
z-index: 4;
}
.banner-image-on-side .image-slider .slides .slide {
-webkit-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
}
.banner-image-on-side .image-slider .slides .swiper-slide {
overflow: hidden;
}
.banner-image-on-side .image-slider .slides .swiper-slide .play-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-image-on-side .image-slider .slides .swiper-slide .video-wrap,
.banner-image-on-side .image-slider .slides .swiper-slide .video {
z-index: 3;
}
.banner-image-on-side .image-slider .slides .swiper-slide .video-wrap video,
.banner-image-on-side .image-slider .slides .swiper-slide .video video {
position: absolute;
min-width: 100%;
min-height: 100%;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-image-on-side .image-slider .slides .swiper-slide .video-wrap audio,
.banner-image-on-side .image-slider .slides .swiper-slide .video audio {
display: none;
}
.banner-image-on-side .image-slider .slides .swiper-slide iframe.video {
width: auto;
height: auto;
min-width: 100%;
min-height: 300%;
max-width: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.banner-image-on-side .image-slider:before {
content: '';
background: #000;
opacity: 0.35;
z-index: 3;
}
.banner-image-on-side .image-slider .swiper-dots-type2 {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: 50px 0 0;
}
.banner-image-on-side .image-slider canvas {
position: relative;
-webkit-box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.6);
box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.6);
z-index: 2;
}
.banner-image-on-side .image-slider .button-style2 {
position: absolute;
top: 100%;
left: 0;
margin-top: 20px;
z-index: 2;
}
.banner-image-on-side .image-slider .counter-block {
right: 0;
bottom: -40px;
}
.banner-image-on-side .image-slider .counter-block .prev,
.banner-image-on-side .image-slider .counter-block .next {
font-size: 14px;
margin-top: -1px;
}
.banner-image-on-side .image-slider .counter-block .total {
color: #898989;
}
.banner-type2 .banner-bottom,
.banner-image-on-side .banner-bottom {
position: absolute;
left: 0;
right: 0;
bottom: 65px;
pointer-events: none;
}
.banner-type2 .banner-bottom > *,
.banner-image-on-side .banner-bottom > * {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.banner-type2 .nav-block,
.banner-image-on-side .nav-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
}
.banner-type2 .nav-block .prev,
.banner-type2 .nav-block .next,
.banner-image-on-side .nav-block .prev,
.banner-image-on-side .nav-block .next {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 20px;
cursor: pointer;
pointer-events: all;
}
.banner-type2 .nav-block .prev,
.banner-image-on-side .nav-block .prev {
margin-right: 3px;
}
.banner-type2 .nav-block .next,
.banner-image-on-side .nav-block .next {
margin-left: 4px;
}
.banner-type2 .nav-block .counter span,
.banner-image-on-side .nav-block .counter span {
font-weight: 500;
}
.banner-type2 .nav-block .counter span.total,
.banner-image-on-side .nav-block .counter span.total {
position: relative;
font-size: 12px;
margin-left: 19px;
}
.banner-type2 .nav-block .counter span.total:before,
.banner-image-on-side .nav-block .counter span.total:before {
content: '';
position: absolute;
top: 50%;
left: -13px;
width: 0.51667em;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.banner-image-on-side.type2 {
background-color: #000;
}
.banner-image-on-side.type2 .current-image,
.banner-image-on-side.type2 .next-image,
.banner-image-on-side.type2 .next-second-image {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.banner-image-on-side.type2 .bg-overlay {
width: 50%;
}
.banner-image-on-side.type2 .bg-overlay .decor-lines {
opacity: 1;
left: 50%;
width: 200%;
-webkit-transform: translateX(-60%);
-ms-transform: translateX(-60%);
transform: translateX(-60%);
}
.banner-image-on-side.type2 .bg-overlay + .bg-overlay {
left: 50%;
}
.banner-image-on-side.type2 .image-slider {
right: 0;
width: -webkit-calc(82vw - (50% - 80px));
width: calc(82vw - (50% - 80px));
height: 70vh;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 0;
margin-left: -235px;
z-index: 0;
}
@media screen and (min-width: 1820px) {
.banner-image-on-side.type2 .image-slider {
width: -webkit-calc(93vw - (50% - 100px));
width: calc(93vw - (50% - 100px));
margin-left: -100px;
}
}
@media screen and (min-width: 2200px) {
.banner-image-on-side.type2 .image-slider {
width: 1180px;
}
}
.banner-image-on-side.type2 .image-slider:before {
display: none;
}
.banner-image-on-side.type2 .image-slider canvas {
-webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12);
box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12);
}
.banner-image-on-side.type2 .image-slider .slides {
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.banner-image-on-side.type2 .image-slider .slides .slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.banner-image-on-side.type2 .image-slider .slides .slide .image {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.banner-image-on-side.type2 > .prev,
.banner-image-on-side.type2 > .next {
position: absolute;
top: 50%;
margin-top: -.5em;
font-size: 25px;
cursor: pointer;
z-index: 2;
}
.banner-image-on-side.type2 > .prev {
left: 25px;
}
.banner-image-on-side.type2 > .next {
right: 25px;
}
.banner-image-on-side.type2 .counter-block {
right: 120px;
bottom: 51px;
}
.banner-image-on-side.type2 .heading-block .h div {
display: block;
padding: 0;
margin: 0;
}
.banner-image-on-side.type2 .social-links a:not(:hover) {
color: #4D4A4A;
}
.banner-image-on-side.type2.content-color-white .social-links a:not(:hover) {
color: #a7a7a7;
}
.banner-image-on-side .social-links-on-side {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 100%;
}
.banner-image-on-side .social-links-on-side .social-links-label {
position: absolute;
top: 50%;
left: 50%;
white-space: nowrap;
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.banner-image-on-side.content-color-white .social-links-on-side .social-links-label {
color: #DCDCDC;
}
.banner-image-on-side .banner-bottom {
bottom: 55px;
}
.banner-image-on-side .banner-bottom .container-fluid {
padding: 0 30px;
}
@media (max-width: 991.98px) {
.banner-image-on-side .container {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-image-on-side .container .content-slider .slide {
top: 0;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.banner-image-on-side .container .content-slider .slide:first-child {
position: relative;
}
.banner-image-on-side .content-slider {
position: relative;
height: auto;
left: 0;
}
.banner-image-on-side .image-slider {
position: relative;
top: 0;
left: 0;
width: 400px !important;
height: 250px !important;
margin: 0 0 60px !important;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.banner-image-on-side.type2 > .prev,
.banner-image-on-side.type2 > .next {
margin-top: -25px;
}
.banner-image-on-side.type2 .counter-block {
bottom: 20px;
}
.banner-image-on-side.type2 .image-slider {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.banner-image-on-side.type2 .banner-bottom {
bottom: 25px;
}
.banner-image-on-side.type2 .banner-bottom .container {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (max-width: 767.98px) {
.banner-image-on-side .social-links-on-side {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
top: auto;
bottom: 0;
width: 100%;
height: 40px;
display: none;
}
.banner-image-on-side .social-links-on-side .social-links-label {
position: relative;
top: 0;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.banner-image-on-side .link-block {
margin-top: 15px;
}
.banner-image-on-side .image-slider {
width: 100% !important;
height: 220px !important;
margin-bottom: 70px !important;
}
.banner-image-on-side .content-slider {
text-align: center;
}
.banner-image-on-side .content-slider .slide {
width: 100%;
}
.banner-image-on-side .content-slider .heading-block {
text-align: center;
min-height: 138px;
}
.banner-image-on-side .content-slider .heading-block .h-top {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-image-on-side .content-slider .link-block {
margin-top: 2em;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
} .banner-type2 {
position: relative;
z-index: 1;
}
.banner-type2 > .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.banner-type2 .image-slider {
position: relative;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.banner-type2 .image-slider .decor-line {
position: absolute;
top: 50%;
left: -255px;
right: 0;
height: 108px;
margin-top: -54px;
z-index: -1;
}
.banner-type2 .image-slider .video-button {
position: absolute;
top: 50%;
left: -160px;
margin-top: -1.45652em;
}
.banner-type2 .image-slider .slide {
left: 255px;
right: -230px;
}
.banner-type2 .content-slider {
overflow: hidden;
padding-bottom: 45px;
pointer-events: none;
}
.banner-type2 .content-slider .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.banner-type2 .content-slider .slide {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.banner-type2 .content-slider .heading-block .h div {
display: inline-block;
}
.banner-type2 .banner-bottom {
bottom: 50px;
pointer-events: none;
}
.banner-type2 .banner-bottom .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.banner-type2 .banner-bottom .block {
margin-left: auto;
}
.banner-type2 .banner-bottom .nav-block {
position: relative;
right: 0;
bottom: 0;
}
.banner-type2 .banner-bottom .nav-block + .social-links {
margin-top: 20px;
} .banner-centered-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.banner-centered-content .content-slider {
text-align: center;
}
.banner-centered-content .content-slider .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.banner-centered-content .content-slider .slide {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.banner-centered-content .content-slider .heading-block {
margin: 0;
}
.banner-centered-content .content-slider .heading-block .h > div {
display: inline-block;
}
.banner-centered-content > .container {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-top: 72px;
margin-bottom: 105px;
z-index: 10;
}
.banner-centered-content .image-slider {
position: relative;
height: 100%;
}
.banner-centered-content .image-slider:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
height: 80px;
background: #2C2C2C;
width: 130vw;
margin-top: -40px;
margin-left: -65vw;
z-index: -1;
}
.banner-centered-content .image-slider .prev,
.banner-centered-content .image-slider .next {
position: absolute;
top: 50%;
font-size: 36px;
margin-top: -0.5em;
color: #fff;
cursor: pointer;
}
.banner-centered-content .image-slider .prev {
left: -55px;
}
.banner-centered-content .image-slider .next {
right: -55px;
}
.banner-centered-content .image-slider .slider-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.banner-centered-content .image-slider .slide {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.15));
filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.15));
}
.banner-centered-content .banner-bottom {
bottom: 0;
}
.banner-centered-content .banner-bottom .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.banner-centered-content .banner-bottom .container:before {
content: '';
position: absolute;
right: -45px;
bottom: 0;
height: 165px;
min-width: 305px;
}
.banner-centered-content .banner-bottom .link-block {
position: relative;
height: 21px;
}
.banner-centered-content .banner-bottom .link-block .item {
position: absolute;
display: none;
}
.banner-centered-content .banner-bottom .social-links {
position: relative;
color: #fff;
margin: 42px 0 42px auto;
}
.banner-centered-content .banner-bottom .social-links a {
opacity: 1;
} .banner-in-row .swiper-container-initialized .heading-block .h-top,
.banner-in-row .swiper-container-initialized .heading-block .h,
.banner-in-row .swiper-container-initialized .link-block,
.banner-in-row .swiper-container-initialized .text {
-webkit-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
opacity: 0;
}
.banner-in-row .swiper-container-initialized .heading-block .h-top {
-webkit-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
}
.banner-in-row .swiper-container-initialized .heading-block .h {
-webkit-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.banner-in-row .swiper-container-initialized .link-block {
-webkit-transition-delay: 800ms;
-o-transition-delay: 800ms;
transition-delay: 800ms;
}
.banner-in-row .swiper-container-initialized .text {
-webkit-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.banner-in-row .swiper-container-initialized .swiper-slide-active .heading-block .h-top,
.banner-in-row .swiper-container-initialized .swiper-slide-active .heading-block .h,
.banner-in-row .swiper-container-initialized .swiper-slide-active .link-block,
.banner-in-row .swiper-container-initialized .swiper-slide-active .text {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.banner-in-row .banner-bottom {
bottom: 40px;
}
.banner-in-row .banner-bottom > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.banner-in-row .banner-bottom .b-decor {
position: absolute;
top: 50%;
height: 1px;
width: 100px;
color: #303030;
}
.banner-in-row .banner-bottom .b-decor span {
background: #303030;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.banner-in-row .banner-bottom .d-to-right:after {
content: '';
position: absolute;
top: -2px;
left: 0;
width: 5px;
height: 5px;
-webkit-box-shadow: inset 0 0 0 5px;
box-shadow: inset 0 0 0 5px;
border-radius: 50%;
}
.banner-in-row .banner-bottom .social-links {
position: relative;
margin: 0;
margin-right: auto;
}
.banner-in-row .banner-bottom .social-links .b-decor {
right: 100%;
margin-right: 20px;
}
.banner-in-row .banner-bottom .social-links .b-decor span {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.banner-in-row .banner-bottom .social-links .b-decor:after {
content: '';
position: absolute;
top: -2px;
right: 0;
width: 5px;
height: 5px;
-webkit-box-shadow: inset 0 0 0 5px;
box-shadow: inset 0 0 0 5px;
border-radius: 50%;
}
.banner-in-row .banner-bottom .social-links a {
opacity: 1;
font-size: 18px;
}
.banner-in-row .banner-bottom .bottom-button {
position: relative;
line-height: 1.1;
margin-left: auto;
}
.banner-in-row .banner-bottom .bottom-button .b-decor {
right: 100%;
margin-right: 20px;
}
.banner-in-row .banner-bottom .bottom-button a {
display: block;
font-weight: 500;
}
.banner-in-row .banner-bottom .bottom-button + .nav-block {
margin-left: 140px;
}
.banner-in-row .banner-bottom .nav-block {
position: relative;
bottom: 7px;
right: 0;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.banner-in-row .banner-bottom .nav-block .b-decor-before {
right: 100%;
top: auto;
bottom: 0;
margin-right: 90px;
}
.banner-in-row .banner-bottom .nav-block svg.b-decor {
position: absolute;
top: -37px;
left: -90px;
width: auto;
height: auto;
margin-left: 0;
background: none;
}
.banner-in-row .banner-bottom .nav-block svg.b-decor path {
stroke: #303030;
stroke-dashoffset: 0;
stroke-dasharray: 0px, 1px;
}
.banner-in-row .banner-bottom .nav-block .b-decor-after {
left: 100%;
top: auto;
bottom: 0;
margin-left: 132px;
}
.banner-in-row .banner-bottom .nav-block .buttons {
position: relative;
}
.banner-in-row .banner-bottom .nav-block .swiper-container {
width: 489px;
}
.banner-in-row .banner-bottom .nav-block .swiper-container .swiper-slide {
height: 177px;
}
.banner-in-row .banner-bottom .nav-block .prev,
.banner-in-row .banner-bottom .nav-block .next {
position: absolute;
top: 0;
height: 100%;
pointer-events: all;
width: -webkit-calc(50% - 15px);
width: calc(50% - 15px);
}
.banner-in-row .banner-bottom .nav-block .prev i,
.banner-in-row .banner-bottom .nav-block .next i {
position: absolute;
top: 50%;
margin-top: -0.5em;
}
.banner-in-row .banner-bottom .nav-block .prev {
left: 0;
}
.banner-in-row .banner-bottom .nav-block .prev i {
left: -25px;
}
.banner-in-row .banner-bottom .nav-block .next {
right: 0;
}
.banner-in-row .banner-bottom .nav-block .next:before {
content: '';
background: #000;
opacity: .6;
z-index: 2;
}
.banner-in-row .banner-bottom .nav-block .next i {
right: -25px;
}
.banner-in-row .banner-bottom .nav-block .next:hover:before {
opacity: 0;
}
.banner-in-row.current-white .banner-bottom {
color: #fff;
}
.banner-in-row.current-black .banner-bottom {
color: #000;
}
@media (max-width: 1199.98px) {
.banner-in-row .banner-bottom {
padding-right: 30px;
}
.banner-in-row .banner-bottom .bottom-button + .nav-block {
margin-left: 85px;
}
.banner-in-row .banner-bottom .nav-block svg.b-decor {
height: 158px;
left: -70px;
}
.banner-in-row .banner-bottom .nav-block .swiper-container {
width: 360px;
}
.banner-in-row .banner-bottom .nav-block .swiper-container .swiper-slide {
height: 120px;
}
}
@media (max-width: 991.98px) {
.banner-in-row .nav-block {
display: none;
}
} .banner-with-icons {
position: relative;
height: 100vh;
z-index: 1;
}
.banner-with-icons.content-color-white {
color: #fff;
}
.banner-with-icons.content-color-white .icon-box-block.style6 .icon-box .icon svg {
stroke: #625374;
}
.banner-with-icons.content-color-black {
color: #000;
}
.banner-with-icons.content-color-black .icon-box-block.style6 .icon-box .icon svg {
stroke: #313131;
}
.banner-with-icons .nav-block {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
pointer-events: none;
height: 24px;
font-size: 24px;
z-index: 5;
}
.banner-with-icons .nav-block .prev,
.banner-with-icons .nav-block .next {
position: absolute;
top: 0;
pointer-events: all;
cursor: pointer;
}
.banner-with-icons .nav-block .prev {
left: 20px;
}
.banner-with-icons .nav-block .next {
right: 20px;
}
.banner-with-icons .content-slider {
position: relative;
height: 100%;
z-index: 3;
}
.banner-with-icons .content-slider .slide {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 700px;
pointer-events: none;
}
.banner-with-icons .content-slider .slide .heading-block .h-top,
.banner-with-icons .content-slider .slide .heading-block .h,
.banner-with-icons .content-slider .slide .text,
.banner-with-icons .content-slider .slide .button-style4 {
opacity: 0;
}
.banner-with-icons .content-slider .slide .heading-block {
margin: 0 0 27px;
}
.banner-with-icons .content-slider .slide .text {
max-width: 370px;
font-size: 18px;
line-height: 1.44;
margin-bottom: 38px;
color: #B4B4B4;
}
.banner-with-icons .content-slider .slide .text b {
color: #fff;
}
.banner-with-icons .content-slider .slide .link-block .button-style4 {
-webkit-transition-property: color, border, background;
-o-transition-property: color, border, background;
transition-property: color, border, background;
pointer-events: none;
}
.banner-with-icons .content-slider .slide.current {
pointer-events: all;
}
.banner-with-icons .content-slider .slide.current .link-block .button-style4 {
pointer-events: all;
}
.banner-with-icons .image-slider {
position: absolute;
top: 50%;
left: 50%;
width: 875px;
margin-left: -140px;
-webkit-transform: translateY(-55%);
-ms-transform: translateY(-55%);
transform: translateY(-55%);
}
.banner-with-icons .image-slider:before {
content: '';
position: absolute;
top: -15px;
left: 60px;
right: 60px;
bottom: -15px;
border: 1px solid;
opacity: .15;
}
.banner-with-icons .image-slider:after {
content: '';
background: #000;
opacity: .2;
z-index: 2;
}
.banner-with-icons .image-slider .next {
position: absolute;
top: 50%;
right: -50px;
font-size: 24px;
margin-top: -0.5em;
}
.banner-with-icons .image-slider canvas {
-webkit-box-shadow: 8px 8px 45px rgba(0, 0, 0, 0.6);
box-shadow: 8px 8px 45px rgba(0, 0, 0, 0.6);
width: 100%;
height: 100%;
}
.banner-with-icons .image-slider .slides {
display: none;
}
.banner-with-icons .image-slider .slides .slide svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.banner-with-icons .icon-box-block.style6 {
position: absolute;
left: 50%;
bottom: 50px;
max-width: 998px;
margin-left: -140px;
z-index: 10;
}
.banner-with-icons .icon-box-block.style6 .icon-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
min-width: 200px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.banner-with-icons .icon-box-block.style6 .icon-box .title {
font-size: 14px;
margin: 0;
}
@media screen and (min-width: 1760px) {
.banner-with-icons .icon-box-block.style6 {
bottom: 112px;
}
}
@media (max-width: 991.98px) {
.banner-with-icons .nav-block {
top: auto;
bottom: 30px;
}
.banner-with-icons .content-slider {
position: absolute;
top: 50%;
left: 50%;
height: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center;
}
.banner-with-icons .content-slider .slide {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
left: 15px;
right: 15px;
}
.banner-with-icons .content-slider .slide .heading-block {
margin-bottom: 15px;
text-align: center;
}
.banner-with-icons .content-slider .slide .heading-block .h-top {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-with-icons .content-slider .slide .text {
margin-bottom: 18px;
margin-left: auto;
margin-right: auto;
}
.banner-with-icons .content-slider .slide .link-block {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-with-icons .image-slider {
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: 0;
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
width: 530px !important;
height: 330px !important;
z-index: 4;
}
.banner-with-icons .icon-box-block.style6 {
display: none;
}
}
@media (max-width: 575.98px) {
.banner-with-icons .image-slider {
width: -webkit-calc(100% - 30px) !important;
width: calc(100% - 30px) !important;
height: 230px !important;
}
} .portfolio-b-carousel {
position: relative;
height: 100%;
max-height: 530px;
}
.banner-item .portfolio-b-carousel {
margin-left: auto;
-webkit-box-flex: 0;
-webkit-flex: 0 0 540px;
-ms-flex: 0 0 540px;
flex: 0 0 540px;
max-width: 540px;
}
@media (max-width: 1199.98px) {
.banner-item .portfolio-b-carousel {
-webkit-box-flex: 0;
-webkit-flex: 0 0 440px;
-ms-flex: 0 0 440px;
flex: 0 0 440px;
max-width: 440px;
height: 400px;
}
}
@media (max-width: 991.98px) {
.banner-item .portfolio-b-carousel {
margin: 0 auto;
height: 350px;
}
}
@media (max-width: 575.98px) {
.banner-item .portfolio-b-carousel {
-webkit-box-flex: 0;
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
max-width: 90%;
width: 90%;
height: 290px;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
margin-bottom: 90px;
}
}
.portfolio-b-carousel .prev,
.portfolio-b-carousel .next {
position: absolute;
top: 50%;
margin-top: -.5em;
font-size: 18px;
pointer-events: all;
cursor: pointer;
z-index: 2;
display: block !important;
}
.portfolio-b-carousel .prev.swiper-button-disabled,
.portfolio-b-carousel .next.swiper-button-disabled {
opacity: .2;
pointer-events: none;
}
.portfolio-b-carousel .prev {
left: -25px;
}
.portfolio-b-carousel .next {
right: -25px;
}
.portfolio-b-carousel .swiper-container {
overflow: visible;
height: 100%;
}
.portfolio-b-carousel .swiper-slide {
position: relative;
color: #fff;
-webkit-box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.6);
box-shadow: 0px 3px 22px rgba(0, 0, 0, 0.6);
-webkit-transition: 400ms ease-in-out, 300ms ease-in-out;
-o-transition: 400ms ease-in-out, 300ms ease-in-out;
transition: 400ms ease-in-out, 300ms ease-in-out;
-webkit-transition-duration: transform, opacity visibility;
-o-transition-duration: transform, opacity visibility;
transition-duration: transform, opacity visibility;
opacity: 0;
pointer-events: none;
visibility: hidden;
z-index: 1;
}
.portfolio-b-carousel .swiper-slide.swiper-slide-visible {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.portfolio-b-carousel .swiper-slide.swiper-slide-visible + .swiper-slide-visible {
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
}
.portfolio-b-carousel .swiper-slide.swiper-slide-visible + .swiper-slide-visible + .swiper-slide-visible {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.portfolio-b-carousel .swiper-slide .image:before {
content: '';
background: #000;
opacity: 0;
}
.portfolio-b-carousel .swiper-slide div.icon {
top: 50%;
left: 50%;
right: auto;
margin: -20px 0 0 -20px;
}
.portfolio-b-carousel .swiper-slide .read-more-button {
position: absolute;
left: 50%;
bottom: 20px;
-webkit-transform: translateX(-50%) translateY(20px);
-ms-transform: translateX(-50%) translateY(20px);
transform: translateX(-50%) translateY(20px);
text-transform: uppercase;
opacity: 0;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
z-index: 3;
}
.portfolio-b-carousel .swiper-slide .read-more-button span {
font-size: 10px;
font-weight: 500;
white-space: nowrap;
}
.portfolio-b-carousel .swiper-slide .read-more-button i {
font-size: 20px;
margin-left: 5px;
}
.portfolio-b-carousel .swiper-slide .read-more-button:hover {
opacity: 1;
}
.portfolio-b-carousel .swiper-slide:hover .image:before {
opacity: .5;
}
.portfolio-b-carousel .swiper-slide:hover .read-more-button {
opacity: .8;
-webkit-transform: translateX(-50%) translateY(0px);
-ms-transform: translateX(-50%) translateY(0px);
transform: translateX(-50%) translateY(0px);
} .iframe-video {
position: relative;
padding-bottom: 56.25%;
margin-bottom: 45px;
}
.iframe-video iframe {
width: 100%;
height: 100%;
}
.video-block {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #000;
min-height: 400px;
-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4);
box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4);
z-index: 4; }
.video-block.shadow-off {
-webkit-box-shadow: none;
box-shadow: none;
}
.video-block .decor-block {
position: absolute;
top: 50%;
left: -15px;
right: -15px;
border: 1px solid;
color: #c0c0c0;
opacity: .3;
z-index: -2;
height: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
body.dark-scheme .video-block .decor-block,
body .dark-scheme .video-block .decor-block {
color: #fff;
}
.video-block .play-button {
color: #fff;
}
.video-block .button {
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
-ms-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
padding: 0 25px 0 21px;
height: 52px;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-weight: bold;
margin-left: 26px;
}
.video-block .button.left {
left: 0;
margin-left: 26px;
}
.video-block .button.right {
left: 100%;
margin-left: -26px;
}
.video-block .button i {
font-size: 23px;
margin-right: 13px;
}
.video-block .button span {
margin-top: 2px;
}
.video-block .button:hover {
background: #2B2B2B;
}
@media (max-width: 991.98px) {
.video-block-5fd717a28efa1 {
min-height: 600px !important;
}
}
@media (max-width: 767.98px) {
.video-block-5fd717a28efa1 {
min-height: 400px !important;
}
} .swiper-dots {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 30px 0;
color: #E9E9E9;
}
.swiper-dots .swiper-pagination-bullet {
position: relative;
width: 12px;
height: 12px;
-webkit-box-shadow: inset 0 0 0 10px;
box-shadow: inset 0 0 0 10px;
border-radius: 50%;
cursor: pointer;
}
.swiper-dots .swiper-pagination-bullet:before {
content: '';
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
border-radius: 50%;
}
.swiper-dots .swiper-pagination-bullet:not(:last-child) {
margin-right: 7px;
} .swiper-dots-type2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 30px 0;
}
.swiper-dots-type2 .swiper-pagination-bullet {
position: relative;
width: 4px;
height: 4px;
border-radius: 2px;
-webkit-box-shadow: inset 0 0 0 10px;
box-shadow: inset 0 0 0 10px;
margin: 0 6px;
-webkit-transition: 300ms ease-in-out;
-o-transition: 300ms ease-in-out;
transition: 300ms ease-in-out;
-webkit-transition-property: width, color, height;
-o-transition-property: width, color, height;
transition-property: width, color, height;
pointer-events: all;
opacity: 0.8;
cursor: pointer;
}
.current-right-white .swiper-dots-type2 .swiper-pagination-bullet {
color: #fff;
}
.current-right-dark .swiper-dots-type2 .swiper-pagination-bullet {
color: #000;
}
.swiper-dots-type2 .swiper-pagination-bullet:before {
content: '';
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
}
.swiper-dots-type2 .swiper-pagination-bullet-active {
width: 20px;
}
.swiper-dots-type2.vertical {
display: block;
}
.swiper-dots-type2.vertical .swiper-pagination-bullet {
margin: 12px 0;
}
.swiper-dots-type2.vertical .swiper-pagination-bullet-active {
width: 4px;
height: 20px;
} .loadmore-button-block {
text-align: center;
margin: 30px 0 45px;
}
.portfolio-block.gap-on .loadmore-button-block,
.portfolio-block.portfolio-type-packery.gap-on .loadmore-button-block {
margin-top: 15px;
}
.blog-block .loadmore-button-block {
margin-top: 18px;
}
.product-block .loadmore-button-block {
margin-top: 10px;
}
@-webkit-keyframes load_dots {
0%,
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
}
@keyframes load_dots {
0%,
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
}
.loadmore-button {
position: relative;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Roboto Condensed';
font-size: 16px;
height: 40px;
padding: 0 25px 0 15px;
color: inherit;
font-weight: bold;
pointer-events: all;
cursor: pointer;
z-index: 1;
}
.loadmore-button * {
pointer-events: none;
}
.loadmore-button .circle {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
border-radius: 29px;
border: 1px solid #C7C7C7;
-webkit-transition: none;
-o-transition: none;
transition: none;
pointer-events: none;
margin: 0;
z-index: -1;
}
.loadmore-button i {
font-size: 17px;
}
.loadmore-button i + span {
margin-left: 4px;
}
.loadmore-button span {
margin-top: 2px;
}
.loadmore-button .load-dots {
position: absolute;
top: 50%;
left: 50%;
margin: -3px 0 0 -3px;
width: 6px;
height: 6px;
overflow: visible;
}
.loadmore-button .load-dots em, .loadmore-button .load-dots:before, .loadmore-button .load-dots:after {
content: '';
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 3px;
box-shadow: inset 0 0 0 3px;
}
.loadmore-button .load-dots em {
left: 0;
}
.loadmore-button .load-dots:before {
left: -8px;
}
.loadmore-button .load-dots:after {
right: -8px;
}
.loadmore-button .spin {
position: absolute;
top: 50%;
left: 50%;
margin: -.5em 0 0 -.5em;
font-size: 24px;
-webkit-animation: spin 1000ms ease-in-out infinite;
animation: spin 1000ms ease-in-out infinite;
}
.loadmore-button > * {
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: opacity, visible, -webkit-transform !important;
transition-property: opacity, visible, -webkit-transform !important;
-o-transition-property: opacity, visible, transform !important;
transition-property: opacity, visible, transform !important;
transition-property: opacity, visible, transform, -webkit-transform !important;
}
.loadmore-button.loading .load-dots em, .loadmore-button.loading .load-dots:before, .loadmore-button.loading .load-dots:after {
-webkit-animation: load_dots 1000ms ease-in-out infinite;
animation: load_dots 1000ms ease-in-out infinite;
}
.loadmore-button.loading .load-dots:before {
-webkit-animation-delay: 0;
animation-delay: 0;
}
.loadmore-button.loading .load-dots em {
-webkit-animation-delay: 333ms;
animation-delay: 333ms;
}
.loadmore-button.loading .load-dots:after {
-webkit-animation-delay: 666ms;
animation-delay: 666ms;
} .filter-buttons {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 40px 0 23px;
pointer-events: none;
z-index: 2;
}
.filter-buttons .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 0 0 0;
}
.filter-buttons .wrap .button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
overflow: visible;
line-height: 20px;
font-size: 14px;
margin-bottom: 15px;
padding: 5px 0;
font-weight: 500;
height: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
pointer-events: all;
color: #6A6A6a;
z-index: 1;
}
body.dark-scheme .filter-buttons .wrap .button,
body .dark-scheme .filter-buttons .wrap .button {
color: #666666;
}
.filter-buttons .wrap .button:not(:last-of-type) {
margin-right: 35px;
}
.filter-buttons .wrap .button:last-child:after {
display: none;
}
.filter-buttons .wrap .button:not(.current):hover {
background: none;
color: inherit;
}
.filter-buttons .wrap .button:before {
content: '';
position: absolute;
top: 50%;
width: 0;
right: 100%;
margin-top: -2px;
margin-right: 6px;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
-webkit-box-shadow: inset 0 0 0 40px;
box-shadow: inset 0 0 0 40px;
height: 2px;
z-index: -1;
}
.filter-buttons .wrap .button span {
display: block;
overflow: visible;
}
.filter-buttons .wrap .button:hover, .filter-buttons .wrap .button.current {
background: none;
font-weight: bold;
color: #000;
}
body.dark-scheme .filter-buttons .wrap .button:hover,
body .dark-scheme .filter-buttons .wrap .button:hover, body.dark-scheme .filter-buttons .wrap .button.current,
body .dark-scheme .filter-buttons .wrap .button.current {
color: #fff;
}
.filter-buttons .wrap .button:hover:before, .filter-buttons .wrap .button.current:before {
width: 12px;
}
.filter-buttons.tal {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.filter-buttons.tac {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.filter-buttons.tar {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 767.98px) {
.filter-buttons.tar {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.filter-buttons.style1 {
padding-left: 20px;
}
.filter-buttons.style2 {
font-size: 14px;
margin-bottom: 31px;
}
.filter-buttons.style2 .wrap {
min-height: 40px;
}
.filter-buttons.style2 .wrap .button {
margin: 0 !important;
}
.filter-buttons.style2 .wrap .button span {
display: inline;
}
.filter-buttons.style2 .wrap .button:before {
display: none;
}
.filter-buttons.style2 .wrap .button:not(:last-child):after {
content: '\00a0\00a0\00a0/\00a0\00a0\00a0';
}
@media (max-width: 767.98px) {
.filter-buttons .wrap .button {
font-size: 14px;
margin-bottom: 10px;
}
.filter-buttons .wrap .button:not(:last-of-type) {
margin-right: 15px;
}
} .line-through-on-hover .line {
position: relative;
display: inline-block;
}
.line-through-on-hover .line:before {
content: '';
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 300ms ease-in-out;
transition: -webkit-transform 300ms ease-in-out;
-o-transition: transform 300ms ease-in-out;
transition: transform 300ms ease-in-out;
transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.line-through-on-hover:hover .line:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
} .nav-buttons {
position: absolute;
top: 0;
right: 0;
font-size: 12px;
z-index: 3;
}
.nav-buttons > * {
cursor: pointer;
pointer-events: all;
}
.nav-buttons .next {
margin-left: 15px;
}
@media (max-width: 767.98px) {
.nav-buttons {
top: -25px !important;
left: 0;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.portfolio-block {
position: relative;
margin: 30px 0;
}
.portfolio-block .row {
margin: 0 -20px;
}
.portfolio-block .row article {
padding: 0 20px;
}
.portfolio-block.gap-off .row {
margin: 0;
}
.portfolio-block.gap-off article {
padding: 0;
margin: 0;
}
.plus-button-block {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate(1000px, 1000px);
-ms-transform: translate(1000px, 1000px);
transform: translate(1000px, 1000px);
overflow: hidden;
background: transparent;
background: white;
width: 2.18182em;
height: 2.18182em;
font-size: 22px;
color: #000;
border-radius: 50%;
z-index: 4;
pointer-events: none;
cursor: pointer;
}
.plus-button-block.ionicons-play {
text-indent: .15em;
}
.portfolio-item {
position: relative;
margin-bottom: 30px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.portfolio-item .wrap {
position: relative;
overflow: hidden;
z-index: 1;
}
.portfolio-item .wrap:hover .img:after {
opacity: .5;
}
.portfolio-item .wrap:hover .content {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.portfolio-item .wrap:hover .read-more-button {
opacity: 1;
}
.portfolio-item .wrap.cursor-none a,
.portfolio-item .wrap.cursor-none .play-button {
cursor: none;
}
.portfolio-b-carousel .swiper-slide .icon,
.product-image-block .slider .icon,
.poduct-content-row .product-image .icon,
.portfolio-item .icon {
position: absolute;
top: 16px;
right: 16px;
width: 40px;
height: 40px;
opacity: 0;
z-index: 20;
border-radius: 50%;
overflow: hidden;
background: #000;
color: #fff;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: opacity, visibility, -webkit-transform;
transition-property: opacity, visibility, -webkit-transform;
-o-transition-property: opacity, transform, visibility;
transition-property: opacity, transform, visibility;
transition-property: opacity, transform, visibility, -webkit-transform;
}
.portfolio-b-carousel .swiper-slide .icon:before, .portfolio-b-carousel .swiper-slide .icon:after,
.product-image-block .slider .icon:before,
.product-image-block .slider .icon:after,
.poduct-content-row .product-image .icon:before,
.poduct-content-row .product-image .icon:after,
.portfolio-item .icon:before,
.portfolio-item .icon:after {
content: '';
position: relative;
top: 0;
left: 0;
width: 1px;
height: 13px;
background: #fff;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
}
.portfolio-b-carousel .swiper-slide .icon:before,
.product-image-block .slider .icon:before,
.poduct-content-row .product-image .icon:before,
.portfolio-item .icon:before {
top: -30px;
left: 1px;
}
.portfolio-b-carousel .swiper-slide .icon:after,
.product-image-block .slider .icon:after,
.poduct-content-row .product-image .icon:after,
.portfolio-item .icon:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
left: 30px;
}
.portfolio-b-carousel .swiper-slide .icon:hover,
.product-image-block .slider .icon:hover,
.poduct-content-row .product-image .icon:hover,
.portfolio-item .icon:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.portfolio-item .play-button:before {
display: none;
}
.portfolio-item .img {
position: relative;
}
.portfolio-item .img:before {
content: '';
display: block;
padding-bottom: 130%;
}
.portfolio-type-masonry .portfolio-item .img:before {
display: none;
}
.orientation-landscape .portfolio-item .img:before {
padding-bottom: 73%;
}
.orientation-cube .portfolio-item .img:before {
padding-bottom: 100%;
}
.portfolio-item .img:after {
content: '';
background: #000;
opacity: 0;
}
.portfolio-item .img img {
display: block;
width: 100%;
}
.portfolio-item .content {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 6px 10px;
opacity: 0;
pointer-events: none;
z-index: 1;
}
.portfolio-item .title {
position: relative;
font-weight: 600;
font-size: 22px;
margin: 0;
color: inherit;
line-height: 1;
}
.portfolio-item .title:before {
content: attr(data-title);
position: absolute;
top: 0;
left: 0;
width: 100%;
color: #fff;
z-index: 2;
}
.portfolio-item .title span {
display: inline;
color: transparent;
background: #161616;
-webkit-filter: drop-shadow(-10px 0px 0 #161616) drop-shadow(10px 0px 0 #161616) drop-shadow(0px 4px 0 #161616);
filter: drop-shadow(-10px 0px 0 #161616) drop-shadow(10px 0px 0 #161616) drop-shadow(0px 4px 0 #161616);
}
.portfolio-item .read-more-button {
position: absolute;
right: 15px;
bottom: 15px;
font-weight: 500;
font-size: 10px;
opacity: 0;
color: #fff;
z-index: 4;
padding: 0;
background: none !important;
height: auto;
}
.portfolio-item .read-more-button span {
text-transform: uppercase;
}
.portfolio-item .read-more-button i {
font-size: 1.8em;
margin-left: 5px;
}
.portfolio-item .video-button,
.portfolio-item .play-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 4;
color: #fff;
pointer-events: none;
}
.portfolio-item.default .video-button {
color: #000;
}
.portfolio-item .permalink {
cursor: pointer !important;
}
.portfolio-item .link {
z-index: 3;
}
.portfolio-item .wrap:hover {
z-index: 3;
}
.portfolio-b-carousel .swiper-slide:hover .icon,
.portfolio-item .wrap:hover .icon {
opacity: 1;
}
.portfolio-b-carousel .swiper-slide:hover .icon:before, .portfolio-b-carousel .swiper-slide:hover .icon:after,
.portfolio-item .wrap:hover .icon:before,
.portfolio-item .wrap:hover .icon:after {
-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
-o-transition: all 600ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
transition: all 600ms cubic-bezier(0.68, -0.55, 0.27, 1.55);
-webkit-transition-property: top, left;
-o-transition-property: top, left;
transition-property: top, left;
}
.portfolio-b-carousel .swiper-slide:hover .icon:before,
.portfolio-item .wrap:hover .icon:before {
top: 0;
}
.portfolio-b-carousel .swiper-slide:hover .icon:after,
.portfolio-item .wrap:hover .icon:after {
left: 0;
}
.portfolio-item.default .wrap {
overflow: visible;
}
.portfolio-item.default .wrap:hover .img div {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.portfolio-item.default .img {
overflow: hidden;
}
.portfolio-item.default .img div {
-webkit-transition: -webkit-transform 400ms ease-in-out;
transition: -webkit-transform 400ms ease-in-out;
-o-transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.portfolio-item.default .content {
width: auto;
-webkit-transition: -webkit-clip-path 400ms ease-in-out;
transition: -webkit-clip-path 400ms ease-in-out;
-o-transition: clip-path 400ms ease-in-out;
transition: clip-path 400ms ease-in-out;
transition: clip-path 400ms ease-in-out, -webkit-clip-path 400ms ease-in-out;
-webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.portfolio-item.default .content.show {
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.portfolio-item.hover_type2 .content, .portfolio-item.hover_type3 .content {
top: auto;
bottom: 0;
padding: 22px;
color: #fff;
pointer-events: none;
z-index: 4;
opacity: 1;
}
.portfolio-item.hover_type2 .content:hover, .portfolio-item.hover_type3 .content:hover {
color: #999999;
}
.portfolio-item.hover_type2 .content:hover .line:before, .portfolio-item.hover_type3 .content:hover .line:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
.portfolio-item.hover_type2 .title:before, .portfolio-item.hover_type3 .title:before {
display: none;
}
.portfolio-item.hover_type2 .title a, .portfolio-item.hover_type3 .title a {
display: inline-block;
color: inherit;
}
.portfolio-item.hover_type2 .title a:not(.ready), .portfolio-item.hover_type3 .title a:not(.ready) {
opacity: 0;
}
.portfolio-item.hover_type2 .title a .line, .portfolio-item.hover_type3 .title a .line {
position: relative;
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
.portfolio-item.hover_type2 .title a .line:before, .portfolio-item.hover_type3 .title a .line:before {
content: '';
display: none;
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform 300ms ease-in-out;
transition: -webkit-transform 300ms ease-in-out;
-o-transition: transform 300ms ease-in-out;
transition: transform 300ms ease-in-out;
transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
}
.portfolio-item.hover_type2 .title span, .portfolio-item.hover_type3 .title span {
display: inline-block;
color: inherit;
background: none;
-webkit-filter: none;
filter: none;
}
.portfolio-item.hover_type2.disabled .wrap .img:after, .portfolio-item.hover_type3.disabled .wrap .img:after {
opacity: .5;
}
.portfolio-item.hover_type2.disabled .wrap .content, .portfolio-item.hover_type3.disabled .wrap .content {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.portfolio-item.hover_type2.disabled .wrap .content .title a, .portfolio-item.hover_type3.disabled .wrap .content .title a {
opacity: 1 !important;
}
.portfolio-item.hover_type2.disabled .wrap .content .title a .line, .portfolio-item.hover_type3.disabled .wrap .content .title a .line {
opacity: 1 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.portfolio-item.hover_type2.disabled .wrap .read-more-button, .portfolio-item.hover_type3.disabled .wrap .read-more-button {
opacity: 1;
}
@media screen and (hover: none) {
.portfolio-item.hover_type2 .wrap .img:after, .portfolio-item.hover_type3 .wrap .img:after {
opacity: .5;
}
.portfolio-item.hover_type2 .wrap .content, .portfolio-item.hover_type3 .wrap .content {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.portfolio-item.hover_type2 .wrap .content .title a, .portfolio-item.hover_type3 .wrap .content .title a {
opacity: 1 !important;
}
.portfolio-item.hover_type2 .wrap .content .title a .line, .portfolio-item.hover_type3 .wrap .content .title a .line {
opacity: 1 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.portfolio-item.hover_type2 .wrap .read-more-button, .portfolio-item.hover_type3 .wrap .read-more-button {
opacity: 1;
}
}
.portfolio-item.hover_type3 .plus-button-block {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.portfolio-type-carousel {
position: relative;
}
.portfolio-type-carousel .prev,
.portfolio-type-carousel .next {
position: absolute;
top: 50%;
font-size: 22px;
margin-top: -0.5em;
cursor: pointer;
z-index: 2;
}
.portfolio-type-carousel .prev {
margin-left: -28px;
}
@media (max-width: 575.98px) {
.portfolio-type-carousel .prev {
margin-left: -25px;
}
}
@media (max-width: 575.98px) {
.portfolio-type-carousel .next {
left: auto !important;
right: 0 !important;
margin-right: -15px !important;
}
}
.portfolio-type-carousel .swiper-container {
overflow: visible;
-webkit-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.portfolio-type-carousel .swiper-container.loading {
opacity: 0;
}
@media (max-width: 575.98px) {
.portfolio-type-carousel .swiper-container {
padding: 0 10px;
}
}
.portfolio-type-carousel .portfolio-item {
margin-bottom: 0;
}
.portfolio-type-carousel .portfolio-item .img:before {
padding-bottom: 78.65169%;
}
.portfolio-type-carousel .portfolio-item .play-button svg {
width: 85px;
height: 85px;
}
.portfolio-type-packery .row {
margin: 0;
}
.portfolio-type-packery .row article {
padding: 0;
}
.portfolio-type-packery article:before {
content: '';
display: block;
padding-bottom: 115.78947%;
}
.portfolio-type-packery article .img:before {
display: none;
}
.portfolio-type-packery article:nth-child(5n+5) {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
.portfolio-type-packery article:nth-child(5n+5):before {
padding-bottom: 57.894%;
}
@media (max-width: 767.98px) {
.portfolio-type-packery article:nth-child(5n+5) {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.portfolio-type-packery article:nth-child(5n+5):before {
padding-bottom: 115.78947%;
}
}
@media (max-width: 575.98px) {
.portfolio-type-packery article:nth-child(5n+5) {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.portfolio-type-packery.gap-on .row {
margin: 0 -15px;
}
.portfolio-type-packery.gap-on article .wrap {
left: 15px;
right: 15px;
}
.portfolio-type-grid-with-heading-block .content-col {
height: 445px;
margin-bottom: 30px;
}
.portfolio-type-grid-with-heading-block .content-col .heading-block {
margin: 0 0 27px;
}
.portfolio-type-grid-with-heading-block .content-col .text {
line-height: 1.81;
margin-bottom: 32px;
}
@media (min-width: 576px) {
.portfolio-type-grid-with-heading-block .content-col + .portfolio-item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 66.66667%;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%;
}
}
.portfolio-type-grid-with-heading-block .content-col + .portfolio-item .img {
height: 445px;
}
.portfolio-type-grid-with-heading-block .content-col + .portfolio-item .img:before {
padding-bottom: 0;
}
.portfolio-type-grid-with-heading-block .portfolio-item .img:before {
padding-bottom: 80%;
}
.portfolio-type-scattered .filter-buttons {
margin-bottom: 39px;
}
.portfolio-type-scattered .row {
margin: 0 -32.5px;
}
.portfolio-type-scattered .row .portfolio-scattered-item {
padding: 0 32.5px;
margin-bottom: 53px;
}
.portfolio-type-scattered .row .portfolio-scattered-item:nth-child(3) {
margin-top: 135px;
}
.portfolio-scattered-item,
.portfolio-justified-item {
margin-bottom: 110px;
}
.portfolio-scattered-item.with-offset .wrap,
.portfolio-justified-item.with-offset .wrap {
-webkit-transform: translateX(130px);
-ms-transform: translateX(130px);
transform: translateX(130px);
max-width: 570px;
}
.portfolio-scattered-item .image-block,
.portfolio-justified-item .image-block {
position: relative;
margin-bottom: 13px;
overflow: hidden;
}
.portfolio-scattered-item .plus-button-block,
.portfolio-justified-item .plus-button-block {
position: absolute;
top: 0;
left: 0;
right: auto;
-webkit-transform: translate(1000px, 1000px);
-ms-transform: translate(1000px, 1000px);
transform: translate(1000px, 1000px);
}
.portfolio-scattered-item .video-button,
.portfolio-justified-item .video-button {
display: none;
}
.portfolio-scattered-item .img:before,
.portfolio-justified-item .img:before {
content: ''; }
.portfolio-scattered-item canvas,
.portfolio-justified-item canvas {
position: absolute;
top: 0;
left: 0;
}
.portfolio-scattered-item .content .categories,
.portfolio-justified-item .content .categories {
font-family: 'Roboto Condensed';
color: #9B9B9B;
font-size: 12px;
margin-bottom: -6px;
}
.portfolio-scattered-item .content .title,
.portfolio-justified-item .content .title {
display: inline-block;
font-weight: 600;
font-size: 22px;
line-height: 1.31818;
}
.portfolio-scattered-item .content .title a,
.portfolio-justified-item .content .title a {
color: inherit;
}
.portfolio-scattered-item:hover .icon,
.portfolio-justified-item:hover .icon {
opacity: 1;
}
.portfolio-scattered-item .wrap {
opacity: 0;
}
.portfolio-scattered-item .wrap:hover .img:before {
opacity: .5;
visibility: visible;
}
.portfolio-scattered-item .img:before {
opacity: 0;
}
.portfolio-scattered-item .aspect-ratio {
padding-bottom: 68.97638%;
}
.portfolio-scattered-item:nth-child(2n+1) .aspect-ratio {
padding-bottom: 147.14286%;
}
.justified-wrap {
position: relative;
}
.justified-wrap .portfolio-justified-item {
position: absolute;
}
.portfolio-justified-item {
margin-bottom: 58px;
}
.portfolio-justified-item:nth-child(4n+3), .portfolio-justified-item:nth-child(4n+4) {
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33333%;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%;
}
.portfolio-justified-item .image-block {
position: relative;
}
.portfolio-justified-item .image-block .img {
height: 490px;
}
.portfolio-type-combined-grid .filter-buttons {
margin-bottom: 5px;
}
.portfolio-type-combined-grid .row {
margin: 0 -15px;
}
.portfolio-type-combined-grid .row .portfolio-item {
padding: 0;
margin: 0;
}
.portfolio-type-combined-grid .row .portfolio-item:before {
content: '';
display: block;
padding-bottom: 120%;
}
.portfolio-type-combined-grid .row .portfolio-item .wrap {
overflow: hidden;
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
}
.portfolio-type-combined-grid .row .portfolio-item .img:before {
display: none;
}
.portfolio-type-combined-grid .row .portfolio-item:nth-child(6n+2):before {
padding-bottom: 85%;
}
.portfolio-type-combined-grid .row .portfolio-item:nth-child(6n+1):before {
padding-bottom: 100%;
}
.portfolio-type-combined-grid .row .portfolio-item:nth-child(6n+4):before {
padding-bottom: 95%;
}
.portfolio-type-combined-grid .row .portfolio-item:nth-child(6n+5):before {
padding-bottom: 135%;
}
.portfolio-type-combined-grid .row .portfolio-item:nth-child(6n+6):before {
padding-bottom: 125%;
}
.portfolio-type-offset-grid .row {
margin: 0 -15px;
}
.portfolio-type-offset-grid .row .portfolio-item {
padding: 0;
margin: 0;
}
.portfolio-type-offset-grid .row .portfolio-item:nth-child(2) {
margin-top: 90px;
}
.portfolio-type-offset-grid .row .portfolio-item:nth-child(3) {
margin-top: 180px;
}
.portfolio-type-offset-grid .row .portfolio-item:nth-child(4) {
margin-top: 40px;
}
.portfolio-type-offset-grid .row .portfolio-item:before {
content: '';
display: block;
padding-bottom: 150%;
}
.portfolio-type-offset-grid .row .portfolio-item .wrap {
overflow: hidden;
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
}
.portfolio-type-offset-grid .row .portfolio-item .img:before {
display: none;
}
.portfolio-type-offset-grid.gap-off .row .portfolio-item .wrap {
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.portfolio-type-offset-grid.orientation-landscape .row .portfolio-item:before {
padding-bottom: 73%;
}
.portfolio-type-offset-grid.orientation-cube .row .portfolio-item:before {
padding-bottom: 100%;
}
.portfolio-projects-carousel {
width: 555px;
}
.portfolio-projects-carousel .prev,
.portfolio-projects-carousel .next {
display: block !important;
color: #fff;
}
.portfolio-projects-carousel .swiper-slide {
position: relative;
border-radius: 16px;
overflow: hidden;
}
.portfolio-projects-carousel .swiper-slide .image:before {
content: '';
border-radius: 16px;
-webkit-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.portfolio-projects-carousel .swiper-slide:hover .image:before {
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
background: rgba(0, 0, 0, 0.3);
}
.portfolio-projects-carousel .title-block {
position: absolute;
bottom: 100%;
font-weight: 500;
font-size: 16px;
text-transform: uppercase;
color: #fff;
min-height: 31px;
padding: 3px 17px;
border-radius: 16px;
margin-bottom: 20px;
line-height: 1.1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
z-index: 2;
}
.portfolio-projects-carousel .desc-block {
position: absolute;
right: 40px;
bottom: 100%;
margin-bottom: 23px;
color: #fff;
}
@media (max-width: 575.98px) {
.portfolio-projects-carousel {
width: 235px;
padding: 10px 20px;
border-radius: 15px;
}
.portfolio-projects-carousel .prev {
left: 2px;
}
.portfolio-projects-carousel .next {
right: 2px;
}
}
.portfolio-type-slider {
max-width: 600px;
margin: 30px auto;
}
.portfolio-type-slider .prev,
.portfolio-type-slider .next {
position: absolute;
top: 50%;
width: 38px;
height: 38px;
background: rgba(0, 0, 0, 0.4);
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 50%;
margin-top: -19px;
z-index: 3;
cursor: pointer;
}
body.dark-scheme .portfolio-type-slider .prev,
body .dark-scheme .portfolio-type-slider .prev, body.dark-scheme
.portfolio-type-slider .next,
body .dark-scheme
.portfolio-type-slider .next {
background: rgba(255, 255, 255, 0.4);
border: 1px solid rgba(255, 255, 255, 0.3);
}
.portfolio-type-slider .prev {
left: -53px;
}
.portfolio-type-slider .next {
right: -53px;
}
.portfolio-type-slider .swiper-container {
overflow: visible;
}
.portfolio-type-slider .portfolio-item {
margin-bottom: 0;
}
.portfolio-type-slider .portfolio-item .img:before {
padding-bottom: 70%;
}
.portfolio-type-slider .portfolio-item .img:after {
opacity: .7;
background: #fff;
}
body.dark-scheme .portfolio-type-slider .portfolio-item .img:after,
body .dark-scheme .portfolio-type-slider .portfolio-item .img:after {
background: #000;
}
.portfolio-type-slider .portfolio-item.swiper-slide-active:not(:hover) .img:after {
opacity: 0;
}
.portfolio-type-slider .portfolio-item.swiper-slide-active .img:after {
background: #000;
} .map-block {
position: relative;
}
.map-block .map {
height: 100%;
}
.map-block.with-content {
padding: 90px 0;
}
.map-block.with-content .map-content {
position: relative;
background: #fff;
border-radius: 4px;
max-width: 530px;
padding: 30px 25px;
}
.map-block.with-content .phone-block {
position: absolute;
right: 25px;
bottom: 39px;
}
@media screen and (max-width: 450px) {
.map-block.with-content .phone-block {
display: none;
}
}
@media (max-width: 767.98px) {
.map-block {
margin-left: 0 !important;
margin-right: 0 !important;
max-width: 100%;
}
} .skills-items {
margin-top: 35px;
}
.skills-rate {
margin: 0 0 23px 0;
}
.skills-rate .h {
font-weight: bold;
font-size: 15px;
text-transform: uppercase;
}
.skills-rate .rate-line {
position: relative;
margin: 7px 0 0;
background: #EBEBEB;
}
.skills-rate .rate-line div {
position: relative;
height: 6px;
width: 0;
-webkit-transition: width 900ms ease-in-out;
-o-transition: width 900ms ease-in-out;
transition: width 900ms ease-in-out;
}
.skills-rate .rate-line span {
position: absolute;
font-family: 'Roboto Condensed';
right: -4px;
bottom: 100%;
margin-bottom: 0.69231em;
line-height: 2.07692em;
-webkit-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
color: #fff;
padding: 0 0.53846em;
border-radius: 0.23077em;
font-weight: bold;
font-size: 13px;
}
.skills-rate .rate-line span:before {
content: '';
position: absolute;
top: 100%;
right: 0.30769em;
width: 0;
height: 0;
border-top-width: 0.38462em;
border-top-style: solid;
border-left: 0.76923em solid transparent !important;
} .brand-block {
position: relative;
margin: 40px 0;
}
.brand-block .nav-arrows {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 30px;
margin-bottom: 25px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
z-index: 4;
direction: ltr;
}
.brand-block .nav-arrows .prev,
.brand-block .nav-arrows .next {
position: relative;
width: 60px;
height: 30px;
cursor: pointer;
}
.brand-block .nav-arrows .prev.swiper-button-disabled:before,
.brand-block .nav-arrows .next.swiper-button-disabled:before {
opacity: 0.2;
}
.brand-block .nav-arrows .prev {
margin-right: 1px;
}
.brand-block .nav-arrows .prev:after {
content: '';
position: absolute;
top: 0;
right: -1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
width: 1px;
height: 100%;
opacity: 0.05;
}
@media (max-width: 767.98px) {
.brand-block .nav-arrows {
-webkit-box-pack: start;
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
}
}
.brand-block .swiper-wrapper {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.brand-block.style2 {
background: #F4EDEA;
border-radius: 4px;
-webkit-box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.17);
box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.17);
margin-right: 95px;
padding: 30px 20px;
}
.brand-block.style2 .next {
position: absolute;
top: 50px;
left: 100%;
margin-left: 30px;
font-size: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.brand-block.extends-offset {
margin: 0;
}
.brand-block.extends-offset .swiper-container {
margin: 95px 0 70px;
}
.brand-item {
margin-top: 0 !important;
height: 125px;
padding-top: 15px;
padding-bottom: 15px;
}
.brand-item .content {
position: relative;
}
.brand-item img {
vertical-align: middle;
opacity: .7;
width: auto;
max-height: 90px;
}
.brand-item img + img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transform: rotateY(90deg) scaleX(-1);
transform: rotateY(90deg) scaleX(-1);
visibility: hidden;
}
.brand-item:not(.without-hover):hover img {
display: block;
-webkit-transform: rotateY(90deg) scaleX(1);
transform: rotateY(90deg) scaleX(1);
-webkit-perspective: 300px;
perspective: 300px;
-webkit-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.brand-item:not(.without-hover):hover img + img {
-webkit-transform: rotateY(180deg) scaleX(-1);
transform: rotateY(180deg) scaleX(-1);
-webkit-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.brand-item.without-hover img {
opacity: 1;
}
.brand-item.without-hover:hover img {
opacity: .5;
visibility: visible;
} .accordion-block {
margin: 30px 0;
}
.accordion-block .accordion-item {
position: relative;
margin-bottom: 12px;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
border-radius: 5px;
overflow: hidden;
z-index: 1;
}
.accordion-block .accordion-item:before {
content: '';
background: #FFE9E9;
z-index: -1;
}
body.dark-scheme .accordion-block .accordion-item:before,
body .dark-scheme .accordion-block .accordion-item:before {
background: #000;
}
.accordion-block .accordion-item .top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative;
font-size: 16px;
font-family: 'Roboto Condensed';
font-weight: bold;
text-transform: uppercase;
min-height: 65px;
padding: 10px 40px 10px 15px;
line-height: 1.2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.accordion-block .accordion-item .top .button {
position: absolute;
top: 23px;
right: 10px;
width: 18px;
height: 18px;
border: 1px solid;
border-radius: 50%;
text-transform: uppercase;
}
.accordion-block .accordion-item .top .button:before, .accordion-block .accordion-item .top .button:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 8px;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
-webkit-transition: 400ms ease;
-o-transition: 400ms ease;
transition: 400ms ease;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.accordion-block .accordion-item .top .button:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.accordion-block .accordion-item .wrap {
display: none;
padding: 0px 40px 19px 15px;
line-height: 1.5;
font-size: 16px;
}
.accordion-block .accordion-item .wrap > *:first-child {
margin-top: 0;
}
.accordion-block .accordion-item .wrap > *:last-child {
margin-bottom: 0;
}
.accordion-block .accordion-item.current .button:after {
-webkit-transform: translate(-50%, -50%) rotate(0deg) scaleX(0);
-ms-transform: translate(-50%, -50%) rotate(0deg) scaleX(0);
transform: translate(-50%, -50%) rotate(0deg) scaleX(0);
}
.accordion-block.style2 {
position: relative;
}
.accordion-block.style2:before {
content: '';
position: absolute;
top: -35px;
left: -15px;
right: -15px;
bottom: -35px;
}
.accordion-block.style2 .accordion-item:before {
display: none;
}
.accordion-block.style2 .accordion-item .top {
padding: 5px 0 5px 23px;
min-height: 38px;
}
.accordion-block.style2 .accordion-item .top .button {
top: 10px;
left: 0;
right: auto;
border: none;
}
.accordion-block.style2 .accordion-item .top .button:before, .accordion-block.style2 .accordion-item .top .button:after {
width: 10px;
}
.accordion-block.style2 .accordion-item .wrap {
padding: 5px 0 12px 23px;
color: #535353;
}
.dark-scheme #page .accordion-block.style2 .accordion-item .wrap,
#page .dark-scheme .accordion-block.style2 .accordion-item .wrap {
color: #959595;
}
@media (max-width: 767.98px) {
.accordion-block .accordion-item .top {
font-size: 16px;
}
} .video-button {
font-size: 23px;
width: 2.91304em;
height: 2.91304em;
background: #FFFFFF;
color: #000;
-webkit-box-shadow: 0px 10px 9px rgba(1, 34, 53, 0.6);
box-shadow: 0px 10px 9px rgba(1, 34, 53, 0.6);
cursor: pointer;
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: color, background;
-o-transition-property: color, background;
transition-property: color, background;
pointer-events: all;
}
.video-button:hover {
color: #fff;
} .subscribe-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 50px 0;
margin-right: 15px;
}
.subscribe-form .input-block {
position: relative;
margin-right: 15px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.subscribe-form .input {
font-size: 12px;
line-height: 17px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
color: inherit;
padding: 0;
width: 100%;
font-family: 'Roboto Condensed';
border-bottom: 1px solid;
padding: 1px 5px;
height: 20px;
border-radius: 0;
}
.subscribe-form .button-style3 {
height: 24px;
font-size: 12px;
padding: 0 14px;
line-height: 1;
}
.subscribe-form .button-style3:before {
opacity: .3;
}
.subscribe-form .button-style3 i {
font-size: 10px;
}
.site-footer .subscribe-form {
margin: 14px 0;
} .subscribe-form2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 420px;
}
.subscribe-form2 .input {
margin-right: 35px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.subscribe-form2 .input .style2 {
margin: 0;
}
.subscribe-form2 .button-style4 {
height: 40px;
}
.subscribe-form2 .button-style4:not(:hover) {
border-color: #696969;
}
.blog-masonry .blog-item .img a {
padding-bottom: 0;
} .share-stick-block {
position: absolute;
top: 15px;
right: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
background: rgba(255, 255, 255, 0.05);
border-radius: 4px;
height: 40px;
padding: 10px 13px;
margin-right: 30px;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: translate(0, -100%) rotate(-90deg);
-ms-transform: translate(0, -100%) rotate(-90deg);
transform: translate(0, -100%) rotate(-90deg);
}
.single-post .share-stick-block {
top: 54px;
margin-right: 20px;
}
.share-stick-block.black {
color: #000;
background: rgba(0, 0, 0, 0.05);
}
.share-stick-block .label {
font-weight: 500;
font-size: 12px;
margin-right: 12px;
}
.share-stick-block .social-links a {
font-size: 18px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.share-stick-block .social-links a:not(:last-child) {
margin-right: 10px;
} .testimonials-slider {
margin: 30px 0;
}
.testimonials-slider .prev,
.testimonials-slider .next {
position: absolute;
top: 60%;
font-size: 20px;
margin-top: -10px;
cursor: pointer;
}
.testimonials-slider .prev {
left: -30px;
}
.testimonials-slider .next {
right: -30px;
}
.testimonials-slider .swiper-container {
overflow: visible;
}
.testimonials-slider .testimonial-item .top {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: 'roboto';
max-width: 410px;
color: #000;
margin-bottom: 36px;
z-index: 1;
}
.testimonials-slider .testimonial-item .top:before {
content: '';
position: absolute;
top: 50%;
left: -25px;
width: 474px;
height: 77px;
background: url(//kint.ch/wp-content/plugins/pt-clivo-addons/assets/imgs/testimonials-rating.png);
margin-top: -38.5px;
z-index: -1;
}
.testimonials-slider .testimonial-item .avatar {
width: 65px;
height: 65px;
max-width: 65px;
margin-right: 30px;
border-radius: 50%;
}
.testimonials-slider .testimonial-item .name {
font-weight: 500;
font-size: 22px;
}
.testimonials-slider .testimonial-item .post {
font-family: 'Roboto Condensed';
color: #272626;
opacity: 0.7;
font-size: 18px;
margin-bottom: 5px;
}
.testimonials-slider .testimonial-item .rate {
position: absolute;
top: 3px;
right: 0;
font-size: 19px;
color: #e0e0e0;
}
.testimonials-slider .testimonial-item .rate i.active {
color: #F5B955;
}
.testimonials-slider .testimonial-item .quote {
font-size: 18px;
line-height: 1.61;
opacity: 0.7;
}
.testimonials-slider .testimonial-item.with-avatar .quote {
margin-left: 95px;
}
@media (max-width: 575.98px) {
.testimonials-slider .testimonial-item .avatar {
display: none;
}
.testimonials-slider .testimonial-item .rate {
top: 34px;
}
.testimonials-slider .testimonial-item.with-avatar .quote {
margin-left: 0;
}
} .icon-box-block {
position: relative;
}
.icon-box-block .row {
position: relative;
z-index: 2;
}
.icon-box-block div.nav-block {
margin-bottom: 40px;
}
.icon-box-block .swiper-container {
margin-bottom: 30px;
}
.icon-box-block .swiper-container .swiper-wrapper {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.icon-box-block.style5 .swiper-container .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.icon-box-block > .next,
.icon-box-block > .prev {
position: absolute;
top: 50%;
margin-top: -0.5em;
font-size: 22px;
z-index: 2;
cursor: pointer;
}
.icon-box-block > .next {
right: -30px;
}
.icon-box-block > .prev {
left: -30px;
}
.icon-box-block .decor-block {
position: absolute;
top: -40px;
left: 50%;
bottom: -40px;
width: 220px;
color: #F6F6F6;
-webkit-box-shadow: inset 0 0 0 10000px;
box-shadow: inset 0 0 0 10000px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.dark-scheme #page .icon-box-block .decor-block,
#page .dark-scheme .icon-box-block .decor-block {
color: #131313;
}
.dark-scheme #page .icon-box-block .decor-block:before,
#page .dark-scheme .icon-box-block .decor-block:before {
color: #131313;
}
.icon-box-block .decor-block:before {
content: '';
position: absolute;
top: 100%;
left: 25px;
right: 25px;
bottom: -20px;
border: 1px solid;
color: #e6e6e6;
border-top: none;
z-index: -1;
}
.dark-scheme #page .icon-box-block .decor-block:before,
#page .dark-scheme .icon-box-block .decor-block:before {
color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767.98px) {
.icon-box-block > .prev {
left: -10px;
}
.icon-box-block > .next {
right: -10px;
}
.icon-box-block .swiper-container {
margin: 0 30px;
}
}
.icon-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
pointer-events: all;
z-index: 1;
}
@media (max-width: 575.98px) {
.icon-box {
margin-bottom: 40px;
}
}
.swiper-slide > .icon-box {
margin-bottom: 0;
}
.icon-box .icon {
font-size: 52px;
margin-right: 13px;
}
.icon-box .title {
font-size: 16px;
text-transform: uppercase;
margin-top: 16px;
margin-bottom: 10px;
}
@media (max-width: 767.98px) {
.icon-box .title {
margin-top: 13px;
}
}
.icon-box .desc {
font-size: 14px;
line-height: 1.5;
opacity: .7;
}
.icon-box-block.style2 .icon-box .title {
font-size: 16px;
margin-top: 8px;
}
.icon-box-block.style2.with-desc-bg .icon-box .icon {
margin-right: 17px;
}
.icon-box-block.style2.with-desc-bg .icon-box .desc {
position: relative;
padding: 10px 11px;
margin: 0 -11px;
opacity: 1;
color: #595959;
}
.icon-box-block.style2.with-desc-bg .icon-box .desc:before {
content: '';
background: #F6F6F6;
z-index: -1;
}
.dark-scheme #page .icon-box-block.style2.with-desc-bg .icon-box .desc,
#page .dark-scheme .icon-box-block.style2.with-desc-bg .icon-box .desc {
color: #d1d1d1;
}
.dark-scheme #page .icon-box-block.style2.with-desc-bg .icon-box .desc:before,
#page .dark-scheme .icon-box-block.style2.with-desc-bg .icon-box .desc:before {
background: #0f0f0f;
}
.icon-box-block.style3 .icon-box .title {
font-size: 16px;
}
.icon-box-block.style3 .icon-box .icon {
position: relative;
font-size: 31px;
width: 1.51613em;
height: 1.51613em;
-webkit-box-flex: 0;
-webkit-flex: 0 0 1.51613em;
-ms-flex: 0 0 1.51613em;
flex: 0 0 1.51613em;
border-radius: 50%;
background: #EDEDED;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.12), -2px -2px 4px rgba(255, 255, 255, 0.5);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.12), -2px -2px 4px rgba(255, 255, 255, 0.5);
}
.icon-box-block.style3 .icon-box .icon:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.dark-scheme #page .icon-box-block.style3 .icon-box .icon,
#page .dark-scheme .icon-box-block.style3 .icon-box .icon {
background: #2B2B2B;
-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1), -2px -2px 4px rgba(36, 36, 36, 0.5);
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1), -2px -2px 4px rgba(36, 36, 36, 0.5);
}
.icon-box-block.style3 .icon-box .desc {
opacity: .4;
}
.icon-box-block.style4 .icon-box {
position: relative;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
.icon-box-block.style4 .icon-box .icon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 84px;
-ms-flex: 0 0 84px;
flex: 0 0 84px;
height: 84px;
background: #FAFAFA;
-webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12), -5px -5px 12px #FFFFFF;
box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12), -5px -5px 12px #FFFFFF;
border-radius: 50%;
margin-right: 11px;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.icon-box-block.style4 .icon-box .title {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 18px !important;
line-height: 1.33;
padding-right: 10px;
}
.icon-box-block.style4 .icon-box .title:before {
content: '';
position: absolute;
top: -10px;
left: -35px;
right: -5px;
bottom: -10px;
background: #F6F6F6;
border-radius: 0 50px 50px 0;
z-index: -1;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
opacity: 0;
}
.icon-box-block.style4 .icon-box .desc {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 20px;
}
.icon-box-block.style4 .icon-box.with-link:hover .icon {
background: #000;
color: #fff;
}
.icon-box-block.style4 .icon-box.with-link:hover .title:before {
opacity: 1;
}
.icon-box-block.style5 .icon-box {
display: block;
}
.icon-box-block.style5 .icon-box .top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.icon-box-block.style5 .icon-box .icon {
font-size: 40px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 65px;
-ms-flex: 0 0 65px;
flex: 0 0 65px;
margin-right: 0;
text-align: center;
}
.icon-box-block.style5 .icon-box .title {
position: relative;
font-size: 18px !important;
line-height: 1.33;
margin: 0;
}
.icon-box-block.style5 .icon-box .desc {
position: relative;
margin-left: 65px;
margin-top: 9px;
padding-top: 12px;
}
.icon-box-block.style5 .icon-box .desc:before {
content: '';
position: absolute;
top: 0;
display: block;
width: 15px;
height: 1px;
-webkit-box-shadow: inset 0 0 0 2px;
box-shadow: inset 0 0 0 2px;
opacity: .3;
}
.icon-box-block.style6 .icon-box {
display: block;
}
.icon-box-block.style6 .icon-box .top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.icon-box-block.style6 .icon-box .icon {
position: relative;
font-size: 42px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 1.66667em;
-ms-flex: 0 0 1.66667em;
flex: 0 0 1.66667em;
max-width: 1.66667em;
height: 1.66667em;
margin-right: 15px;
text-align: center;
}
.icon-box-block.style6 .icon-box .icon svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.icon-box-block.style6 .icon-box .title {
position: relative;
font-weight: bold;
font-size: 18px;
line-height: 1.33;
margin: 0;
}
.icon-box-block.style6 .icon-box .desc {
position: relative;
margin-top: 9px;
padding-top: 12px;
}
.icon-box-block.style6.minified .icon-box .icon {
font-size: 28px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 1.71429em;
-ms-flex: 0 0 1.71429em;
flex: 0 0 1.71429em;
max-width: 1.71429em;
height: 1.71429em;
}
.icon-box-block.style6.minified .icon-box .title {
font-family: inherit;
font-size: 16px;
font-weight: 500;
text-transform: none;
line-height: 1.12;
margin-right: 6px;
}
.icon-box-block.style7 .icon-box {
display: block;
}
.icon-box-block.style7 .icon-box .top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.icon-box-block.style7 .icon-box .icon {
font-size: 45px;
margin-right: 3px;
opacity: .8;
}
.icon-box-block.style7 .icon-box .title {
font-weight: 600;
font-size: 15px !important;
line-height: 1.13;
}
.icon-box-block.style7 .icon-box .desc {
margin-top: 10px;
} .side-img-block {
position: relative;
z-index: 1;
margin: 30px 0;
}
.side-img-block .decor1,
.side-img-block .decor2 {
position: absolute;
}
.side-img-block .decor1 {
background: #DDBAA5;
}
.side-img-block .decor2 {
background: #071B50;
}
.side-img-block .label {
position: absolute;
left: 0;
font-family: 'Roboto Condensed';
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
color: #535353;
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transform: translateX(-100%) rotate(-90deg);
-ms-transform: translateX(-100%) rotate(-90deg);
transform: translateX(-100%) rotate(-90deg);
white-space: nowrap;
z-index: 2;
}
.side-img-block .images-row {
position: relative;
}
.side-img-block .image {
padding: 0 15px;
height: 450px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.side-img-block .image div {
position: relative;
height: 100%;
}
@media (max-width: 767.98px) {
.side-img-block .image {
height: 350px;
}
}
.side-img-block .icon {
font-size: 39px;
}
.side-img-block.default .image div:before {
content: '';
background: #000;
opacity: 0.2;
}
.side-img-block.default .image2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 285px;
-ms-flex: 0 0 285px;
flex: 0 0 285px;
}
@media (max-width: 767.98px) {
.side-img-block.default .image2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 60%;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
}
}
.side-img-block.style1 {
padding: 0 0 45px 45px;
}
.side-img-block.style1 .label {
left: 0px;
}
.side-img-block.style1 .icon {
position: absolute;
right: 0;
bottom: 0;
width: 75px;
height: 75px;
}
.side-img-block.style1 .image {
height: auto;
}
.side-img-block.style1 .image div {
height: auto;
padding-bottom: 93.25843%;
}
.side-img-block.style1 .decor2 {
position: absolute;
left: 0;
right: 75px;
bottom: 0;
height: 200px;
}
@media (max-width: 767.98px) {
.side-img-block.style1 {
padding: 0 0 35px 35px;
}
.side-img-block.style1 .decor2 {
height: 115px;
}
}
.side-img-block.style2 {
padding: 0 0 25px 0;
}
.side-img-block.style2 .images-row:before {
content: '';
position: absolute;
top: 25px;
left: 40px;
right: 40px;
bottom: -25px;
border: 1px solid;
opacity: 0.3;
}
.side-img-block.style2 .image {
height: 470px;
}
.side-img-block.style3 .decor1 {
top: 45px;
left: -16px;
right: -16px;
height: 105px;
}
.side-img-block.style3 .image {
height: auto;
}
.side-img-block.style3 .image div {
padding-bottom: 87.03704%;
height: auto;
}
.side-img-block.style4 .label {
left: 100%;
margin-left: 28px;
color: #D1D1D1;
}
.side-img-block.style4 .image {
height: auto;
}
.side-img-block.style4 .image div {
padding-bottom: 100%;
height: auto;
}
.side-img-block.style4 .decor2 {
left: 60%;
right: -45px;
bottom: -20px;
height: 65%;
background: #DDBAA5;
}
.side-img-block.style5 .decor1 {
height: 120px;
top: -15px;
left: -15px;
right: 62%;
background: #DDBAA5;
}
.side-img-block.style5 .decor2 {
height: 75px;
background: #FF4343;
left: -15px;
right: 0;
bottom: 25px;
}
.side-img-block.style5 .image {
height: 420px;
}
.side-img-block.style5 .image2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 40%;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
}
.side-img-block.style6 {
padding: 0 0 30px 0;
}
.side-img-block.style6 .decor1 {
top: -20px;
left: 45%;
right: -58px;
height: 95px;
}
.side-img-block.style6 .decor2 {
left: 5%;
right: 5%;
bottom: 0;
height: 90px;
background: #2C2C2C;
}
.side-img-block.style6 .label {
top: auto;
left: 100%;
bottom: 0;
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: translateY(-30px) rotate(-90deg);
-ms-transform: translateY(-30px) rotate(-90deg);
transform: translateY(-30px) rotate(-90deg);
margin-left: 65px;
}
.side-img-block.style6 .image {
height: auto;
}
.side-img-block.style6 .image div {
height: auto;
padding-bottom: 82.40741%;
}
.side-img-block.style7 .label {
top: auto;
left: -10px;
bottom: 0;
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.side-img-block.style7 .decor1 {
top: -15px;
left: -30px;
right: 10%;
height: 95px;
}
.side-img-block.style7 .image {
height: 360px;
}
.side-img-block.style7 .image1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 42%;
-ms-flex: 0 0 42%;
flex: 0 0 42%;
}
.side-img-block.style8 .decor2 {
left: 30%;
right: -50px;
bottom: -20px;
height: 165px;
background: #0B2976;
}
.side-img-block.style8 .label {
left: 100%;
margin-left: 28px;
}
.side-img-block.style8 .image {
height: auto;
}
.side-img-block.style8 .image div {
height: auto;
padding-bottom: 66.66667%;
}
.side-img-block.style9 .decor1 {
top: -15px;
left: -30px;
height: 96px;
width: 30%;
}
.side-img-block.style9 .label {
top: auto;
left: -11px;
bottom: 0;
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
color: #DDBAA5;
}
.side-img-block.style9 .image {
height: 270px;
}
.side-img-block.style9 .image2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 30%;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
}
.side-img-block.style10 .decor1,
.side-img-block.style10 .decor2 {
height: 100px;
}
.side-img-block.style10 .decor1 {
top: -23px;
left: 22px;
right: -22px;
}
.side-img-block.style10 .decor2 {
left: 22px;
right: -22px;
bottom: -23px;
}
.side-img-block.style10 .image {
height: auto;
}
.side-img-block.style10 .image div {
height: auto;
padding-bottom: 117.64706%;
}
.side-img-block.style11 .decor1 {
top: -20px;
left: -23px;
bottom: 25px;
background: #DDBAA5;
width: 65%;
}
.side-img-block.style11 .decor2 {
left: 25px;
right: 25px;
bottom: -20px;
height: 55px;
background: #474747;
}
.side-img-block.style11 .image {
height: auto;
}
.side-img-block.style11 .image div {
height: auto;
padding-bottom: 117.64706%;
} .links-with-image-block {
position: relative;
padding: 7px 0 15px;
margin: 30px 0;
z-index: 1;
}
.links-with-image-block .link {
font-size: 36px;
font-weight: bold;
margin: 25px 0;
line-height: 1;
}
.links-with-image-block .link a {
display: block;
line-height: inherit;
}
.links-with-image-block .link a span {
display: inline-block;
}
.links-with-image-block .link a span:not(:last-child) {
margin-right: .3em;
}
.links-with-image-block .link a i {
display: inline-block;
font-size: 0.77778em;
margin-top: -0.1em;
vertical-align: middle;
-webkit-transform: translateX(-0.1em);
-ms-transform: translateX(-0.1em);
transform: translateX(-0.1em);
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
opacity: 0;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
}
.links-with-image-block .link .image {
position: absolute;
top: 0;
right: 0;
width: 285px;
height: 190px;
z-index: -1;
}
.links-with-image-block .link.current a i {
opacity: 1;
-webkit-transform: translateX(0.3em);
-ms-transform: translateX(0.3em);
transform: translateX(0.3em);
}
.links-with-image-block .link.current .image {
opacity: .7;
} .section-with-shadow {
-webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.42);
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.42);
z-index: 2;
} .num-box-block {
margin-top: 30px;
text-align: center;
}
.num-box-block.style2 {
overflow: hidden;
}
.num-box-block .row > div {
margin-bottom: 30px;
}
@media (max-width: 575.98px) {
.num-box-block .row > div {
margin-bottom: 40px;
}
}
.num-box-item {
position: relative;
display: inline-block;
z-index: 1;
}
.num-box-item .icon {
display: block;
font-size: 48px;
text-align: center;
margin-bottom: 20px;
}
.num-box-item .content {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
padding-top: 14px;
}
.num-box-item .icon + .content:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: .4;
}
.num-box-item-style2 .num,
.num-box-item .num {
position: relative;
font-weight: 500;
font-size: 40px;
line-height: .85;
margin-right: 8px;
}
.num-box-item-style2 .num:before,
.num-box-item .num:before {
content: attr(data-num);
opacity: 0;
visibility: visible;
}
.num-box-item-style2 .num div,
.num-box-item .num div {
position: absolute;
top: 0;
left: 0;
}
.num-box-item .title {
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
line-height: 1.17;
text-align: left;
}
.num-box-item a {
z-index: 2;
}
.num-box-item-style2 {
position: relative;
}
.num-box-item-style2 .top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 17px;
}
.num-box-item-style2 .icon {
font-size: 42px;
margin-right: 10px;
}
.num-box-item-style2 .num {
font-weight: bold;
font-size: 54px;
}
.num-box-item-style2 .title {
position: relative;
text-transform: uppercase;
font-family: 'Roboto Condensed';
font-weight: bold;
color: #DDBAA5;
line-height: 1.25;
padding: 5px 0;
z-index: 1;
}
.num-box-item-style2 .title:before {
content: '';
position: absolute;
top: 0;
left: -10px;
height: 100%;
min-height: 50px;
background: #000;
opacity: .1;
z-index: -1;
width: 45px;
}
.dark-scheme #page .num-box-item-style2 .title:before,
#page .dark-scheme .num-box-item-style2 .title:before {
background: #fff;
}
.num-box-item-style2 a {
z-index: 2;
}
.row > div:not(:last-child) > .num-box-item-style2 .title:after {
content: '';
position: absolute;
top: 50%;
right: 0;
height: 33px;
margin-top: -16.5px;
width: 1px;
background: #000;
opacity: .3;
}
.dark-scheme #page .row > div:not(:last-child) > .num-box-item-style2 .title:after,
#page .dark-scheme .row > div:not(:last-child) > .num-box-item-style2 .title:after {
background: #fff;
}
.num-box-item-block {
position: relative;
font-weight: 700;
text-align: center;
margin-bottom: 30px;
}
.num-box-item-block .num {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 70px;
line-height: 1;
}
.num-box-item-block .title {
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
margin-top: 5px;
}
.num-box-item-block .link {
z-index: 2;
} .quote-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.quote-container .quote-author-col {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 475px;
-ms-flex: 0 0 475px;
flex: 0 0 475px;
max-width: 475px;
padding: 25px;
}
.quote-container .avatar {
-webkit-box-flex: 0;
-webkit-flex: 0 0 118px;
-ms-flex: 0 0 118px;
flex: 0 0 118px;
max-width: 118px;
margin-right: 50px;
}
.quote-container .avatar:before {
content: '';
display: block;
padding-bottom: 100%;
}
.quote-container .ct {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.quote-container .name {
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
margin-top: -6px;
margin-bottom: -3px;
}
.quote-container .post {
font-family: 'Roboto Condensed';
opacity: .64;
}
.quote-container .subscribe {
margin-top: auto;
}
.quote-container .subscribe img {
display: block;
}
.quote-container .quote-col {
position: relative;
font-size: 18px;
line-height: 1.61;
font-style: italic;
padding: 70px 0 70px 95px;
color: #4B4B4B;
z-index: 1;
}
.quote-container .quote-col:before {
content: '“';
position: absolute;
top: 45px;
left: 58px;
font-weight: bold;
font-size: 72px;
line-height: 1;
font-style: normal;
}
.quote-container .quote-background {
right: -38px;
background: #f8f8f8cc;
z-index: -1;
}
@media (max-width: 991.98px) {
.quote-container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.quote-container .quote-author-col {
padding-left: 0;
padding-right: 0;
}
.quote-container .quote-col {
padding: 30px 0 30px 40px;
}
.quote-container .quote-col:before {
top: 26px;
left: -3px;
}
.quote-container .quote-col .quote-background {
left: -1000px;
right: -1000px;
}
}
@media (max-width: 575.98px) {
.quote-container .avatar {
margin-right: 30px;
}
.quote-container .subscribe {
margin-top: 10px;
}
.quote-container .quote-col {
font-size: 16px;
}
} .quote-container-style2 {
position: relative;
margin: 40px 0;
z-index: 1;
}
.quote-container-style2:before, .quote-container-style2:after {
content: ' ';
display: table;
clear: both;
}
.quote-container-style2 .quote-col {
color: #535353;
font-size: 32px;
line-height: 1.31;
font-weight: bold;
margin-bottom: 31px;
}
.quote-container-style2.with-side-image .quote-col {
margin-right: 365px;
}
.quote-container-style2 .bottom {
position: relative;
float: right;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.quote-container-style2 .quote-background {
position: absolute;
left: 0;
right: -50px;
bottom: 100%;
height: 100px;
background: #F6F6F6;
z-index: -1;
}
.quote-container-style2 .author {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 350px;
padding: 25px 0;
}
.quote-container-style2 .avatar {
-webkit-box-flex: 0;
-webkit-flex: 0 0 118px;
-ms-flex: 0 0 118px;
flex: 0 0 118px;
max-width: 118px;
margin-right: 50px;
}
.quote-container-style2 .avatar:before {
content: '';
display: block;
padding-bottom: 100%;
}
.quote-container-style2 .ct {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.quote-container-style2 .name {
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
margin-top: -6px;
margin-bottom: -3px;
}
.quote-container-style2 .post {
font-family: 'Roboto Condensed';
opacity: .64;
}
.quote-container-style2 .subscribe {
margin-top: auto;
}
.quote-container-style2 .subscribe img {
display: block;
}
.quote-container-style2 .side-image {
position: relative;
width: 275px;
-webkit-box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.1);
box-shadow: -4px 4px 8px rgba(0, 0, 0, 0.1);
z-index: 2;
}
@media (max-width: 991.98px) {
.quote-container-style2.with-side-image .quote-col {
margin-right: 0;
}
.quote-container-style2 .quote-background {
margin-bottom: 20px;
left: 50%;
}
.quote-container-style2 .side-image {
display: none;
}
.quote-container-style2 .bottom {
float: none;
margin-top: 20px;
}
} .quote-container-style3 {
position: relative;
margin: 30px 0;
}
.quote-container-style3 .quote-col {
font-weight: bold;
font-size: 28px;
line-height: 1.36;
color: #464646;
}
.quote-container-style3 .button-style2 {
margin-top: 30px;
}
.quote-container-style3 .bottom {
float: right;
margin-top: 92px;
}
.quote-container-style3 .author {
position: relative;
color: #fff;
padding: 8px 0;
z-index: 1;
min-width: 200px;
}
.quote-container-style3 .author:before {
content: '';
background: #000;
left: -15px;
right: -15px;
z-index: -1;
}
.quote-container-style3 .name {
font-weight: 500;
font-size: 18px;
line-height: 1.61;
text-transform: uppercase;
}
.quote-container-style3 .post {
color: #A1A1A1;
font-family: 'Roboto Condensed';
margin-top: -2px;
}
.quote-container-style3 .subscribe {
margin-top: 13px;
}
.quote-container-style3 .subscribe img {
display: block;
}
.quote-container-style3 .side-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.35);
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.35);
width: 350px;
z-index: 2;
}
.quote-container-style3.with-side-image .quote-col {
padding-right: 380px;
}
.quote-container-style3.with-side-image .bottom {
width: 540px;
}
@media (max-width: 991.98px) {
.quote-container-style3 .side-image {
display: none;
}
.quote-container-style3 .bottom {
margin-top: 70px;
}
.quote-container-style3.with-side-image .quote-col {
padding: 0;
}
.quote-container-style3.with-side-image .bottom {
width: auto;
}
}
@media (max-width: 767.98px) {
.quote-container-style3 .button-style2 {
margin-top: 19px;
}
.quote-container-style3 .quote-col {
font-size: 22px;
}
.quote-container-style3 .bottom {
margin-top: 20px;
float: none;
}
} .horizontal-contact-form {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.horizontal-contact-form > div {
margin-bottom: 30px !important;
}
.horizontal-contact-form > div input {
margin-bottom: 0;
}
.horizontal-contact-form .textarea-block {
height: 105px;
margin-bottom: 0;
}
.horizontal-contact-form .button-block {
text-align: right;
} .contact-form > div {
margin-bottom: 30px !important;
}
.contact-form textarea {
height: 150px;
}
.contact-form .button-block {
text-align: right;
} .contact-form-type3 > div {
margin-bottom: 30px !important;
}
.contact-form-type3 > div.input-row {
margin-bottom: 50px !important;
}
.contact-form-type3 textarea {
margin-top: 15px;
height: 105px;
}
.contact-form-type3 .button-block {
text-align: right;
margin-bottom: 0 !important;
} .categories-block {
position: relative;
z-index: 1;
}
.categories-block .prev,
.categories-block .next {
position: absolute;
top: 50%;
margin-top: -0.5em;
font-size: 24px;
color: #fff;
cursor: pointer;
z-index: 5;
}
.categories-block .prev {
left: 0;
}
.categories-block .next {
right: 0;
}
.categories-block .swiper-container {
height: 100vh;
}
.categories-block .swiper-slide {
position: relative;
color: #fff;
overflow: hidden;
}
.categories-block .swiper-slide .image {
z-index: 0;
}
.categories-block .swiper-slide .image:before {
content: '';
background: #000;
}
.categories-block .swiper-slide .content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 40px;
right: 20px;
bottom: 33px;
line-height: 1;
z-index: 1;
}
.categories-block .swiper-slide .content .num {
font-weight: bold;
font-size: 51px;
margin-right: 17px;
opacity: .3;
}
.categories-block .swiper-slide .content .title {
position: relative;
font-weight: bold;
font-size: 36px;
}
.categories-block .swiper-slide .content .title:after {
content: '';
position: absolute;
top: 50%;
left: 100%;
width: 2000px;
height: 1px;
margin-top: 4px;
margin-left: 30px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: .3;
}
.categories-block .swiper-slide .full-link {
z-index: 2;
}
.categories-block .swiper-slide:hover .image:before {
visibility: visible;
opacity: .4;
}
.categories-block .swiper-slide:hover .title span {
opacity: .7;
}
.categories-block.type2 .next {
top: 50%;
right: -42px;
font-size: 28px;
}
.categories-block.type2 .next:not(:hover) {
color: inherit;
}
.categories-block.type2 .draggable-cursor {
color: #fff;
}
.categories-block.type2 .swiper-slide .image:before {
visibility: visible;
opacity: .55;
}
.categories-block.type2 .swiper-slide .content {
left: 35px;
bottom: 28px;
}
.categories-block.type2 .swiper-slide .content .num {
font-size: 38px;
margin-right: 8px;
}
.categories-block.type2 .swiper-slide .content .title {
font-size: 28px;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.categories-block.type2 .swiper-slide .content .title:after {
display: none;
}
.categories-block.type2 .swiper-slide:hover .image:before {
opacity: .4;
}
.categories-block.type2 .swiper-slide:hover .title {
opacity: .6;
}
@media (max-width: 767.98px) {
.categories-block .swiper-slide .content {
left: 15px;
right: 10px;
bottom: 15px;
}
.categories-block .swiper-slide .content .num {
font-size: 47px;
}
.categories-block .swiper-slide .content .title {
font-size: 32px;
}
.categories-block.type2 .swiper-slide .content {
left: 15px;
bottom: 10px;
}
} .team-block {
position: relative;
margin: 30px 0;
}
.team-block.with-offsets .swiper-container .team-item:nth-child(even) {
margin-top: 145px;
}
.icon-box-block .nav-block,
.info-box-items .nav-block,
.testimonials .nav-block,
.team-block .nav-block {
top: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 36px;
margin-bottom: 65px;
}
.icon-box-block .nav-block .prev,
.icon-box-block .nav-block .next,
.info-box-items .nav-block .prev,
.info-box-items .nav-block .next,
.testimonials .nav-block .prev,
.testimonials .nav-block .next,
.team-block .nav-block .prev,
.team-block .nav-block .next {
cursor: pointer;
}
.icon-box-block .nav-block .prev.swiper-button-disabled,
.icon-box-block .nav-block .next.swiper-button-disabled,
.info-box-items .nav-block .prev.swiper-button-disabled,
.info-box-items .nav-block .next.swiper-button-disabled,
.testimonials .nav-block .prev.swiper-button-disabled,
.testimonials .nav-block .next.swiper-button-disabled,
.team-block .nav-block .prev.swiper-button-disabled,
.team-block .nav-block .next.swiper-button-disabled {
opacity: .3;
cursor: default;
}
.icon-box-block .nav-block span,
.info-box-items .nav-block span,
.testimonials .nav-block span,
.team-block .nav-block span {
display: block;
height: 0.55556em;
width: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: .4;
margin: 0 10px;
}
.team-block.style2 .prev,
.team-block.style2 .next {
position: absolute;
top: 50%;
font-size: 22px;
margin-top: -0.5em;
cursor: pointer;
}
.team-block.style2 .prev {
left: -35px;
}
.team-block.style2 .next {
right: -35px;
}
.team-block.style2 .swiper-container {
overflow: visible;
}
.team-item {
margin-bottom: 45px;
}
.team-block .swiper-container .team-item {
margin-bottom: 0;
}
.with-offsets .row .team-item.col-3:nth-child(2), .with-offsets .row .team-item.col-4:nth-child(2) {
margin-top: 72px;
}
.with-offsets .row .team-item.col-3:nth-child(3), .with-offsets .row .team-item.col-4:nth-child(3), .with-offsets .row .team-item.col-6:nth-child(2) {
margin-top: 90px;
}
.with-offsets .row .team-item.col-3:nth-child(4) {
margin-top: 90px;
}
@media (min-width: 576px) {
.with-offsets .row .team-item.col-sm-3:nth-child(2), .with-offsets .row .team-item.col-sm-4:nth-child(2) {
margin-top: 72px;
}
.with-offsets .row .team-item.col-sm-3:nth-child(3), .with-offsets .row .team-item.col-sm-4:nth-child(3), .with-offsets .row .team-item.col-sm-6:nth-child(2) {
margin-top: 125px;
}
.with-offsets .row .team-item.col-sm-3:nth-child(4) {
margin-top: 90px;
}
}
@media (min-width: 768px) {
.with-offsets .row .team-item.col-md-3:nth-child(2), .with-offsets .row .team-item.col-md-4:nth-child(2) {
margin-top: 72px;
}
.with-offsets .row .team-item.col-md-3:nth-child(3), .with-offsets .row .team-item.col-md-4:nth-child(3), .with-offsets .row .team-item.col-md-6:nth-child(2) {
margin-top: 125px;
}
.with-offsets .row .team-item.col-md-3:nth-child(4) {
margin-top: 90px;
}
}
@media (min-width: 992px) {
.with-offsets .row .team-item.col-lg-3:nth-child(2), .with-offsets .row .team-item.col-lg-4:nth-child(2) {
margin-top: 72px;
}
.with-offsets .row .team-item.col-lg-3:nth-child(3), .with-offsets .row .team-item.col-lg-4:nth-child(3), .with-offsets .row .team-item.col-lg-6:nth-child(2) {
margin-top: 125px;
}
.with-offsets .row .team-item.col-lg-3:nth-child(4) {
margin-top: 90px;
}
}
@media (min-width: 1200px) {
.with-offsets .row .team-item.col-xl-3:nth-child(2), .with-offsets .row .team-item.col-xl-4:nth-child(2) {
margin-top: 72px;
}
.with-offsets .row .team-item.col-xl-3:nth-child(3), .with-offsets .row .team-item.col-xl-4:nth-child(3), .with-offsets .row .team-item.col-xl-6:nth-child(2) {
margin-top: 125px;
}
.with-offsets .row .team-item.col-xl-3:nth-child(4) {
margin-top: 90px;
}
}
.team-item .img {
position: relative;
padding-bottom: 129.41176%;
margin-bottom: 7px;
color: #fff;
}
.team-item .img:before {
content: '';
background: #000;
opacity: 0;
}
.team-item .img .ct {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0 15px;
}
.team-item .img .social-links {
z-index: 3;
opacity: 0;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.team-item .img .social-links a {
font-size: 16px;
}
.team-item .img .social-links a:not(:last-child) {
margin-right: 5px;
}
.team-item .img a.link {
white-space: nowrap;
font-weight: 500;
font-size: 12px;
text-decoration: underline;
text-transform: uppercase;
opacity: 0;
z-index: 2;
color: inherit;
margin-bottom: 8px;
}
.team-item .img:hover:before {
opacity: .6;
}
.team-item .img:hover a.link,
.team-item .img:hover .social-links {
opacity: .8;
}
.team-item .bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.team-item .bottom .name {
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
.team-item .bottom .post {
font-family: 'Roboto Condensed';
opacity: .7;
font-size: 14px;
margin-top: -1px;
}
.team-item-style2 {
position: relative;
}
.team-item-style2 .wrap {
position: relative;
background: #FAFAFA;
-webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12), -5px -5px 12px #FFFFFF;
box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12), -5px -5px 12px #FFFFFF;
padding: 25px 25px 50px;
-webkit-transition: -webkit-transform 400ms ease-in-out;
transition: -webkit-transform 400ms ease-in-out;
-o-transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
body.dark-scheme .team-item-style2 .wrap,
body .dark-scheme .team-item-style2 .wrap {
background: #2B2B2B;
-webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12), -5px -5px 12px #1B1B1B;
box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12), -5px -5px 12px #1B1B1B;
}
.team-item-style2 .img {
position: relative;
display: block;
padding-bottom: 125%;
}
.team-item-style2 .img:before {
content: '';
background-color: rgba(0, 0, 0, 0.3);
}
.team-item-style2 .content {
position: absolute;
left: 25px;
right: 25px;
bottom: 50px;
padding: 6px 10px;
color: #fff;
}
.team-item-style2 .content .name {
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
}
.team-item-style2 .content .post {
font-family: 'Roboto Condensed';
opacity: .8;
font-size: 12px;
margin-top: 0px;
}
.team-item-style2 .bottom {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
-o-transition-property: transform, opacity;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
padding-bottom: 8px;
}
.team-item-style2 .link {
height: 24px;
font-size: 12px;
font-weight: 500;
padding: 0 12px;
line-height: 1;
}
.team-item-style2 .link i {
font-size: 12px;
margin-left: 3px;
}
.team-item-style2 .social-links {
margin-left: auto;
}
.team-item-style2 .social-links a {
font-size: 18px;
}
.team-item-style2 .social-links a:not(:last-child) {
margin-right: 10px;
}
.team-item-style2:hover .wrap {
-webkit-transform: translateY(-47px);
-ms-transform: translateY(-47px);
transform: translateY(-47px);
}
.team-item-style2:hover .img:before {
background-color: rgba(0, 0, 0, 0.5);
}
.team-item-style2:hover .bottom {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
@media (max-width: 991.98px) {
.team-item-style2 .wrap {
padding: 15px 15px 30px;
}
.team-item-style2 .content {
left: 15px;
right: 15px;
bottom: 30px;
}
} .categories-carousel {
position: relative;
margin: 30px 0;
}
.categories-carousel .prev,
.categories-carousel .next {
position: absolute;
top: 11px;
font-size: 32px;
z-index: 2;
cursor: pointer;
}
.categories-carousel .prev {
left: -45px;
}
.categories-carousel .next {
right: -45px;
}
.categories-carousel .swiper-container {
margin-left: -55px;
padding-left: 55px;
}
.categories-carousel .swiper-slide {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
height: 320px;
z-index: 1;
}
.categories-carousel .swiper-slide .title {
position: relative;
white-space: nowrap;
font-size: 52px;
font-weight: bold;
text-transform: uppercase;
line-height: 1;
}
@supports (-webkit-text-stroke: 1px) {
.categories-carousel .swiper-slide .title {
color: inherit;
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px;
}
}
.categories-carousel .swiper-slide .title:before {
content: attr(data-title);
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-text-fill-color: initial;
}
.categories-carousel .swiper-slide .image {
position: absolute;
top: 90px;
left: -35px;
right: -35px;
height: 230px;
}
.categories-carousel .swiper-slide .image div {
opacity: 0;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.categories-carousel .swiper-slide .image:before {
content: '';
position: absolute;
left: 50%;
bottom: 75px;
width: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 75px;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
z-index: -1;
}
.categories-carousel .swiper-slide.swiper-slide-active .title {
color: transparent;
}
.categories-carousel .swiper-slide.swiper-slide-active .image div {
opacity: 1;
}
.categories-carousel .swiper-slide.swiper-slide-active .image:before {
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
width: 110%;
} .categories-type2 {
position: relative;
margin: 40px 0;
}
.categories-type2 .prev,
.categories-type2 .next {
position: absolute;
top: 50%;
font-size: 24px;
margin-top: -.5em;
z-index: 3;
cursor: pointer;
}
.categories-type2 .prev:hover,
.categories-type2 .next:hover {
opacity: 1;
}
@media (max-width: 767.98px) {
.categories-type2 .prev,
.categories-type2 .next {
color: #fff;
}
}
.categories-type2 .prev {
left: -50px;
}
@media (max-width: 767.98px) {
.categories-type2 .prev {
left: 15px;
}
}
.categories-type2 .next {
right: -50px;
}
@media (max-width: 767.98px) {
.categories-type2 .next {
right: 15px;
}
}
.categories-type2 .swiper-container {
overflow: visible;
}
.categories-type2 .categories-item {
position: relative;
margin-bottom: 50px;
}
.categories-type2 .categories-item.swiper-slide {
margin-bottom: 0;
}
.categories-type2 .categories-item .wrap {
-webkit-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.categories-type2 .categories-item .image {
position: relative;
z-index: 1;
}
.categories-type2 .categories-item .image:before {
content: '';
position: absolute;
top: -15px;
left: 19px;
right: -15px;
bottom: 19px;
border: 1px solid;
opacity: 0.2;
z-index: -1;
-webkit-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
.categories-type2 .categories-item .image:after {
content: '';
background: #000;
opacity: 0.2;
z-index: 3;
}
.categories-type2 .categories-item .image div {
padding-bottom: 142.30769%;
}
.categories-type2 .categories-item .title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-transform: uppercase;
font-size: 22px;
font-weight: 600;
margin-top: 13px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 1;
}
.categories-type2 .categories-item .title .num {
font-family: roboto;
font-weight: normal;
font-size: 10px;
color: #959595;
margin-top: 2px;
margin-right: 2px;
}
.categories-type2 .categories-item .full-link {
z-index: 2;
}
.categories-type2 .categories-item:hover .wrap {
-webkit-transform: translate(15px, -15px);
-ms-transform: translate(15px, -15px);
transform: translate(15px, -15px);
}
.categories-type2 .categories-item:hover .image:before {
-webkit-transform: translate(-15px, 15px);
-ms-transform: translate(-15px, 15px);
transform: translate(-15px, 15px);
}
.categories-type2 .categories-item:hover .image:after {
opacity: 0;
}
.categories-type2.hover-off .categories-item .wrap {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
.categories-type2.hover-off .categories-item .image:before {
display: none;
}  .banner-image-slider {
position: relative;
height: 100vh;
}
.banner-image-slider > .prev,
.banner-image-slider > .next {
position: absolute;
top: 50%;
margin-top: -0.5em;
font-size: 36px;
z-index: 3;
cursor: pointer;
display: none;
}
.banner-image-slider > .prev {
left: 25px;
}
.banner-image-slider > .next {
right: 25px;
}
.banner-image-slider .social-links a {
opacity: 1;
}
.banner-image-slider .swiper-container {
height: 100%;
}
.banner-image-slider .swiper-container .swiper-slide {
position: relative;
}
.banner-image-slider .content-slider {
overflow: hidden;
z-index: 2;
}
.banner-image-slider .content-slider .container {
position: relative;
z-index: 1;
}
.banner-image-slider .content-slider .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-width: 100%;
}
.banner-image-slider .content-slider .slide {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
overflow: hidden;
padding-bottom: 55px;
}
.banner-image-slider .content-slider .slide .decor {
content: '';
position: absolute;
top: 80px;
left: 0;
right: 0;
bottom: 0;
background: #000;
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
z-index: -1;
}
.banner-image-slider .content-slider .heading-block .h > div {
display: inline-block;
overflow: hidden;
}
.banner-image-slider .content-slider .video-button {
position: absolute;
top: 50%;
margin-top: 33px;
right: 10%;
z-index: 2;
opacity: 0;
}
.banner-image-slider .banner-bottom {
bottom: 45px;
} .price-list-block {
position: relative;
margin: 30px 0 30px; }
.price-list-block .prev,
.price-list-block .next {
position: absolute;
top: 62px;
font-size: 35px;
cursor: pointer;
}
.price-list-block .prev {
left: -65px;
}
.price-list-block .next {
right: -65px;
}
.price-list-type2-block .plan-switcher,
.price-list-block .plan-switcher {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: -14px;
}
.price-list-type2-block .plan-switcher.on-right,
.price-list-block .plan-switcher.on-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.price-list-type2-block .plan-switcher button,
.price-list-block .plan-switcher button {
overflow: visible;
font-weight: 600;
opacity: .3;
-webkit-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
.price-list-type2-block .plan-switcher button.current,
.price-list-block .plan-switcher button.current {
opacity: 1;
text-decoration: underline;
}
.price-list-type2-block .plan-switcher .sep,
.price-list-block .plan-switcher .sep {
display: inline-block;
width: 1px;
height: 11px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: .1;
margin: 0 7px;
}
.price-list-block .s-container {
position: relative;
margin: 35px 0;
}
.price-list-block .swiper-container {
overflow: visible;
}
.price-list-item.with-image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.price-list-item.with-image .image {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.price-list-item.with-image .content {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.price-list-item.with-image .top-block:before {
right: -100%;
}
.price-list-item .image {
position: relative;
overflow: hidden;
z-index: 2;
}
.price-list-item .image .button {
position: absolute;
right: 7px;
bottom: 7px;
font-weight: 500;
font-size: 10px;
text-transform: uppercase;
cursor: pointer;
}
.price-list-item .image .button i {
font-size: 38px;
margin-left: 5px;
}
.price-list-item .content {
padding-top: 15px;
}
.price-list-item .top-block {
position: relative;
z-index: 1;
padding: 24px 20px 23px;
margin-left: -20px;
margin-bottom: 22px;
}
.price-list-item .top-block:before {
content: '';
background: #eee;
z-index: -1;
}
body.dark-scheme .price-list-item .top-block:before,
body .dark-scheme .price-list-item .top-block:before {
background: #1a1a1a;
}
.price-list-item .price-block {
font-weight: 300;
font-size: 50px;
line-height: 1;
overflow: hidden;
height: 1em;
margin-bottom: 3px;
}
.price-list-item .price-block .price {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.price-list-item .price-block .price span {
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.price-list-item .price-block .price span:nth-child(1) {
-webkit-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
}
.price-list-item .price-block .price span:nth-child(2) {
-webkit-transition-delay: 200ms;
-o-transition-delay: 200ms;
transition-delay: 200ms;
}
.price-list-item .price-block .price span:nth-child(3) {
-webkit-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.price-list-item .price-block .price span:nth-child(4) {
-webkit-transition-delay: 400ms;
-o-transition-delay: 400ms;
transition-delay: 400ms;
}
.price-list-item .price-block .price span:nth-child(5) {
-webkit-transition-delay: 500ms;
-o-transition-delay: 500ms;
transition-delay: 500ms;
}
.price-list-item .price-block .price span:nth-child(6) {
-webkit-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.price-list-item .price-block .price span:nth-child(7) {
-webkit-transition-delay: 700ms;
-o-transition-delay: 700ms;
transition-delay: 700ms;
}
.price-list-item .price-block .price span:nth-child(8) {
-webkit-transition-delay: 800ms;
-o-transition-delay: 800ms;
transition-delay: 800ms;
}
.price-list-item .price-block .price span:nth-child(9) {
-webkit-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.price-list-item .price-block .price span:nth-child(10) {
-webkit-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
transition-delay: 1000ms;
}
.price-list-item .title {
font-weight: bold;
font-size: 26px;
line-height: 1.15385;
text-transform: uppercase;
}
.price-list-item .options {
font-family: 'Roboto Condensed';
}
.price-list-item .options div:not(:last-child) {
margin-bottom: 5px;
}
.price-list-item .options div.exclude {
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
opacity: .7;
}
.price-list-item .button-style2 {
margin-top: 21px;
}
.price-annual .price-list-item.with-switch .price-block .price span {
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
} .price-list-type2-block {
position: relative;
z-index: 1;
margin: 40px 0;
}
.price-list-type2-block .s-container {
position: relative;
}
.price-list-type2-block .prev,
.price-list-type2-block .next {
position: absolute;
top: 50%;
margin-top: -.5em;
font-size: 24px;
cursor: pointer;
z-index: 2;
}
.price-list-type2-block .prev.swiper-button-disabled,
.price-list-type2-block .next.swiper-button-disabled {
opacity: .3;
pointer-events: none;
}
@media (max-width: 767.98px) {
.price-list-type2-block .prev,
.price-list-type2-block .next {
font-size: 16px;
}
}
.price-list-type2-block .prev {
left: -45px;
}
@media (max-width: 767.98px) {
.price-list-type2-block .prev {
left: 2px;
}
}
.price-list-type2-block .next {
right: -45px;
}
@media (max-width: 767.98px) {
.price-list-type2-block .next {
right: 2px;
}
}
.price-list-type2-block .swiper-container {
overflow: visible;
}
.price-list-type2-block .plan-switcher {
margin: 0 0 47px;
}
.price-list-type2-block .swiper-dots-type2 {
margin: 60px 0 0;
}
@media (max-width: 767.98px) {
.price-list-type2-block {
margin: 30px 0;
}
.price-list-type2-block .plan-switcher {
margin-bottom: 28px;
}
.price-list-type2-block .swiper-dots-type2 {
margin: 40px 0 0;
}
}
.price-list-type2-item .wrap {
position: relative;
background: #F5F5F5;
-webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1), -4px -4px 20px #FFFFFF;
box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1), -4px -4px 20px #FFFFFF;
padding: 20px 25px;
color: #535353;
}
.price-list-type2-item .wrap:before {
content: '';
position: absolute;
top: 20px;
left: 25px;
right: 25px;
bottom: -20px;
border: 1px solid #000;
opacity: 0.2;
z-index: -1;
}
body.dark-scheme .price-list-type2-item .wrap,
body .dark-scheme .price-list-type2-item .wrap {
-webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
}
body.dark-scheme .price-list-type2-item .wrap:before,
body .dark-scheme .price-list-type2-item .wrap:before {
border-color: #fff;
}
.price-list-type2-item .bg-image {
overflow: hidden;
z-index: 0;
}
.price-list-type2-item .bg-image svg {
position: absolute;
top: -1px;
right: -1px;
z-index: 2;
}
.price-list-type2-item .bg-image svg + .img {
top: 0;
left: auto;
right: 0;
bottom: auto;
width: 200px;
height: 190px;
opacity: 1;
}
.price-list-type2-item .bg-image .img {
z-index: 1;
}
.price-list-type2-item .bg-image .img.with-overlay:before {
content: '';
background: #000;
opacity: .65;
}
.price-list-type2-item .top-block {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 21px;
z-index: 1;
}
.price-list-type2-item .top-block .title {
font-weight: 600;
font-size: 28px;
line-height: 1.2;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
}
.price-list-type2-item .top-block .hot {
position: relative;
display: inline-block;
font-family: roboto;
font-weight: 500;
font-size: 11px;
text-transform: lowercase;
background: #000000;
border-radius: 3px;
color: #fff;
vertical-align: top;
line-height: 16px;
white-space: nowrap;
padding: 1px 8px 0;
z-index: 1;
}
.price-list-type2-item .top-block .price-block {
position: relative;
margin-left: auto;
text-align: right;
overflow: hidden;
color: #000;
}
.price-list-type2-item .top-block .price-block .price {
top: 0;
right: 0;
font-size: 42px;
font-weight: bold;
line-height: 1;
white-space: nowrap;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.price-annual .price-list-type2-item .top-block .price-block .price {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.price-list-type2-item .top-block .price-block .price em {
display: inline-block;
font-size: 0.52381em;
font-style: normal;
vertical-align: top;
margin-top: .25em;
}
.price-list-type2-item .top-block .price-block .price + .price {
position: absolute;
top: 100%;
}
body.dark-scheme .price-list-type2-item .top-block .price-block,
body .dark-scheme .price-list-type2-item .top-block .price-block {
color: #fff;
}
.price-list-type2-item .options-label {
position: relative;
display: inline-block;
color: #fff;
padding: 0 0.85714em;
font-size: 14px;
line-height: 1.78571em;
margin-bottom: 16px;
z-index: 1;
}
.price-list-type2-item .options {
font-family: 'Roboto Condensed';
font-size: 14px;
}
.price-list-type2-item .options div {
position: relative;
padding-left: 1.78571em;
margin-bottom: 2px;
}
.price-list-type2-item .options div i {
position: absolute;
top: 0.07143em;
left: 0;
font-size: 1.21429em;
}
.price-list-type2-item .options div.exclude {
color: #ACACAC;
}
.price-list-type2-item .button-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 37px;
margin-bottom: 7px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.price-list-type2-item .button-block .button-style4 {
margin-right: auto;
height: 29px;
font-size: 14px;
padding: 0 15px;
}
.price-list-type2-item .button-block .button-style2:not(:hover) {
color: #000;
}
body.dark-scheme .price-list-type2-item .button-block .button-style2:not(:hover),
body .dark-scheme .price-list-type2-item .button-block .button-style2:not(:hover) {
color: #fff;
}
.price-list-type2-item .button-block .button-style2 i {
font-size: 19px;
} .notifications-block {
pointer-events: none;
}
.notifications-block.position-top-left .notifications-items {
top: 25px;
left: 25px;
}
.notifications-block.position-top-right .notifications-items {
top: 25px;
right: 25px;
}
.notifications-block.position-bottom-left .notifications-items {
bottom: 25px;
left: 25px;
}
.notifications-block.position-bottom-right .notifications-items {
bottom: 25px;
right: 25px;
}
@media (max-width: 767.98px) {
.notifications-block.position-top-left .notifications-items,
.notifications-block.position-top-right .notifications-items {
top: 90px;
}
}
.admin-bar .notifications-block.position-top-left .notifications-items, .admin-bar
.notifications-block.position-top-right .notifications-items {
top: 57px;
}
.notifications-block.position-top-left .notification-item, .notifications-block.position-bottom-left .notification-item {
left: 0;
right: auto;
}
.notifications-block .notifications-items {
position: fixed;
width: 90%;
z-index: 2000;
}
.notifications-block .notification-item {
position: absolute;
top: 0;
right: 0;
max-width: 310px;
padding: 19px 37px 17px 18px;
background: rgba(26, 31, 48, 0.8);
border-radius: 6px;
color: rgba(255, 255, 255, 0.9);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
opacity: 0;
overflow: hidden;
}
.notifications-block .notification-item .bg-image {
z-index: -1;
}
.notifications-block .notification-item .avatar {
position: absolute;
top: 9px;
right: 9px;
width: 26px;
height: 26px;
border-radius: 50%;
}
.notifications-block .notification-item .author {
font-size: 13px;
text-transform: uppercase;
color: rgba(121, 121, 121, 0.7);
margin-bottom: 4px;
font-weight: 500;
line-height: 1.23;
}
.notifications-block .notification-item .title {
font-weight: 500;
font-size: 15px;
margin-bottom: 6px;
line-height: 1.07;
}
.notifications-block .notification-item .text {
font-size: 13px;
line-height: 1.38;
opacity: 0.8;
} .testimonials-carousel {
position: relative;
margin: 30px 0;
z-index: 1;
}
.testimonials-carousel .nav-arrows .prev,
.testimonials-carousel .nav-arrows .next {
position: absolute;
top: 50%;
font-size: 24px;
margin-top: -0.5em;
cursor: pointer;
z-index: 2;
}
.testimonials-carousel .nav-arrows .prev.nav-disable,
.testimonials-carousel .nav-arrows .next.nav-disable {
pointer-events: none;
opacity: .2;
}
.testimonials-carousel .nav-arrows .prev {
left: 8px;
}
.testimonials-carousel .nav-arrows .next {
right: 8px;
}
.testimonials-carousel .swiper-container {
overflow: visible;
padding: 0 50px;
}
.testimonials-carousel .swiper-container:before {
content: '';
position: absolute;
top: -60px;
left: 40%;
right: 90px;
bottom: -60px;
background: #F6F6F6;
}
.testimonials-carousel .swiper-dots-type2 {
position: relative;
z-index: 2;
}
.testimonials-carousel .testimonial-item {
-webkit-box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.12);
box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.12);
border-radius: 6px;
background: #fffffff2;
padding: 28px 15px 27px 25px;
width: 305px;
-webkit-transition: 300ms ease-in-out;
-o-transition: 300ms ease-in-out;
transition: 300ms ease-in-out;
-webkit-transition-property: background, color;
-o-transition-property: background, color;
transition-property: background, color;
}
.testimonials-carousel .testimonial-item .top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.testimonials-carousel .testimonial-item .avatar {
max-width: 34px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 34px;
-ms-flex: 0 0 34px;
flex: 0 0 34px;
border-radius: 50%;
margin-right: 10px;
}
.testimonials-carousel .testimonial-item .avatar::before {
content: '';
display: block;
padding-bottom: 100%;
}
.testimonials-carousel .testimonial-item .content {
line-height: 1;
}
.testimonials-carousel .testimonial-item .name {
font-size: 18px;
font-weight: 500;
margin-bottom: 3px;
}
.testimonials-carousel .testimonial-item .post {
font-size: 14px;
font-family: 'Roboto Condensed';
opacity: .6;
}
.testimonials-carousel .testimonial-item .quote {
font-size: 16px;
line-height: 1.37;
}
.testimonials-carousel .testimonial-item .button-style2 {
margin-top: 15px;
}
.testimonials-carousel .testimonial-item.swiper-slide-active {
background: #191FB8f2;
color: #fff;
}
.testimonials-carousel.without-decor .swiper-container:before {
display: none;
}
@media (max-width: 575.98px) {
.testimonials-carousel .nav-arrows .prev {
left: 0;
}
.testimonials-carousel .nav-arrows .next {
right: 0;
}
.testimonials-carousel .swiper-container {
padding: 0 30px;
}
.testimonials-carousel .swiper-container:before {
top: -30px;
left: 60px;
right: 60px;
}
} @-webkit-keyframes arrow_bounce {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
}
@keyframes arrow_bounce {
0%,
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
}
.categories-in-col {
position: relative;
margin: 30px 0;
}
.categories-in-col .arrow {
font-size: 30px;
position: absolute;
top: 0;
right: 100%;
margin-top: -0.5em;
margin-right: 20px;
}
.categories-in-col .arrow:before {
display: block;
-webkit-animation: arrow_bounce 1900ms infinite ease-in-out;
animation: arrow_bounce 1900ms infinite ease-in-out;
}
.categories-in-col .category-item {
position: relative;
margin-bottom: 18px;
}
.categories-in-col .category-item .title {
position: absolute;
top: 50%;
left: 0%;
text-transform: uppercase;
text-decoration: underline;
font-family: 'Roboto Condensed';
font-weight: 700;
line-height: 1;
margin-right: 25px;
margin-top: -.5em;
white-space: nowrap;
opacity: 0;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.categories-in-col .category-item .image {
position: relative;
height: 120px;
}
.categories-in-col .category-item .image:before {
content: '';
background: #000;
opacity: 0;
}
.categories-in-col .category-item .full-link {
cursor: pointer;
}
.categories-in-col .category-item:hover .image:before {
opacity: .4;
}
.categories-in-col .category-item:hover .title {
opacity: 1;
} .employee-card {
position: relative;
margin-bottom: 30px;
z-index: 1;
}
.employee-card:before {
content: '';
display: block;
padding-bottom: 138.24561%;
}
.employee-card:after {
content: '';
position: absolute;
top: 65px;
left: 65px;
right: -10px;
bottom: -10px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: .3;
z-index: -1;
}
.employee-card .image:before {
content: '';
background: rgba(0, 0, 0, 0.3);
}
.employee-card .ct {
position: absolute;
left: 0;
bottom: 0;
right: 0;
padding: 0 30px 20px;
color: #fff;
}
.employee-card .ct .name {
font-size: 18px;
text-transform: uppercase;
}
.employee-card .ct .post {
font-family: 'Roboto Condensed';
opacity: 0.6;
} .faq-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 50px;
}
.faq-item .title {
position: relative;
text-transform: uppercase;
line-height: 1.62;
font-weight: bold;
padding-left: 1.375em;
margin-bottom: 16px;
}
.faq-item .title i {
position: absolute;
top: 0.16667em;
left: 0;
font-size: 1.125em;
color: #558267;
}
.faq-item .text {
background: -o-linear-gradient(354.57deg, #EBF9FC 1.57%, #FAF0FE 105.09%);
background: linear-gradient(95.43deg, #EBF9FC 1.57%, #FAF0FE 105.09%);
-webkit-box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.05);
box-shadow: 2px 4px 9px rgba(0, 0, 0, 0.05);
border-radius: 12px;
color: #707070;
padding: 15px 20px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.faq-item.without-icon .title {
padding-left: 0;
} .button-row-area {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.button-row-area.left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.button-row-area.center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.button-row-area.right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 575.98px) {
.button-row-area.right {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.button-row-area .button-item {
margin-bottom: 15px;
}
.button-row-area .button-item:not(:last-child) {
margin-right: 10px;
} .tabs-block {
margin-bottom: 30px;
}
.tabs-block .tab-nav {
text-transform: uppercase;
font-weight: bold;
line-height: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 30px -32px 48px;
}
.tabs-block .tab-nav.left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.tabs-block .tab-nav.center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.tabs-block .tab-nav.right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.tabs-block .tab-nav .wrap {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 50px;
padding: 0 32px;
background: #F6F6F6;
color: #000;
border-radius: 12px;
}
body.dark-scheme .tabs-block .tab-nav .wrap,
body .dark-scheme .tabs-block .tab-nav .wrap {
background: #1A1A20;
color: #fff;
}
.tabs-block .tab-nav .prev,
.tabs-block .tab-nav .next {
position: absolute;
font-size: 16px;
cursor: pointer;
margin-top: -2px;
}
.tabs-block .tab-nav .prev.swiper-button-disabled,
.tabs-block .tab-nav .next.swiper-button-disabled {
opacity: 0;
}
.tabs-block .tab-nav .prev {
left: 10px;
}
.tabs-block .tab-nav .next {
right: 10px;
}
.tabs-block .tab-nav .swiper-container {
margin: 0;
overflow: hidden;
}
.tabs-block .tab-nav .swiper-slide {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
opacity: .63;
cursor: pointer;
}
.tabs-block .tab-nav .swiper-slide:last-child {
margin-right: 0 !important;
}
.tabs-block .tab-nav .swiper-slide:before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -4px;
height: 2px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.tabs-block .tab-nav .swiper-slide.swiper-slide-visible {
opacity: .63;
visibility: visible;
}
.tabs-block .tab-nav .swiper-slide.swiper-slide-thumb-active, .tabs-block .tab-nav .swiper-slide:hover {
opacity: 1;
}
.tabs-block .tab-nav .swiper-slide.swiper-slide-thumb-active:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
@media (max-width: 767.98px) {
.tabs-block .tab-nav {
margin-left: 0;
margin-right: 0;
}
.tabs-block .tab-nav .wrap,
.tabs-block .tab-nav .swiper-container {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
min-width: 0;
}
}
.tabs-block .tab-content {
overflow: visible;
}
.tabs-block .tab-content .swiper-slide [data-elementor-type="section"] {
margin-top: -15px;
} .info-box-items.with-carousel {
margin: 30px 0;
}
.info-box-items .nav-block {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 26px;
margin-top: 50px;
margin-left: 45px;
}
@media (max-width: 767.98px) {
.info-box-items .nav-block {
margin: 10px 20px 30px;
}
}
.info-box-items .swiper-container {
overflow: visible;
}
.info-box-items .info-box {
margin-bottom: 30px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.info-box-items .info-box.swiper-slide {
margin-bottom: 0px;
max-width: 445px;
}
.info-box-items .info-box .wrap {
color: #000;
background: #EEF2FF;
-webkit-box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.1);
border-radius: 12px;
padding: 15px 45px 38px;
}
body.dark-scheme .info-box-items .info-box .wrap,
body .dark-scheme .info-box-items .info-box .wrap {
background: #1A1A20;
color: #fff;
}
.info-box-items .info-box .top {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 55px;
margin-bottom: 20px;
}
.info-box-items .info-box .top .index-num {
position: relative;
font-weight: 700;
color: #B7B7B7;
}
.info-box-items .info-box .top .index-num:before {
content: '';
position: absolute;
top: 50%;
left: 100%;
width: 40px;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
margin-left: 5px;
}
.info-box-items .info-box .top .icon {
margin-left: auto;
font-size: 28px;
width: 1.96429em;
height: 1.96429em;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.1);
margin-right: -30px;
}
.info-box-items .info-box .top + .title {
margin-top: 0;
}
.info-box-items .info-box .title {
font-weight: 700;
font-size: 26px;
line-height: 1.2;
margin-top: 23px;
margin-bottom: 10px;
}
.info-box-items .info-box .text {
color: #535353;
line-height: 1.62;
margin-bottom: 11px;
}
@media (max-width: 767.98px) {
.info-box-items .info-box .wrap {
padding: 10px 20px 20px;
}
.info-box-items .info-box .wrap .top {
margin-bottom: 5px;
}
.info-box-items .info-box .wrap .top .icon {
margin-right: 0;
font-size: 20px;
}
} .skills-items {
position: relative;
-webkit-perspective: 300px;
perspective: 300px;
margin: 30px -15px;
}
.elementor-widget-container .skills-items {
margin-top: 0;
margin-bottom: 0;
}
.skills-items .skills-bg {
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 107px;
background: #EEF2FF;
-webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12), -5px -5px 12px #FFFFFF;
box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12), -5px -5px 12px #FFFFFF;
-webkit-transform: rotateX(15deg);
transform: rotateX(15deg);
}
body.dark-scheme .skills-items .skills-bg,
body .dark-scheme .skills-items .skills-bg {
background: #2B2B2B;
-webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12), -5px -5px 12px #202020;
box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.12), -5px -5px 12px #202020;
}
.skills-rate-type2 {
text-align: left;
margin-bottom: 40px;
}
.skills-rate-type2 .num {
position: relative;
margin-bottom: 14px;
}
.skills-rate-type2 .num .circle {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.skills-rate-type2 .num .circle canvas {
display: block;
}
.skills-rate-type2 .num .circle + .circle {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(90deg);
-ms-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.skills-rate-type2 .num .number {
position: absolute;
top: 50%;
left: 50%;
font-size: 32px;
font-weight: 700;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
line-height: 1;
}
.skills-rate-type2 .title {
color: #313131;
text-transform: uppercase;
font-weight: 700;
text-align: center;
padding-bottom: 10px;
}
body.dark-scheme .skills-rate-type2 .title,
body .dark-scheme .skills-rate-type2 .title {
color: #d8d8d8;
} .testimonials {
margin: 40px 0;
}
.testimonials .swiper-container {
overflow: visible;
}
.testimonials .testimonial-item {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.testimonials .testimonial-item.with-avatar {
padding-right: 220px;
}
.testimonials .testimonial-item .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 190px;
opacity: 0.85;
margin-top: -140px;
}
.testimonials .testimonial-item .info {
background: #fff;
-webkit-box-flex: 0;
-webkit-flex: 0 0 180px;
-ms-flex: 0 0 180px;
flex: 0 0 180px;
max-width: 180px;
padding: 36px 18px;
margin-right: 40px;
}
.testimonials .testimonial-item .content {
padding-top: 35px;
}
.testimonials .testimonial-item .name {
font-weight: 500;
font-size: 24px;
color: #000;
}
.testimonials .testimonial-item .post {
font-family: 'Roboto Condensed';
color: rgba(85, 85, 85, 0.9);
}
.testimonials .testimonial-item .quote {
position: relative;
color: #535353;
font-weight: 500;
font-size: 22px;
line-height: 1.32;
margin-bottom: 24px;
}
.testimonials .testimonial-item .quote:before {
content: '“';
position: absolute;
top: 0;
left: 0;
-webkit-transform: translate(-0.45455em, -0.68182em);
-ms-transform: translate(-0.45455em, -0.68182em);
transform: translate(-0.45455em, -0.68182em);
}
.testimonials .testimonial-item .bottom {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 24px;
}
.testimonials .testimonial-item .nav-block {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
font-size: 26px;
margin: 0 30px 0 0;
}
.testimonials .testimonial-item .button-style4 {
height: 40px;
padding: 0 18px;
}
@media (max-width: 991.98px) {
.testimonials .testimonial-item {
display: block;
}
.testimonials .testimonial-item .info {
padding: 15px 18px;
}
.testimonials .testimonial-item .image {
margin-top: 0;
}
}
@media (max-width: 575.98px) {
.testimonials .testimonial-item.with-avatar {
padding-right: 0;
}
.testimonials .testimonial-item .info {
padding: 0;
background: none;
}
.testimonials .testimonial-item .content {
padding-top: 20px;
}
.testimonials .testimonial-item .image {
display: none;
}
} .image-slider-with-thumb {
position: relative;
max-width: 556px;
pointer-events: all;
}
.image-slider-with-thumb .swiper-slide:before {
content: '';
display: block;
padding-bottom: 100%;
}
.image-slider-with-thumb .slider {
-webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25), -5px -5px 12px #FFFFFF;
box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25), -5px -5px 12px #FFFFFF;
}
body.dark-scheme .image-slider-with-thumb .slider,
body .dark-scheme .image-slider-with-thumb .slider {
-webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25), -5px -5px 12px #000;
box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.25), -5px -5px 12px #000;
}
.image-slider-with-thumb .slider .swiper-slide {
height: 300px;
}
.image-slider-with-thumb .thumbs {
position: relative;
padding: 20px 40px;
background: #F4F4F4;
border-radius: 39px;
margin-top: 55px;
}
.image-slider-with-thumb .thumbs .prev,
.image-slider-with-thumb .thumbs .next {
position: absolute;
top: 50%;
margin-top: -0.5em;
cursor: pointer;
}
.image-slider-with-thumb .thumbs .prev {
left: 15px;
}
.image-slider-with-thumb .thumbs .next {
right: 15px;
}
.image-slider-with-thumb .thumbs .swiper-slide {
border-radius: 20px;
-webkit-box-shadow: 3.14277px 3.14277px 7.54264px rgba(0, 0, 0, 0.12), -3.14277px -3.14277px 7.54264px #FFFFFF;
box-shadow: 3.14277px 3.14277px 7.54264px rgba(0, 0, 0, 0.12), -3.14277px -3.14277px 7.54264px #FFFFFF;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
-webkit-box-shadow: inset 0 0 0 0;
box-shadow: inset 0 0 0 0;
overflow: hidden;
cursor: pointer;
}
body.dark-scheme .image-slider-with-thumb .thumbs .swiper-slide:not(.swiper-slide-thumb-active),
body .dark-scheme .image-slider-with-thumb .thumbs .swiper-slide:not(.swiper-slide-thumb-active) {
-webkit-box-shadow: 3.14277px 3.14277px 7.54264px rgba(0, 0, 0, 0.12), -3.14277px -3.14277px 7.54264px #000;
box-shadow: 3.14277px 3.14277px 7.54264px rgba(0, 0, 0, 0.12), -3.14277px -3.14277px 7.54264px #000;
}
.image-slider-with-thumb .thumbs .swiper-slide.swiper-slide-thumb-active {
-webkit-box-shadow: inset 0 0 0 2px;
box-shadow: inset 0 0 0 2px;
}
.banner-item.style2 .image-slider-with-thumb .thumbs .swiper-slide:before {
background: #000;
opacity: 0.3;
-webkit-transition: all 400ms ease-in-out;
-o-transition: all 400ms ease-in-out;
transition: all 400ms ease-in-out;
}
.banner-item.style2 .image-slider-with-thumb .thumbs .swiper-slide.swiper-slide-thumb-active:before {
opacity: 0;
}
body.dark-scheme .image-slider-with-thumb .thumbs,
body .dark-scheme .image-slider-with-thumb .thumbs {
background: #161616;
} .categories-type3 {
position: relative;
margin: 30px 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
}
.categories-type3 .nav-block {
position: absolute;
top: 50%;
left: -65px;
right: -65px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 24px;
border-radius: 39px;
height: 44px;
padding: 0 20px;
margin-top: -22px;
pointer-events: none;
}
.categories-type3 .nav-block .prev,
.categories-type3 .nav-block .next {
cursor: pointer;
pointer-events: all;
}
.categories-type3 .nav-block .prev.disabled,
.categories-type3 .nav-block .next.disabled {
opacity: .3;
pointer-events: none;
}
@media (max-width: 575.98px) {
.categories-type3 .nav-block {
left: 0px;
right: 0px;
z-index: 2;
}
}
.categories-type3 .swiper-slide .wrap {
position: relative;
height: 375px;
}
.categories-type3 .swiper-slide .image:before {
content: '';
background: #000;
opacity: .3;
}
.categories-type3 .swiper-slide .title {
position: absolute;
left: 0;
bottom: 0;
font-weight: bold;
font-size: 28px;
line-height: 1;
min-width: 350px;
padding: 15px 20px;
-webkit-transform: translate(0, 100%) rotate(-90deg);
-ms-transform: translate(0, 100%) rotate(-90deg);
transform: translate(0, 100%) rotate(-90deg);
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
@media (max-width: 767.98px) {
.categories-type3 .swiper-slide {
min-width: 100%;
}
} .link-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.link-block > a {
margin-bottom: 5px;
}
.link-block > *:not(:last-child) {
margin-right: 20px;
} .split-screen-block {
height: 100vh;
position: relative;
overflow: hidden;
z-index: 1;
}
.split-screen-block .swiper-dots-type2 {
position: absolute;
top: 50%;
right: 30px;
z-index: 2;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
body.right-content-white .split-screen-block .swiper-dots-type2 {
color: #fff;
}
body.right-content-black .split-screen-block .swiper-dots-type2 {
color: #000;
}
.project-split-screen .right-side .nav-arrows-block,
.split-screen-block .nav-arrows-block {
position: absolute;
left: 50%;
bottom: 0;
z-index: 2;
width: 110px;
height: 90px;
margin-left: -55px;
background: #fff;
color: #000;
font-size: 26px;
}
.project-split-screen .right-side .nav-arrows-block:before,
.split-screen-block .nav-arrows-block:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 1px;
height: 12px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: 0.3;
margin-top: -6px;
}
.project-split-screen .right-side .nav-arrows-block .prev,
.project-split-screen .right-side .nav-arrows-block .next,
.split-screen-block .nav-arrows-block .prev,
.split-screen-block .nav-arrows-block .next {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
height: 100%;
padding: 8px;
cursor: pointer;
}
.project-split-screen .right-side .nav-arrows-block .prev.disable,
.project-split-screen .right-side .nav-arrows-block .next.disable,
.split-screen-block .nav-arrows-block .prev.disable,
.split-screen-block .nav-arrows-block .next.disable {
pointer-events: none;
}
.project-split-screen .right-side .nav-arrows-block .prev.disable:before,
.project-split-screen .right-side .nav-arrows-block .next.disable:before,
.split-screen-block .nav-arrows-block .prev.disable:before,
.split-screen-block .nav-arrows-block .next.disable:before {
opacity: .3;
}
.project-split-screen .right-side .nav-arrows-block .prev,
.split-screen-block .nav-arrows-block .prev {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.project-split-screen .right-side .nav-arrows-block .next,
.split-screen-block .nav-arrows-block .next {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.project-split-screen .right-side .nav-arrows-block.center-middle,
.split-screen-block .nav-arrows-block.center-middle {
top: 50%;
bottom: auto;
margin-top: -45px;
}
.banner-image-on-side .counter-block,
.projects-carousel-block .counter-block,
.scroll-projects-block .counter-block,
.banner-area .counter-block,
.vertical-banner .counter-block,
.project-slider .counter-block,
.project-horizontal .counter-block,
.project-carousel .counter-block,
.responsive-slider .counter-block,
.split-screen-block .counter-block {
position: absolute;
bottom: 22px;
right: 45px;
z-index: 2;
}
body.right-content-white .banner-image-on-side .counter-block, body.right-content-white
.projects-carousel-block .counter-block, body.right-content-white
.scroll-projects-block .counter-block, body.right-content-white
.banner-area .counter-block, body.right-content-white
.vertical-banner .counter-block, body.right-content-white
.project-slider .counter-block, body.right-content-white
.project-horizontal .counter-block, body.right-content-white
.project-carousel .counter-block, body.right-content-white
.responsive-slider .counter-block, body.right-content-white
.split-screen-block .counter-block {
color: #fff;
}
body.right-content-black .banner-image-on-side .counter-block, body.right-content-black
.projects-carousel-block .counter-block, body.right-content-black
.scroll-projects-block .counter-block, body.right-content-black
.banner-area .counter-block, body.right-content-black
.vertical-banner .counter-block, body.right-content-black
.project-slider .counter-block, body.right-content-black
.project-horizontal .counter-block, body.right-content-black
.project-carousel .counter-block, body.right-content-black
.responsive-slider .counter-block, body.right-content-black
.split-screen-block .counter-block {
color: #000;
}
.banner-image-on-side .counter-block > *:not(:last-child),
.projects-carousel-block .counter-block > *:not(:last-child),
.scroll-projects-block .counter-block > *:not(:last-child),
.banner-area .counter-block > *:not(:last-child),
.vertical-banner .counter-block > *:not(:last-child),
.project-slider .counter-block > *:not(:last-child),
.project-horizontal .counter-block > *:not(:last-child),
.project-carousel .counter-block > *:not(:last-child),
.responsive-slider .counter-block > *:not(:last-child),
.split-screen-block .counter-block > *:not(:last-child) {
margin-right: 8px;
}
.banner-image-on-side .counter-block .prev,
.banner-image-on-side .counter-block .next,
.projects-carousel-block .counter-block .prev,
.projects-carousel-block .counter-block .next,
.scroll-projects-block .counter-block .prev,
.scroll-projects-block .counter-block .next,
.banner-area .counter-block .prev,
.banner-area .counter-block .next,
.vertical-banner .counter-block .prev,
.vertical-banner .counter-block .next,
.project-slider .counter-block .prev,
.project-slider .counter-block .next,
.project-horizontal .counter-block .prev,
.project-horizontal .counter-block .next,
.project-carousel .counter-block .prev,
.project-carousel .counter-block .next,
.responsive-slider .counter-block .prev,
.responsive-slider .counter-block .next,
.split-screen-block .counter-block .prev,
.split-screen-block .counter-block .next {
font-size: 21px;
cursor: pointer;
pointer-events: all;
opacity: .7;
}
.banner-image-on-side .counter-block .prev.disable,
.banner-image-on-side .counter-block .next.disable,
.projects-carousel-block .counter-block .prev.disable,
.projects-carousel-block .counter-block .next.disable,
.scroll-projects-block .counter-block .prev.disable,
.scroll-projects-block .counter-block .next.disable,
.banner-area .counter-block .prev.disable,
.banner-area .counter-block .next.disable,
.vertical-banner .counter-block .prev.disable,
.vertical-banner .counter-block .next.disable,
.project-slider .counter-block .prev.disable,
.project-slider .counter-block .next.disable,
.project-horizontal .counter-block .prev.disable,
.project-horizontal .counter-block .next.disable,
.project-carousel .counter-block .prev.disable,
.project-carousel .counter-block .next.disable,
.responsive-slider .counter-block .prev.disable,
.responsive-slider .counter-block .next.disable,
.split-screen-block .counter-block .prev.disable,
.split-screen-block .counter-block .next.disable {
opacity: .2;
pointer-events: none;
}
.banner-image-on-side .counter-block .prev:not(.disable):hover,
.banner-image-on-side .counter-block .next:not(.disable):hover,
.projects-carousel-block .counter-block .prev:not(.disable):hover,
.projects-carousel-block .counter-block .next:not(.disable):hover,
.scroll-projects-block .counter-block .prev:not(.disable):hover,
.scroll-projects-block .counter-block .next:not(.disable):hover,
.banner-area .counter-block .prev:not(.disable):hover,
.banner-area .counter-block .next:not(.disable):hover,
.vertical-banner .counter-block .prev:not(.disable):hover,
.vertical-banner .counter-block .next:not(.disable):hover,
.project-slider .counter-block .prev:not(.disable):hover,
.project-slider .counter-block .next:not(.disable):hover,
.project-horizontal .counter-block .prev:not(.disable):hover,
.project-horizontal .counter-block .next:not(.disable):hover,
.project-carousel .counter-block .prev:not(.disable):hover,
.project-carousel .counter-block .next:not(.disable):hover,
.responsive-slider .counter-block .prev:not(.disable):hover,
.responsive-slider .counter-block .next:not(.disable):hover,
.split-screen-block .counter-block .prev:not(.disable):hover,
.split-screen-block .counter-block .next:not(.disable):hover {
opacity: 1;
}
.banner-image-on-side .counter-block .counter,
.projects-carousel-block .counter-block .counter,
.scroll-projects-block .counter-block .counter,
.banner-area .counter-block .counter,
.vertical-banner .counter-block .counter,
.project-slider .counter-block .counter,
.project-horizontal .counter-block .counter,
.project-carousel .counter-block .counter,
.responsive-slider .counter-block .counter,
.split-screen-block .counter-block .counter {
font-weight: 500;
}
.banner-image-on-side .counter-block .counter .current,
.projects-carousel-block .counter-block .counter .current,
.scroll-projects-block .counter-block .counter .current,
.banner-area .counter-block .counter .current,
.vertical-banner .counter-block .counter .current,
.project-slider .counter-block .counter .current,
.project-horizontal .counter-block .counter .current,
.project-carousel .counter-block .counter .current,
.responsive-slider .counter-block .counter .current,
.split-screen-block .counter-block .counter .current {
position: relative;
font-size: 18px;
margin-right: 15px;
}
.banner-image-on-side .counter-block .counter .current:before,
.projects-carousel-block .counter-block .counter .current:before,
.scroll-projects-block .counter-block .counter .current:before,
.banner-area .counter-block .counter .current:before,
.vertical-banner .counter-block .counter .current:before,
.project-slider .counter-block .counter .current:before,
.project-horizontal .counter-block .counter .current:before,
.project-carousel .counter-block .counter .current:before,
.responsive-slider .counter-block .counter .current:before,
.split-screen-block .counter-block .counter .current:before {
content: '';
position: absolute;
top: 50%;
right: -7px;
width: 1px;
height: 8px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
margin-top: -5px;
}
.banner-image-on-side .counter-block .counter .total,
.projects-carousel-block .counter-block .counter .total,
.scroll-projects-block .counter-block .counter .total,
.banner-area .counter-block .counter .total,
.vertical-banner .counter-block .counter .total,
.project-slider .counter-block .counter .total,
.project-horizontal .counter-block .counter .total,
.project-carousel .counter-block .counter .total,
.responsive-slider .counter-block .counter .total,
.split-screen-block .counter-block .counter .total {
font-size: 14px;
}
.split-screen-block.current-right-white .counter-block,
.split-screen-block.current-left-white .banner-bottom .social-links {
color: #fff;
}
.split-screen-block.current-right-black .counter-block,
.split-screen-block.current-right-black .banner-bottom .social-links {
color: #000;
}
.split-screen-block .banner-bottom {
position: absolute;
left: 0;
right: 0;
bottom: 26px;
z-index: 2;
pointer-events: none;
padding: 0 15px;
}
body.left-content-white .split-screen-block .banner-bottom .social-links {
color: #fff;
}
body.left-content-black .split-screen-block .banner-bottom .social-links {
color: #000;
}
.split-screen-block .banner-bottom .social-links a {
font-size: 18px;
}
.split-screen-block .split-screen-item > .first-side,
.split-screen-block .split-screen-item > .second-side {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
height: 100%;
z-index: 1;
}
.split-screen-block .split-screen-item > .first-side.content-color-white,
.split-screen-block .split-screen-item > .second-side.content-color-white {
color: #fff;
background: #000;
}
.split-screen-block .split-screen-item > .first-side.content-color-white .number,
.split-screen-block .split-screen-item > .second-side.content-color-white .number {
color: #D0D0D0;
}
.split-screen-block .split-screen-item > .first-side.content-color-white .text,
.split-screen-block .split-screen-item > .second-side.content-color-white .text {
color: #BDBDBD;
}
.split-screen-block .split-screen-item > .first-side.content-color-black,
.split-screen-block .split-screen-item > .second-side.content-color-black {
color: #000;
background: #fff;
}
.split-screen-block .split-screen-item > .first-side.content-color-black .number,
.split-screen-block .split-screen-item > .second-side.content-color-black .number {
color: #b8b8b8;
}
.split-screen-block .split-screen-item > .first-side.content-color-black .text,
.split-screen-block .split-screen-item > .second-side.content-color-black .text {
color: #4d4c4c;
}
.split-screen-block .split-screen-item .play-button {
margin: auto;
}
.split-screen-block .split-screen-item > .first-side .container-wrap {
margin: 0 auto;
width: 100%;
padding: 0 15px;
max-width: 530px;
}
.split-screen-block .split-screen-item > .first-side .text {
color: #BDBDBD;
line-height: 1.56;
margin-bottom: 30px;
}
.split-screen-block .split-screen-item > .second-side .container-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0 60px;
height: 100%;
width: 100%;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
margin-right: auto;
}
.split-screen-block .split-screen-item.type-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.split-screen-block .split-screen-item.tac .link-block {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.split-screen-block .split-screen-item.tar .link-block {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.split-screen-block .container-wrap {
position: relative;
}
.split-screen-block .container-wrap .image {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
height: 100px;
margin-top: 200px;
}
.split-screen-block .container-wrap .image .bg:before {
content: '';
background: rgba(0, 0, 0, 0.45);
}
.split-screen-block .container-wrap .image .play-button {
position: absolute;
top: 50%;
left: 50%;
margin-top: -48.5px;
margin-left: -48.5px;
}
.split-screen-block .container-wrap .image + .content {
margin-top: 20px;
}
.split-screen-block .container-wrap .content {
margin-top: auto;
margin-bottom: 65px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 520px;
}
.split-screen-block .container-wrap .content .title {
font-weight: bold;
font-size: 28px;
text-transform: uppercase;
margin-bottom: 6px;
}
.split-screen-block .container-wrap .content .text {
line-height: 1.56;
}
.split-screen-block.type2 .nav-arrows-block {
top: 50%;
bottom: auto;
width: 90px;
margin-top: -45px;
margin-left: -45px;
background: #5b5b5b;
}
.split-screen-block.type2 .nav-arrows-block:before {
display: none;
}
.split-screen-block.type2 .split-screen-item .first-side .container-wrap .text,
.split-screen-block.type2 .split-screen-item .second-side .container-wrap .text {
max-width: 510px;
}
.split-screen-block.type2 .container-wrap {
margin-top: auto !important;
}
.split-screen-block.type2 .container-wrap .content .title {
font-size: 36px;
line-height: 1.2;
}
.split-screen-block.type2 .button-block.center {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.split-screen-block.type2 .button-block.before-content {
margin-bottom: 30px;
}
.split-screen-block.type2 .button-block.after-content {
margin-top: 20px;
}
.split-screen-block.type2 .with-number .button-block.before-content {
margin-left: 80px;
}
.split-screen-block.type2 .content {
position: relative;
max-width: none;
}
.split-screen-block.type2 .content.with-number {
padding-left: 80px;
}
@media (max-width: 767.98px) {
.split-screen-block.type2 .content.with-number {
padding-left: 0;
}
}
.split-screen-block.type2 .content:before {
content: '';
position: absolute;
top: 21px;
left: -100px;
width: 80px;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: .3;
}
.split-screen-block.type2 .content .number {
position: absolute;
top: 0;
left: 0;
font-size: 51px;
font-weight: bold;
color: #D0D0D0;
opacity: .6;
line-height: .85;
}
@media (max-width: 767.98px) {
.split-screen-block.type2 .content .number {
margin-top: -1.1em;
}
}
.split-screen-block.type3 .first-side .bg-overlay {
right: 55%;
}
.split-screen-block.type3 .first-side.right .bg-overlay {
left: 55%;
right: 0%;
}
.split-screen-block.type3 .banner-bottom {
bottom: 36px;
}
.split-screen-block.type3 .counter-block {
bottom: 32px;
}
.split-screen-block.type3 .counter-block .total {
opacity: 0.5;
}
.split-screen-block.type3 .play-button {
margin: auto;
}
@media (max-width: 991.98px) {
.split-screen-block {
height: auto !important;
}
.split-screen-block .split-screen-item {
position: relative;
display: block;
}
.split-screen-block .split-screen-item .first-side,
.split-screen-block .split-screen-item .second-side {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
min-height: 100vh;
padding: 40px 0;
}
.split-screen-block .split-screen-item .container-wrap {
width: 100%;
padding: 0 60px !important;
}
.split-screen-block .split-screen-item .container-wrap .image {
margin-top: 0 !important;
}
.split-screen-block .split-screen-item .container-wrap .content {
margin-bottom: 0px;
}
.split-screen-block .nav-arrows-block,
.split-screen-block .swiper-dots-type2,
.split-screen-block .banner-bottom,
.split-screen-block .counter-block {
display: none;
}
}
@media (max-width: 767.98px) {
.split-screen-block .split-screen-item .container-wrap {
padding: 0 40px !important;
}
}
@media (max-width: 575.98px) {
.split-screen-block .split-screen-item .container-wrap {
padding: 0 15px !important;
}
} .content-box-block {
position: relative;
margin: 30px 0 0;
overflow: visible !important;
}
.content-box-block.with-pagination {
margin-bottom: 90px;
}
.content-box-block .prev,
.content-box-block .next {
position: absolute;
top: 50%;
margin-top: -.5em;
cursor: pointer;
z-index: 3;
}
.content-box-block .prev.swiper-button-disabled,
.content-box-block .next.swiper-button-disabled {
opacity: 0;
}
.content-box-block .prev {
left: -65px;
}
.content-box-block .next {
right: -65px;
}
.content-box-block .swiper-dots-type2 {
position: absolute;
top: 100%;
left: 0;
right: 0;
margin: 43px 0 0;
}
@media (max-width: 767.98px) {
.content-box-block.with-pagination {
margin-bottom: 30px;
}
.content-box-block .prev {
left: -20px;
}
.content-box-block .next {
right: -20px;
}
.content-box-block.swiper-container {
margin-left: 10px;
margin-right: 10px;
}
.content-box-block .swiper-dots-type2 {
margin-top: 20px;
}
}
.content-box-item {
position: relative;
margin-bottom: 30px;
}
.content-box-item:before {
content: '';
position: absolute;
top: -40px;
left: -20px;
right: -20px;
bottom: -40px;
background: #F6F6F6;
z-index: -1;
}
body.dark-scheme .content-box-item:before,
body .dark-scheme .content-box-item:before {
background: #2B2B2B;
}
.content-box-item .title {
line-height: 1.2;
padding-right: 20px;
}
.content-box-item .title:after {
content: '';
display: block;
width: 15px;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
opacity: .3;
margin: 10px 0 11px;
}
.content-box-item .text {
font-size: 14px;
line-height: 1.57;
color: #535353;
margin-bottom: 15px;
}
body.dark-scheme .content-box-item .text,
body .dark-scheme .content-box-item .text {
color: #AFAFAF;
}
.dark-on-hover .content-box-item:hover, .dark-on-hover .content-box-item.hovered {
color: #fff;
}
.dark-on-hover .content-box-item:hover .text, .dark-on-hover .content-box-item.hovered .text {
color: #ADABAB;
}
@media (max-width: 767.98px) {
.content-box-item:before {
top: -15px;
bottom: -15px;
}
} .tile-box {
margin: 30px -15px;
}
.tile-box .tile-box-item {
padding: 0;
}
.tile-box .tile-box-item:before {
content: '';
display: block;
padding-bottom: 100%;
}
.tile-box .tile-box-item .wrap {
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
background: #202024;
color: #fff;
border-radius: 28px;
-webkit-transition: -webkit-box-shadow 400ms ease-in-out;
transition: -webkit-box-shadow 400ms ease-in-out;
-o-transition: box-shadow 400ms ease-in-out;
transition: box-shadow 400ms ease-in-out;
transition: box-shadow 400ms ease-in-out, -webkit-box-shadow 400ms ease-in-out;
overflow: hidden;
}
.tile-box .tile-box-item .hover-bg {
border-radius: 29px;
overflow: hidden;
background: -o-linear-gradient(339.48deg, #361457 0%, #1D1126 50.52%, #0E1748 100%);
background: linear-gradient(110.52deg, #361457 0%, #1D1126 50.52%, #0E1748 100%);
}
.tile-box .tile-box-item .title-block {
position: absolute;
top: 20px;
left: 20px;
background: #27272C;
min-width: 132px;
-webkit-box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.45), -5px -5px 12px #252529;
box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.45), -5px -5px 12px #252529;
border-radius: 29px;
font-weight: bold;
height: 42px;
padding: 0 15px;
z-index: 2;
}
.tile-box .tile-box-item .title-block i {
margin-right: 5px;
}
.tile-box .tile-box-item .text {
position: absolute;
color: #777777;
top: 27px;
right: 45px;
max-width: 230px;
font-size: 13px;
line-height: 1.38;
}
.tile-box .tile-box-item .image {
background: 50% 0 no-repeat;
background-size: contain;
}
@media (max-width: 767.98px) {
.tile-box .tile-box-item .image {
bottom: 0 !important;
}
}
.tile-box .tile-box-item.hovered .wrap, .tile-box .tile-box-item:hover .wrap {
-webkit-box-shadow: 6px 6px 21px rgba(0, 0, 0, 0.45);
box-shadow: 6px 6px 21px rgba(0, 0, 0, 0.45);
}
.tile-box .tile-box-item.col-height-1-1:before {
padding-bottom: 100%;
}
.tile-box .tile-box-item.col-height-1-2:before {
padding-bottom: 50%;
}
.tile-box .tile-box-item.col-height-2-1:before {
padding-bottom: 200%;
}
.tile-box .tile-box-item.col-height-3-1:before {
padding-bottom: 300%;
}
.tile-box .tile-box-item.col-height-3-4:before {
padding-bottom: 75%;
}
.tile-box .tile-box-item.bg-size-auto .image {
background-size: auto;
}
.tile-box .tile-box-item.bg-size-contain .image {
background-size: contain;
}
.tile-box .tile-box-item.bg-size-cover .image {
background-size: cover;
}
.tile-box .tile-box-item.bg-size-100-auto .image {
background-size: 100% auto;
}
.tile-box .tile-box-item.bg-size-auto-100 .image {
background-size: auto 100%;
}
.tile-box .tile-box-item.col-lg-3 .title-block, .tile-box .tile-box-item.col-lg-2 .title-block, .tile-box .tile-box-item.col-lg-1 .title-block {
left: 13px;
} .app-carousel {
position: relative;
padding: 0 20px;
margin: 80px 0;
}
.app-carousel .prev,
.app-carousel .next {
position: absolute;
top: 50%;
font-size: 24px;
margin-top: -.5em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.app-carousel .prev {
left: -1em;
}
@media (max-width: 767.98px) {
.app-carousel .prev {
left: 0;
}
}
.app-carousel .next {
right: -1em;
}
@media (max-width: 767.98px) {
.app-carousel .next {
right: 0;
}
}
.app-carousel .swiper-slide {
position: relative;
}
.app-carousel .swiper-slide .image {
background-position: 50% 0;
}
.app-carousel .swiper-slide .image:before {
content: '';
display: block;
padding-bottom: 184.21053%;
}
.app-carousel .swiper-slide .title {
text-align: center;
text-transform: uppercase;
font-size: 15px;
color: #646464;
font-weight: 600;
}
.app-carousel a {
z-index: 2;
}
.app-carousel .prototype-carousel .swiper-slide .image {
max-width: 190px;
margin: 0 auto;
}
.app-carousel .prototype-carousel .swiper-slide .title {
margin-top: 15px;
}
@media (max-width: 767.98px) {
.app-carousel .prototype-carousel {
opacity: 0;
}
}
.app-carousel .screen-slider-block {
position: absolute;
top: 50%;
left: 50%;
width: 205px;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.app-carousel .screen-slider {
-webkit-filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.3));
filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.3));
}
.app-carousel .screen-slider .swiper-container {
-webkit-clip-path: url(#phone-mask);
clip-path: url(#phone-mask);
}
.app-carousel .screen-slider .swiper-slide .image {
background: #000;
}
.app-carousel .screen-slider .swiper-slide .image:before {
padding-bottom: 215.60976%;
}
.app-carousel .title-slider {
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: 15px;
}
.app-carousel .title-slider .swiper-slide .title {
color: inherit;
font-size: 17px;
} .categories-carousel-type2 {
margin: 30px 0;
}
.categories-carousel-type2 .swiper-slide .wrap {
position: relative;
padding-left: 50px;
}
.categories-carousel-type2 .swiper-slide .title {
position: absolute;
line-height: 50px;
white-space: nowrap;
left: 50px;
bottom: 0;
color: #A7A7A7;
font-weight: bold;
font-size: 28px;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.categories-carousel-type2 .swiper-slide .title a {
position: relative;
}
.categories-carousel-type2 .swiper-slide .title a:before {
content: '';
position: absolute;
top: 50%;
left: 100%;
width: 60px;
height: 1px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
margin-left: 16px;
margin-top: 2px;
color: #000;
opacity: .2;
}
body.dark-scheme .categories-carousel-type2 .swiper-slide .title a:before,
body .dark-scheme .categories-carousel-type2 .swiper-slide .title a:before {
color: #fff;
}
.categories-carousel-type2 .swiper-slide .like-button {
position: absolute;
top: 20px;
right: 20px;
color: #000;
height: 39px;
padding: 0 20px;
font-family: 'Roboto Condensed';
font-weight: bold;
font-size: 15px;
z-index: 3;
cursor: pointer;
}
.categories-carousel-type2 .swiper-slide .like-button:before {
content: '';
background: #D4D4D4;
opacity: .4;
border-radius: 28px;
z-index: -1;
}
body.dark-scheme .categories-carousel-type2 .swiper-slide .like-button:before,
body .dark-scheme .categories-carousel-type2 .swiper-slide .like-button:before {
background: #2E2E2E;
color: #D2D2D2;
}
body.dark-scheme .categories-carousel-type2 .swiper-slide .like-button,
body .dark-scheme .categories-carousel-type2 .swiper-slide .like-button {
color: #fff;
}
.categories-carousel-type2 .swiper-slide .like-button i {
color: #FF4343;
font-size: 16px;
margin-left: 5px;
}
.categories-carousel-type2 .swiper-slide .image div {
position: relative;
padding-bottom: 74.1573%;
}
.categories-carousel-type2 .swiper-slide .image div:before {
content: '';
background: rgba(0, 0, 0, 0.5);
}
.categories-carousel-type2 .swiper-slide .button-style2 {
position: absolute;
right: 20px;
bottom: 15px;
}
.categories-carousel-type2 .swiper-slide .button-style2 span + i {
margin-left: 10px;
}
@media (max-width: 767.98px) {
.categories-carousel-type2 .swiper-slide .title {
font-size: 18px;
line-height: 40px;
}
.categories-carousel-type2 .swiper-slide .like-button {
top: 10px;
right: 10px;
height: 30px;
padding: 0 15px;
}
}
.scroll-projects-block .bottom-nav-block,
.categories-carousel-type2 .bottom-nav-block {
margin-top: 30px;
}
.scroll-projects-block .bottom-nav-block .prev,
.scroll-projects-block .bottom-nav-block .next,
.categories-carousel-type2 .bottom-nav-block .prev,
.categories-carousel-type2 .bottom-nav-block .next {
margin-right: 17px;
font-size: 21px;
opacity: .37;
cursor: pointer;
pointer-events: all;
}
.scroll-projects-block .bottom-nav-block .prev:hover,
.scroll-projects-block .bottom-nav-block .next:hover,
.categories-carousel-type2 .bottom-nav-block .prev:hover,
.categories-carousel-type2 .bottom-nav-block .next:hover {
opacity: 1;
}
.projects-carousel-block .b-button,
.scroll-projects-block .bottom-nav-block .b-button,
.categories-carousel-type2 .bottom-nav-block .b-button {
font-family: 'Roboto Condensed';
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
margin-right: 17px;
color: inherit;
}
.projects-carousel-block .b-button i,
.scroll-projects-block .bottom-nav-block .b-button i,
.categories-carousel-type2 .bottom-nav-block .b-button i {
font-size: 22px;
margin-right: 7px;
} .scroll-projects-block {
position: relative;
height: 100vh;
overflow: hidden;
}
.scroll-projects-block .prev,
.scroll-projects-block .next {
position: absolute;
top: 50%;
margin-top: -1.02em;
font-size: 25px;
width: 2.04em;
height: 2.04em;
border-radius: 50%;
background: rgba(255, 255, 255, 0.97);
pointer-events: all;
cursor: pointer;
z-index: 2000;
}
.scroll-projects-block .prev:hover,
.scroll-projects-block .next:hover {
background: rgba(255, 255, 255, 0.6);
}
.scroll-projects-block .prev {
right: 100%;
margin-right: 20px;
}
@media (max-width: 767.98px) {
.scroll-projects-block .prev {
right: auto;
left: 20px;
}
}
.scroll-projects-block .next {
left: 100%;
margin-left: 20px;
}
@media (max-width: 767.98px) {
.scroll-projects-block .next {
left: auto;
right: 20px;
}
}
.scroll-projects-block .image-items {
position: absolute;
top: 50%;
left: 50%;
width: 730px;
height: 500px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
pointer-events: none;
z-index: 23;
}
.scroll-projects-block .image-items canvas {
position: absolute;
top: 0;
left: 0;
}
.scroll-projects-block .image-items .counter-block {
right: 0;
bottom: -52px;
}
.scroll-projects-block .title-items {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #2C2C2C;
font-weight: bold;
font-size: 182px;
height: 1.8em;
line-height: 1.8;
margin-top: -0.9em;
pointer-events: none;
z-index: 1;
}
.scroll-projects-block .title-items .item {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
white-space: nowrap;
}
.scroll-projects-block .title-items .item .part {
overflow: hidden;
margin-right: .3em;
}
.scroll-projects-block .title-items .item .part span {
display: block;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.scroll-projects-block .title-items .item a {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 200vh;
z-index: 3;
}
@media (max-width: 991.98px) {
.scroll-projects-block .title-items {
font-size: 120px;
}
}
@media (max-width: 767.98px) {
.scroll-projects-block .title-items {
font-size: 90px;
}
}
@media (max-width: 767.98px) {
.scroll-projects-block .title-items {
font-size: 60px;
}
}
.scroll-projects-block .bottom-nav-block {
position: absolute;
left: 0;
bottom: -50px;
z-index: 5;
}
@media (max-width: 767.98px) {
.scroll-projects-block .bottom-nav-block {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
} .projects-carousel-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
height: 100vh;
padding: 50px 15px;
}
.projects-carousel-block .prev,
.projects-carousel-block .next {
position: absolute;
top: 50%;
margin-top: -.5em;
font-size: 25px;
line-height: 1;
cursor: pointer;
}
.projects-carousel-block .prev {
left: -webkit-calc(-2.35vw);
left: calc(-2.35vw);
}
.projects-carousel-block .next {
right: -webkit-calc(-2.35vw);
right: calc(-2.35vw);
}
.projects-carousel-block .content-wrap {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 90vh;
margin: auto;
}
@media (orientation: portrait) {
.projects-carousel-block .content-wrap {
max-width: 90vw;
}
}
.projects-carousel-block .image-items {
position: relative;
width: 90vh;
margin: 0 auto;
}
@media (orientation: portrait) {
.projects-carousel-block .image-items {
max-width: 90vw;
}
}
.projects-carousel-block .image-items:before {
content: '';
display: block;
padding-bottom: 65.21739%;
}
@media (orientation: portrait) {
.projects-carousel-block .image-items:before {
padding-bottom: 120%;
}
}
.projects-carousel-block .image-items .item {
opacity: 0;
}
.projects-carousel-block .image-items .item:before {
content: '';
background: #000;
opacity: .7;
-webkit-transition: opacity 400ms ease-in-out;
-o-transition: opacity 400ms ease-in-out;
transition: opacity 400ms ease-in-out;
}
.projects-carousel-block .image-items .item.current:before {
opacity: 0;
}
.projects-carousel-block .title-items {
position: absolute;
top: 50%;
left: -webkit-calc(7.5% + 8px);
left: calc(7.5% + 8px);
font-size: 72px;
font-weight: bold;
line-height: 1;
width: 100%;
}
.projects-carousel-block .title-items .item {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 0;
pointer-events: none;
}
.projects-carousel-block .title-items .item.current,
.projects-carousel-block .title-items .item a {
pointer-events: all;
}
.projects-carousel-block .title-items .item span {
background: #0F0F0F;
color: #0F0F0F;
-webkit-box-shadow: 8px 0 0 #0F0F0F, -8px 0 0 #0F0F0F;
box-shadow: 8px 0 0 #0F0F0F, -8px 0 0 #0F0F0F;
}
.projects-carousel-block .title-items .item .atitle {
content: attr(data-title);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.projects-carousel-block .title-items .item a {
pointer-events: none;
}
@media (max-width: 767.98px) {
.projects-carousel-block .title-items {
left: 3%;
}
}
.projects-carousel-block .nav-block {
position: absolute;
top: 100%;
left: 0;
right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 0;
}
.projects-carousel-block .nav-block .counter-block {
position: relative;
bottom: 0;
right: 0;
margin-left: auto;
}
.projects-carousel-block .nav-block .counter-block .counter .total {
opacity: 0.2;
}
.projects-carousel-block .bottom-link {
position: absolute;
top: 50%;
left: 0;
text-align: center;
white-space: nowrap;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.projects-carousel-block .bottom-link .button:hover {
color: inherit;
}
@media (max-width: 767.98px) {
.projects-carousel-block .prev,
.projects-carousel-block .next {
top: auto;
bottom: 10px;
margin: 0;
}
.projects-carousel-block .prev {
left: 15px;
}
.projects-carousel-block .next {
right: 15px;
}
} .vertical-banner {
position: relative;
height: 100vh;
background: -o-linear-gradient(342.23deg, #EBEFF3 0%, #FFF4F4 100%);
background: linear-gradient(107.77deg, #EBEFF3 0%, #FFF4F4 100%);
}
.vertical-banner .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.vertical-banner .side-image-block {
position: relative;
-webkit-box-flex: 0;
-webkit-flex: 0 0 510px;
-ms-flex: 0 0 510px;
flex: 0 0 510px;
margin-right: 60px;
}
.vertical-banner .side-image-block .overlay-bg {
position: absolute;
top: 75px;
left: 0;
bottom: 75px;
width: 160px;
}
.vertical-banner .side-image-block .overlay-bg:before {
content: '';
background: rgba(0, 0, 0, 0.65);
}
.vertical-banner .side-image-block .heading-block {
position: absolute;
top: 170px;
left: -100px;
right: -30px;
margin: 0;
}
.vertical-banner .side-image-block .heading-block .h {
float: right;
background: #fff;
padding: 19px 30px;
}
.vertical-banner .slider {
margin: 60px 0;
margin-right: 0;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow: hidden;
}
@media screen and (min-width: 2050px) {
.vertical-banner .slider {
margin-right: -15vw;
}
}
@media screen and (min-width: 1720px) {
.vertical-banner .slider {
margin-right: -9vw;
}
}
.vertical-banner .slider-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.vertical-banner .slide-item {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 380px;
color: #fff;
padding: 30px 35px;
z-index: 1;
}
.vertical-banner .slide-item:not(:last-child) {
margin-bottom: 30px;
}
.vertical-banner .slide-item .overlay {
background: rgba(0, 0, 0, 0.45);
z-index: -1;
}
.vertical-banner .slide-item.top_left, .vertical-banner .slide-item.top_center, .vertical-banner .slide-item.top_right {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.vertical-banner .slide-item.middle_left, .vertical-banner .slide-item.middle_center, .vertical-banner .slide-item.middle_right {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.vertical-banner .slide-item.bottom_left, .vertical-banner .slide-item.bottom_center, .vertical-banner .slide-item.bottom_right {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.vertical-banner .slide-item.top_left, .vertical-banner .slide-item.middle_left, .vertical-banner .slide-item.bottom_left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.vertical-banner .slide-item.top_center, .vertical-banner .slide-item.middle_center, .vertical-banner .slide-item.bottom_center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.vertical-banner .slide-item.top_right, .vertical-banner .slide-item.middle_right, .vertical-banner .slide-item.bottom_right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.vertical-banner .slide-item .content {
max-width: 350px;
}
.vertical-banner .slide-item .desc {
font-weight: 500;
font-size: 18px;
color: #b9b9b9;
line-height: 1.33;
margin-bottom: 15px;
}
.vertical-banner .slide-item .title {
font-weight: bold;
font-size: 46px;
line-height: 1.3;
text-transform: uppercase;
margin-bottom: 19px;
}
.vertical-banner .slide-item .button-style4:not(:hover) {
border-color: #696969;
}
.vertical-banner .slide-item:hover .overlay {
background: rgba(30, 35, 148, 0.45);
}
.vertical-banner .nav-arrows {
position: absolute;
top: 50%;
left: 100%;
font-size: 21px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: 0;
}
@media screen and (min-width: 2050px) {
.vertical-banner .nav-arrows {
margin-left: 15vw;
}
}
@media screen and (min-width: 1720px) {
.vertical-banner .nav-arrows {
margin-left: 9vw;
}
}
.vertical-banner .nav-arrows .prev,
.vertical-banner .nav-arrows .next {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
color: #5F5F5F;
cursor: pointer;
}
@media (max-width: 767.98px) {
.vertical-banner .nav-arrows .prev,
.vertical-banner .nav-arrows .next {
color: #fff;
}
}
.vertical-banner .nav-arrows .prev {
margin-bottom: 40px;
}
.vertical-banner .counter-block {
left: 100%;
right: auto;
bottom: 30px;
margin-left: 0;
}
@media screen and (min-width: 2050px) {
.vertical-banner .counter-block {
margin-left: 15vw;
}
}
@media screen and (min-width: 1720px) {
.vertical-banner .counter-block {
margin-left: 9vw;
}
}
@media (max-width: 1199.98px) {
.vertical-banner .side-image-block {
-webkit-box-flex: 0;
-webkit-flex: 0 0 405px;
-ms-flex: 0 0 405px;
flex: 0 0 405px;
}
.vertical-banner .side-image-block .heading-block {
top: 100px;
}
}
@media (max-width: 991.98px) {
.vertical-banner .side-image-block {
-webkit-box-flex: 0;
-webkit-flex: 0 0 310px;
-ms-flex: 0 0 310px;
flex: 0 0 310px;
margin-right: 40px;
}
.vertical-banner .side-image-block .heading-block {
left: -30px;
right: -20px;
}
.vertical-banner .side-image-block .heading-block .h {
padding: 10px 17px;
}
.vertical-banner .slide-item {
padding: 25px 20px;
}
.vertical-banner .slide-item .desc {
font-size: 16px;
}
.vertical-banner .slide-item .title {
line-height: 1.1;
font-size: 36px;
}
.vertical-banner .counter-block {
-webkit-transform: translateX(-80%);
-ms-transform: translateX(-80%);
transform: translateX(-80%);
}
}
@media (max-width: 767.98px) {
.vertical-banner {
height: auto !important;
}
.vertical-banner .container {
display: block;
height: auto;
}
.vertical-banner .side-image-block {
padding-top: 30px;
margin: 0;
}
.vertical-banner .side-image-block .bg,
.vertical-banner .side-image-block .overlay-bg {
display: none;
}
.vertical-banner .side-image-block .heading-block {
position: relative;
top: 0;
left: 0;
right: 0;
}
.vertical-banner .side-image-block .heading-block .h {
float: none;
}
.vertical-banner .slider {
margin-top: 30px;
width: 100%;
height: 430px;
}
.vertical-banner .slider .slide-item {
height: 430px !important;
}
.vertical-banner .nav-arrows {
left: auto;
right: 25px;
-webkit-transform: translateY(5px);
-ms-transform: translateY(5px);
transform: translateY(5px);
}
.vertical-banner .counter-block {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
left: auto;
right: 15px;
}
} .fullscreen-navigation {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 90px 30px;
background: #131313;
color: #fff;
}
.fullscreen-navigation .bg-items .bg-item {
z-index: 1;
-webkit-transition-duration: 600ms;
-o-transition-duration: 600ms;
transition-duration: 600ms;
}
.fullscreen-navigation .links {
position: relative;
margin: auto;
text-transform: uppercase;
font-weight: bold;
font-size: 46px;
line-height: 1.3;
text-align: center;
z-index: 2;
}
.fullscreen-navigation .links .link-item a {
position: relative;
color: inherit;
}
.fullscreen-navigation .links .link-item a:before {
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
left: 0;
width: 100%;
height: 2px;
-webkit-box-shadow: inset 0 0 0 1px;
box-shadow: inset 0 0 0 1px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: -webkit-transform 400ms ease-in-out;
transition: -webkit-transform 400ms ease-in-out;
-o-transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out;
transition: transform 400ms ease-in-out, -webkit-transform 400ms ease-in-out;
}
.fullscreen-navigation .links .link-item.current a,
.fullscreen-navigation .links .link-item a:hover {
color: #838383;
}
.fullscreen-navigation .links .link-item.current a:before,
.fullscreen-navigation .links .link-item a:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
@media (max-width: 767.98px) {
.fullscreen-navigation .links {
font-size: 36px;
}
}
@media (max-width: 575.98px) {
.fullscreen-navigation .links {
font-size: 30px;
}
} .image-slider-block {
position: relative;
margin: 40px 0;
}
.image-slider-block .prev,
.image-slider-block .next {
position: absolute;
top: 50%;
font-size: 22px;
margin-top: -.5em;
cursor: pointer;
z-index: 2;
}
.image-slider-block .prev {
left: -30px;
}
.image-slider-block .next {
right: -30px;
}
.image-slider-block .swiper-slide {
height: 545px;
background: 50% no-repeat;
background-size: cover;
}
@media (max-width: 767.98px) {
.image-slider-block .swiper-slide {
height: 480px;
}
}
@media (max-width: 575.98px) {
.image-slider-block .swiper-slide {
height: 380px;
}
}
.image-slider-block.type-contain .swiper-slide {
background-size: contain;
}
@media (max-width: 767.98px) {
.image-slider-block .prev {
left: 5px;
}
.image-slider-block .next {
right: 5px;
}
} .heading-banner .content {
position: relative;
max-width: 635px;
padding: 90px 0 250px;
}
.heading-banner .link-block {
margin-top: 37px;
}
.heading-banner .left-image,
.heading-banner .bottom-image,
.heading-banner .right-image {
position: absolute;
top: 0;
bottom: 0;
opacity: 0.4;
}
.heading-banner .left-image {
right: 100%;
margin-right: 50px;
}
.heading-banner .bottom-image {
height: 155px;
top: auto;
left: 0;
right: 0;
bottom: 0;
}
.heading-banner .right-image {
opacity: .8;
left: 100%;
margin-left: 50px;
}
@media (max-width: 767.98px) {
.heading-banner .content {
padding-bottom: 200px;
}
} .contacts-row {
margin-bottom: 18px;
}
.contacts-row .title {
color: #666;
margin-bottom: -1px;
min-height: 24px;
font-size: 18px;
}
body.dark-scheme .contacts-row .title,
body .dark-scheme .contacts-row .title {
color: #a2a2a3;
}
.contacts-row .text {
font-size: 14px;
line-height: 1.42857;
}
.site-footer .contacts-row .title {
font-size: 12px;
color: #9394B6;
}
.site-footer .contacts-row .text {
font-size: 14px;
line-height: 1.43;
} .content-with-side-images.content-on-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.content-with-side-images.content-on-right .left-image {
opacity: 0.8;
}
.content-with-side-images.content-on-right .right-image {
opacity: 0.4;
}
.content-with-side-images .heading-block {
display: block;
min-height: auto;
max-width: none;
padding: 0;
margin: 30px 0;
} .elementor-section {
background: 50% no-repeat;
background-size: cover;
}
.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 15px;
} .elementor-sub-heading-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.elementor-sub-heading-block i {
font-size: 25px;
color: #FCCB71;
margin-right: 10px;
}
.elementor-sub-heading-block i img {
display: block;
width: 1em;
height: 1em;
}
.elementor-sub-heading-block span {
font-size: 18px;
color: #535353;
}
body.dark-scheme .elementor-sub-heading-block span,
body .dark-scheme .elementor-sub-heading-block span {
color: #A4A4A4;
}
.elementor-sub-heading-block.with-background span {
padding: 3px 13px;
border-radius: 8px;
background: #f6f6f6;
color: #6B6B6B;
}
body.dark-scheme .elementor-sub-heading-block.with-background span,
body .dark-scheme .elementor-sub-heading-block.with-background span {
background: #212121;
color: #A4A4A4;
}