@charset "UTF-8";
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border-radius: 0;
border: solid 1px #f3f3f3;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 16px;
color: #6c747d;
font-weight: normal;
height: 54px;
line-height: 53px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
.nice-select:hover {
border-color: #dbdbdb;
}
.nice-select:active, .nice-select.open, .nice-select:focus {
border-color: #999;
}
.nice-select:after {
border-bottom: 2px solid #999;
border-right: 2px solid #999;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px;
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
}
.nice-select.disabled {
border-color: #ededed;
color: #999;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #cccccc;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: #fff;
border-radius: 0;
box-shadow: 0 0 0 1px rgb(239, 242, 245);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #f6f6f6;
}
.nice-select .option.selected {
font-weight: bold;
}
.nice-select .option.disabled {
background-color: transparent;
color: #999;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}

.icon {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
}
.icon-arrow_left {
font-size: 1.5rem;
width: 1.3186em;
}
.icon-arrow_right {
font-size: 1.5rem;
width: 1.3186em;
}
.icon-bag {
font-size: 1.6rem;
width: 0.8em;
}
.icon-battery {
font-size: 64rem;
width: 1em;
}
.icon-battery-1 {
font-size: 64rem;
width: 1em;
}
.icon-bicycle {
font-size: 64rem;
width: 1em;
}
.icon-bin {
font-size: 64rem;
width: 1em;
}
.icon-bio {
font-size: 64rem;
width: 1em;
}
.icon-bolt {
font-size: 47.9rem;
width: 1em;
}
.icon-bolt-2 {
font-size: 63.2rem;
width: 1em;
}
.icon-book {
font-size: 64rem;
width: 1em;
}
.icon-bulb {
font-size: 64rem;
width: 1em;
}
.icon-calendar {
font-size: 1.6rem;
width: 0.89931em;
}
.icon-check {
font-size: 4.57rem;
width: 1em;
}
.icon-close {
font-size: 4.797rem;
width: 1em;
}
.icon-cloud {
font-size: 1.2508rem;
width: 1.27918em;
}
.icon-co2 {
font-size: 47.9rem;
width: 1em;
}
.icon-comment {
font-size: 1.6rem;
width: 1em;
}
.icon-confirm {
font-size: 49.2rem;
width: 1em;
}
.icon-controls {
font-size: 5.6rem;
width: 1em;
}
.icon-eco {
font-size: 64rem;
width: 1em;
}
.icon-eco-fuel {
font-size: 64rem;
width: 1em;
}
.icon-eco-home {
font-size: 47.9rem;
width: 1em;
}
.icon-electric-car {
font-size: 64rem;
width: 1em;
}
.icon-electric-station {
font-size: 64rem;
width: 1em;
}
.icon-electricity {
font-size: 64rem;
width: 1em;
}
.icon-envelope {
font-size: 48.33rem;
width: 1em;
}
.icon-excessenergy {
font-size: 7rem;
width: 1.0244em;
}
.icon-eye {
font-size: 48.885rem;
width: 1em;
}
.icon-factory {
font-size: 64rem;
width: 1em;
}
.icon-factory-1 {
font-size: 64rem;
width: 1em;
}
.icon-fire {
font-size: 47.9rem;
width: 1em;
}
.icon-gear {
font-size: 64rem;
width: 1em;
}
.icon-green {
font-size: 48.1rem;
width: 1em;
}
.icon-heart {
font-size: 6.795rem;
width: 1em;
}
.icon-home {
font-size: 30.677rem;
width: 1em;
}
.icon-info {
font-size: 51rem;
width: 1em;
}
.icon-inverter {
font-size: 4rem;
width: 1em;
}
.icon-led-bulb {
font-size: 64rem;
width: 1em;
}
.icon-lighting {
font-size: 7rem;
width: 0.50939em;
}
.icon-locationpin {
font-size: 1.6rem;
width: 0.74581em;
}
.icon-logo {
font-size: 64rem;
width: 1.04062em;
}
.icon-logo1 {
font-size: 38.3185rem;
width: 1.13754em;
}
.icon-logo2 {
font-size: 37.4858rem;
width: 0.84994em;
}
.icon-logo3 {
font-size: 26.2151rem;
width: 1.25162em;
}
.icon-modules {
font-size: 4rem;
width: 1em;
}
.icon-navigation {
font-size: 5.164rem;
width: 1em;
}
.icon-nuclear {
font-size: 64rem;
width: 1em;
}
.icon-param-ic-1 {
font-size: 64rem;
width: 1em;
}
.icon-param-ic-2 {
font-size: 63.2rem;
width: 1em;
}
.icon-param-ic-3 {
font-size: 64rem;
width: 1em;
}
.icon-param-ic-4 {
font-size: 64rem;
width: 1em;
}
.icon-pdf {
font-size: 51.2rem;
width: 1em;
}
.icon-plant {
font-size: 48.2rem;
width: 1em;
}
.icon-plastic-bottle {
font-size: 64rem;
width: 1em;
}
.icon-portfolio {
font-size: 51.2rem;
width: 1em;
}
.icon-powerlines {
font-size: 7rem;
width: 0.8381em;
}
.icon-previous {
font-size: 1.6rem;
width: 1em;
}
.icon-puzzle {
font-size: 53.55rem;
width: 1em;
}
.icon-recycle {
font-size: 48.8rem;
width: 1em;
}
.icon-refresh {
font-size: 5.686rem;
width: 1em;
}
.icon-reuse {
font-size: 64.8rem;
width: 1em;
}
.icon-science {
font-size: 48.4rem;
width: 1em;
}
.icon-search {
font-size: 1.6rem;
width: 1em;
}
.icon-settings {
font-size: 50.745rem;
width: 1.0em;
}
.icon-shopping-bag {
font-size: 64rem;
width: 1em;
}
.icon-shuffle {
font-size: 1.1937rem;
width: 1.34037em;
}
.icon-solar-energy {
font-size: 47.9rem;
width: 1em;
}
.icon-solar-panel {
font-size: 64rem;
width: 1em;
}
.icon-star {
font-size: 1.948rem;
width: 1em;
}
.icon-supportrepair {
font-size: 7rem;
width: 1em;
}
.icon-tilemode {
font-size: 2.2rem;
width: 0.99995em;
}
.icon-trees {
font-size: 47.9rem;
width: 1em;
}
.icon-turbine {
font-size: 64rem;
width: 1em;
}
.icon-user {
font-size: 51.2rem;
width: 1em;
}
.icon-user-ic {
font-size: 40.8rem;
width: 1em;
}
.icon-warranty {
font-size: 3.9883rem;
width: 0.85239em;
}
.icon-water-cycle {
font-size: 64rem;
width: 1em;
}
.icon-water-tap {
font-size: 47.2rem;
width: 1em;
}
.icon-windmill {
font-size: 64rem;
width: 1em;
} @font-face {
font-family: "font-awesome";
font-weight: normal;
font-style: normal;
src: url(//www.tnbes.com.my/wp-content/themes/r-energy/fonts/font-awesome/fontawesome-webfont.eot);
src: url(//www.tnbes.com.my/wp-content/themes/r-energy/fonts/font-awesome/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(//www.tnbes.com.my/wp-content/themes/r-energy/fonts/font-awesome/fontawesome-webfont.woff) format("woff"), url(//www.tnbes.com.my/wp-content/themes/r-energy/fonts/font-awesome/fontawesome-webfont.ttf) format("truetype");
} body {
font-family: "Heebo", sans-serif;
color: #333333;
font-size: 14px;
min-height: 100vh;
overflow-x: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 69px;
}
@media only screen and (min-width: 576px) {
body {
font-size: 16px;
}
}
@media only screen and (min-width: 992px) {
body {
padding-top: 0;
}
}
.page-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
min-height: 100vh;
width: 100%;
}
main.main {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
@media only screen and (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
*::-moz-selection {
background-color: #0D73FC;
color: #FFF;
}
*::selection {
background-color: #0D73FC;
color: #FFF;
}
input,
textarea {
border-radius: 0;
} button:focus {
outline: none;
outline: none;
}
.r-button {
display: inline-block;
color: #0D73FC;
border: 2px solid #0D73FC;
font-weight: 500;
text-decoration: none;
position: relative;
z-index: 2;
overflow: hidden;
text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
white-space: nowrap;
}
.r-button:hover {
text-decoration: none;
}
.r-button span {
display: block;
padding: 21px 56px;
background-color: #FFF;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.r-button::before {
content: attr(data-hover);
position: absolute;
top: 0;
left: 0;
z-index: -2;
padding: 21px 56px;
width: 100%;
height: 100%;
-webkit-transform: translateX(-25%);
-ms-transform: translateX(-25%);
transform: translateX(-25%);
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.r-button:hover span {
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
}
.r-button:hover::before,
.r-button:focus::before {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
} .r-button--transparent.r-button--primary span,
.r-button--transparent.r-button--primary::before {
padding: 16px 55px;
}
.r-button--filled.r-button--primary span,
.r-button--filled.r-button--primary::before {
padding: 18px 55px;
} .r-button--transparent.r-button--rounded,
.r-button--filled.r-button--rounded {
border-radius: 50px;
} .r-button--transparent.r-button--radius,
.r-button--filled.r-button--radius {
border-radius: 4px;
} .r-button--primary.r-button--dark {
color: #FFF;
border: none;
}
.r-button--primary.r-button--dark span,
.r-button--primary.r-button--dark::before {
padding: 18px 55px;
}
.r-button--primary.r-button--dark span {
background-color: #25272A;
}
.r-button--primary.r-button--dark::before {
background-color: #4C4D4D;
} .r-button--primary.r-button--gray {
color: #FFF;
border: none;
}
.r-button--primary.r-button--gray span,
.r-button--primary.r-button--gray::before {
padding: 18px 55px;
}
.r-button--primary.r-button--gray span {
background-color: #4C4D4D;
}
.r-button--primary.r-button--gray::before {
background-color: #25272A;
} .r-button.r-button--transparent::before {
background-color: #0D73FC;
color: #FFF;
} .r-button.r-button--filled,
.r-button.r-button--filled::before {
border: none;
}
.r-button.r-button--filled span {
color: #FFF;
background-color: #0D73FC;
}
.r-button.r-button--filled:before {
background-color: #25272a;
color: #fff;
} .with--line {
max-width: 175px;
display: inline-block;
color: #0D73FC;
font-weight: 700;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.with--line:hover {
color: #333333;
}
.with--line::after {
content: "";
display: inline-block;
width: 49px;
height: 1px;
background-color: #0D73FC;
vertical-align: middle;
position: relative;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
margin-left: 12px;
}
.with--line:hover::after {
width: 17px;
background-color: #333;
} .r-button.r-button--black {
color: #25272A;
font-weight: 500;
border: 2px solid #25272A;
text-decoration: none;
}
.r-button.r-button--black span,
.r-button.r-button--black::before {
padding: 11px 25px;
}
.r-button.r-button--black::before {
color: #FFF;
background-color: #25272A;
}
.align-container {
display: table;
width: 100%;
height: 100%;
}
.align-item {
display: table-cell;
vertical-align: middle;
} .text-center {
text-align: center;
} .primary-heading {
width: 100%;
max-width: 650px;
margin: 0 auto 40px auto;
}
@media only screen and (min-width: 992px) {
.primary-heading {
margin: 0 auto 50px auto;
}
}
@media only screen and (min-width: 992px) {
.primary-heading {
text-align: center;
margin: 0 auto 60px auto;
}
}
.primary-heading .title {
color: #0D73FC;
font-size: 13px;
line-height: 27px;
font-weight: 500;
text-transform: uppercase;
}
.primary-heading .subtitle {
color: #0D73FC;
font-size: 30px;
line-height: 40px;
font-weight: 700;
letter-spacing: -0.030em;
}
@media only screen and (min-width: 768px) {
.primary-heading .subtitle {
font-size: 36px;
line-height: 46px;
}
}
@media only screen and (min-width: 992px) {
.primary-heading .subtitle {
font-size: 40px;
line-height: 50px;
margin: 13px 0 0 0;
}
}
.primary-heading .subtitle::before {
content: ".";
display: inline-block;
margin-right: 8px;
}
.primary-heading .subtitle span {
color: #333333;
}
.primary-heading .subtitle span:last-of-type {
color: #0D73FC;
}
.primary-heading p {
margin-top: 18px;
}
.inner-heading {
text-align: left;
max-width: 100%;
}
.heading-description {
padding-top: 0px;
}
.heading-description .with--line {
margin-top: 15px;
}
.heading-description {
margin-top: 0px;
padding-top: 0;
}
@media only screen and (min-width: 576px) {
.heading-description {
margin-top: 30px;
}
}
@media only screen and (min-width: 992px) {
.heading-description {
margin-top: 0px;
padding-top: 33px;
}
}
.heading-description p:last-of-type {
margin-bottom: 0;
}
.inner-heading .subtitle {
color: #333;
font-size: 30px;
line-height: 40px;
margin-bottom: 25px;
}
@media only screen and (min-width: 576px) {
.inner-heading .subtitle {
font-size: 40px;
line-height: 50px;
margin-bottom: 0;
}
}
.inner-heading .title-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (min-width: 576px) {
.inner-heading .title-holder {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.inner-heading .title-block {
width: 100%;
max-width: 370px;
}
.inner-heading .description p:last-of-type {
margin-bottom: 0;
}
.inner-heading .img-block {
display: none;
height: 87px;
width: 85px;
background-color: #25272A;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-bottom: 20px;
}
@media only screen and (min-width: 576px) {
.inner-heading .img-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
top: -9px;
margin-bottom: 0;
}
}
.inner-heading .img-block .icon {
fill: #FFF;
font-size: 37px;
}
.inner-heading--with-bg {
background-color: #EFF2F5;
padding: 70px 0;
position: relative;
margin-bottom: 70px;
}
@media only screen and (min-width: 768px) {
.inner-heading--with-bg {
padding: 90px 0;
}
}
@media only screen and (min-width: 992px) {
.inner-heading--with-bg {
padding: 120px 0;
}
}
@media only screen and (min-width: 1200px) {
.inner-heading--with-bg {
padding: 140px 0;
}
}
.inner-heading--with-bg::after {
content: "";
display: block;
width: 50%;
height: 70px;
position: absolute;
bottom: -70px;
right: 0;
background-color: inherit;
}
.inner-heading--with-bg .heading {
margin-bottom: 0;
}
.inner-heading--with-bg .img-block {
background-color: #0D73FC;
}
.inner-heading--with-bg p {
margin-top: 0;
}
.tags-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
align-items-padding-bottom: 30px;
}
.tags-block .tag {
position: relative;
font-size: 13px;
font-weight: 500;
background-color: #F6F8F9;
padding: 11px 40px 10px 20px;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
margin-bottom: 10px;
}
.tags-block .tag .close {
cursor: pointer;
font-size: 11px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;
opacity: 1;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tags-block .tag:hover {
background-color: #25272A;
color: #FFF;
}
.tags-block .tag:hover .close {
color: #FFF;
}
.tags-block .tag .close:hover {
opacity: 1;
}
.tags-block .tag:not(:last-of-type) {
margin-right: 10px;
}
.tags-block .name {
font-size: 20px;
font-weight: 700;
margin-right: 20px;
margin-bottom: 10px;
}
.no-padding {
padding: 0 !important;
}
.no-padding-top {
padding-top: 0 !important;
}
.no-padding-bottom {
padding-bottom: 0 !important;
}
.fancybox-is-open .fancybox-bg {
opacity: 1;
background-color: rgba(37, 39, 42, 0.8);
}
.overlay {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(13, 115, 252, 0.14);
top: 0;
right: 0;
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.img-holder {
display: block;
position: relative;
overflow: hidden;
}
.img-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 50%;
object-position: 50% 50%;
font-family: "object-fit: cover; object-position: 50% 50%";
}
.img-contain {
position: absolute;
top: 50%;
left: 50%;
margin: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-o-object-fit: contain;
object-fit: contain;
font-family: "object-fit: contain; object-position: 50% 50%";
}
.offset-margin {
margin-bottom: -50px !important;
}
.align-self-xl-end {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: end;
align-self: flex-end;
}
.text-right {
text-align: right;
}
.margin-top {
margin-top: 50px !important;
}
.elements .element-title {
letter-spacing: -0.050em;
margin-bottom: 50px;
}
.elements .element-holder {
padding: 70px 0;
}
.elements .element-holder section.section {
padding: 0 !important;
}
@media only screen and (min-width: 768px) {
.elements .element-holder {
padding: 90px 0;
}
}
@media only screen and (min-width: 992px) {
.elements .element-holder {
padding: 120px 0;
}
}
@media only screen and (min-width: 1200px) {
.elements .element-holder {
padding: 140px 0;
}
}
.elements--alerts .alert:not(:last-of-type) {
margin-bottom: 30px;
}
.elements--pagination .pagination {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.elements--r-buttons .r-button {
margin-bottom: 8px;
}
.section {
position: relative;
}
.section {
padding: 70px 0;
}
@media only screen and (min-width: 768px) {
.section {
padding: 90px 0;
}
}
@media only screen and (min-width: 992px) {
.section {
padding: 120px 0;
}
}
@media only screen and (min-width: 1200px) {
.section {
padding: 140px 0;
}
}
.margin-bottom {
margin-bottom: 30px;
}
@media only screen and (min-width: 576px) {
.margin-bottom {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) {
.margin-bottom {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 992px) {
.margin-bottom {
margin-bottom: 60px;
}
}
input[type=number] {
-moz-appearance: textfield;
}
.account-elements .account--form {
margin-bottom: 50px;
}
.slick-dots {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.lower-pages-slider-dots li {
margin-bottom: 10px;
}
@-webkit-keyframes animation1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes animation1 {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes animation2 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(19px, 0);
transform: translate(19px, 0);
}
}
@keyframes animation2 {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
-webkit-transform: translate(19px, 0);
transform: translate(19px, 0);
}
}
@-webkit-keyframes animation3 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
}
@keyframes animation3 {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
} .typography .lists-holder {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.typography .lists-holder ul {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.typography .lists-holder ul {
margin-right: 100px;
margin-bottom: 0;
}
}
.typography .heading-block {
margin-bottom: 26px;
}
.typography .paragraph-block,
.typography .dropcap-block,
.typography .blockquote-block,
.typography .list-block {
margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
.typography .paragraph-block,
.typography .dropcap-block,
.typography .blockquote-block,
.typography .list-block {
margin-bottom: 76px;
}
}
.typography .dropcap-block .title {
margin-bottom: 30px;
}
.typography .blockquote-block .title {
margin-bottom: 33px;
}
.typography .list-block .title {
margin-bottom: 35px;
}
h1 {
font-size: 60px;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h1, h2, h3, h4, h5 {
line-height: 1.2;
font-weight: 700;
}
p {
color: #82868A;
line-height: 24px;
}
@media only screen and (min-width: 576px) {
p {
line-height: 30px;
}
}
p:not(:last-of-type) {
margin-bottom: 27px;
}
a {
color: #0D73FC;
text-decoration: underline;
}
a:hover {
opacify: 1;
text-decoration: none;
}
p.dropcap::first-letter {
color: #0D73FC;
font-weight: 700;
font-size: 60px;
line-height: 1;
float: left;
margin: 0 30px 0 10px;
}
blockquote {
position: relative;
color: #82868A;
font-size: 16px;
background-color: #FAFAFA;
padding: 0px 0 0px 20px;
}
blockquote p {
color: #333;
line-height: 30px;
}
blockquote p:last-of-type {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
blockquote {
font-size: 18px;
line-height: 30px;
padding-left: 70px;
background: none;
}
}
@media only screen and (min-width: 992px) {
blockquote {
font-size: 20px;
line-height: 35px;
padding-left: 100px;
}
}
blockquote::before {
display: none;
}
blockquote::after {
content: "";
position: absolute;
display: block;
height: 100%;
width: 5px;
background-color: #0D73FC;
top: 0;
left: 0;
}
@media only screen and (min-width: 768px) {
blockquote::after {
display: none;
}
}
@media only screen and (min-width: 768px) {
blockquote::before {
content: "“";
display: block;
color: #0D73FC;
font-size: 120px;
position: absolute;
left: 0;
top: 46px;
}
}
@media only screen and (min-width: 992px) {
blockquote::before {
font-size: 150px;
top: 60px;
left: 15px;
}
}
ul.primary {
color: #82868A;
list-style: none;
padding: 0;
line-height: 30px;
}
ol.primary {
color: #82868A;
padding-left: 20px;
line-height: 30px;
}
ul.primary li {
position: relative;
padding-left: 40px;
}
ul.primary li::before {
content: "";
display: inline-block;
height: 1px;
width: 16px;
background-color: #0D73FC;
position: absolute;
left: 0px;
top: 11px;
}
.filled-text {
color: #FFF;
line-height: 35px;
background-color: #0D73FC;
padding: 30px;
font-size: 16px;
}
@media only screen and (min-width: 768px) {
.filled-text {
font-size: 18px;
padding: 40px 35px 40px 35px;
}
}
@media only screen and (min-width: 992px) {
.filled-text {
font-size: 20px;
padding: 67px 75px 70px 75px;
}
} .mobile-nav {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
overflow-y: auto;
background-color: rgba(33, 35, 38, 0.5);
}
@media only screen and (min-width: 992px) {
.mobile-nav {
display: none;
}
}
.mobile-nav.is-active {
visibility: visible;
opacity: 1;
z-index: 1071;
}
.nav-inner {
width: 100%;
min-height: 100%;
background-color: #212326;
padding: 80px 15px 60px 15px;
-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
text-align: center;
}
.nav-inner .nav-item {
display: inline-block;
text-align: left;
}
.nav-inner .r-button-holder {
margin-top: 41px;
}
.nav-inner .r-button-holder .r-button span,
.nav-inner .r-button-holder .r-button::before {
padding: 13px 30px;
}
.nav-inner .r-button-holder .r-button::before {
background-color: #FFF;
color: #0D73FC;
}
.nav-inner .menu-contacts {
margin-top: 38px;
width: 100%;
max-width: 200px;
}
.nav-inner .menu-contacts p {
color: #E2E2E2;
font-size: 14px;
line-height: 27px;
font-weight: 500;
margin-bottom: 0;
}
.nav-inner .menu-contacts p a {
color: inherit;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav-inner .menu-contacts p a:hover {
color: #0D73FC;
}
.mobile-menu {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
list-style-type: none;
width: 100%;
padding: 0;
}
.mobile-menu li {
padding: 1px 0;
list-style-type: none;
width: 100%;
}
.mobile-menu li::before {
display: none;
}
.mobile-menu>li:not(:last-of-type) {
margin-bottom: 15px;
}
.mobile-menu>li>a {
position: relative;
color: #FFF;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
padding: 5px 0;
}
.mobile-menu>li>a::after {
content: "";
display: block;
height: 2px;
width: 0%;
position: absolute;
bottom: 0px;
left: 0;
background-color: #0D73FC;
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu>li.active a::after {
width: 100%;
}
.mobile-menu>li:hover>a::after,
.mobile-menu>li.sub-menu-opened>a::after {
width: 100%;
}
.mobile-menu>li.menu-item--has-child>a>span::before,
.mobile-menu>li.menu-item--has-child>a>span::after {
content: "";
display: block;
width: 6px;
height: 2px;
background-color: #0D73FC;
position: absolute;
top: 15px;
pointer-events: none;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu>li.menu-item--has-child>a>span::before {
right: -35px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-menu>li.menu-item--has-child>a>span::after {
right: -38px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mobile-menu>li.menu-item--has-child.sub-menu-opened>a>span::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-menu>li.menu-item--has-child.sub-menu-opened>a>span::before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mobile-menu .sub-menu {
display: none;
padding-left: 15px;
margin: 25px 0 8px;
}
.mobile-menu .sub-menu li:not(:last-of-type) {
margin-bottom: 10px;
}
.mobile-menu .sub-menu li a {
color: #8D9296;
font-size: 14px;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.mobile-menu .sub-menu li a:hover {
color: #FFF;
}
.mobile-menu .sub-menu li.active a {
color: #FFF;
} .hamburger {
display: inline-block;
height: 24px;
cursor: pointer;
-webkit-transition: opacity, -webkit-filter 0.3s linear;
transition: opacity, -webkit-filter 0.3s linear;
-o-transition: opacity, filter 0.3s linear;
transition: opacity, filter 0.3s linear;
transition: opacity, filter 0.3s linear, -webkit-filter 0.3s linear;
}
@media only screen and (min-width: 992px) {
.hamburger {
display: none;
}
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 24px;
height: 24px;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 24px;
height: 3px;
background-color: #333;
border-radius: 3px;
position: absolute;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.hamburger-inner::before,
.hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -6px;
}
.hamburger-inner::after {
bottom: -6px;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #FFF;
}
.hamburger.is-active .hamburger-inner {
background-color: transparent;
}
.hamburger.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.hamburger.is-active .hamburger-inner::after {
top: 0;
-webkit-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
transform: rotate(-225deg);
} .header {
position: fixed;
width: 100%;
top: 0;
left: 0;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
background-color: #FFF;
padding: 15px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1071;
min-height: 69px;
}
@media only screen and (min-width: 992px) {
.header {
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
min-height: auto;
}
}
@media only screen and (min-width: 1200px) {
.header {
padding: 15px 39px 15px 30px;
}
}
#header.menu-opened {
z-index: 1071;
background-color: #212326;
-webkit-box-shadow: none;
box-shadow: none;
}
#header.menu-opened .top {
background-color: #212326;
}
@media only screen and (min-width: 992px) {
#header.menu-opened .top {
background-color: #FFF;
}
}
@media only screen and (min-width: 992px) {
#header.menu-opened {
z-index: 3;
background-color: #FFF;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
}
}
#header.menu-opened .logo-block,
#header.menu-opened .lang-select,
#header.menu-opened .cart-trigger,
#header.menu-opened .cart-block,
#header.menu-opened .user-block {
display: none;
}
@media only screen and (min-width: 992px) {
#header.menu-opened .logo-block,
#header.menu-opened .lang-select,
#header.menu-opened .cart-trigger,
#header.menu-opened .cart-block,
#header.menu-opened .user-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
#header.menu-opened .lang-block,
#header.menu-opened .block-right {
margin-left: auto;
}
@media only screen and (min-width: 992px) {
#header.menu-opened .lang-block,
#header.menu-opened .block-right {
margin-left: 0;
}
}
.header .column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header .r-button {
display: none;
}
.header .r-button::before,
.header .r-button span {
padding: 11px 30px;
}
@media only screen and (min-width: 992px) {
.header .r-button {
display: inline-block;
}
}
@media only screen and (min-width: 1200px) {
.header .r-button::before,
.header .r-button span {
padding: 15px 45px;
}
}
@media only screen and (min-width: 1367px) {
.header .r-button::before,
.header .r-button span {
padding: 21px 56px;
}
} .logo-block {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.logo-block .logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.logo-block .logo {
text-decoration: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.logo-block .logo svg {
fill: #0D73FC;
font-size: 30px;
margin-right: 15px;
}
@media only screen and (min-width: 992px) {
.logo-block .logo svg {
font-size: 35px;
margin-right: 20px;
}
}
@media only screen and (min-width: 1367px) {
.logo-block .logo svg {
font-size: 43px;
}
}
.logo-block .logo span {
color: #1E1E1E;
font-weight: 500;
letter-spacing: -0.05em;
font-size: 20px;
}
@media only screen and (min-width: 992px) {
.logo-block .logo span {
font-size: 22px;
}
}
@media only screen and (min-width: 1367px) {
.logo-block .logo span {
font-size: 25px;
}
} .lang-block {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.lang-select {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #333;
font-size: 13px;
font-weight: 500;
padding: 0;
margin: 0;
list-style: none;
line-height: initial;
}
@media only screen and (min-width: 992px) {
.lang-select {
margin-right: 25px;
}
}
@media only screen and (min-width: 1200px) {
.lang-select {
margin-right: 40px;
}
}
@media only screen and (min-width: 1367px) {
.lang-select {
margin-right: 82px;
}
}
.lang-select .lang-item {
padding-left: 0;
}
.lang-select .lang-item::before {
display: none;
}
.lang-select .lang-item.active {
padding: 10px 30px;
position: relative;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.lang-select .lang-item.active:hover {
color: #8A8A8A;
}
.lang-select .lang-item.active span {
position: relative;
}
.lang-select .lang-item.active {
position: relative;
cursor: pointer;
}
.lang-select .lang-item.active span::before,
.lang-select .lang-item.active span::after {
content: "";
display: block;
width: 6px;
height: 2px;
background-color: #0D73FC;
position: absolute;
top: 9px;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.lang-select .lang-item.active span::before {
right: -15px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.lang-select .lang-item.active span::after {
right: -18px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media only screen and (min-width: 1367px) {
.lang-select .lang-item.active span::before {
right: -21px;
}
.lang-select .lang-item.active span::after {
right: -24px;
}
}
.lang-select .lang-item.active:hover span::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.lang-select .lang-item.active:hover span::before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.lang-select .sub-list {
line-height: initial;
padding: 13px 30px 20px 30px;
margin: 0;
list-style: none;
background-color: #1D252B;
width: 125px;
position: absolute;
top: 63px;
right: 0;
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 992px) {
.lang-select .sub-list {
right: auto;
left: 0;
}
.lang-select .sub-list li:not(:last-of-type) {
margin-bottom: 5px;
}
}
.lang-select .sub-list li a {
text-decoration: none;
position: relative;
display: inline-block;
color: #FFF;
font-size: 14px;
line-height: 36px;
font-weight: 400;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.lang-select .sub-list li a:hover {
color: #8D9296;
text-decoration: none;
}
.lang-select .lang-item.active:hover .sub-list {
top: 43px;
opacity: 1;
visibility: visible;
z-index: 3;
}
.lang-select .sub-list li {
padding-left: 0;
}
.lang-select .sub-list li::before {
display: none;
}
.lang-select .sub-list li a::after {
content: "";
display: block;
height: 2px;
width: 0%;
position: absolute;
bottom: 0px;
left: 0;
background-color: #0D73FC;
z-index: 3;
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.lang-select .sub-list li a:hover::after {
width: 100%;
} .header.header--style-2 {
position: fixed;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
max-width: 1540px;
z-index: 3;
background-color: #FFF;
}
@media only screen and (min-width: 992px) {
.header.header--style-2 {
position: absolute;
}
}
@media only screen and (min-width: 1200px) {
.header.header--style-2 {
padding: 10px 0 10px 45px;
position: absolute;
}
}
.header.header--style-2 .lang-select {
z-index: 3;
}
@media only screen and (min-width: 992px) {
.header.header--style-2 .lang-select {
margin-right: 30px;
}
} .menu-block {
display: none;
}
@media only screen and (min-width: 992px) {
.menu-block {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
.main-menu {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0;
margin: 0;
list-style-type: none;
line-height: initial;
}
.main-menu>li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding-left: 0;
}
.main-menu>li::before {
display: none;
}
@media only screen and (min-width: 992px) {
.main-menu>li:not(:last-of-type) {
margin-right: 30px;
}
}
@media only screen and (min-width: 1367px) {
.main-menu>li:not(:last-of-type) {
margin-right: 40px;
}
}
.main-menu>li>a {
color: #333333;
padding: 25px 0;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-menu>li>a,
.main-menu .sub-menu>li>a {
font-size: 13px;
font-weight: 500;
text-decoration: none;
text-transform: uppercase;
position: relative;
}
.main-menu>li>a>span {
position: relative;
}
.main-menu>li>a::after {
content: "";
display: block;
height: 2px;
width: 0%;
position: absolute;
bottom: 0px;
left: 0;
background-color: #0D73FC;
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-menu>li.active a::after {
width: 100%;
}
.main-menu>li>a:hover {
color: #8A8A8A;
}
.main-menu>li:not(.menu-item--has-child):hover>a::after {
width: 100%;
}
.main-menu>li:hover .sub-menu {
top: 58px;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-menu>li.menu-item--has-child>a>span::before,
.main-menu>li.menu-item--has-child>a>span::after {
content: "";
display: block;
width: 6px;
height: 2px;
background-color: #0D73FC;
position: absolute;
pointer-events: none;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 992px) {
.main-menu>li.menu-item--has-child>a>span::before {
right: -12px;
top: 9px;
}
.main-menu>li.menu-item--has-child>a>span::after {
right: -15px;
top: 9px;
}
}
@media only screen and (min-width: 1367px) {
.main-menu>li.menu-item--has-child>a>span::before {
right: -15px;
top: 8px;
}
.main-menu>li.menu-item--has-child>a>span::after {
right: -18px;
top: 8px;
}
}
.main-menu>li.menu-item--has-child>a>span::before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.main-menu>li.menu-item--has-child>a>span::after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.main-menu>li.menu-item--has-child:hover>a>span::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.main-menu>li.menu-item--has-child:hover>a>span::before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.main-menu .sub-menu {
line-height: initial;
margin: 0;
list-style: none;
background-color: #1D252B;
position: absolute;
top: 78px;
left: -53px;
opacity: 0;
visibility: hidden;
z-index: 3;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 992px) {
.main-menu .sub-menu {
width: 200px;
padding: 36px 40px 33px 40px;
}
}
@media only screen and (min-width: 1367px) {
.main-menu .sub-menu {
width: 233px;
padding: 36px 49px 33px 49px;
}
}
.main-menu .sub-menu li {
padding-left: 0;
}
.main-menu .sub-menu li::before {
display: none;
}
.main-menu .sub-menu li a {
position: relative;
display: inline-block;
font-size: 14px;
color: #FFF;
font-weight: 400;
text-transform: none;
padding: 5px 0;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-menu .sub-menu li:not(:last-of-type) {
margin-bottom: 10px;
}
.main-menu .sub-menu li a:hover {
color: #8D9296;
}
.main-menu .sub-menu li a::after {
content: "";
display: block;
height: 2px;
width: 0%;
position: absolute;
bottom: 0px;
left: 0;
background-color: #0D73FC;
z-index: 3;
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-menu .sub-menu li.active a::after,
.main-menu .sub-menu li a:hover::after {
width: 100%;
} .main-promo {
position: relative;
width: 100%;
} .promo-lower {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
max-width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 1200px) {
.promo-lower {
padding: 25px 0 23px 0;
max-width: 800px;
background-color: #1D252B;
}
}
@media only screen and (min-width: 1367px) {
.promo-lower {
padding: 32px 0 30px 0;
max-width: 850px;
}
}
@media only screen and (min-width: 1600px) {
.promo-lower {
max-width: 933px;
}
}
.promo-lower .promo-socials {
width: calc(100% - 600px);
}
@media only screen and (min-width: 1600px) {
.promo-lower .promo-socials {
width: calc(100% - 670px);
}
}
.promo-lower .socials-holder {
display: none;
}
@media only screen and (min-width: 1200px) {
.promo-lower .socials-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.promo-lower .socials-primary a {
color: #4A97FD;
font-size: 18px;
}
.promo-lower .socials-primary a:hover {
color: #E2E2E2;
}
.promo-lower .socials-primary li:not(:last-of-type) {
margin-right: 23px;
}
.promo-lower .promo-contacts {
display: none;
width: 100%;
max-width: 330px;
padding-left: 30px;
}
@media only screen and (min-width: 1200px) {
.promo-lower .promo-contacts {
display: block;
}
}
@media only screen and (min-width: 1600px) {
.promo-lower .promo-contacts {
max-width: 360px;
}
}
.promo-lower .promo-contacts p {
color: #E2E2E2;
font-size: 14px;
line-height: 27px;
}
.promo-lower .promo-contacts a {
color: #E2E2E2;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
text-decoration: none;
}
.promo-lower .promo-contacts a:hover {
color: #0D73FC;
}
.promo-lower .promo-contacts p {
margin-bottom: 0;
}
.promo-lower .video-block {
position: absolute;
bottom: 0;
right: auto;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 300px;
height: 140px;
}
@media only screen and (min-width: 768px) {
.promo-lower .video-block {
width: 340px;
right: 0;
left: auto;
}
}
@media only screen and (min-width: 1200px) {
.promo-lower .video-block {
height: 100%;
width: 250px;
}
}
@media only screen and (min-width: 1600px) {
.promo-lower .video-block {
width: 310px;
}
}
.promo-lower .video-block a {
text-decoration: none;
}
.promo-lower .video-block .img-holder {
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.promo-lower .video-block i {
position: relative;
z-index: 2;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #FFF;
font-size: 18px;
height: 56px;
width: 56px;
border-radius: 50%;
border: 3px solid #FFF;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.promo-lower .video-block i:hover {
color: #0D73FC;
background-color: #FFF;
} .promo-slider .slider-item {
position: relative;
vertical-align: top;
}
.promo-slider .slider-item .overlay {
background-color: rgba(13, 115, 252, 0.12);
-webkit-box-shadow: inset 0px -200px 70px -90px rgba(0, 0, 0, 0.35);
box-shadow: inset 0px -200px 70px -90px rgba(0, 0, 0, 0.35);
}
.promo-slider .bg-holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.promo-slider .align-container {
padding: 50px 0 200px 0;
height: 500px;
}
@media only screen and (min-width: 768px) {
.promo-slider .align-container {
padding: 120px 0;
height: 650px;
}
}
@media only screen and (min-width: 1200px) {
.promo-slider .align-container {
padding: 150px 0;
height: 770px;
}
}
.promo-slider .r-button span,
.promo-slider .r-button::before {
padding: 18px 62px;
}
.promo-slider .title {
font-size: 30px;
line-height: 40px;
letter-spacing: -0.050em;
color: #fff;
}
@media only screen and (min-width: 576px) {
.promo-slider .title {
font-size: 40px;
line-height: 50px;
}
}
@media only screen and (min-width: 768px) {
.promo-slider .title {
font-size: 50px;
line-height: 65px;
}
}
@media only screen and (min-width: 1200px) {
.promo-slider .title {
font-size: 57px;
line-height: 70px;
}
}
.promo-slider .title span {
font-weight: 100;
}
.promo-slider .subtitle {
color: #333;
font-size: 18px;
margin-top: 8px;
color: #fff;
}
.promo-slider .r-button {
margin-top: 20px;
}
.slider-item.item--style-1 .align-item {
opacity: 0;
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.slick-current .item--style-1 .align-item {
opacity: 1;
-webkit-transform: translate(0px);
-ms-transform: translate(0px);
transform: translate(0px);
} .main-promo .slider-nav {
position: absolute;
left: 0;
width: 100%;
bottom: 160px;
}
@media only screen and (min-width: 768px) {
.main-promo .slider-nav {
bottom: 55px;
}
}
@media only screen and (min-width: 1200px) {
.main-promo .slider-nav {
bottom: 63px;
}
}
.main-promo .slider-nav .inner-block {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2;
}
.main-promo .paging-info {
color: #FFF;
font-size: 13px;
font-weight: 700;
position: relative;
top: 2px;
}
.main-promo .slick-dots::after {
content: "";
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 92px;
height: 1px;
background-color: #BCBEC1;
margin: 0 29px;
-ms-flex-item-align: center;
align-self: center;
}
@media only screen and (min-width: 576px) {
.main-promo .slick-dots::after {
width: 111px;
}
}
.slick-dots {
padding: 0;
margin: 0;
line-height: initial;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.slick-dots li {
padding-left: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
list-style: none;
height: 18px;
width: 18px;
border: 2px solid transparent;
border-radius: 50%;
-webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: initial;
}
.slick-dots li::before {
display: none;
}
.slick-dots li:not(:last-of-type) {
margin-right: 30px;
}
.slick-dots li.slick-active {
border: 2px solid #0D73FC;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
height: 10px;
width: 10px;
border-radius: 50%;
padding: 0;
border: none;
outline: none;
background-color: #C7C7C7;
-webkit-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li.slick-active button {
background-color: #0D73FC;
} .promo--style-2-slider .align-container {
padding: 50px 0 200px 0;
height: 500px;
}
@media only screen and (min-width: 992px) {
.promo--style-2-slider .align-container {
height: 750px;
}
}
@media only screen and (min-width: 992px) {
.promo--style-2-slider .align-container {
padding: 200px 0;
height: 870px;
}
}
.promo-slider .item--style-2 {
color: #FFF;
text-align: center;
}
.promo-slider .item--style-2 .subtitle {
color: #FFF;
max-width: 500px;
margin: 0 auto;
}
.slider-item.item--style-2 .align-item {
opacity: 0;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.slick-current .item--style-2 .align-item {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .promo--style-3-slider .align-container {
padding: 50px 0 200px 0;
height: 500px;
}
@media only screen and (min-width: 992px) {
.promo--style-3-slider .align-container {
height: 750px;
}
}
@media only screen and (min-width: 992px) {
.promo--style-3-slider .align-container {
padding: 200px 0;
height: 870px;
}
}
.promo-slider .item--style-3 {
text-align: center;
}
.promo-slider .item--style-3 .title {
color: #FFF;
font-size: 72px;
line-height: 1.1;
}
@media only screen and (min-width: 576px) {
.promo-slider .item--style-3 .title {
font-size: 80px;
}
}
@media only screen and (min-width: 768px) {
.promo-slider .item--style-3 .title {
font-size: 100px;
}
}
@media only screen and (min-width: 992px) {
.promo-slider .item--style-3 .title {
font-size: 120px;
}
}
@media only screen and (min-width: 1200px) {
.promo-slider .item--style-3 .title {
font-size: 140px;
}
}
.promo-slider .item--style-3 .title span {
color: #0D73FC;
vertical-align: middle;
}
.promo-slider .item--style-2 .subtitle {
color: #FFF;
}
.slider-item.item--style-3 .align-item {
opacity: 0;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.slick-current .item--style-3 .align-item {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .socials-primary {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
list-style: none;
padding: 0;
margin: 0;
line-height: initial;
}
.socials-primary li {
padding-left: 0;
}
.socials-primary li::before {
display: none;
}
.socials-primary li:not(:last-of-type) {
margin-right: 15px;
}
.socials-primary a {
color: #82868A;
padding: 5px;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.socials-primary a:hover {
color: #0D73FC;
} .icon-item {
text-align: center;
margin-bottom: 50px;
}
.icon-item .icon {
color: #0D73FC;
}
.icon-item .title {
font-size: 18px;
}
@media only screen and (min-width: 768px) {
.icon-item .title {
font-size: 20px;
}
}
.icon-item figcaption {
margin-top: 25px;
}
.icon-item .title {
letter-spacing: -0.050em;
} .icon-item.icon-item--primary img {
height: 60px;
width: auto;
}
.icon-item.icon-item--primary .icon {
font-size: 60px;
}
.icon-item.icon-item--primary .title {
font-size: 18px;
}
@media only screen and (min-width: 768px) {
.icon-item.icon-item--primary img {
height: 72px;
width: auto;
}
.icon-item.icon-item--primary .icon {
font-size: 72px;
}
.icon-item.icon-item--primary .title {
font-size: 20px;
}
} .about {
position: relative;
}
.about .container {
max-width: 100%;
padding: 0;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.about .container {
max-width: 720px;
padding: 0 15px;
}
}
@media only screen and (min-width: 992px) {
.about .container {
max-width: 960px;
padding: 0 15px;
}
}
@media only screen and (min-width: 1200px) {
.about .container {
max-width: 1170px;
padding: 0 15px;
}
}
@media only screen and (min-width: 768px) {
.about .title-block {
margin-bottom: 0;
width: 100%;
max-width: 100%;
}
}
.about .title-block .title {
color: #FEFEFE;
background-color: #0D73FC;
text-align: center;
padding: 60px 15px;
font-size: 30px;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.about .title-block .title {
font-size: 40px;
}
}
@media only screen and (min-width: 992px) {
.about .title-block .title {
padding: 80px 15px;
}
}
.about .title {
letter-spacing: -0.050em;
}
.about .bg-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
z-index: -1;
height: 250px;
}
@media only screen and (min-width: 576px) {
.about .bg-holder {
height: 400px;
}
}
@media only screen and (min-width: 768px) {
.about .bg-holder {
height: 640px;
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
}
@media only screen and (min-width: 992px) {
.about .bg-holder {
height: 740px;
}
}
.about .bg-holder .text-holder {
display: none;
}
@media only screen and (min-width: 992px) {
.about .bg-holder .text-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 25%;
}
}
.about .bg-holder .text-holder span {
display: inline-block;
color: #F7F7F7;
font-size: 100px;
line-height: 100px;
font-weight: 700;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
@media only screen and (min-width: 1200px) {
.about .bg-holder .text-holder span {
font-size: 130px;
line-height: 130px;
}
}
@media only screen and (min-width: 1600px) {
.about .bg-holder .text-holder span {
font-size: 164px;
line-height: 164px;
}
}
.about .bg-holder .img-holder {
width: 100%;
position: relative;
z-index: -1;
}
@media only screen and (min-width: 992px) {
.about .bg-holder .img-holder {
width: 75%;
}
}
.about .bg-holder .img-holder .overlay {
z-index: 1;
} .about-item {
position: relative;
padding: 40px 30px 40px 30px;
background-color: #EFF2F5;
margin-top: 0px;
}
@media only screen and (min-width: 576px) {
.about-item {
padding: 63px 49px 64px 49px;
}
}
@media only screen and (min-width: 768px) {
.about-item {
margin-top: 200px;
}
}
@media only screen and (min-width: 992px) {
.about-item {
margin-top: 270px;
}
}
@media only screen and (min-width: 1200px) {
.about-item {
margin-top: 327px;
}
}
.about-item .icon {
display: none;
font-size: 67px;
fill: #0D73FC;
position: absolute;
top: -33px;
left: 25px;
}
.about-item .title {
font-size: 30px;
margin-bottom: 22px;
}
@media only screen and (min-width: 768px) {
.about-item .title {
font-size: 40px;
}
}
@media only screen and (min-width: 768px) {
.about-item .icon {
display: inline-block;
}
}
.about-item .with--line {
margin-top: 18px;
}
@media only screen and (min-width: 768px) {
.about-item p.description {
min-height: 150px;
}
} .text-section {
text-align: center;
}
.text-section .title {
color: #0D73FC;
font-size: 50px;
line-height: 60px;
margin-bottom: 0;
letter-spacing: -0.050em;
}
@media only screen and (min-width: 576px) {
.text-section .title {
font-size: 100px;
line-height: 110px;
}
}
@media only screen and (min-width: 768px) {
.text-section .title {
font-size: 135px;
line-height: 155px;
}
}
@media only screen and (min-width: 1367px) {
.text-section .title {
font-size: 160px;
line-height: 175px;
}
}
@media only screen and (min-width: 1600px) {
.text-section .title {
font-size: 200px;
line-height: 175px;
}
}
.text-section .subtitle {
color: #999999;
font-size: 12px;
line-height: 21px;
font-weight: 100;
margin-bottom: 0;
letter-spacing: -0.050em;
}
@media only screen and (min-width: 576px) {
.text-section .subtitle {
font-size: 20px;
line-height: 40px;
}
}
@media only screen and (min-width: 768px) {
.text-section .subtitle {
font-size: 30px;
line-height: 40px;
}
}
@media only screen and (min-width: 1200px) {
.text-section .subtitle {
font-size: 40px;
line-height: 55px;
letter-spacing: 0;
}
} .special-offer {
position: relative;
}
.special-offer::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 80%;
width: 100%;
background-color: #EFF2F5;
}
.special-offer .item-holder {
padding-left: 10px;
}
.offer-item {
position: relative;
background-color: #FFFFFF;
padding: 30px 20px 28px 45px;
margin-bottom: 50px;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 576px) {
.offer-item {
padding: 30px 20px 28px 70px;
}
}
@media only screen and (min-width: 1200px) {
.offer-item {
padding: 41px 20px 38px 105px;
}
}
.offer-item .title {
font-size: 18px;
}
@media only screen and (min-width: 992px) {
.offer-item .title {
font-size: 20px;
}
}
.offer-item .img-holder {
height: 50px;
width: 49px;
background-color: #0D73FC;
position: absolute;
top: -10px;
left: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 576px) {
.offer-item .img-holder {
height: 65px;
width: 62px;
}
}
@media only screen and (min-width: 1200px) {
.offer-item .img-holder {
height: 91px;
width: 88px;
}
}
.offer-item .img-holder .icon {
font-size: 29px;
fill: #FFF;
}
@media only screen and (min-width: 576px) {
.offer-item .img-holder .icon {
font-size: 37px;
}
}
@media only screen and (min-width: 1200px) {
.offer-item .img-holder .icon {
font-size: 51px;
}
}
.offer-item .text-holder {
min-height: 90px;
}  .main-gallery .heading {
text-align: left;
max-width: 100%;
margin-bottom: 0;
}
.main-gallery .heading p {
display: none;
margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
.main-gallery .heading p {
display: block;
}
}
.main-gallery .title-r-button {
display: none;
text-align: right;
}
@media only screen and (min-width: 992px) {
.main-gallery .title-r-button {
display: block;
}
}
.main-gallery .r-button span,
.main-gallery .r-button::before {
padding: 11px 40px;
}
.main-gallery .r-button-block {
text-align: center;
margin-top: 60px;
}
@media only screen and (min-width: 992px) {
.main-gallery .r-button-block {
margin-top: 0;
text-align: right;
}
} .main-gallery .gallery .gallery-item {
position: relative;
height: 350px;
overflow: hidden;
}
@media only screen and (min-width: 992px) {
.main-gallery .gallery .gallery-item {
height: 380px;
}
}
@media only screen and (min-width: 1367px) {
.main-gallery .gallery .gallery-item {
height: 395px;
}
}
.main-gallery .gallery .gallery-item.large {
height: 500px;
}
@media only screen and (min-width: 992px) {
.gallery .gallery-item.large {
height: 760px;
}
}
@media only screen and (min-width: 1367px) {
.main-gallery .gallery .gallery-item.large {
height: 790px;
}
}
.main-gallery .gallery .gallery-link {
display: block;
height: 100%;
position: relative;
text-decoration: none;
}
.main-gallery .gallery .gallery-item img {
z-index: -1;
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-gallery .gallery .gallery-item .overlay {
background-color: rgba(13, 115, 252, 0.2);
}
.main-gallery .gallery .description {
position: absolute;
bottom: 0;
right: 0;
background-color: #FFF;
width: 100%;
max-width: 282px;
padding: 23px 30px 20px 30px;
-webkit-transition: background-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 576px) {
.main-gallery .gallery .description {
padding: 30px 30px 27px 30px;
}
}
.main-gallery .gallery .description span {
color: #333333;
font-size: 16px;
font-weight: 700;
-webkit-transition: color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 576px) {
.main-gallery .gallery .description span {
font-size: 18px;
}
}
.main-gallery .gallery .gallery-item:hover .description {
background-color: #0D73FC;
}
.main-gallery .gallery .gallery-item:hover .description span {
color: #FFFFFF;
}
.main-gallery .gallery .gallery-item:hover .overlay {
background-color: rgba(13, 115, 252, 0.55);
-webkit-transition: background-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-gallery .gallery .gallery-item:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.main-gallery.type-2 .gallery .description {
position: absolute;
bottom: 30px;
right: 30px;
background-color: #fff;
padding: 12px 18px 13px;
width: auto;
max-width: 300px;
-webkit-transition: background-color .5s cubic-bezier(.645,.045,.355,1);
-o-transition: background-color .5s cubic-bezier(.645,.045,.355,1);
transition: background-color .5s cubic-bezier(.645,.045,.355,1);
text-align: center;
text-transform: uppercase;
}
.main-gallery.type-2 .gallery .description span {
color: #333;
font-size: 11px;
font-weight: 700;
-webkit-transition: color .5s cubic-bezier(.645,.045,.355,1);
-o-transition: color .5s cubic-bezier(.645,.045,.355,1);
transition: color .5s cubic-bezier(.645,.045,.355,1);
}
.main-gallery.type-2 .gallery .description.content-left {
right: auto;
}
.main-gallery.type-2 .gallery .description:after {
bottom: -20px;
right: 15px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.main-gallery.type-2 .gallery .description:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: #ffffff;
border-width: 10px;
-webkit-transition: border-color .5s cubic-bezier(.645,.045,.355,1);
-o-transition: border-color .5s cubic-bezier(.645,.045,.355,1);
transition: border-color .5s cubic-bezier(.645,.045,.355,1);
}
.main-gallery.type-2 .gallery .gallery-item:hover .description:after {
border-top-color: #0D73FC;
}
.main-gallery.type-2 .gallery .description.content-left:after {
right: auto;
left: 15px;
} .main-gallery--style-3 .gallery-item {
height: 420px;
}
.main-gallery--style-3 .r-button-block {
text-align: center;
margin-top: 60px;
}
@media only screen and (min-width: 992px) {
.main-gallery--style-3 .r-button-block {
margin-top: 0;
text-align: right;
}
}
.main-gallery--style-3 .r-button span,
.main-gallery--style-3 .r-button::before {
padding: 11px 40px;
} .pricing-table .pricing-item {
text-align: center;
padding: 0px 15px;
position: relative;
overflow: hidden;
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%;
max-width: 290px;
margin: 0 auto;
margin-bottom: 50px;
}
@media only screen and (min-width: 576px) {
.pricing-table .pricing-item {
padding: 35px 15px 0 15px;
}
}
@media only screen and (min-width: 992px) {
.pricing-table .pricing-item {
margin-left: -15px;
margin-right: -15px;
}
}
@media only screen and (min-width: 1200px) {
.pricing-table .pricing-item {
padding: 35px 30px;
}
}
.pricing-table .pricing-item.active {
background-color: #F6F8F9;
padding-bottom: 35px;
padding-top: 35px;
}
.pricing-table .pricing-item.active .ribbon {
opacity: 1;
visibility: visible;
z-index: 1;
}
.pricing-table .pricing-item.active .r-button span {
background-color: #F6F8F9;
}
.pricing-table .pricing-item .ribbon {
display: inline-block;
height: 78px;
width: 78px;
background-color: #0D73FC;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: -39px;
right: -39px;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.pricing-table .pricing-item .ribbon .icon {
font-size: 22px;
position: absolute;
bottom: 26px;
left: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
fill: #FFF;
padding: 3px;
}
.pricing-table .pricing-item .img-holder .icon {
font-size: 72px;
fill: #0D73FC;
}
.pricing-table .pricing-item .title {
text-align: center;
letter-spacing: -0.050em;
margin-top: 30px;
margin-bottom: 10px;
}
.pricing-table .pricing-item .price {
color: #0D73FC;
font-size: 50px;
line-height: 70px;
font-weight: 700;
margin-bottom: 30px;
}
.pricing-table .pricing-item .r-button-black {
padding: 11px 30px;
margin-top: 11px;
}
.pricing-table .pricing-item .item-list {
color: #82868A;
text-align: left;
padding: 0;
margin: 0;
list-style: none;
margin: 10px 0 16px 0;
min-height: 160px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.pricing-table .pricing-item .item-list li {
position: relative;
padding-left: 15px;
line-height: 24px;
}
@media only screen and (min-width: 1200px) {
.pricing-table .pricing-item .item-list li {
padding-left: 25px;
}
}
.pricing-table .pricing-item .item-list li:not(:last-of-type) {
margin-bottom: 14px;
}
.pricing-table .pricing-item .item-list li::before,
.pricing-table .pricing-item .item-list li::after {
content: "";
display: inline-block;
width: 2px;
background-color: #45DBAB;
position: absolute;
}
.pricing-table .pricing-item .item-list li::before {
height: 10px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: 5px;
top: 7px;
}
.pricing-table .pricing-item .item-list li::after {
height: 4px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 0;
top: 11px;
} .pricing-table.pricing-table.is--dark {
background-color: #2C2F34;
}
.pricing-table.pricing-table.is--dark .pricing-item.active {
background-color: #35383D;
}
.pricing-table.pricing-table.is--dark .pricing-item .img-holder .icon {
fill: #FFF;
}
.pricing-table.pricing-table.is--dark .pricing-item .title {
color: #FFF;
}
.pricing-table.pricing-table.is--dark .pricing-item .r-button {
border: 1px solid #FFF;
}
.pricing-table.pricing-table.is--dark .pricing-item .r-button span {
color: #FFF;
background-color: #2C2F34;
}
.pricing-table.pricing-table.is--dark .pricing-item .r-button::before {
color: #2C2F34;
background-color: #FFF;
}
.pricing-table.pricing-table.is--dark .pricing-item.active .r-button span {
background-color: #35383D;
} .cooperation-slider .slider-item .top {
position: relative;
border-bottom: 1px solid #EBEBEB;
padding-bottom: 9px;
padding-left: 20px;
}
@media only screen and (min-width: 1200px) {
.cooperation-slider .slider-item .top {
padding-left: 0;
}
}
.cooperation-slider .slider-item .top::after {
content: "";
display: inline-block;
height: 10px;
width: 10px;
border: 2px solid #0D73FC;
background-color: #FFF;
z-index: 2;
position: absolute;
bottom: -5px;
left: 20px;
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 1200px) {
.cooperation-slider .slider-item .top::after {
left: 0px;
}
}
.cooperation-slider .slick-current .top::after {
background-color: #0D73FC;
}
.cooperation-slider .slider-item .top p {
font-size: 20px;
color: #0c73fb;
}
.cooperation-slider .slider-item .current {
font-size: 40px;
}
.cooperation-slider .slider-item .title {
letter-spacing: -0.050em;
margin-bottom: 10px;
}
.cooperation-slider .slider-item .lower {
padding-top: 22px;
padding-left: 20px;
padding-right: 30px;
text-align: justify;
}
@media only screen and (min-width: 1200px) {
.cooperation-slider .slider-item .lower {
padding-left: 0;
padding-right: 100px;
}
}
.cooperation-slider .slick-track {
padding-top: 5px;
margin-left: 0px;
}
@media only screen and (min-width: 1200px) {
.cooperation-slider .slick-track {
margin-left: -115px;
}
}
.cooperation-slider p:last-of-type {
margin-bottom: 0;
} .testimonials {
position: relative;
}
.testimonials.testimonials--primary .slider-holder::before {
content: "";
display: none;
height: 100%;
width: 87px;
background-color: #0D73FC;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (min-width: 1367px) {
.testimonials.testimonials--primary .slider-holder::before {
display: block;
}
}
.testimonials.testimonials--primary .testimonials-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 576px) {
.testimonials.testimonials--primary .testimonials-top {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.testimonials.testimonials--primary .slider-holder {
position: relative;
}
.testimonials.testimonials--primary .wrapper {
width: 100%;
margin: 0 auto;
background-color: #EFF2F5;
padding: 70px 0 65px 0;
}
@media only screen and (min-width: 576px) {
.testimonials.testimonials--primary .wrapper {
padding: 97px 0 94px 0;
}
}
@media only screen and (min-width: 1367px) {
.testimonials.testimonials--primary .wrapper {
width: calc(100% - 230px);
}
}
.testimonials.testimonials--primary .heading.primary-heading {
width: 100%;
text-align: left;
margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
.testimonials.testimonials--primary .heading.primary-heading {
width: calc(100% - 100px);
}
}
.testimonials.testimonials--primary .quote-icon {
position: relative;
height: 78px;
width: 70px;
background-color: #0D73FC;
position: relative;
margin-bottom: 25px;
}
@media only screen and (min-width: 576px) {
.testimonials.testimonials--primary .quote-icon {
margin-right: 30px;
margin-bottom: 0;
}
}
.testimonials.testimonials--primary .quote-icon span {
color: #FFF;
font-size: 92px;
line-height: 0px;
position: absolute;
bottom: -7px;
right: 16px;
}
@media only screen and (min-width: 768px) {
.testimonials.testimonials--primary .testimonials-slider {
margin-top: 40px;
}
}
.testimonials.testimonials--primary .testimonials-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px 0;
}
@media only screen and (min-width: 768px) {
.testimonials.testimonials--primary .testimonials-dots {
padding-bottom: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
}
} .testimonials-slider .slider-item {
padding-left: 0;
}
@media only screen and (min-width: 1200px) {
.testimonials-slider .slider-item {
padding-left: 0;
}
}
.testimonials-slider .slider-item p {
color: #333;
font-size: 18px;
line-height: 30px;
}
@media only screen and (min-width: 768px) {
.testimonials-slider .slider-item p {
font-size: 20px;
line-height: 35px;
}
}
@media only screen and (min-width: 1200px) {
.testimonials-slider .slider-item p {
font-size: 23px;
line-height: 35px;
}
}
.testimonials-slider .slider-item .user {
display: inline-block;
font-weight: 700;
margin-top: 30px;
}
.testimonials-slider .slider-item .user::before {
content: "";
display: inline-block;
height: 1px;
width: 39px;
background-color: #0D73FC;
vertical-align: middle;
margin-right: 20px;
}
.testimonials-slider .slider-item .user .position {
color: #0D73FC;
}
@media only screen and (min-width: 768px) {
.testimonials-primary-slider .slider-item {
padding-left: 100px;
}
}
@media only screen and (min-width: 1200px) {
.testimonials-primary-slider .slider-item {
padding-left: 50px;
}
} .testimonials.testimonials--style-3 .wrapper {
background: none;
padding: 0;
}
.testimonials.testimonials--style-3 .slider-holder::before {
left: auto;
right: 0;
} .blog-item {
margin-bottom: 50px;
}
.blog-item .img-holder {
padding-top: 72.77778%;
position: relative;
display: block;
overflow: hidden;
}
.blog-item .img-holder:hover .overlay {
background-color: rgba(13, 115, 252, 0.55);
}
.blog-item .img-holder img {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
z-index: -1;
}
.blog-item .img-holder:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.blog-item .content-holder {
position: relative;
z-index: 2;
width: 100%;
max-width: 100%;
background-color: #FFF;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
padding: 31px 30px 31px 30px;
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 992px) {
.blog-item .content-holder {
margin: -101px 0 0 30px;
max-width: 380px;
}
}
@media only screen and (min-width: 1200px) {
.blog-item .content-holder {
max-width: 400px;
}
}
.blog-item .ribbon {
position: absolute;
right: 0px;
top: -33px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #0D73FC;
padding: 28px 12px 2px 20px;
}
@media only screen and (min-width: 992px) {
.blog-item .ribbon {
right: 20px;
}
}
.blog-item .ribbon p {
margin: 0;
font-size: 16px;
font-weight: 700;
color: #FFF;
width: 100%;
}
.blog-item .ribbon .day {
font-size: 20px;
}
.blog-item .category {
display: inline-block;
color: #C7CCD4;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
width: 100%;
max-width: 240px;
margin-bottom: 5px;
}
.blog-item .title {
letter-spacing: -0.050em;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.blog-item .title a {
color: #333333;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.blog-item .title a:hover {
color: #0D73FC;
}
.blog-item .text-holder {
min-height: 48px;
}
@media only screen and (min-width: 576px) {
.blog-item .text-holder {
min-height: 60px;
}
}
.blog-item p:last-of-type {
margin-bottom: 0;
word-break: break-all;
} .banner {
position: relative;
min-height: 750px;
}
@media only screen and (min-width: 576px) {
.banner {
min-height: auto;
}
}
.banner .title {
color: #333;
font-size: 30px;
line-height: 30px;
letter-spacing: -0.050em;
margin-bottom: 24px;
}
@media only screen and (min-width: 576px) {
.banner .title {
font-size: 36px;
line-height: 36px;
}
}
@media only screen and (min-width: 992px) {
.banner .title {
font-size: 40px;
line-height: 50px;
}
}
.banner .with--line {
margin-top: 20px;
}
.banner .img-bg {
z-index: -1;
} .brands-holder .slick-dots {
margin-top: 40px;
}
.brands-slider .slider-item {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 50px;
}
@media only screen and (min-width: 768px) {
.brands-slider .slider-item {
height: 60px;
}
}
@media only screen and (min-width: 992px) {
.brands-slider .slider-item {
height: 70px;
}
}
@media only screen and (min-width: 1200px) {
.brands-slider .slider-item {
height: 80px;
}
}
.brands-slider .slider-item img {
display: inline-block;
opacity: 0.4;
max-width: 90%;
max-height: 50px;
-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 768px) {
.brands-slider .slider-item img {
max-height: 60px;
}
}
@media only screen and (min-width: 992px) {
.brands-slider .slider-item img {
max-height: 70px;
}
}
@media only screen and (min-width: 1200px) {
.brands-slider .slider-item img {
max-height: 80px;
}
}
.brands-slider .slider-item img:hover {
opacity: 0.9;
}
.brands-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}  .map-section {
position: relative;
overflow: hidden;
padding: 0 !important;
}
@media only screen and (min-width: 992px) {
.map-section {
padding: 120px 0 !important;
}
}
@media only screen and (min-width: 1200px) {
.map-section {
padding: 140px 0 !important;
}
}
.map-section .map {
min-height: 500px;
}
@media only screen and (min-width: 992px) {
.map-section .map {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 710px;
}
}
.map-placeholder {
color: #0D73FC;
font-size: 16px;
line-height: 20px;
text-align: center;
margin: 0;
}
.gm-style .gm-style-iw-t {
right: -12px !important;
} .gm-ui-hover-effect,
.gmnoprint,
.gm-style-cc {
display: none !important;
}
.gm-style .gm-style-iw-c,
.gm-style .gm-style-iw-d {
padding: 5px 0 !important;
-webkit-box-shadow: none;
box-shadow: none;
width: 125px;
overflow: hidden !important;
} .form-control:focus {
box-shadow: none;
border-bottom: 1px solid #0c73fb !important;
}
.form.contact--form {
position: relative;
width: 100%;
max-width: 100%;
background: #FAFAFA;
padding: 60px 0 70px 0;
z-index: 2;
}
@media only screen and (min-width: 992px) {
.form.contact--form {
margin-left: 80px;
width: 100%;
background: #FFF;
padding: 42px 30px 50px 30px;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
}
}
@media only screen and (min-width: 1200px) {
.form.contact--form {
max-width: 800px;
padding: 72px 80px 80px 80px;
}
}
@media only screen and (min-width: 1367px) {
.form.contact--form {
max-width: 850px;
}
}
.form.contact--form .title-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
@media only screen and (min-width: 576px) {
.form.contact--form .title-block {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 992px) {
.form.contact--form .title-block {
margin-bottom: 50px;
}
}
.form.contact--form .title {
font-size: 30px;
line-height: 40px;
letter-spacing: -0.050em;
}
@media only screen and (min-width: 576px) {
.form.contact--form .title {
font-size: 40px;
line-height: 50px;
}
}
.form.contact--form .title::before {
content: ".";
display: inline-block;
margin-right: 8px;
}
.form.contact--form .title span {
color: #0D73FC;
}
.form.contact--form .trigger {
display: none;
color: #0D73FC;
font-size: 16px;
font-weight: 700;
cursor: pointer;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form.contact--form .trigger.mobile-trigger {
display: inline-block;
}
@media only screen and (min-width: 576px) {
.form.contact--form .trigger {
display: inline-block;
}
}
.form.contact--form .trigger:hover {
color: #333333;
}
.form.contact--form .form-field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: none;
outline: none;
position: relative;
}
.form.contact--form .input:valid { }
.form.contact--form .textarea {
resize: none;
border: none;
outline: none;
background: none;
height: 102px;
}
.form.contact--form .form-field {
font-size: 14px;
border-bottom: 1px solid #E0E1E2;
padding-bottom: 12px;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form.contact--form .form-field::-webkit-input-placeholder,
.form.contact--form .form-field::-webkit-input-placeholder {
color: #A9ACAF;
}
.form.contact--form .form-field::-moz-placeholder,
.form.contact--form .form-field::-moz-placeholder {
color: #A9ACAF;
}
.form.contact--form .form-field:-ms-input-placeholder,
.form.contact--form .form-field:-ms-input-placeholder {
color: #A9ACAF;
}
.form.contact--form .form-field::-ms-input-placeholder,
.form.contact--form .form-field::-ms-input-placeholder {
color: #A9ACAF;
}
.form.contact--form .form-field::placeholder,
.form.contact--form .form-field::placeholder {
color: #A9ACAF;
}
.form.contact--form .r-button {
margin-top: 18px;
background: none;
padding: 0;
}
.form.contact--form .r-button span {
background-color: #FFF;
}
.form.contact--form .r-button::before,
.form.contact--form .r-button span {
padding: 11px 70px;
}
.form.contact--form .input-label,
.form.contact--form .textarea-label {
width: 100%;
z-index: 2;
}
.form.contact--form .input-name {
margin-bottom: 32px;
}
.form.contact--form .input:focus,
.form.contact--form .textarea:focus {
border-bottom: 1px solid #0D73FC;
}
.form.contact--form .input-label,
.form.contact--form .textarea-label {
position: relative;
padding-bottom: 12px;
margin-bottom: 31px;
}
.form.contact--form .input-label span,
.form.contact--form .textarea-label span {
display: inline-block;
color: #A9ACAF;
font-size: 14px;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form.contact--form .input-label .input,
.form.contact--form .textarea-label .textarea {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.form.contact--form .input-label .input:focus+span,
.form.contact--form .input-label .field--filled+span,
.form.contact--form .textarea-label .textarea:focus+span,
.form.contact--form .textarea-label .field--filled+span {
-webkit-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px);
font-size: 11px;
}
.form.contact--form .r-button-holder {
text-align: center;
margin-top: 67px;
}
.form.contact--form .trigger-holder {
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.form.contact--form .r-button-holder {
text-align: left;
margin-top: 0;
}
} .form.contacts-page-form .r-button-holder {
margin-top: 0;
}
.form.contacts-page-form .r-button span {
background-color: #FFF;
} .account--form {
font-size: 14px;
padding: 36px 15px 36px 15px;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 576px) {
.account--form {
padding: 46px 45px 46px 45px;
}
}
.account--form .form-title {
letter-spacing: -0.050em;
margin-bottom: 30px;
}
.account--form .form-field {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: none;
outline: none;
position: relative;
}
.account--form .input:valid {
border-bottom: 1px solid #3C8EFD;
}
.account--form .textarea {
resize: none;
border: none;
outline: none;
background: none;
height: 102px;
}
.account--form .form-field {
font-size: 14px;
border-bottom: 1px solid #E0E1E2;
padding-bottom: 12px;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.account--form .form-field::-webkit-input-placeholder,
.account--form .form-field::-webkit-input-placeholder {
color: #A9ACAF;
}
.account--form .form-field::-moz-placeholder,
.account--form .form-field::-moz-placeholder {
color: #A9ACAF;
}
.account--form .form-field:-ms-input-placeholder,
.account--form .form-field:-ms-input-placeholder {
color: #A9ACAF;
}
.account--form .form-field::-ms-input-placeholder,
.account--form .form-field::-ms-input-placeholder {
color: #A9ACAF;
}
.account--form .form-field::placeholder,
.account--form .form-field::placeholder {
color: #A9ACAF;
}
.account--form .r-button {
margin-top: 18px;
background: none;
padding: 0;
width: 100%;
}
.account--form .r-button span {
background-color: #FFF;
}
.account--form .r-button::before,
.account--form .r-button span {
font-size: 16px;
padding: 11px 70px;
}
.account--form .input-label,
.account--form .textarea-label {
width: 100%;
z-index: 2;
}
.account--form .input-name {
margin-bottom: 32px;
}
.account--form .input:focus,
.account--form .textarea:focus {
border-bottom: 1px solid #0D73FC;
}
.account--form .input-label,
.account--form .textarea-label {
position: relative;
padding-bottom: 12px;
margin-bottom: 45px;
}
.account--form .input-label span,
.account--form .textarea-label span {
position: absolute;
top: 0;
left: 0;
display: inline-block;
color: #A9ACAF;
font-size: 14px;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.account--form .input-label .input,
.account--form .textarea-label .textarea {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.account--form .input-label .input:focus+span,
.account--form .input-label .field--filled+span,
.account--form .textarea-label .textarea:focus+span,
.account--form .textarea-label .field--filled+span {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
font-size: 11px;
}
.account--form .r-button-holder {
margin: 27px 0 20px 0;
}
.account--form .password-trigger {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
cursor: pointer;
position: absolute;
right: 0;
top: 3px;
color: #8F8A86;
font-size: 16px;
}
.account--form .password-trigger.active {
color: #0D73FC;
}
.account--form .input-password {
padding-right: 30px;
} footer.footer {
background-color: #25272A;
padding: 70px 0 0 0;
}
footer.footer p:last-of-type {
margin-bottom: 0;
}
footer.footer .footer-logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
footer.footer .logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
footer.footer .logo .icon {
margin-right: 20px;
font-size: 43px;
fill: #0D73FC;
}
footer.footer .footer-top {
padding-bottom: 50px;
}
@media only screen and (min-width: 992px) {
footer.footer .footer-top {
padding-bottom: 62px;
}
}
footer.footer a {
color: #82868A;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
text-decoration: none;
}
footer.footer a:hover {
color: #0D73FC;
}
footer.footer .footer-logo a span {
color: #FFF;
font-size: 30px;
line-height: 25px;
letter-spacing: -0.05em;
text-decoration: none;
}
footer.footer .title {
color: #FFF;
margin-bottom: 20px;
letter-spacing: -0.05em;
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
footer.footer .title {
padding-top: 10px;
margin-top: 0px;
}
}
footer.footer .footer-contacts {
margin-top: 4px;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
footer.footer .footer-contacts {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 992px) {
footer.footer .footer-contacts {
margin-bottom: 0;
}
}
footer.footer .footer-contacts p:not(:last-of-type) {
margin-bottom: 0px;
}
footer.footer .footer-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
footer.footer .footer-menu .active a {
color: #0D73FC;
}
footer.footer .footer-menu li {
width: 50%;
padding-left: 0;
}
footer.footer .footer-menu li::before {
display: none;
}
footer.footer .footer-lower,
footer.footer .footer-lower p {
font-size: 14px;
}
footer.footer .footer-lower {
border-top: 1px solid #2C2F32;
padding: 31px 0 24px 0;
}
footer.footer .copyright {
text-align: center;
}
@media only screen and (min-width: 768px) {
footer.footer .copyright {
text-align: left;
}
}
footer.footer .privacy-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
footer.footer .privacy-block {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media only screen and (min-width: 992px) {
footer.footer .privacy-block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
}
footer.footer .privacy-block .separator {
margin: 0 8px;
}
footer.footer .privacy-block a {
text-decoration: underline;
}
footer.footer .privacy-block a:hover {
color: #82868A;
text-decoration: none;
}
footer.footer .socials-holder.socials-desktop {
display: none;
}
footer.footer .socials-primary {
font-size: 16px;
}
footer.footer .socials-holder.socials-tablet {
display: none;
margin-top: 10px;
}
@media only screen and (min-width: 768px) {
footer.footer .socials-holder.socials-tablet {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
footer.footer .socials-holder.socials-mobile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 43px 0 0px 0;
}
@media only screen and (min-width: 992px) {
footer.footer .socials-holder.socials-desktop {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
.subscribe-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.subscribe-form .input-mail {
width: 100%;
background: none;
border: none;
border-bottom: 1px solid #3C3D40;
margin-bottom: 18px;
padding: 3px 45px 14px 0;
outline: none;
color: #FFF;
background-size: 24px 30px;
}
.subscribe-form .r-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
padding: 0;
width: 100%;
border: 2px solid #0D73FC;
}
.subscribe-form .r-button::before,
.subscribe-form .r-button span {
padding-top: 11px;
padding-bottom: 11px;
} .promo-primary {
position: relative;
}
.promo-primary .align-item {
position: relative;
top: -20px;
}
.promo-primary span {
display: inline-block;
color: #FFF;
line-height: 25px;
font-weight: 500;
letter-spacing: -0.050em;
margin-bottom: 12px;
}
.promo-primary .title {
color: #FFF;
font-size: 36px;
letter-spacing: -0.050em;
margin-bottom: 0;
position: relative;
}
@media only screen and (min-width: 768px) {
.promo-primary .title {
font-size: 42px;
}
}
@media only screen and (min-width: 992px) {
.promo-primary .title {
font-size: 50px;
}
}
@media only screen and (min-width: 1200px) {
.promo-primary .title {
font-size: 60px;
}
}
.promo-primary .title::before,
.promo-primary .title::after {
content: "";
display: inline-block;
height: 4px;
position: absolute;
bottom: -36px;
}
.promo-primary .title::before {
width: 67px;
background-color: #0D73FC;
left: 0;
}
.promo-primary .title::after {
width: 19px;
background-color: #B7B7B7;
left: 70px;
}
.promo-primary .overlay {
background-color: rgba(13, 115, 252, 0.2);
z-index: 1;
}
.promo-primary .align-container {
position: relative;
height: 320px;
padding: 80px 0;
z-index: 2;
}
@media only screen and (min-width: 992px) {
.promo-primary .align-container {
height: 390px;
padding: 100px 0;
}
} .promo-primary--shop {
min-height: 250px;
width: 100%;
padding: 0;
}
@media only screen and (min-width: 992px) {
.woocommerce-page .promo-primary--shop {
min-height: 90px;
padding: 200px 0 50px;
}
}
.promo-primary--shop .align-container {
height: 250px;
padding: 50px 0;
}
@media only screen and (min-width: 992px) {
.promo-primary--shop .align-container {
height: auto;
padding: 0;
}
}
.promo-primary--shop .align-item {
top: 0;
}
.promo-primary--shop span {
color: #25272A;
}
.promo-primary--shop .title {
color: #FFF;
}
.promo-primary--shop .title::before,
.promo-primary--shop .title::after {
display: none;
} .about-welcome {
position: relative;
}
@media only screen and (min-width: 1200px) {
.about-welcome::before {
content: "";
display: block;
position: absolute;
width: 41%;
height: 65%;
top: 0;
left: 0;
background-color: #FAFAFA;
}
}
@media only screen and (min-width: 1600px) {
.about-welcome::before {
width: 43%;
}
}
.about-welcome .title-block {
background-color: #0D73FC;
position: relative;
padding: 30px 75px 30px 15px;
margin-bottom: 40px;
}
@media only screen and (min-width: 576px) {
.about-welcome .title-block {
padding: 40px 70px 40px 30px;
}
}
@media only screen and (min-width: 768px) {
.about-welcome .title-block {
padding: 80px 30px 80px 65px;
}
}
@media only screen and (min-width: 992px) {
.about-welcome .title-block {
padding: 99px 30px 119px 65px;
margin-bottom: 30px;
}
}
.about-welcome .title-block span {
display: inline-block;
color: #6CA8F8;
font-size: 13px;
font-weight: 500;
line-height: 27px;
text-transform: uppercase;
margin-bottom: 13px;
}
.about-welcome .title-block .title {
color: #FFF;
font-size: 30px;
line-height: 40px;
}
@media only screen and (min-width: 576px) {
.about-welcome .title-block .title {
font-size: 36px;
line-height: 46px;
}
}
@media only screen and (min-width: 768px) {
.about-welcome .title-block .title {
font-size: 40px;
line-height: 50px;
}
}
.about-welcome .title-block .icon-holder {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #424242;
height: 90px;
width: 85px;
right: -15px;
bottom: -15px;
}
@media only screen and (min-width: 768px) {
.about-welcome .title-block .icon-holder {
height: 147px;
width: 131px;
bottom: -32px;
right: -31px;
}
}
.about-welcome .title-block .icon-holder .icon {
font-size: 45px;
fill: #FFF;
}
.about-welcome .description .title {
letter-spacing: -0.050em;
margin-bottom: 23px;
}
.about-welcome .brands-slider {
margin-top: 70px;
} .about-welcome--style-2::before {
display: none;
} .about-welcome--style-3::before {
display: none;
}
.about-welcome--style-3 .heading {
text-align: left;
max-width: 100%;
margin-bottom: 20px;
}
.about-welcome--style-3 .counter-block {
margin-bottom: 50px;
}
.about-welcome--style-3 .counter-holder {
margin-top: 50px;
padding: 60px 0 0 0;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 768px) {
.about-welcome--style-3 .counter-holder {
margin-top: 63px;
padding: 84px 0 13px 0;
}
}
.about-welcome--style-3 .description .with--line {
margin-top: 20px;
} .video-section {
position: relative;
}
.video-section .img-holder {
position: relative;
height: 320px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) {
.video-section .img-holder {
height: 450px;
}
}
@media only screen and (min-width: 992px) {
.video-section .img-holder {
height: 550px;
}
}
@media only screen and (min-width: 1200px) {
.video-section .img-holder {
height: 600px;
}
}
.video-section .img-bg {
z-index: -1;
}
.video-section .fancy-video {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #FFF;
font-size: 18px;
height: 60px;
width: 60px;
border-radius: 50%;
background-color: #25272A;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
position: relative;
z-index: 2;
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 768px) {
.video-section .fancy-video {
height: 80px;
width: 80px;
}
}
.video-section .fancy-video:hover {
background-color: #0D73FC;
}
.video-section .text {
color: #FFF;
font-weight: 700;
position: relative;
z-index: 2;
margin-top: 20px;
}
.video-section .overlay {
background-color: rgba(13, 115, 252, 0.6);
} .statistics {
background-color: #FAFAFA;
}
.statistics-item {
text-align: center;
position: relative;
margin-bottom: 50px;
}
.statistics-item .counter {
font-size: 70px;
line-height: 70px;
font-weight: 700;
}
@media only screen and (min-width: 768px) {
.statistics-item .counter {
font-size: 90px;
line-height: 70px;
}
}
@media only screen and (min-width: 992px) {
.statistics-item .counter {
font-size: 120px;
line-height: 70px;
}
}
.statistics-item .description {
display: block;
text-align: center;
color: #0D73FC;
font-size: 16px;
font-weight: 700px;
text-transform: uppercase;
letter-spacing: 0.30em;
padding-left: 16px;
}
@media only screen and (min-width: 768px) {
.statistics-item .description {
margin-top: 10px;
}
}
@media only screen and (min-width: 992px) {
.statistics-item .description {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 18px;
letter-spacing: 0.80em;
}
} .counter--is-blue .counter {
color: #0D73FC;
}
.counter--is-blue .description {
font-weight: 700;
color: #333333;
} .counter--text-lower .statistics-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.counter--text-lower .description {
font-weight: 700;
padding-left: 0;
letter-spacing: 0;
position: static;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
@media only screen and (min-width: 992px) {
.counter--text-lower .description {
margin-top: 25px;
}
} .team {
position: relative;
}
@media only screen and (min-width: 1200px) {
.team::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 70%;
background-color: #FAFAFA;
z-index: -1;
}
}
.team-item {
margin: 0 auto 50px auto;
width: 100%;
max-width: 300px;
}
@media only screen and (min-width: 576px) {
.team-item {
max-width: 100%;
}
} .team-item.team-item--primary {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.team-item.team-item--primary:hover {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
.team-item.team-item--primary:hover .socials-primary li {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.team-item.team-item--primary .img-holder {
height: 350px;
position: relative;
}
@media only screen and (min-width: 768px) {
.team-item.team-item--primary .img-holder {
height: 400px;
}
}
@media only screen and (min-width: 992px) {
.team-item.team-item--primary .img-holder {
height: 450px;
}
}
@media only screen and (min-width: 1200px) {
.team-item.team-item--primary .img-holder {
height: 504px;
}
}
.team-item.team-item--primary .img-holder img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.team-item.team-item--primary .description {
color: #FFF;
position: absolute;
bottom: 0;
right: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #0D73FC;
padding: 8px 15px;
min-width: 215px;
}
@media only screen and (min-width: 768px) {
.team-item.team-item--primary .description {
padding: 24px 30px 24px 30px;
}
}
.team-item.team-item--primary .name {
font-size: 20px;
font-weight: 700;
}
.team-item.team-item--primary .position {
font-size: 14px;
opacity: 0.5;
}
.team-item.team-item--primary .socials-primary {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 16px 0 0 16px;
}
.team-item.team-item--primary .socials-primary li {
text-align: center;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
margin-right: 0;
margin-bottom: 5px;
}
.team-item.team-item--primary .socials-primary li a {
color: #0D73FC;
}
.team-item.team-item--primary .socials-primary li a:hover {
color: #25272A;
} .team-item.team-item--rounded-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 576px) {
.team-item.team-item--rounded-img {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.team-item.team-item--rounded-img:hover .name {
color: #0D73FC;
}
.team-item.team-item--rounded-img:hover .img-holder {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.team-item.team-item--rounded-img .img-holder {
position: relative;
width: 170px;
height: 170px;
border-radius: 50%;
overflow: hidden;
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition: -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.team-item.team-item--rounded-img .description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
@media only screen and (min-width: 576px) {
.team-item.team-item--rounded-img .description {
width: calc(100% - 200px);
text-align: left;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 0;
}
}
.team-item.team-item--rounded-img .name {
font-size: 18px;
font-weight: 500;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.team-item.team-item--rounded-img .position {
color: #82868A;
font-size: 14px;
}
.team-item.team-item--rounded-img .socials-holder {
margin-top: 8px;
margin-left: -5px;
}
.team-item.team-item--rounded-img .socials-primary li:not(:last-of-type) {
margin-right: 10px;
}
.team-item.team-item--rounded-img .fa-facebook {
color: #1C388C;
}
.team-item.team-item--rounded-img .fa-twitter {
color: #1C90F3;
}
.team-item.team-item--rounded-img .fa-youtube-play {
color: #E11717;
} .team-item.team-item--dark:hover .name {
color: #0D73FC;
}
.team-item.team-item--dark:hover .img-holder {
background-color: rgba(0, 0, 0, 0.5);
}
.team-item.team-item--dark:hover .socials-holder {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.team-item.team-item--dark .img-holder {
position: relative;
height: 400px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: rgba(0, 0, 0, 0.2);
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
overflow: hidden;
}
.team-item.team-item--dark .img-bg {
z-index: -1;
}
.team-item.team-item--dark .description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 0 30px 24px 30px;
}
.team-item.team-item--dark .name {
color: #FFF;
font-size: 18px;
font-weight: 500;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.team-item.team-item--dark .position {
color: rgba(255, 255, 255, 0.5);
}
.team-item.team-item--dark .socials-holder {
background-color: #25272A;
position: absolute;
top: 31px;
left: 0;
padding: 10px 25px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.team-item.team-item--dark .socials-primary a {
color: #FFF;
}
.team-item.team-item--dark .socials-primary a:hover {
color: #0D73FC;
} .team-item.team-item--grayscaled:hover .img-holder {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.team-item.team-item--grayscaled:hover .name {
color: #0D73FC;
}
.team-item.team-item--grayscaled .img-holder {
position: relative;
height: 270px;
-webkit-filter: grayscale(1);
filter: grayscale(1);
margin-bottom: 24px;
-webkit-transition: -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.team-item.team-item--grayscaled .description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.team-item.team-item--grayscaled .fa-facebook {
color: #1C388C;
}
.team-item.team-item--grayscaled .fa-twitter {
color: #1C90F3;
}
.team-item.team-item--grayscaled .fa-youtube-play {
color: #E11717;
}
.team-item.team-item--grayscaled .name {
font-size: 18px;
font-weight: 500;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.team-item.team-item--grayscaled .position {
color: #82868A;
font-size: 14px;
margin-bottom: 10px;
}
.team-item.team-item--grayscaled .socials-holder {
margin-left: -5px;
} .blog-inner .r-button-holder {
margin-top: 70px;
text-align: center;
}
.blog-inner .r-button span,
.blog-inner .r-button::before {
padding: 11px 55px;
} .blog-masonry .masonry-item {
width: 100%;
}
@media only screen and (min-width: 768px) {
.blog-masonry .masonry-item {
width: 50%;
}
}
@media only screen and (min-width: 1200px) {
.blog-masonry .masonry-item {
width: 33.33333%;
}
}
.blog-inner-item {
margin-bottom: 50px;
}
.blog-inner-item .content-holder:first-child {
padding-top: 30px;
}
.blog-inner-item .content-holder:first-child .ribbon {
top: 0;
right: 0;
}
.blog-inner-item .content-holder {
margin: 0;
max-width: 100%;
}
.blog-inner-item .ribbon {
right: 0;
}
.blog-inner-item .img-holder {
padding-top: 72.95094%;
} .contact--form.contacts-page-form {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
width: 100%;
max-width: 770px;
margin: 0 auto;
}
.contact--form.contacts-page-form .title {
margin-bottom: 0;
}
.contact--form.contacts-page-form .title-block {
text-align: center;
display: block;
}
.contact--form.contacts-page-form .r-button-holder {
text-align: center;
}
.get-in-touch .form-wrapper {
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.get-in-touch .contact--form .r-button {
margin-top: 105px;
} .contacts-banner {
position: relative;
width: 100%;
padding: 70px 0;
font-size: 18px;
line-height: 36px;
background: #FAFAFA;
z-index: 2;
}
@media only screen and (min-width: 992px) {
.contacts-banner {
background: #FFF;
padding: 42px 30px 50px 30px;
max-width: 500px;
margin-left: 100px;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
}
}
@media only screen and (min-width: 1200px) {
.contacts-banner {
padding: 60px 65px 58px 65px;
max-width: 550px;
}
}
.contacts-banner p {
color: #333;
line-height: 36px;
margin: 0;
}
.contacts-banner .title {
color: #0D73FC;
line-height: 50px;
letter-spacing: -0.050em;
margin-bottom: 0;
}
.contacts-banner .title span {
color: #333;
}
.contacts-banner .title-block {
margin-bottom: 30px;
}
.contacts-banner .inner-block {
letter-spacing: -0.050em;
font-weight: 500;
}
.contacts-banner .r-button-holder {
-webkit-transform: translateZ(0);
transform: translateZ(0);
margin-top: 40px;
text-align: left;
}
.contacts-banner .r-button span,
.contacts-banner .r-button::before {
padding: 7px 60px;
}
@media only screen and (min-width: 768px) {
.contacts-banner .r-button span,
.contacts-banner .r-button::before {
padding: 7px 125px;
}
}
.contacts-banner .address,
.contacts-banner .phones-block {
margin-bottom: 10px;
}
.contacts-banner .phones-block a {
color: #333;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.contacts-banner .phones-block a:hover {
color: #0D73FC;
}
.contacts-banner .mail-block a {
display: inline-block;
color: #0D73FC;
position: relative;
text-decoration: none;
}
.contacts-banner .mail-block a::after {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #A2BEFB;
position: absolute;
bottom: 7px;
left: 0;
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.contacts-banner .mail-block a:hover::after {
background-color: transparent;
} .services-inner {
position: relative;
}
@media only screen and (min-width: 1200px) {
.services-inner::before {
content: "";
width: 47%;
height: 50%;
position: absolute;
top: 0;
left: 0;
background-color: #FAFAFA;
z-index: -2;
}
}
.services-inner .heading {
margin-bottom: 0;
}
.services-inner .primary-heading .subtitle::before {
display: none;
}
.services-inner .content-holder {
width: 100%;
max-width: 1370px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.services-inner .content {
position: relative;
}
.services-inner .content-holder .info {
display: none;
}
@media only screen and (min-width: 1367px) {
.services-inner .content-holder .info {
display: inline-block;
color: #bbbbbb;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
position: absolute;
text-align: right;
bottom: -20px;
left: 20px;
}
}
.services-inner .content-holder .info::before {
content: "";
display: inline-block;
vertical-align: middle;
height: 1px;
width: 47px;
background-color: #0D73FC;
margin-right: 22px;
} .info-box {
position: relative;
overflow: hidden;
margin-bottom: 50px;
}
.info-box:hover .info-box__img::before {
background-color: rgba(13, 115, 252, 0.6);
}
.info-box:hover .info-box__img img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.info-box:hover .info-box__inner {
background-color: #25272A;
}
.info-box:hover .info-box__title i {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.info-box__img {
position: relative;
overflow: hidden;
}
.info-box__img::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(13, 115, 252, 0.3);
z-index: 1;
-webkit-transition: background-color 0.6s;
-o-transition: background-color 0.6s;
transition: background-color 0.6s;
}
.info-box__img img {
position: relative;
z-index: 0;
width: 100%;
height: auto;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.6s;
transition: -webkit-transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s;
}
.info-box__category {
color: #FFF;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: -0.050em;
position: absolute;
top: 25px;
left: 30px;
width: 100%;
z-index: 1;
}
.info-box__description {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 2;
}
.info-box__number {
color: #FFF;
font-size: 80px;
line-height: 70px;
font-weight: 700;
letter-spacing: -0.050em;
margin-bottom: 10px;
padding: 0 25px;
opacity: 0.3;
}
.info-box__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 25px 0;
margin-bottom: 0;
}
.info-box__title a {
color: #FFF;
text-decoration: none;
-webkit-transition: color 0.6s;
-o-transition: color 0.6s;
transition: color 0.6s;
margin-right: 15px;
}
.info-box__title a:hover {
color: #0D73FC;
}
.info-box__title i {
color: #FFF;
font-size: 14px;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: -webkit-transform 0.6s;
transition: -webkit-transform 0.6s;
-o-transition: transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s;
}
.info-box__inner {
padding: 0 30px;
background-color: #0D73FC;
-webkit-transition: background-color 0.7s;
-o-transition: background-color 0.7s;
transition: background-color 0.7s;
}
.info-box p {
color: #ABABAB;
}
.info-box__hidden {
padding-bottom: 30px;
}
.info-box__link {
-webkit-transition: color 0.6s;
-o-transition: color 0.6s;
transition: color 0.6s;
}
.info-box__link:hover {
color: #FFF;
}
.info-box__link:hover::after {
background-color: #FFF;
} .services-inner--style-3 {
position: relative;
padding-bottom: 0;
}
.services-inner--style-3:before {
height: 111%;
}
@media only screen and (min-width: 1200px) {
.services-inner:before {
top: -168px;
}
}
.services-inner--style-3 .text-bg {
display: inline-block;
color: #F7F7F7;
font-size: 120px;
font-weight: 700;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
position: absolute;
right: 0;
bottom: 210px;
}
.services-inner--style-3 .inner-heading .img-block {
display: none;
}
.services-inner--style-3 .inner-heading .subtitle {
margin-bottom: 25px;
}
@media only screen and (min-width: 576px) {
.services-inner--style-3 .inner-heading .subtitle {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 576px) {
.services-inner--style-3 .inner-heading .img-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.services-inner--style-3::before {
height: 92%;
} .services-details {
position: relative;
}
@media only screen and (min-width: 1200px) {
.services-details::before {
content: "";
width: 50%;
height: 640px;
background-color: #EFF2F5;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
}
.services-details .details-tabs .tabs-header {
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 992px) {
.services-details .details-tabs .tabs-header {
font-size: 18px;
}
}
.services-details .details-tabs .tabs-header span {
display: block;
position: relative;
cursor: pointer;
padding: 15px 15px 12px 15px;
letter-spacing: -0.050em;
background-color: #FFF;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 992px) {
.services-details .details-tabs .tabs-header span {
padding: 23px 30px 20px 30px;
}
}
.services-details .details-tabs .tabs-header span::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 3px;
background-color: transparent;
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.services-details .details-tabs .tabs-header span:hover::before {
background-color: #0D73FC;
}
.services-details .details-tabs .tabs-header span.active {
color: #FFF;
background-color: #0D73FC;
}
.services-details .details-tabs .tabs-header span:not(:last-of-type) {
border-bottom: 1px solid #F6F7F9;
}
.services-details .pdf-holder {
color: #FFF;
background-color: #0D73FC;
text-align: center;
margin-top: 30px;
padding: 30px 20px 25px 20px;
background-position: -100px top;
background-repeat: no-repeat;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.services-details .pdf-holder {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1200px) {
.services-details .pdf-holder {
padding: 40px 20px 35px 20px;
}
}
.services-details .pdf-holder .title {
letter-spacing: -0.050em;
margin-bottom: 6px;
}
.services-details .pdf-holder p {
color: #FFF;
opacity: 0.5;
}
.services-details .pdf-holder .r-button {
margin-top: 3px;
border: 2px solid #FFF;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.services-details .pdf-holder .r-button span {
color: #FFF;
background-color: #0D73FC;
}
.services-details .pdf-holder .r-button::before {
background-color: #FFF;
color: #0D73FC;
}
.services-details .img-holder {
position: relative;
margin-bottom: 57px;
}
.services-details .img-holder img {
width: 100%;
height: auto;
}
.services-details .tabs-content__item ul {
margin: 30px 0;
}
@media only screen and (min-width: 992px) {
.services-details .tabs-content__item ul {
margin: 40px 0;
}
} .pricing--inner {
position: relative;
margin-top: 70px;
background-color: #EFF2F5;
}
.pricing--inner::before {
content: "";
display: block;
width: 50%;
height: 70px;
background-color: inherit;
position: absolute;
right: 0;
top: -70px;
} .pricing-table--inner .pricing-item {
text-align: center;
padding: 30px 15px;
overflow: hidden;
position: relative;
}
@media only screen and (min-width: 992px) {
.pricing-table--inner .pricing-item {
padding: 30px 5px 30px 20px;
text-align: left;
}
}
@media only screen and (min-width: 1200px) {
.pricing-table--inner .pricing-item {
padding: 40px 5px 40px 20px;
}
}
.pricing-table--inner .pricing-item .row>div:not(:last-of-type) {
margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
.pricing-table--inner .pricing-item .row>div:not(:last-of-type) {
margin-bottom: 0px;
}
}
.pricing-table--inner .pricing-item .ribbon {
display: inline-block;
height: 68px;
width: 68px;
background-color: #0D73FC;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: -39px;
left: -39px;
}
.pricing-table--inner .pricing-item .ribbon .icon {
font-size: 16px;
position: absolute;
bottom: 3px;
right: 25px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
fill: #FFF;
padding: 3px;
}
.pricing-table--inner .pricing-item .title {
letter-spacing: -0.050em;
}
.pricing-table--inner .pricing-item .title,
.pricing-table--inner .pricing-item .description {
margin: 0;
}
.pricing-table--inner .pricing-item .column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pricing-table--inner .pricing-item .price {
color: #0D73FC;
font-size: 30px;
font-weight: 700;
letter-spacing: -0.050em;
}
.pricing-table--inner .pricing-item .r-button span,
.pricing-table--inner .pricing-item .r-button::before {
padding: 9px 15px;
}
@media only screen and (min-width: 1200px) {
.pricing-table--inner .pricing-item .r-button span,
.pricing-table--inner .pricing-item .r-button::before {
padding: 11px 30px;
}
}
.pricing-table--inner .pricing-item:not(:last-of-type) {
border-bottom: 1px solid #E4E6E9;
}
.pricing-table--inner .pricing-item.active {
background-color: #F6F8F9;
border-bottom: none;
margin-top: -1px;
}
.pricing-table--inner .pricing-item.active .r-button span {
background-color: #F6F8F9;
} .pricing-table--inner.is--gray .r-button span {
background-color: #EFF2F5;
}
.pricing-table--inner.is--gray .pricing-item.active {
background-color: #FFF;
}
.pricing-table--inner.is--gray .pricing-item.active .r-button span {
background-color: #FFF;
} .products {
position: relative;
} .product-item {
padding: 30px 0;
margin-bottom: 50px;
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
width: 100%;
max-width: 290px;
margin: 0 auto;
background-color: #FFF;
}
@media only screen and (min-width: 576px) {
.product-item {
max-width: 100%;
margin: 0;
}
}
.products-gallery .product-item .img-holder {
margin : 0 15px;
}
.product-item .img-holder {
display: block;
position: relative;
outline: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
max-height: 300px;
overflow: hidden;
border: 3px solid #eff2f5;
}
.product-item:hover .img-holder {
border: 3px solid #333;
}
.product-item .img-holder::before {
content: "";
display: block;
padding-top: 89.52381%;
}
.product-item img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
}
.product-item figcaption {
margin-top: 25px;
}
.product-item .title {
letter-spacing: -0.050em;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
margin-top: 12px;
}
.product-item .title a {
text-decoration: none;
color: inherit;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-item .title a:hover {
color: #0D73FC;
}
.product-item .description,
.product-item .price {
color: #C7CCD4;
font-weight: 500;
margin-top: 8px;
} .product-item.product-item--with-r-button figcaption {
text-align: center;
}
.product-item.product-item--with-r-button .r-button.r-button--black {
margin-top: 18px;
}
.product-item.product-item--with-r-button .r-button span {
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-item.product-item--with-r-button .r-button.r-button--black span,
.product-item.product-item--with-r-button .r-button.r-button--black::before {
padding: 11px 49px;
}
.product-item.product-item--with-r-button:hover .r-button span {
background-color: #F6F8F9;
} .product-item.product-item--primary {
padding: 0px;
margin-bottom: 50px;
background-color: #FFF;
}
.product-item.product-item--primary:hover {
background: none;
}
.product-item.product-item--primary .img-holder { max-height: 300px;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-item.product-item--primary .img-holder::before {
content: "";
display: block;
padding-top: 100.81896%;
}
.product-item.product-item--primary figcaption {
text-align: left;
} .product-tabs .tabs-header__title {
display: inline-block;
color: #82868A;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
background-color: transparent;
padding: 15px 25px;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-tabs .tabs-header__title:hover {
color: #0D73FC;
}
.product-tabs .tabs-header__title.active {
color: #FFF;
background-color: #0D73FC;
}
.product-tabs .tabs-content {
margin-top: 0px;
}
@media only screen and (min-width: 768px) {
.product-tabs .tabs-content {
margin-top: 30px;
}
}
@media only screen and (min-width: 992px) {
.product-tabs .tabs-content {
margin-top: 50px;
}
}
@media only screen and (min-width: 1200px) {
.product-tabs .tabs-content {
margin-top: 70px;
}
}
.product-tabs .pagination {
margin-top: 25px;
} .pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination li {
padding-left: 0;
}
.pagination li:before {
display: none;
}
.pagination li:not(:last-of-type) {
margin-right: 8px;
}
.pagination li a {
display: inline-block;
color: #333;
text-decoration: none;
font-weight: 500;
min-width: 30px;
text-align: center;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 576px) {
.pagination li a {
font-size: 16px;
}
}
.pagination li.back a,
.pagination li.next a {
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
padding: 0 10px;
}
@media only screen and (min-width: 576px) {
.pagination li.back a,
.pagination li.next a {
font-size: 16px;
font-weight: 500;
text-transform: initial;
}
}
@media only screen and (min-width: 768px) {
.pagination li a {
min-width: 40px;
padding: 5px;
}
}
@media only screen and (min-width: 992px) {
.pagination li a {
min-width: 50px;
padding: 10px 5px;
}
}
.pagination li a:hover {
color: #FFF;
background-color: #0D73FC;
}
@media only screen and (min-width: 768px) {
.pagination li.back a,
.pagination li.next a {
padding: 5px 25px;
}
.pagination li.back {
margin-right: 15px;
}
.pagination li.next {
margin-left: 7px;
}
}
@media only screen and (min-width: 992px) {
.pagination li.back a,
.pagination li.next a {
padding: 10px 48px;
}
.pagination li.back {
margin-right: 28px;
}
.pagination li.next {
margin-left: 20px;
}
}
.pagination li.current a {
color: #FFF;
background-color: #0D73FC;
} .pagination.pagination--primary li a {
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
} .pagination.pagination--filled li a {
background-color: #EFF2F5;
}
.pagination.pagination--filled li.current a {
color: #FFF;
background-color: #0D73FC;
}
.pagination.pagination--filled li a:hover {
color: #FFF;
background-color: #0D73FC;
} .pagination.pagination--rounded li a {
padding: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 34px;
width: 34px;
border-radius: 50%;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
}
@media only screen and (min-width: 576px) {
.pagination.pagination--rounded li a {
height: 50px;
width: 50px;
}
}
@media only screen and (min-width: 768px) {
.pagination.pagination--rounded li a {
height: 50px;
width: 50px;
}
} .blog-detail {
position: relative;
}
.blog-detail .iframe-holder {
margin: 30px 0;
}
.blog-detail .promo-holder img {
display: inline-block;
width: inherit;
height: auto;
}
.blog-detail .author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 35px 0;
}
@media only screen and (min-width: 768px) {
.blog-detail .author {
padding: 70px 0 35px 0;
}
}
.blog-detail .author-block,
.blog-detail .date-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-detail .promo-holder {
margin: 30px 0;
}
.blog-detail .author-block .img-holder {
height: 48px;
width: 48px;
border-radius: 50%;
position: relative;
overflow: hidden;
margin-right: 15px;
}
.blog-detail .author-block .name {
width: calc(100% - 63px);
}
.blog-detail .author-block .img-holder .img-bg {
z-index: 1;
}
.blog-detail .author-block .name {
font-weight: 500;
}
.blog-detail .date-block .icon {
color: #0D73FC;
margin-right: 7px;
position: relative;
top: -1px;
}
.blog-detail .date-block .date {
font-weight: 500;
}
.blog-detail.nt-has-sidebar .content-block {
padding: 0px 30px 0 30px;
}
.nt-has-sidebar .comments-block {
padding: 0 30px 20px 30px;
}
.blog-detail .content-block {
background-color: #FFFFFF;
padding: 30px 15px 0 15px;
}
.blog-detail .content-block .title {
margin: 46px 0 13px 0;
word-break: break-all;
}
.blog-detail .content-block .title span {
color: #333;
}
.blog-detail .content-block blockquote {
margin: 35px 0;
}
@media only screen and (min-width: 768px) {
.blog-detail .content-block blockquote {
margin: 53px 0 56px 0;
}
}
.blog-detail .tags-block {
margin: 40px 0;
}
.blog-detail .tags-block .name {
width: 100%;
}
@media only screen and (min-width: 576px) {
.blog-detail .tags-block {
margin: 45px 0px 30px;
}
.blog-detail .tags-block .name {
width: auto;
}
} .books {
position: relative;
}
.books::before {
content: "";
position: absolute;
top: -140px;
left: 0;
width: 100%;
height: 140px;
background-color: #EFF2F5;
z-index: -1;
}
.books::after {
content: "";
display: block;
width: 100%;
height: 50%;
position: absolute;
top: 0;
left: 0;
background-color: #EFF2F5;
z-index: -1;
} .book-item {
background-color: #FFF;
padding: 30px 30px 40px 30px;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
.book-item {
padding: 60px 60px 53px 60px;
}
}
@media only screen and (min-width: 1200px) {
.book-item {
padding: 80px 80px 73px 80px;
}
}
.book-item .title a {
color: #333;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.book-item .title a:hover {
color: #0D73FC;
}
.book-item .img-holder {
padding-top: 71.95122%;
}
.book-item .img-bg {
-o-object-fit: contain;
object-fit: contain;
font-family: 'object-fit: contain';
width: auto;
z-index: 2;
}
.book-item figcaption {
margin-top: 25px;
}
.book-item .text-holder {
min-height: 90px;
}
.book-item .with-line {
margin-top: 10px;
} .cases-details {
position: relative;
}
.cases-details .title-block {
border-bottom: 1px solid #F0F3F5;
padding-bottom: 13px;
}
.cases-details .title {
letter-spacing: -0.050em;
}
.cases-details .information-block .information-details {
margin-top: 26px;
}
.cases-details .information-block .detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 13px;
}
@media only screen and (min-width: 576px) {
.cases-details .information-block .detail {
margin-bottom: 0;
}
}
.cases-details .information-block .detail .icon {
color: #0D73FC;
margin-right: 9px;
position: relative;
top: 2px;
}
.cases-details .information-block .detail span {
letter-spacing: -0.050em;
font-weight: 500;
width: calc(100% - 25px);
}
.cases-details .information-block .information-content {
margin-top: 30px;
}
@media only screen and (min-width: 576px) {
.cases-details .information-block .information-content {
margin-top: 45px;
}
}
.cases-details .technical-block {
margin: 50px 0 -40px 0;
}
@media only screen and (min-width: 992px) {
.cases-details .technical-block {
margin: 67px 0 -40px 0;
}
}
.cases-details .technical-content {
margin-top: 22px;
}
.cases-details .technical-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
.cases-details .technical-item .img-holder {
margin-right: 15px;
}
.cases-details .technical-item .icon {
color: #0D73FC;
font-size: 40px;
}
.cases-details .technical-item span {
color: #C7CCD4;
font-size: 13px;
line-height: 27px;
text-transform: uppercase;
font-weight: 500;
}
.cases-details .technical-item p {
color: #333;
font-size: 18px;
line-height: 30px;
font-weight: 700;
margin-bottom: 0;
letter-spacing: -0.050em;
}
.cases-details .recommendation-block {
margin-top: 50px;
padding: 19px 0px 25px 0px;
background-color: #FFF;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) {
.cases-details .recommendation-block {
margin-top: 15px;
}
}
.cases-details .recommendation-block .title-block {
padding: 0 15px 8px 15px;
}
@media only screen and (min-width: 576px) {
.cases-details .recommendation-block .title-block {
padding: 0 30px 8px 30px;
}
}
.cases-details .recommendation-details {
padding: 19px 15px 7px 15px;
border-bottom: 1px solid #F0F3F5;
}
@media only screen and (min-width: 576px) {
.cases-details .recommendation-details {
padding: 19px 30px 7px 30px;
}
}
.cases-details .recommendation-block .detail-item {
margin-bottom: 15px;
}
.cases-details span.title {
color: #C7CCD4;
font-size: 13px;
font-weight: 500;
line-height: 27px;
text-transform: uppercase;
letter-spacing: 0em;
}
.cases-details .detail-item p {
color: #0D73FC;
font-size: 20px;
line-height: 30px;
font-weight: 700;
letter-spacing: -0.050em;
margin-bottom: 0;
}
@media only screen and (min-width: 576px) {
.cases-details .detail-item p {
font-size: 24px;
line-height: 34px;
}
}
@media only screen and (min-width: 768px) {
.cases-details .detail-item p {
font-size: 30px;
line-height: 40px;
}
}
.cases-details .product-details {
padding: 21px 15px 26px 15px;
border-bottom: 1px solid #F0F3F5;
}
@media only screen and (min-width: 576px) {
.cases-details .product-details {
padding: 21px 30px 26px 30px;
}
}
.cases-details .product-details p {
color: #333;
font-size: 20px;
line-height: 30px;
font-weight: 700;
letter-spacing: -0.050em;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.cases-details .product-details p {
line-height: 40px;
}
}
.cases-details .saving-details {
padding: 21px 15px 4px 15px;
border-bottom: 1px solid #F0F3F5;
}
@media only screen and (min-width: 576px) {
.cases-details .saving-details {
padding: 21px 30px 4px 30px;
}
}
.cases-details .r-button-holder {
padding: 0 30px;
text-align: center;
}
.cases-details .saving-details p {
color: #333;
font-size: 20px;
line-height: 40px;
font-weight: 700;
letter-spacing: -0.050em;
}
.cases-details .saving-details p .count {
color: #0D73FC;
font-size: 30px;
}
.cases-details .recommendation-block .r-button {
margin-top: 30px;
width: auto;
}
@media only screen and (min-width: 992px) {
.cases-details .recommendation-block .r-button {
width: 100%;
text-align: center;
}
}
.cases-details .recommendation-block .r-button span,
.cases-details .recommendation-block .r-button::before {
padding: 11px 50px;
}
.cases-details .additionals-block {
margin-top: 50px;
}
@media only screen and (min-width: 992px) {
.cases-details .additionals-block {
margin-top: 67px;
}
}
.cases-details .additionals-block .title-block {
border-bottom: none;
}
.cases-details .characteristics-table .table-cell {
width: 33.333%;
} .project-gallery-section .heading {
width: 100%;
max-width: 100%;
text-align: left;
}
.project-gallery .slick-slide {
outline: none;
}
.project-gallery .gallery-item {
position: relative;
display: block;
overflow: hidden;
min-height: 230px;
}
@media only screen and (min-width: 1200px) {
.project-gallery {
outline: none;
}
.project-gallery .gallery-item {
min-height: 280px;
}
}
.project-gallery .img-bg {
z-index: -1;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.project-gallery .overlay {
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.project-gallery .gallery-item:hover .img-bg {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.project-gallery .gallery-item:hover .overlay {
background-color: rgba(13, 115, 252, 0.55) !important;
}
.project-gallery-holder .slick-dots {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
} .live-comment {
background-color: #EFF2F5;
}
.contact--form.comment-form {
position: static;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
top: auto;
left: auto;
background: none;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0 auto;
}
.contact--form.comment-form .r-button-holder {
margin-top: 65px;
}
@media only screen and (min-width: 576px) {
.contact--form.comment-form .r-button-holder {
margin-top: 75px;
}
}
.contact--form.comment-form .r-button {
margin-top: 0;
}
.contact--form.comment-form .r-button span {
background-color: #EFF2F5;
}
.contact--form.comment-form .r-button-holder {
text-align: center;
}
.comment-form.comment-form--with-rating .r-button-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media only screen and (min-width: 576px) {
.comment-form.comment-form--with-rating .r-button-holder {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.comment-form.comment-form--with-rating .r-button span {
background-color: #FFF;
}
.comment-form.comment-form--with-rating .rating-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 22px;
}
@media only screen and (min-width: 576px) {
.comment-form.comment-form--with-rating .rating-block {
margin-bottom: 0;
}
}
.comment-form.comment-form--with-rating .rating-block p {
color: #333;
font-weight: 700;
margin-bottom: 0;
} .comments-block .heading {
background-color: #0D73FC;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 40px 0 60px;
}
@media only screen and (min-width: 768px) {
.comments-block .heading {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.comments-block .heading .icon {
color: #FFF;
margin-right: 10px;
}
.comments-block .author {
padding: 0;
}
.comments-block .author .name {
color: #FFF;
}
.comments-block .comment-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 15px 0;
}
@media only screen and (min-width: 768px) {
.comments-block .comment-detail {
margin: 0;
}
}
.comments-block .comment-detail .count {
color: #FFF;
font-weight: 500;
}
.comments-block .likes-count {
margin-right: 23px;
}
.comments-block .socials-primary a {
color: #FFF;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 36px;
width: 36px;
border: 2px solid #FFF;
text-decoration: none;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.comments-block .socials-primary a:hover {
color: #0D73FC;
background-color: #FFF;
}
.comments-block .comments-total {
color: #0D73FC;
font-size: 18px;
font-weight: 500;
margin-bottom: 23px;
}
.comments-block .comments-total i {
font-size: 11px;
vertical-align: middle;
margin-left: 5px;
}
.comments-block .comment-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.comments-block .comment-item:not(:last-of-type) {
margin-bottom: 30px;
}
@media only screen and (min-width: 576px) {
.comments-block .comment-item:not(:last-of-type) {
margin-bottom: 40px;
}
}
@media only screen and (min-width: 768px) {
.comments-block .comment-item:not(:last-of-type) {
margin-bottom: 55px;
}
}
.comments-block .comment-item.sub-comment {
padding-left: 20px;
margin-top: 30px;
}
@media only screen and (min-width: 576px) {
.comments-block .comment-item.sub-comment {
margin-top: 40px;
padding-left: 70px;
}
}
@media only screen and (min-width: 768px) {
.comments-block .comment-item.sub-comment {
margin-top: 55px;
}
}
.comments-block .comment-item .img-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 48px;
width: 48px;
border-radius: 50%;
position: relative;
overflow: hidden;
}
.comments-block .comment-heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.comments-block .comment-heading .name,
.comments-block .comment-heading .date {
font-weight: 500;
}
.comments-block .comment-heading .date {
color: #0D73FC;
margin-left: 10px;
}
.comments-block .comment-heading .icon {
color: #0D73FC;
font-size: 18px;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
cursor: pointer;
position: relative;
top: -2px;
}
.comments-block .comment-heading .icon:hover {
color: #333;
}
.comments-block .comment-item .text-holder {
width: calc(100% - 58px);
}
.comments-block .comment-item .text-holder p {
margin-bottom: 0;
line-height: 26px;
}
.comments-block .comment-item .comment-content {
margin-top: 2px;
}
.comments-block .comment-rating .stars {
pointer-events: none;
margin-left: -11px;
}
.comments-block .comment-rating .stars .rating__label {
font-size: 16px;
} section.product-params {
position: relative;
padding-bottom: 0;
}
@media only screen and (min-width: 1200px) {
section.product-params {
padding-bottom: 140px;
}
}
@media only screen and (min-width: 1200px) {
.product-params::before {
content: "";
height: 100%;
width: 50%;
background-color: #EFF2F5;
position: absolute;
top: 0;
left: 0;
}
}
.product-params .icon-item .title {
font-size: 24px;
line-height: 34px;
letter-spacing: -0.050em;
margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
.product-params .icon-item .title {
font-size: 30px;
line-height: 40px;
}
}
.product-params .icon-item p {
color: #C7CCD4;
line-height: iniital;
}
@media only screen and (min-width: 992px) {
.product-params .icon-item p {
font-size: 18px;
line-height: 27px;
}
}
.product-params .icon-item p:last-of-type {
margin-bottom: 0;
}  .description-item {
position: relative;
}
.description-item .primary-heading {
text-align: left;
margin-bottom: 0px;
}
.description-item .text {
margin-top: 20px;
}
.description-item .text:last-of-type {
margin-bottom: 0;
}
.description-item__img img {
width: 100%;
height: auto;
}
.description-item:nth-of-type(odd)::after {
content: "";
width: 80px;
height: 100%;
background-color: #0D73FC;
position: absolute;
top: 0;
right: 0;
display: none;
}
.description-item:nth-of-type(odd) .description-item__img {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.description-item:nth-of-type(odd) .description-item__img {
margin-bottom: 0px;
}
}
@media only screen and (min-width: 1367px) {
.description-item:nth-of-type(odd)::after {
width: 80px;
display: block;
}
}
@media only screen and (min-width: 1600px) {
.description-item:nth-of-type(odd)::after {
width: 150px;
}
}
.description-item:not(:last-of-type) {
margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
.description-item:not(:last-of-type) {
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1200px) {
.description-item:not(:last-of-type) {
margin-bottom: 120px;
}
}
.description-item:nth-of-type(even) .description-item__img {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.description-item:nth-of-type(even) .description-item__img {
margin-bottom: 0px;
}
} section.section.product-info {
position: relative;
z-index: 4;
}
.product-info .bg-holder {
display: none;
position: absolute;
top: 0;
left: 0;
width: 60%;
height: 100%;
}
@media only screen and (min-width: 768px) {
.product-info .bg-holder {
display: block;
}
}
.product-info .title {
line-height: 40px;
letter-spacing: -0.050em;
margin-bottom: 21px;
}
.product-info .text-holder {
color: #FFF;
background-color: #0D73FC;
padding: 40px 30px;
margin: 0;
}
@media only screen and (min-width: 768px) {
.product-info .text-holder {
padding: 60px 50px 65px 50px;
margin: 90px 0;
}
}
@media only screen and (min-width: 992px) {
.product-info .text-holder {
padding: 80px 70px 65px 70px;
margin: 120px 0;
}
}
@media only screen and (min-width: 1200px) {
.product-info .text-holder {
padding: 105px 100px 85px 100px;
margin: 140px 0;
}
}
.product-info .text-holder .text {
color: #FFF;
opacity: 0.5;
} .accordion-item--with-shadow {
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.04);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.04);
}
.accordion-item--with-border {
border: 1px solid #EFF2F5;
}
.accordion-item:not(:last-of-type) {
margin-bottom: 30px;
}
.accordion-item .title-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
padding: 15px;
}
@media only screen and (min-width: 576px) {
.accordion-item .title-block {
padding: 19px 30px;
}
}
@media only screen and (min-width: 992px) {
.accordion-item .title-block {
padding: 25px 30px;
}
}
.accordion-item .title {
font-size: 16px;
}
@media only screen and (min-width: 576px) {
.accordion-item .title {
font-size: 18px;
}
}
.accordion-item .title-block .title {
margin-bottom: 0;
width: calc(100% - 50px);
}
.accordion-item .title-block .icon {
color: #0D73FC;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.accordion-item .title-block .icon.active {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.accordion-item .content-block {
display: none;
padding: 0 30px 10px 30px;
} .error-main {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.error .heading {
margin-bottom: 0;
}
.error .title {
margin: 0;
}
.error .subtitle {
margin: 0;
}
.error .subtitle span {
color: #FFF;
}
.error .subtitle span:last-of-type {
color: #0D73FC;
}
.error p {
color: #FFF;
font-size: 18px;
line-height: 70px;
font-weight: 700;
margin: 0;
}
.error .r-button {
margin-top: 11px;
}
.error .r-button span,
.error .r-button::before {
padding: 13px 54px;
} .shop-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: 1540px;
margin: 0 auto;
background-color: #FFF;
z-index: 3;
position: fixed;
top: 0;
left: 0;
width: 100%;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
min-height: 69px;
}
@media only screen and (min-width: 992px) {
.shop-header {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.shop-header .hamburger {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 24px;
width: 24px;
}
@media only screen and (min-width: 576px) {
.shop-header .hamburger {
height: 69px;
width: 69px;
}
}
@media only screen and (min-width: 992px) {
.shop-header .hamburger {
display: none;
}
}
.shop-header .container-fluid {
padding: 0;
}
.shop-header .lower {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px;
}
@media only screen and (min-width: 576px) {
.shop-header .lower {
padding: 0 0 0 15px;
}
}
@media only screen and (min-width: 1200px) {
.shop-header .lower {
padding: 0 0 0 48px;
}
}
.shop-header .top-line {
display: none;
background-color: #25272A;
font-size: 14px;
line-height: 30px;
font-weight: 500;
}
@media only screen and (min-width: 992px) {
.shop-header .top-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 13px 15px;
}
}
@media only screen and (min-width: 1200px) {
.shop-header .top-line {
padding: 13px 48px 12px 48px;
}
}
.shop-header .top-line .contacts-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shop-header .top-line .contacts-block p {
color: #FFF;
margin: 0;
}
.shop-header .top-line .contacts-block a {
display: inline-block;
color: #FFF;
text-decoration: none;
position: relative;
}
.shop-header .top-line .phones-block,
.shop-header .top-line .mail-block {
margin-left: 59px;
}
.shop-header .top-line .phones-block a:not(:last-of-type) {
margin-right: 15px;
}
.shop-header .top-line .contacts-block a::after {
content: "";
display: block;
width: 0;
height: 2px;
background: #0D73FC;
position: absolute;
bottom: -10px;
left: 0;
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.shop-header .top-line .contacts-block a:hover::after {
width: 100%;
}
.shop-header .column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.shop-header .socials-primary a {
color: #0D73FC;
font-size: 16px;
}
.shop-header .socials-primary a:hover {
color: #FFF;
}
.shop-header .block-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 576px) {
.shop-header .block-right {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.shop-header .lang-select {
margin-right: 0;
}
.shop-header .cart-dropdown {
display: none;
position: absolute;
right: 0px;
top: 115px;
}
@media only screen and (min-width: 992px) {
.shop-header .cart-dropdown {
display: block;
}
}
.shop-header .user-block .icon {
font-size: 24px;
color: #25272A;
position: relative;
top: 1px;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.shop-header .user-block:hover .icon {
color: #0D73FC;
}
.shop-header .lang-block {
margin-right: 0px;
}
@media only screen and (min-width: 992px) {
.shop-header .lang-block {
margin-right: 15px;
}
}
@media only screen and (min-width: 1200px) {
.shop-header .lang-block {
margin-right: 30px;
}
}
.cart-block,
.user-block {
position: relative;
cursor: pointer;
height: 69px;
width: 69px;
display: none;
}
@media only screen and (min-width: 576px) {
.cart-block,
.user-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 992px) {
.cart-block,
.user-block {
height: 80px;
width: 80px;
}
}
@media only screen and (min-width: 1200px) {
.cart-block,
.user-block {
height: 95px;
width: 95px;
}
}
.cart-block {
background-color: #0D73FC;
}
.cart-block .icon {
color: #FFF;
font-size: 24px;
}
.cart-block .count {
display: inline-block;
color: #333;
height: 18px;
min-width: 18px;
border-radius: 50%;
text-align: center;
font-size: 10px;
padding: 0 3px;
font-weight: 700;
background-color: #FFF;
border: 2px solid #0D73FC;
position: absolute;
top: 20px;
right: 18px;
}
@media only screen and (min-width: 992px) {
.cart-block .count {
top: 25px;
right: 25px;
}
}
@media only screen and (min-width: 1200px) {
.cart-block .count {
top: 35px;
right: 30px;
}
}
.cart-trigger {
display: none;
}
@media only screen and (min-width: 576px) {
.cart-trigger {
display: block;
}
}
.cart-trigger:hover .cart-dropdown {
top: 80px;
opacity: 1;
visibility: visible;
z-index: 5;
}
@media only screen and (min-width: 1200px) {
.cart-trigger:hover .cart-dropdown {
top: 95px;
}
} .cart-dropdown {
width: 100%;
max-width: 560px;
background-color: #FFFFFF;
-webkit-box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.06);
box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.06);
border-top: 1px solid #F3F6F8;
opacity: 0;
visibility: hidden;
z-index: -1;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cart-dropdown .items-holder {
height: 603px;
overflow-y: scroll;
}
.cart-dropdown .cart-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #F3F6F8;
padding: 40px;
}
.cart-dropdown .remove {
cursor: pointer;
color: #0D73FC;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
background-color: #EFF2F5;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cart-dropdown .remove:hover {
background-color: #0D73FC;
color: #FFF;
}
.cart-dropdown .remove {
font-size: 11px;
}
.cart-dropdown .cart-item .item-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: calc(100% - 60px);
}
.cart-dropdown .cart-item .item-block .img-bg {
z-index: 1;
}
.cart-dropdown .cart-item .text-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.cart-dropdown .cart-item .text-holder p {
color: #C7CCD4;
font-size: 13px;
letter-spacing: -0.050em;
margin: 0;
}
.cart-dropdown .cart-item .text-holder a {
display: inline-block;
margin: 3px 0;
color: #333;
font-size: 16px;
font-weight: 700;
letter-spacing: -0.050em;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
text-decoration: none;
}
.cart-dropdown .cart-item .text-holder a:hover {
color: #0D73FC;
}
.cart-dropdown .cart-item .img-holder {
height: 120px;
width: 90px;
position: relative;
}
.cart-dropdown .cart-item .img-holder .img-bg {
-o-object-fit: contain;
object-fit: contain;
font-family: 'object-fit: contain';
}
.cart-dropdown .cart-item .text-holder {
width: calc(100% - 178px);
}
.cart-dropdown .cart-item .count {
color: #82868A;
font-weight: 700;
letter-spacing: -0.050em;
}
.cart-dropdown .cart-lower {
padding: 35px 40px 40px 40px;
}
.cart-dropdown .lower .subtitle,
.cart-dropdown .lower .value {
font-weight: 500;
letter-spacing: -0.050em;
}
.cart-dropdown .r-buttons-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
}
.cart-dropdown .r-button {
font-weight: 500;
}
.cart-dropdown .r-button--filled span,
.cart-dropdown .r-button--filled::before {
padding: 13px 50px;
}
.cart-dropdown .r-button--transparent span,
.cart-dropdown .r-button--transparent::before {
padding: 11px 46px;
} .relevant-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 992px) {
.relevant-holder {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.relevant-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: hidden;
position: relative;
}
.relevant-item:first-of-type {
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
padding: 30px;
}
@media only screen and (min-width: 768px) {
.relevant-item:first-of-type {
padding: 50px 55px 33px 55px;
}
}
@media only screen and (min-width: 992px) {
.relevant-item:first-of-type {
width: calc(100% - 380px);
}
}
.relevant-item .r-button::before {
background-color: #FFF;
color: #25272A;
}
.relevant-item:last-of-type {
background-color: #0D73FC;
padding: 30px;
}
@media only screen and (min-width: 768px) {
.relevant-item:last-of-type {
padding: 50px 50px 32px 50px;
}
}
@media only screen and (min-width: 992px) {
.relevant-item:last-of-type {
width: 100%;
max-width: 380px;
}
}
.relevant-item .ribbon {
display: inline-block;
background-color: #FFF;
font-size: 13px;
font-weight: 500;
padding: 4px 10px 6px 10px;
text-transform: uppercase;
margin-bottom: 18px;
}
.relevant-item .ribbon.event {
color: #0D73FC;
}
.relevant-item .ribbon.discount {
color: #333;
}
.relevant-item .title {
font-size: 32px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.relevant-item .title {
font-size: 40px;
font-weight: 900;
}
}
@media only screen and (min-width: 992px) {
.relevant-item .inner-text {
min-height: 106px;
}
}
.relevant-item:first-of-type .title {
color: #0D73FC;
}
.relevant-item:first-of-type p {
color: #FFF;
font-size: 20px;
text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
.relevant-item:first-of-type p {
font-size: 25px;
}
}
.relevant-item:first-of-type .r-button::before,
.relevant-item:first-of-type .r-button span {
padding: 13px 40px;
}
@media only screen and (min-width: 992px) {
.relevant-item:first-of-type .r-button::before,
.relevant-item:first-of-type .r-button span {
padding: 13px 50px;
}
}
@media only screen and (min-width: 1200px) {
.relevant-item:first-of-type .r-button::before,
.relevant-item:first-of-type .r-button span {
padding: 13px 67px;
}
}
.relevant-item:first-of-type .text-holder {
width: calc(100% - 40px);
}
@media only screen and (min-width: 992px) {
.relevant-item:first-of-type .text-holder {
width: calc(100% - 200px);
}
}
@media only screen and (min-width: 1200px) {
.relevant-item:first-of-type .text-holder {
width: calc(100% - 280px);
}
}
.relevant-item:first-of-type .img-holder {
width: 100%;
max-width: 160px;
text-align: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 50%;
right: -100px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (min-width: 576px) {
.relevant-item:first-of-type .img-holder {
position: static;
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
}
@media only screen and (min-width: 992px) {
.relevant-item:first-of-type .img-holder {
max-width: 160px;
}
}
@media only screen and (min-width: 1200px) {
.relevant-item:first-of-type .img-holder {
max-width: 240px;
}
}
.relevant-item:first-of-type .img-holder img {
display: inline-block;
width: 100%;
max-height: 305px;
}
.relevant-item:last-of-type .title {
color: #FFF;
}
.relevant-item:last-of-type p {
line-height: 21px;
color: #FFF;
opacity: 0.5;
}
.relevant-item:last-of-type .r-button span {
background-color: #25272A;
}
.relevant-item:last-of-type .r-button::before,
.relevant-item:last-of-type .r-button span {
padding: 13px 54px;
}
.relevant-item:last-of-type img {
position: absolute;
top: 25px;
right: 0;
} .catalog .pagination-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: 70px;
} .catalog-aside {
letter-spacing: -0.050em;
}
.catalog .aside-holder {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
max-width: 270px;
padding-top: 50px;
z-index: 4;
overflow-y: scroll;
background-color: #FFF;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.catalog .aside-holder.is-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
@media only screen and (min-width: 992px) {
.catalog .aside-holder {
position: static;
z-index: 1;
height: auto;
overflow-y: auto;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
max-width: 100%;
padding: 0;
}
}
.catalog .filter-trigger {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 30px;
}
.catalog .filter-trigger .title {
font-size: 18px;
font-weight: 500;
margin-left: 10px;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.catalog .filter-trigger .icon {
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.catalog .filter-trigger:hover .title,
.catalog .filter-trigger:hover .icon {
color: #0D73FC;
}
.catalog .close-aside {
cursor: pointer;
position: absolute;
top: 20px;
right: 15px;
}
.form--primary label {
margin-bottom: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form--primary fieldset.price,
.form--primary fieldset.brands,
.form--primary fieldset.power,
.form--primary fieldset.colors {
padding: 0 20px;
border-bottom: 1px solid #F0F3F6;
}
.form--primary .tags {
padding: 0 20px;
}
.form--primary .tags-block {
margin-top: 9px;
}
.form--primary fieldset.r-button-block {
padding: 30px 20px;
}
.form--primary .price-block {
margin-top: 8px;
padding-bottom: 30px;
}
.form--primary .irs {
margin-top: -29px;
}
.form--primary .irs-max,
.form--primary .irs-min,
.form--primary .irs-single {
display: none;
}
.form--primary .irs--round .irs-handle {
border: 3px solid #FFF;
background-color: #0D73FC;
height: 14px;
width: 14px;
top: 30px;
cursor: pointer;
}
.form--primary .irs--round .irs-bar {
height: 5px;
background-color: #0D73FC;
}
.form--primary .irs--round .irs-line {
height: 5px;
background-color: #F0F2F5;
}
.form--primary .irs-from,
.form--primary .irs-to {
display: none;
}
.form--primary .values-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px;
}
.form--primary .values-block input {
outline: none;
height: 40px;
width: 90px;
border: 1px solid #D0D1D2;
border-radius: 50px;
font-size: 14px;
line-height: 40px;
text-align: center;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form--primary .values-block .separator {
height: 1px;
width: 30px;
background-color: #D0D1D2;
}
.form--primary .title {
position: relative;
cursor: pointer;
margin: 0;
padding: 15px 0;
z-index: 2;
}
.form--primary .title::before,
.form--primary .title::after {
content: "";
display: block;
width: 6px;
height: 2px;
background-color: #0D73FC;
position: absolute;
top: 26px;
pointer-events: none;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.form--primary .title::before {
right: 3px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.form--primary .title::after {
right: 0px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.form--primary .title.active::after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.form--primary .title.active::before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.form--primary .brands-block {
margin-top: 3px;
padding-bottom: 18px;
}
.form--primary .power-block {
margin-top: 5px;
padding-bottom: 8px;
}
.form--primary .power-block label,
.form--primary .brands-block label,
.form--primary .colors-block label {
cursor: pointer;
}
.form--primary .colors-block {
padding-bottom: 10px;
}
.form--primary .brand-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.form--primary .brand-item:not(:last-of-type) {
margin-bottom: 18px;
}
.form--primary .brand-item label {
max-width: calc(100% - 40px);
}
.form--primary .checkbox--rounded-mask {
height: 14px;
width: 14px;
background-color: #EFF2F5;
border-radius: 50%;
margin-right: 9px;
}
.form--primary .checkbox--rounded {
position: absolute;
z-index: -1;
visibility: hidden;
}
.form--primary .checkbox--rounded:checked+.checkbox--rounded-mask {
background-color: #0D73FC;
}
.form--primary .power-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form--primary .power-item {
position: relative;
width: 40%;
}
.form--primary .power-item {
margin-bottom: 14px;
}
.form--primary .checkbox--primary {
position: absolute;
z-index: -1;
visibility: hidden;
}
.form--primary .checkbox--primary-mask {
height: 14px;
width: 14px;
background-color: #EFF2F5;
margin-right: 10px;
}
.form--primary .checkbox--primary:checked+.checkbox--primary-mask {
background-color: #0D73FC;
background-image: url(//www.tnbes.com.my/wp-content/themes/r-energy/img/svg/check.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 9px 9px;
}
.form--primary .colors-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 9px -9px 0 -9px;
}
.form--primary .color-item {
position: relative;
margin: 0 9px 13px 9px;
}
.form--primary .checkbox--color {
position: absolute;
z-index: -1;
visibility: hidden;
}
.form--primary .checkbox--color-mask {
height: 30px;
width: 30px;
border-radius: 50%;
}
.form--primary .checkbox--color:checked+.checkbox--color-mask {
background-image: url(//www.tnbes.com.my/wp-content/themes/r-energy/img/svg/check.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 9px 9px;
}
.form--primary r-button {
padding: 0;
}
.form--primary .r-button {
background: none;
width: 100%;
}
.form--primary .r-button span,
.form--primary .r-button::before {
padding: 10px 40px;
}
.form--primary .r-button span {
background-color: #FFF;
} .catalog-tabs .tabs-header {
border-bottom: 1px solid #EFF2F5;
}
.catalog-tabs .tabs-header__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
cursor: pointer;
padding: 15px 20px 12px 20px;
letter-spacing: -0.050em;
background-color: #FFF;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.catalog-tabs .tabs-header__title::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 3px;
background-color: transparent;
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.catalog-tabs .tabs-header__title:hover::before {
background-color: #0D73FC;
}
.catalog-tabs .tabs-header__title.active {
color: #FFF;
background-color: #0D73FC;
}
.catalog-tabs .tabs-header__title .item {
width: calc(100% - 40px);
}
.catalog-tabs .tabs-header__title .count {
opacity: 0.7;
}
.filter-backdrop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(33, 35, 38, 0.5);
opacity: 0;
z-index: -1;
}
.filter-backdrop.is-active {
opacity: 1;
z-index: 3;
}
@media only screen and (min-width: 992px) {
.filter-backdrop {
display: none;
}
} .additional .primary-heading {
text-align: left;
max-width: 100%;
}
.additional .additional-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.additional .slick-dots {
margin-top: 50px;
} .additional-slider {
margin: -20px -15px 0 -15px;
}
.additional-slider .slick-track {
padding-top: 20px;
}
.additional-slider .slick-slide {
margin: 0 15px;
outline: none;
}
.additional-slider .product-item {
padding: 0;
width: 100%;
margin-bottom: 0;
} .shop-product .sliders-holder {
width: 100%;
max-width: 600px;
}
.shop-product .downloads-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 40px;
}
@media only screen and (min-width: 992px) {
.shop-product .downloads-block {
margin-top: 153px;
}
}
@media only screen and (min-width: 1200px) {
.shop-product .downloads-block {
margin-top: 173px;
}
}
.shop-product .downloads-block a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #333;
font-weight: 500;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.shop-product .downloads-block a:hover {
color: #0D73FC;
}
.shop-product .downloads-block a:hover .icon-holder {
background-color: #0D73FC;
color: #FFF;
}
.shop-product .downloads-block a:not(:last-of-type) {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.shop-product .downloads-block a:not(:last-of-type) {
margin-bottom: 40px;
}
}
.shop-product .downloads-block .icon-holder {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #EFF2F5;
height: 30px;
width: 30px;
color: #0D73FC;
margin-right: 10px;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
} .product-slider .slider-item {
position: relative;
padding-top: 101.16667%;
background-color: #EFF2F5;
background-position: bottom right;
background-repeat: no-repeat;
background-size: cover;
}
.product-slider img {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
max-height: 70%;
max-width: 80%;
}
.nav-slider .slider-item {
cursor: pointer;
position: relative;
padding-top: 100%;
vertical-align: top;
}
.nav-slider img {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
margin: auto;
max-width: 70%;
max-height: 70%;
}
.nav-slider .slick-slide {
border-bottom: 4px solid transparent;
-webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.nav-slider .slick-slide:hover,
.nav-slider .slick-current {
border-color: #0D73FC;
} .product-about {
margin-top: 20px;
}
@media only screen and (min-width: 992px) {
.product-about {
margin-top: 0;
}
}
.product-about .status-block {
border-bottom: 1px solid #EFF2F5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 14px 0 30px 0;
margin-bottom: 24px;
}
.product-about .status-block p {
color: #333;
font-weight: 500;
margin-bottom: 0;
}
.product-about .status-block .current-status {
color: #0D73FC;
}
.product-about .status-block .r-buttons span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 30px;
width: 30px;
background-color: #EFF2F5;
cursor: pointer;
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-about .status-block .r-buttons span.active {
background-color: #0D73FC;
}
.product-about .status-block .r-buttons span.active .icon {
color: #FFF;
}
.product-about .status-block .r-buttons span:hover {
background-color: #0D73FC;
}
.product-about .status-block .r-buttons span:hover .icon {
color: #FFF;
}
.product-about .status-block .r-buttons span:not(:last-of-type) {
margin-right: 10px;
}
.product-about .status-block .r-buttons .icon {
color: #0D73FC;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-about .details {
padding: 0px 0 20px 0;
letter-spacing: -0.050em;
border-bottom: 1px solid #EFF2F5;
}
.product-about .details .name {
margin-bottom: 0;
}
.product-about .details .price {
display: inline-block;
color: #0D73FC;
font-size: 30px;
font-weight: 700;
margin: 23px 0 21px 0;
}
.product-about .details .details-inner p {
color: #C7CCD4;
font-size: 18px;
margin-bottom: 0;
}
.product-about .details .details-inner p .value {
color: #333;
}
.product-about .tags-block {
padding-top: 24px;
font-size: 18px;
font-weight: 500;
}
.product-about .tags-block a {
margin-left: 10px;
position: relative;
font-size: 13px;
font-weight: 500;
background-color: #f6f8f9;
padding: 11px 20px 10px 20px;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
-o-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
margin-bottom: 0px;
text-decoration: none;
color: #333;
}
.product-about .tags-block a:hover {
background-color: #25272a;
color: #fff;
}
.product-about .tags-block .name,
.product-about .rating-block .name {
width: 100%;
font-size: 18px;
font-weight: 500;
margin-bottom: 15px;
}
.product-about .rating-block {
margin-top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #EFF2F5;
padding-bottom: 30px;
}
.product-about .rating-block .stars {
pointer-events: none;
margin-left: -12px;
}
.product-about .rating-block .reviews-count {
color: #0D73FC;
font-size: 18px;
font-weight: 500;
}
.product-about .add-block form.simple-cart,.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
padding: 30px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.product-about .woocommerce-variation-price {
padding: 30px 0 0;
}
.product-about .woocommerce-variation-price .price .amount {
display: inline-block;
color: #0D73FC;
font-size: 30px;
font-weight: 700;
}
a.reset_variations {
margin-left: 10px;
}
table.woocommerce-grouped-product-list.group_table {
padding: 30px 0;
display: block;
}
.product-about  table.variations {
margin: 30px 0 0;
}
@media only screen and (min-width: 992px) {
.product-about .add-block form {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.product-about .add-block .count-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #D0D1D2;
width: 169px;
height: 50px;
}
.product-about .add-block .count-block span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 48px;
width: 48px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #D0D1D2;
font-size: 18px;
font-weight: 500;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-about .add-block .count-block span:hover {
background-color: #0D73FC;
color: #FFF;
}
.product-about .add-block .count-block .items-count {
font-size: 18px;
font-weight: 500;
width: calc(100% - 100px);
text-align: center;
border: none;
}
.product-about .add-block .r-button {
width: 169px;
text-align: center;
}
@media only screen and (min-width: 576px) {
.product-about .add-block .r-button {
text-align: left;
width: auto;
}
}
.product-about .add-block .r-button span,
.product-about .add-block .r-button::before {
padding: 13px 30px 14px 30px;
}
@media only screen and (min-width: 992px) {
.product-about .add-block .r-button span,
.product-about .add-block .r-button::before {
padding: 13px 45px;
}
}
@media only screen and (min-width: 1200px) {
.product-about .add-block .r-button span,
.product-about .add-block .r-button::before {
padding: 13px 83px;
}
}
.product-about input[type=number]::-webkit-inner-spin-r-button {
-webkit-appearance: none;
margin: 0;
}
.product-info-tabs {
margin-top: 40px;
}
@media only screen and (min-width: 992px) {
.product-info-tabs {
margin-top: 70px;
}
}
@media only screen and (min-width: 1200px) {
.product-info-tabs {
margin-top: 85px;
}
}
.product-info-tabs .tabs-header__title {
display: inline-block;
color: #82868A;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
background-color: #f6f8f9;
padding: 15px 25px;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.product-info-tabs .tabs-header__title:hover {
color: #0D73FC;
}
.product-info-tabs .tabs-header__title.active {
color: #FFF;
background-color: #0D73FC;
}
.product-info-tabs .tabs-content {
margin-top: 30px;
}
.product-info-tabs .form-block {
margin-top: 40px;
}
@media only screen and (min-width: 768px) {
.product-info-tabs .form-block {
margin-top: 50px;
}
}
@media only screen and (min-width: 992px) {
.product-info-tabs .form-block {
margin-top: 70px;
}
}
@media only screen and (min-width: 1200px) {
.product-info-tabs .form-block {
margin-top: 90px;
}
}
.product-info-tabs .form-block .title {
letter-spacing: -0.050em;
margin-bottom: 38px;
}
.product-info-tabs .form-block .title span {
color: #0D73FC;
}
.product-info-tabs .form-block .comment-form {
margin: 0 -15px;
}
.product-info-tabs .primary-table:not(:last-of-type) {
margin-bottom: 30px;
} .primary-table {
display: table;
border-collapse: collapse;
width: 100%;
}
.primary-table .thead {
display: table-header-group;
border-bottom: 1px solid #E5E5E5;
}
.primary-table .tbody {
display: table-row-group;
}
.primary-table .title {
color: #333;
}
.primary-table .table-row {
display: table-row;
}
.primary-table .table-cell {
display: table-cell;
vertical-align: middle;
color: #777777;
padding: 10px 15px;
}
@media only screen and (min-width: 768px) {
.primary-table .table-cell {
padding: 15px 20px;
}
}
.primary-table .tbody .table-row:nth-of-type(even) {
background-color: #F9F9F9;
}
.specifications-table .table-cell {
width: 50%;
} .stars .rating-group {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.stars .rating__icon {
pointer-events: none;
}
.stars .rating__input {
position: absolute !important;
left: -9999px !important;
}
.stars .rating__label {
cursor: pointer;
padding: 0 0.1em;
font-size: 22px;
margin-bottom: 0;
line-height: 22px;
}
.stars .rating__label--half {
padding-right: 0;
margin-right: -0.6em;
z-index: 2;
}
.stars .rating__icon--star {
color: #FBB437;
}
.stars .rating__icon--none {
color: #eee;
}
.stars .rating__input--none:checked+.rating__label .rating__icon--none {
color: red;
}
.stars .rating__input:checked~.rating__label .rating__icon--star {
color: #F1F3F4;
}
.stars .rating-group:hover .rating__label .rating__icon--star,
.stars .rating-group:hover .rating__label--half .rating__icon--star {
color: #FBB437;
}
.stars .rating__input:hover~.rating__label .rating__icon--star,
.stars .rating__input:hover~.rating__label--half .rating__icon--star {
color: #F1F3F4;
}
.stars .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
color: #eee;
}
.stars .rating__input--none:hover+.rating__label .rating__icon--none {
color: red;
} .shopping-checkout .checkout {
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
}
.shopping-checkout .top-line {
padding: 20px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #0D73FC;
}
@media only screen and (min-width: 576px) {
.shopping-checkout .top-line {
padding: 30px 40px;
}
}
.shopping-checkout .top-line .text {
color: #FFF;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
letter-spacing: 0.040em;
}
@media only screen and (min-width: 576px) {
.shopping-checkout .top-line .text {
display: inline-block;
}
}
.shopping-checkout .top-line .text span {
width: 100%;
}
.shopping-checkout .top-line .text {
width: calc(100% - 50px);
}
.shopping-checkout .top-line .text a {
color: #FFF;
font-weight: 700;
}
.shopping-checkout .top-line .close {
cursor: pointer;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
font-size: 11px;
color: #0D73FC;
background-color: #FFF;
opacity: 1;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 576px) {
.shopping-checkout .top-line .close {
height: 40px;
width: 40px;
line-height: 40px;
}
}
.shopping-checkout .top-line .close:hover {
background-color: #25272A;
color: #FFF;
}
.shopping-checkout .title {
font-size: 18px;
font-weight: 500;
letter-spacing: -0.050em;
}
.billing-form {
padding: 40px 15px 50px 15px;
}
@media only screen and (min-width: 576px) {
.billing-form {
padding: 65px 0px 70px 0px;
}
}
.billing-form .title {
margin-bottom: 30px;
}
.billing-form .input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background: none;
outline: none;
position: relative;
}
.billing-form .input:valid {
border-bottom: 1px solid #3C8EFD;
}
.billing-form .textarea {
resize: none;
border: none;
outline: none;
background: none;
height: 102px;
}
.billing-form .input,
.billing-form .textarea {
font-size: 14px;
border-bottom: 1px solid #E0E1E2;
padding-bottom: 12px;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.billing-form .input::-webkit-input-placeholder,
.billing-form .textarea::-webkit-input-placeholder {
color: #A9ACAF;
}
.billing-form .input::-moz-placeholder,
.billing-form .textarea::-moz-placeholder {
color: #A9ACAF;
}
.billing-form .input:-ms-input-placeholder,
.billing-form .textarea:-ms-input-placeholder {
color: #A9ACAF;
}
.billing-form .input::-ms-input-placeholder,
.billing-form .textarea::-ms-input-placeholder {
color: #A9ACAF;
}
.billing-form .input::placeholder,
.billing-form .textarea::placeholder {
color: #A9ACAF;
}
.billing-form .r-button {
margin-top: 18px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
background: none;
padding: 0;
}
.billing-form .r-button::before,
.billing-form .r-button span {
padding: 11px 37px;
}
.billing-form .input-name {
margin-bottom: 32px;
}
.billing-form .input:focus,
.billing-form .textarea:focus {
border-bottom: 1px solid #0D73FC;
}
.billing-form .input-label,
.billing-form .textarea-label {
width: 100%;
position: relative;
padding-bottom: 12px;
margin-bottom: 31px;
z-index: 2;
}
.billing-form .input-label span,
.billing-form .textarea-label span {
display: inline-block;
color: #A9ACAF;
font-size: 14px;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.billing-form span.required {
color: #FC0D18;
}
.billing-form .input-label .input,
.billing-form .textarea-label .textarea {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.billing-form .input-label .input:focus+span,
.billing-form .input-label .field--filled+span,
.billing-form .textarea-label .textarea:focus+span,
.billing-form .textarea-label .field--filled+span {
-webkit-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px);
font-size: 11px;
}
.billing-form .r-button-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-top: 30px;
}
@media only screen and (min-width: 992px) {
.billing-form .r-button-holder {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 86px;
}
}
.billing-form .radio-block {
padding-left: 25px;
margin-bottom: 20px;
}
.billing-form .radio-block:last-of-type {
margin-bottom: 53px;
}
.billing-form .radio-block p {
font-size: 14px;
line-height: 24px;
}
.billing-form .radio-block label {
position: relative;
cursor: pointer;
}
.billing-form .radio-block .radio-mask {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 14px;
width: 14px;
border-radius: 50%;
background-color: #EFF2F5;
position: absolute;
left: -25px;
top: 4px;
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.billing-form .radio-block .input-radio:checked+.radio-mask {
background-color: #0D73FC;
}
.billing-form .radio-block .input-radio {
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
visibility: hidden;
}
.billing-form .payment-block {
margin-top: 80px;
}
@media only screen and (min-width: 576px) {
.billing-form .payment-block {
margin-top: 90px;
}
}
@media only screen and (min-width: 992px) {
.billing-form .payment-block {
margin-top: 0px;
}
}
.shopping-totals {
margin-top: 43px;
letter-spacing: -0.050em;
}
.shopping-totals .total-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shopping-totals .total-item:first-of-type {
margin-top: 20px;
}
.shopping-totals .total-item:not(:last-of-type) {
margin-bottom: 28px;
}
.shopping-totals .total-item .subtitle {
font-weight: 500;
width: 150px;
}
@media only screen and (min-width: 576px) {
.shopping-totals .total-item .subtitle {
width: 200px;
}
}
.shopping-totals .total-item .value {
color: #82868A;
font-weight: 500;
} .shopping-cart .cart-inner {
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
}
.shopping-cart .cart-heading {
border-bottom: 1px solid #e0e1e2;
padding: 20px 30px;
}
.shopping-cart .cart-heading .product-block {
margin: 0;
}
@media only screen and (min-width: 992px) {
.shopping-cart .cart-heading {
padding: 33px 40px 35px 40px;
}
}
.shopping-cart .cart-heading span {
display: none;
}
@media only screen and (min-width: 992px) {
.shopping-cart .cart-heading span {
display: inline-block;
}
}
.shopping-cart .cart-heading .product-block span {
display: inline-block;
}
.shopping-cart .cart-heading,
.shopping-cart .cart-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.shopping-cart .cart-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
padding: 30px 30px 40px 30px;
}
@media only screen and (min-width: 992px) {
.shopping-cart .cart-item {
text-align: left;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.shopping-cart .cart-item {
border-bottom: 1px solid #e0e1e2;
}
@media only screen and (min-width: 992px) {
.shopping-cart .cart-item {
padding: 40px;
}
}
.shopping-cart .cart-heading span {
font-size: 18px;
font-weight: 500;
letter-spacing: -0.050em;
}
.shopping-cart .cart-heading .next-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.shopping-cart .product-block {
width: 100%;
max-width: 460px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 992px) {
.shopping-cart .product-block {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: -30px;
}
}
.shopping-cart .price-block {
width: 100%;
max-width: 155px;
}
.shopping-cart .quantity-block {
width: 100%;
max-width: 140px;
}
@media only screen and (min-width: 1200px) {
.shopping-cart .quantity-block {
max-width: 185px;
}
}
.shopping-cart .total-block {
width: 100%;
max-width: 150px;
text-align: center;
}
.shopping-cart .total-block .total {
margin: auto;
}
@media only screen and (min-width: 1200px) {
.shopping-cart .total-block {
max-width: 205px;
}
}
.shopping-cart .next-block {
width: 100%;
max-width: 90px;
}
.shopping-cart .coupon-block .r-button.r-button--filled:before {
background-color: #24262a;
color: #ffffff;
border-color: #24262a;
}
.shopping-cart .next-block .favorites,
.shopping-cart .next-block .remove,
.shopping-cart .coupon-block .refresh {
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #0D73FC;
height: 40px;
width: 40px;
background-color: #EFF2F5;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.shopping-cart .coupon-block .refresh:hover,
.shopping-cart .next-block .favorites:hover,
.shopping-cart .next-block .remove:hover {
background-color: #0D73FC;
color: #FFF;
}
.shopping-cart .next-block .remove {
margin-left: 10px;
font-size: 11px;
}
.shopping-cart .cart-item .inner-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 992px) {
.shopping-cart .cart-item .inner-block {
-webkit-box-pack: normal;
-ms-flex-pack: normal;
justify-content: normal;
}
}
.shopping-cart .cart-item .inner-block:not(:last-of-type) {
margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
.shopping-cart .cart-item .inner-block:not(:last-of-type) {
margin-bottom: 0;
}
}
.shopping-cart .cart-item .product-block p {
color: #C7CCD4;
font-size: 13px;
letter-spacing: -0.050em;
margin: 0;
}
.shopping-cart .cart-item .product-block .text-holder a {
color: #333;
font-size: 20px;
font-weight: 700;
letter-spacing: -0.050em;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
text-decoration: none;
}
.shopping-cart .cart-item .product-block .text-holder a:hover {
color: #0D73FC;
}
.shopping-cart .cart-item .img-holder {
height: 120px;
width: 90px;
position: relative;
}
@media only screen and (min-width: 992px) {
.shopping-cart .cart-item .img-holder {
margin-right: 30px;
height: 100px;
width: 70px;
}
}
@media only screen and (min-width: 1200px) {
.shopping-cart .cart-item .img-holder {
height: 120px;
width: 90px;
}
}
.shopping-cart .cart-item .img-holder .img-bg {
-o-object-fit: contain;
object-fit: contain;
font-family: 'object-fit: contain';
}
.shopping-cart .cart-item .text-holder {
margin-top: 10px;
}
@media only screen and (min-width: 992px) {
.shopping-cart .cart-item .text-holder {
width: calc(100% - 120px);
margin-top: 0;
}
}
.shopping-cart .cart-item .count,
.shopping-cart .cart-item .total {
color: #82868A;
font-weight: 700;
letter-spacing: -0.050em;
}
.shopping-cart .count-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #D0D1D2;
width: 140px;
height: 40px;
}
.shopping-cart .count-block span {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 38px;
width: 38px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #D0D1D2;
font-size: 18px;
font-weight: 500;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.shopping-cart .count-block span:hover {
background-color: #0D73FC;
color: #FFF;
}
.shopping-cart .count-block .items-count {
font-size: 18px;
font-weight: 500;
width: calc(100% - 100px);
text-align: center;
border: none;
}
.shopping-cart input[type=number]::-webkit-inner-spin-r-button {
-webkit-appearance: none;
margin: 0;
}
.shopping-cart input[type=number] {
outline: none;
border: 0;
text-align: center;
}
.shopping-cart .coupon-block {
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: 1px solid #F3F6F8;
}
@media only screen and (min-width: 768px) {
.shopping-cart .coupon-block {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (min-width: 992px) {
.shopping-cart .coupon-block {
padding: 40px;
}
}
.shopping-cart .coupon-block .title {
font-size: 18px;
font-weight: 500;
width: 100%;
text-align: center;
}
@media only screen and (min-width: 576px) {
.shopping-cart .coupon-block .title {
width: auto;
margin-right: 29px;
}
}
.shopping-cart .coupon-block .input-holder {
width: 100%;
text-align: center;
}
@media only screen and (min-width: 576px) {
.shopping-cart .coupon-block .input-holder {
width: auto;
text-align: left;
}
}
.shopping-cart .coupon-block input {
height: 50px;
width: 200px;
border: 1px solid #D7D8D9;
font-size: 18px;
padding: 0 18px;
margin-right: 11px;
margin: 15px 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media only screen and (min-width: 576px) {
.shopping-cart .coupon-block .input-holder {
margin-right: 15px;
}
}
@media only screen and (min-width: 768px) {
.shopping-cart .coupon-block input {
margin: 0;
}
}
@media only screen and (min-width: 992px) {
.shopping-cart .coupon-block input {
width: 250px;
}
}
.shopping-cart .coupon-block .r-button span,
.shopping-cart .coupon-block .r-button::before {
padding: 13px 35px;
font-weight: 500;
}
.shopping-cart .coupon-block .refresh {
height: 47px;
width: 47px;
}
@media only screen and (min-width: 576px) {
.shopping-cart .coupon-block .refresh {
height: 50px;
width: 50px;
}
}
@media only screen and (min-width: 768px) {
.shopping-cart .coupon-block .refresh {
margin-left: auto;
}
}
.shopping-cart .shopping-totals {
width: 100%;
max-width: 350px;
padding: 32px 30px 70px 30px;
margin-top: 0;
}
@media only screen and (min-width: 992px) {
.shopping-cart .shopping-totals {
margin-left: auto;
}
}
@media only screen and (min-width: 992px) {
.shopping-cart .shopping-totals {
padding: 32px 40px 80px 40px;
}
}
@media only screen and (min-width: 576px) {
.shopping-cart .shopping-totals .title {
text-align: right;
}
}
.shopping-cart .shopping-totals .total-item .value {
min-width: 65px;
}
@media only screen and (min-width: 576px) {
.shopping-cart .shopping-totals .total-item .value {
text-align: right;
}
}
.shopping-cart .shopping-totals .btn-holder {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 33px;
}
.shopping-cart .shopping-totals .r-button span,
.shopping-cart .shopping-totals .r-button::before {
padding: 12px 30px;
font-weight: 500;
letter-spacing: 0;
}
@media only screen and (min-width: 576px) {
.shopping-cart .shopping-totals .r-button span,
.shopping-cart .shopping-totals .r-button::before {
padding: 12px 48px;
}
}
.shopping-cart .shopping-totals .title {
text-align: left;
} .project-cases .r-button-holder {
margin-top: 70px;
text-align: center;
}
.project-cases .r-button span,
.project-cases .r-button::before {
padding: 11px 40px;
} .cases-item {
position: relative;
}
.cases-item:hover .description {
background-color: #0D73FC;
}
.cases-item:hover .description .title {
color: #fff;
}
.cases-item:hover .description .with--line {
color: #FFF;
}
.cases-item:hover .description .with--line::after {
background-color: #FFF;
}
.cases-item:hover .img-bg {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.cases-item:hover .overlay {
background-color: rgba(13, 115, 252, 0.55);
}
.cases-item .img-holder {
min-height: 300px;
}
@media only screen and (min-width: 992px) {
.cases-item .img-holder {
min-height: 300px;
}
}
@media only screen and (min-width: 1200px) {
.cases-item .img-holder {
min-height: 360px;
}
}
@media only screen and (min-width: 1367px) {
.cases-item .img-holder {
min-height: 420px;
}
}
.cases-item .img-bg {
z-index: -1;
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cases-item .overlay {
-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.project-cases .cases-item {
margin: 0 15px 30px;
}
.cases-item .description {
position: absolute;
bottom: 15px;
right: 18px;
background-color: #fff;
width: 100%;
max-width: 90%;
padding: 35px;
-webkit-transition: background-color .5s cubic-bezier(.645, .045, .355, 1);
-o-transition: background-color .5s cubic-bezier(.645, .045, .355, 1);
transition: background-color .5s cubic-bezier(.645, .045, .355, 1);
}
.cases-item .description .title {
letter-spacing: -0.050em;
-webkit-transition: color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
} .gallery-filter .header-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.gallery-filter .tilemode {
display: none;
pointer-events: none;
}
@media only screen and (min-width: 992px) {
.gallery-filter .tilemode {
display: block;
}
}
.gallery-filter .header__title {
display: inline-block;
color: #82868A;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
background-color: transparent;
padding: 15px 25px;
cursor: pointer;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.gallery-filter .header__title:hover {
color: #0D73FC;
}
.gallery-filter .header__title.active {
color: #FFF;
background-color: #0D73FC;
}
.gallery-filter .gallery {
margin-top: 50px;
}
@media only screen and (min-width: 768px) {
.gallery-filter .gallery {
margin-top: 70px;
}
} .promo--style-2 {
position: relative;
}
.promo--style-2 .slider-nav {
width: 100%;
max-width: 1540px;
position: absolute;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
bottom: 160px;
padding-left: 15px;
}
@media only screen and (min-width: 768px) {
.promo--style-2 .slider-nav {
padding: 35px 75px 35px 340px;
border-bottom: 11px solid #0D73FC;
background-color: rgba(0, 0, 0, 0.37);
bottom: 0;
}
}
@media only screen and (min-width: 1600px) {
.promo--style-2 .slider-nav {
max-width: 1740px;
right: calc((100% - 1540px) / 2);
padding: 35px 75px 35px 415px;
}
}
.promo--style-2 .slick-dots {
padding-bottom: 6px;
}
.promo--style-2 .slick-dots li button {
background-color: #FFF;
}
.promo--style-2 .slick-dots li.slick-active {
border: 2px solid #FFF;
}
.promo--style-2 .slider-nav .inner-holder {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2;
}
.promo--style-2 .paging-info {
color: #FFF;
font-size: 13px;
font-weight: 700;
position: relative;
top: 2px;
}
.promo--style-2 .slick-dots::after {
content: "";
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 92px;
height: 1px;
background-color: #BCBEC1;
margin: 0 29px;
-ms-flex-item-align: center;
align-self: center;
}
@media only screen and (min-width: 576px) {
.promo--style-2 .slick-dots::after {
width: 111px;
}
}
.promo--style-2 .video-block {
position: absolute;
bottom: 0;
left: 0;
width: 300px;
height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 992px) {
.promo--style-2 .video-block {
width: 310px;
height: 175px;
}
}
.promo--style-2 .video-block .overlay {
background-color: rgba(13, 115, 252, 0.4);
}
.promo--style-2 .video-block a {
text-decoration: none;
}
.promo--style-2 .video-block .img-holder {
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.promo--style-2 .video-block i {
position: relative;
z-index: 2;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #333;
color: #FFF;
font-size: 18px;
height: 56px;
width: 56px;
border-radius: 50%;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.promo--style-2 .video-block i:hover {
color: #0D73FC;
background-color: #FFF;
}
.promo--style-2 .socials-primary a {
color: #FFF;
}
.promo--style-2 .socials-primary a:hover {
color: #0D73FC;
}
.promo--style-2 .slider-nav .title {
display: block;
color: #FFF;
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
}
.promo--style-2 .phones-block a {
display: inline-block;
color: #FFF;
font-size: 14px;
font-weight: 500;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.promo--style-2 .phones-block a:hover {
color: #0D73FC;
}
.promo--style-2 .phones-block {
margin-right: 70px;
}
.promo--style-2 .phones-block a:not(:last-of-type) {
margin-right: 15px;
}
@media only screen and (min-width: 768px) {
.promo--style-2 .inner-holder {
margin-left: auto;
}
}
.promo--style-2 .phones-block,
.promo--style-2 .socials-block {
display: none;
}
@media only screen and (min-width: 1200px) {
.promo--style-2 .phones-block,
.promo--style-2 .socials-block {
display: initial;
}
} .services--style-2 .heading p:last-of-type {
padding-bottom: 35px;
border-bottom: 1px solid #D8D8D8;
}
.services--style-2 .img-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 140px;
}
.services--style-2 .img-holder img {
max-height: 140px;
width: auto;
} .benefits .heading {
margin-bottom: 30px;
}
.benefits .bg-holder {
position: relative;
min-height: 350px;
background-color: #EFF2F5;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
@media only screen and (min-width: 992px) {
.benefits .bg-holder {
min-height: 450px;
}
}
@media only screen and (min-width: 1200px) {
.benefits .bg-holder {
min-height: 575px;
}
}
.benefits .bg-holder::before {
content: "";
display: block;
height: 70px;
width: 0%;
background-color: inherit;
position: absolute;
top: -70px;
left: 0;
}
@media only screen and (min-width: 1200px) {
.benefits .bg-holder::before {
width: 20%;
}
}
@media only screen and (min-width: 1600px) {
.benefits .bg-holder::before {
width: 30%;
}
}
.benefits .counter-holder {
background-color: #FFF;
padding: 84px 0 63px 0;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.05);
}
.benefits .counter-block {
position: relative;
z-index: 2;
margin-top: -50px;
}
.benefits .counter-holder {
padding: 60px 0 0 0;
}
@media only screen and (min-width: 768px) {
.benefits .counter-holder {
padding: 84px 0 13px 0;
}
} .news--style-2 .heading {
text-align: left;
max-width: 100%;
margin: 0;
}
.news--style-2 .r-button-holder {
text-align: left;
margin-top: 15px;
}
@media only screen and (min-width: 768px) {
.news--style-2 .r-button-holder {
text-align: right;
margin-top: 0;
}
}
.news--style-2 .r-button span,
.news--style-2 .r-button::before {
padding: 11px 40px;
}
.news-item--style-2 {
position: relative;
}
.news-item--style-2:hover .img-bg {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.news-item--style-2:hover .overlay {
background-color: rgba(13, 115, 252, 0.55);
} .news-item--aside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.news-item--aside:not(:last-of-type) {
margin-bottom: 30px;
}
.news-item--aside .img-holder {
height: 100px;
width: 100px;
}
@media only screen and (min-width: 576px) {
.news-item--aside .img-holder {
height: 135px;
width: 135px;
}
}
@media only screen and (min-width: 1200px) {
.news-item--aside .img-holder {
height: 170px;
width: 170px;
}
}
.news-item--aside .img-bg {
z-index: -1;
}
.news-item--aside .description {
width: calc(100% - 115px);
}
@media only screen and (min-width: 576px) {
.news-item--aside .description {
width: calc(100% - 165px);
}
}
@media only screen and (min-width: 1200px) {
.news-item--aside .description {
width: calc(100% - 200px);
}
}
.news-item--aside .description .date {
color: #1072f6;
font-size: 12px;
line-height: 27px;
text-transform: uppercase;
display: block;
font-weight: 500;
}
.news-item--aside .description a {
color: #333;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.050em;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 576px) {
.news-item--aside .description a {
font-size: 20px;
}
}
@media only screen and (min-width: 1200px) {
.news-item--aside .description a {
font-size: 25px;
}
}
.news-item--aside .description a:hover {
color: #0D73FC;
} .news-item--style-2 {
margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
.news-item--style-2 {
margin-bottom: 0;
}
}
.news-item--style-2 .img-holder {
padding-top: 81.75439%;
}
.news-item--style-2 .img-bg {
z-index: -1;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.news-item--style-2 .overlay {
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.news-item--style-2 .description {
background-color: #333;
padding: 20px 30px 20px 30px;
}
.news-item--style-2 .description .date {
color: #FFF;
font-size: 11px;
line-height: 27px;
text-transform: uppercase;
opacity: 0.7;
display: block;
}
.news-item--style-2 .description a {
color: #FFF;
font-size: 20px;
font-weight: 700;
letter-spacing: -0.050em;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media only screen and (min-width: 1200px) {
.news-item--style-2 .description a {
font-size: 25px;
}
}
.news-item--style-2 .description a:hover {
color: #0D73FC;
} .brands--style-2 {
position: relative;
background-color: #EFF2F5;
margin-top: 70px;
}
.brands--style-2::before {
content: "";
display: block;
width: 50%;
height: 70px;
position: absolute;
top: -70px;
left: 0;
background-color: inherit;
}
.brands--style-2::after {
content: "";
display: none;
height: 420px;
width: 90px;
position: absolute;
top: -210px;
right: 0;
background-color: #0D73FC;
}
@media only screen and (min-width: 1367px) {
.brands--style-2::after {
display: block;
}
} .brand-item--style-2 {
margin-bottom: 0px;
}
.brand-item--style-2 .img-holder {
text-align: center;
}
.brand-item--style-2 .img-holder img {
margin: 0 auto;
max-height: 90px;
width: auto;
}
.brand-item--style-2 figcaption {
margin-top: -50px;
padding: 85px 30px 9px 30px;
background-color: #FFF;
text-align: center;
}
.brand-item--style-2 figcaption .title {
letter-spacing: -0.050em;
} .items-slider .slick-dots {
margin-top: 50px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.items-slider .slick-slide {
padding: 0 15px;
}
.items-slider .slick-list {
margin: 0 -15px;
} .cases--style-2 .heading {
max-width: 100%;
text-align: left;
margin: 0;
}
.cases--style-2 .heading-text {
margin-bottom: 0;
} .cases-slider-holder .slick-dots {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px;
}
.cases-slider figure {
margin-bottom: 0;
}
.cases-slider .img-holder {
padding-top: 59.82906%;
}
.cases-slider .overlay {
-webkit-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.cases-slider .img-bg {
z-index: -1;
}
.cases-slider .slick-current figcaption {
opacity: 1;
}
.cases-slider .slick-current .overlay {
background-color: rgba(13, 115, 252, 0.55);
}
.cases-slider figcaption {
opacity: 1;
-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
padding: 34px 40px 44px 40px;
background-color: #EFF2F5;
}
.cases-slider-holder .slick-slide {
margin-right: 20px;
}
@media only screen and (min-width: 1600px) {
.cases-slider figcaption {
padding: 34px 70px 44px 70px;
}
}
.cases-slider figcaption .title {
letter-spacing: -0.010em;
margin-bottom: 15px;
font-size: 21px;
}
.cases-slider figcaption .title a {
color: #333;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.cases-slider figcaption .title a:hover {
color: #0D73FC;
} footer.footer--style-2 {
padding: 80px 0 30px 0;
}
footer.footer--style-2 .socials-holder {
margin-top: 20px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
footer.footer--style-2 .privacy-block {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
footer.footer--style-2 .privacy-block {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
footer.footer--style-2 .r-button {
padding: 0;
width: 100%;
border: 2px solid #0D73FC;
text-align: center;
margin-top: 15px;
}
footer.footer--style-2 .r-button::before,
footer.footer--style-2 .r-button span {
padding-top: 11px;
padding-bottom: 11px;
}
footer.footer--style-2 .footer-downloads p {
line-height: 20px;
margin-top: 25px;
}
footer.footer--style-2 .footer-contacts {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
footer.footer--style-2 .footer-contacts {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 1200px) {
footer.footer--style-2 .footer-contacts {
margin-bottom: 0;
}
} .platform .wrapper {
position: relative;
padding-bottom: 0px;
}
@media only screen and (min-width: 1200px) {
.platform .wrapper {
padding-bottom: 70px;
}
}
.platform .wrapper::before {
content: "";
display: block;
position: absolute;
top: 90px;
left: 0;
width: 100%;
height: calc(100% - 90px);
background-color: #0D73FC;
z-index: -1;
}
@media only screen and (min-width: 1200px) {
.platform .wrapper::before {
height: calc(100% - 170px);
width: 95%;
}
}
@media only screen and (min-width: 1600px) {
.platform .wrapper::before {
width: 85%;
}
}
.platform .title-block {
width: 100%;
max-width: 470px;
background-color: #EFF2F5;
margin-bottom: 50px;
padding: 50px 30px 40px 30px;
}
@media only screen and (min-width: 992px) {
.platform .title-block {
padding: 82px 55px 70px 55px;
margin-bottom: 80px;
}
}
.platform .title-block .title::before {
content: ".";
color: #0D73FC;
display: inline-block;
margin-right: 8px;
}
.platform .title-block .title {
letter-spacing: -0.050em;
font-size: 30px;
}
@media only screen and (min-width: 992px) {
.platform .title-block .title {
font-size: 40px;
}
}
.platform .title-block .title span {
color: #0D73FC;
}
.platform .text-block {
padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.platform .text-block {
padding-bottom: 70px;
}
}
.platform .text-block .title {
color: #FFF;
font-size: 25px;
margin-bottom: 20px;
}
.platform .text-block p {
color: #D2E5FF;
}
.platform .text-block .with--line {
color: #FFF;
margin-top: 20px;
}
.platform .text-block .with--line::after {
background-color: #FFF;
}
.platform .wrapper .img-background {
display: none;
position: absolute;
bottom: 0;
left: 0;
max-width: 45%;
height: auto;
bottom: 0;
}
@media only screen and (min-width: 1200px) {
.platform .wrapper .img-background {
display: inline-block;
}
} .header--style-3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
max-width: 1540px;
z-index: 3;
min-height: 69px;
background-color: transparent !important;
-webkit-box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 15px 2px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) {
.header--style-3 {
position: absolute;
-webkit-box-shadow: none;
box-shadow: none;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.header--style-3 .r-button {
display: none;
}
@media only screen and (min-width: 992px) {
.header--style-3 .r-button {
display: inline-block;
}
}
.header--style-3 .r-button::before,
.header--style-3 .r-button span {
padding: 11px 30px;
}
@media only screen and (min-width: 992px) {
.header--style-3 .r-button {
display: inline-block;
}
}
@media only screen and (min-width: 1200px) {
.header--style-3 .r-button::before,
.header--style-3 .r-button span {
padding: 15px 45px;
}
}
@media only screen and (min-width: 1367px) {
.header--style-3 .r-button::before,
.header--style-3 .r-button span {
padding: 21px 56px;
}
}
.header--style-3 .container-fluid {
padding: 0;
}
.header--style-3 .top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px;
background-color: #FFF;
}
@media only screen and (min-width: 1200px) {
.header--style-3 .top {
padding: 10px 0 10px 45px;
}
}
.header--style-3 .lower-line {
display: none;
}
@media only screen and (min-width: 992px) {
.header--style-3 .lower-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #25272A;
font-size: 14px;
line-height: 30px;
font-weight: 500;
padding: 13px 48px 12px 48px;
width: 100%;
max-width: 1080px;
}
}
.header--style-3 .lower-line .contacts-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header--style-3 .lower-line .contacts-block p {
color: #FFF;
margin: 0;
}
.header--style-3 .lower-line .contacts-block a {
display: inline-block;
color: #FFF;
text-decoration: none;
position: relative;
}
.header--style-3 .lower-line .phones-block,
.header--style-3 .lower-line .mail-block {
margin-left: 59px;
}
.header--style-3 .lower-line .phones-block a:not(:last-of-type) {
margin-right: 15px;
}
.header--style-3 .lower-line .contacts-block a::after {
content: "";
display: block;
width: 0;
height: 2px;
background: #0D73FC;
position: absolute;
bottom: -10px;
left: 0;
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header--style-3 .lower-line .contacts-block a:hover::after {
width: 100%;
}
.header--style-3 .socials-primary a {
color: #0D73FC;
font-size: 16px;
}
.header--style-3 .socials-primary a:hover {
color: #FFF;
}
.header--style-3 .lang-select {
z-index: 3;
margin-right: 0px;
}
@media only screen and (min-width: 992px) {
.header--style-3 .lang-select {
margin-right: 25px;
}
}
@media only screen and (min-width: 1200px) {
.header--style-3 .lang-select {
margin-right: 30px;
}
}
@media only screen and (min-width: 1200px) {
.header--style-3 .lang-block {
margin-right: 10px;
}
} .promo--style-3 {
position: relative;
}
.promo--style-3 .slider-nav {
width: 100%;
max-width: 1540px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
bottom: 160px;
padding-left: 15px;
}
@media only screen and (min-width: 768px) {
.promo--style-3 .slider-nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
bottom: 66px;
padding-right: 15px;
}
}
@media only screen and (min-width: 1600px) {
.promo--style-3 .slider-nav {
padding-right: 0;
}
}
.promo--style-3 .slick-dots li button {
background-color: #FFF;
}
.promo--style-3 .slick-dots li.slick-active {
border: 2px solid #FFF;
}
.promo--style-3 .slider-nav .inner-holder {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
z-index: 2;
}
.promo--style-3 .paging-info {
color: #FFF;
font-size: 13px;
font-weight: 700;
position: relative;
top: 2px;
}
.promo--style-3 .slick-dots::after {
content: "";
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 1px;
width: 92px;
background-color: #BCBEC1;
margin: 0 29px;
-ms-flex-item-align: center;
align-self: center;
}
@media only screen and (min-width: 576px) {
.promo--style-3 .slick-dots::after {
width: 111px;
}
}
.promo--style-3 .video-block {
position: absolute;
bottom: 0;
left: 0;
width: 300px;
height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.promo--style-3 .video-block {
width: 310px;
height: 175px;
}
}
.promo--style-3 .video-block a {
text-decoration: none;
}
.promo--style-3 .video-block .img-holder {
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.promo--style-3 .video-block i {
position: relative;
z-index: 2;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #333;
color: #FFF;
font-size: 18px;
height: 56px;
width: 56px;
border-radius: 50%;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.promo--style-3 .video-block i:hover {
color: #0D73FC;
background-color: #FFF;
} .features-item {
position: relative;
}
.features-item:not(:last-of-type) {
margin-bottom: 50px;
}
.features-item::before {
content: "";
display: none;
width: 88%;
height: 80%;
background-color: #EFF2F5;
position: absolute;
z-index: -1;
}
@media only screen and (min-width: 992px) {
.features-item::before {
display: block;
}
}
.features-item:nth-of-type(even)::before {
right: 15px;
top: 0;
}
.features-item:nth-of-type(odd)::before {
left: 19px;
bottom: 7px;
}
.features-item:not(:last-of-type) {
margin-bottom: 80px;
}
@media only screen and (min-width: 992px) {
.features-item:not(:last-of-type) {
margin-bottom: 0px;
}
}
.features-item .column {
-ms-flex-item-align: center;
align-self: center;
}
.features-item .img-holder {
position: relative;
min-height: 350px;
}
@media only screen and (min-width: 992px) {
.features-item .img-holder {
min-height: 480px;
}
}
@media only screen and (min-width: 1200px) {
.features-item .img-holder {
min-height: 570px;
}
}
.features-item .nt-count {
color: #0D73FC;
font-size: 24px;
font-weight: 500;
}
.features-item .title {
letter-spacing: -0.050em;
margin-bottom: 24px;
}
.features-item .with--line {
margin-top: 20px;
}
.features-item .text-holder {
padding-top: 25px;
}
.features-item:nth-of-type(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.features-item:nth-of-type(even) .text-holder {
padding-right: 0px;
}
@media only screen and (min-width: 992px) {
.features-item:nth-of-type(even) .text-holder {
padding-top: 0;
padding-right: 60px;
}
}
@media only screen and (min-width: 1200px) {
.features-item:nth-of-type(even) .text-holder {
padding-right: 130px;
}
}
.features-item:nth-of-type(odd) .text-holder {
padding-left: 0px;
}
@media only screen and (min-width: 992px) {
.features-item:nth-of-type(odd) .text-holder {
padding-top: 0;
padding-left: 60px;
}
}
@media only screen and (min-width: 1200px) {
.features-item:nth-of-type(odd) .text-holder {
padding-left: 130px;
}
} .products--style-3 {
position: relative;
}
.products--style-3::before {
content: "";
display: none;
height: calc(100% - 400px);
background-color: #0D73FC;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
}
@media only screen and (min-width: 1367px) {
.products--style-3::before {
width: 50px;
display: block;
}
}
@media only screen and (min-width: 1600px) {
.products--style-3::before {
width: 100px;
}
}
.products--style-3 .heading {
text-align: left;
max-width: 100%;
margin-bottom: 0;
}
.products--style-3 .r-button-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 15px 0;
}
@media only screen and (min-width: 576px) {
.products--style-3 .r-button-block {
margin: 15px 0 0 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 992px) {
.products--style-3 .r-button-block {
margin-top: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 14px;
}
}
.products--style-3 .r-button-block .r-button {
margin: 12px 0 30px 0;
}
@media only screen and (min-width: 576px) {
.products--style-3 .r-button-block .r-button {
margin: 0;
}
}
.products--style-3 .r-button span,
.products--style-3 .r-button::before {
padding: 11px 40px;
}
@media only screen and (min-width: 992px) {
.products--style-3 .r-button span,
.products--style-3 .r-button::before {
padding: 11px 25px;
}
}
@media only screen and (min-width: 1200px) {
.products--style-3 .r-button span,
.products--style-3 .r-button::before {
padding: 11px 40px;
}
}
@media only screen and (min-width: 1200px) {
.products--style-3 .slider-holder {
overflow: hidden;
margin-left: calc((100% - 1170px) / 2);
}
}
.products--style-3 .slider-wrapper {
padding: 0 15px;
}
@media only screen and (min-width: 1200px) {
.products--style-3 .slider-wrapper {
width: 100%;
max-width: 1170px;
padding: 0;
}
}
.products--style-3 .products-slider-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.products--style-3 .products-slider-dots::after {
display: none;
}
@media only screen and (min-width: 992px) {
.products--style-3 .products-slider-dots::after {
content: "";
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 1px;
width: 70px;
background-color: #BCBFBF;
margin: 0 30px;
}
}
@media only screen and (min-width: 1200px) {
.products--style-3 .products-slider-dots::after {
width: 147px;
}
}
.products--style-3 .product-item {
margin-bottom: 0;
}
.products-slider .slick-list {
margin: 0 -15px;
}
@media only screen and (min-width: 1200px) {
.products-slider .slick-list {
overflow: visible;
margin: 0;
}
}
@media only screen and (min-width: 1200px) {
.products-slider .slick-track {
margin: auto;
}
}
.products-slider .slick-slide {
margin: 0 15px;
} .app {
position: relative;
background-color: #EFF2F5;
margin-top: 70px;
}
.app::before {
content: "";
display: block;
width: 50%;
height: 70px;
position: absolute;
right: 0;
top: -70px;
background-color: inherit;
}
.app .heading {
text-align: left;
margin-bottom: 0;
max-width: none;
}
.app .downloads-block {
margin-top: 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.app .downloads-block a,
.app .downloads-block a img {
display: block;
}
.app .downloads-block a {
-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.app .downloads-block a:hover {
opacity: 0.5;
}
.app .downloads-block a:not(:last-of-type) {
margin-bottom: 8px;
margin-right: 8px;
}
.app .img-block {
display: none;
position: relative;
height: 100%;
}
@media only screen and (min-width: 992px) {
.app .img-block {
display: block;
}
}
.app .img-block img {
position: absolute;
bottom: -120px;
left: 0;
height: auto;
max-width: 100%;
}
@media only screen and (min-width: 1200px) {
.app .img-block img {
bottom: -140px;
}
} .news--style-3 .heading {
text-align: left;
}
.news--style-3 .heading .r-button {
margin-top: 15px;
}
.news--style-3 .heading .r-button span,
.news--style-3 .heading .r-button::before {
padding: 11px 40px;
}
.news--style-3 .primary-heading p {
margin-bottom: 30px;
}
.news-masonry .column-sizer {
width: calc(50% - 60px);
} .brands--with-heading {
position: relative;
background-color: #EFF2F5;
margin-top: 70px;
}
.brands--with-heading::before {
content: "";
display: block;
position: absolute;
top: -70px;
left: 0;
width: 50%;
height: 70px;
background-color: inherit;
} .instagram {
background-color: #EFF2F5;
}
.instagram .heading {
max-width: 100%;
text-align: left;
margin-bottom: 0;
}
.instagram .icon-holder {
font-size: 24px;
text-align: right;
padding-bottom: 8px;
}
@media only screen and (min-width: 576px) {
.instagram .icon-holder {
font-size: 32px;
}
}
@media only screen and (min-width: 992px) {
.instagram .icon-holder {
font-size: 36px;
padding-bottom: 0;
}
} .instagram-slider .img-holder {
display: block;
min-height: 230px;
}
@media only screen and (min-width: 1200px) {
.instagram-slider .img-holder {
min-height: 280px;
}
}
.instagram-slider .img-holder img {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.instagram-slider .img-holder i {
color: #FFF;
font-size: 18px;
position: absolute;
bottom: 20px;
left: 20px;
opacity: 0.5;
-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.instagram-slider .img-holder:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.instagram-slider .img-holder:hover i {
opacity: 1;
}
.instagram-slider-holder .slick-dots {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
} footer.footer--style-3 {
padding: 50px 0 0 0;
background-color: #25272A;
}
@media only screen and (min-width: 992px) {
footer.footer--style-3 {
padding: 70px 0 0 0;
}
}
@media only screen and (min-width: 1200px) {
footer.footer--style-3 {
padding: 90px 0 0 0;
}
}
footer.footer--style-3 .heading {
max-width: 100%;
text-align: center;
}
footer.footer--style-3 a {
color: #82868A;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
text-decoration: none;
}
footer.footer--style-3 .footer-logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
footer.footer--style-3 .logo {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
footer.footer--style-3 .logo .icon {
margin-right: 20px;
font-size: 43px;
fill: #0D73FC;
}
footer.footer--style-3 .footer-logo a {
text-decoration: none;
}
footer.footer--style-3 .footer-logo a span {
color: #FFF;
font-size: 30px;
line-height: 25px;
letter-spacing: -0.05em;
text-decoration: none;
}
footer.footer--style-3 .primary-heading .subtitle span {
color: #FFF;
}
footer.footer--style-3 .primary-heading .subtitle span:last-of-type {
color: #0D73FC;
}
footer.footer--style-3 .socials-holder {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
footer.footer--style-3 .socials-primary {
margin-top: 40px;
font-size: 18px;
}
@media only screen and (min-width: 992px) {
footer.footer--style-3 .socials-primary {
margin-top: 67px;
}
}
footer.footer--style-3 .lower-block {
font-size: 14px;
margin-top: 35px;
padding: 30px 0;
border-top: 1px solid #313437;
text-align: center;
}
@media only screen and (min-width: 992px) {
footer.footer--style-3 .lower-block {
text-align: left;
margin-top: 70px;
}
}
@media only screen and (min-width: 1200px) {
footer.footer--style-3 .lower-block {
margin-top: 92px;
}
}
footer.footer--style-3 .lower-block p {
font-size: 14px;
}
footer.footer--style-3 .privacy-block {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 15px 0;
}
@media only screen and (min-width: 992px) {
footer.footer--style-3 .privacy-block {
margin: 0;
}
}
footer.footer--style-3 .privacy-block .separator {
margin: 0 8px;
}
footer.footer--style-3 .privacy-block a {
text-decoration: underline;
}
footer.footer--style-3 .privacy-block a:hover {
color: #82868A;
text-decoration: none;
}
footer.footer--style-3 .copyright {
text-align: center;
margin: 0;
}
@media only screen and (min-width: 992px) {
footer.footer--style-3 .copyright {
text-align: right;
}
} .testimonials.testimonials--img-left .wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.testimonials.testimonials--img-left .subtitle {
margin-bottom: 0;
}
.testimonials.testimonials--img-left .img-holder {
display: none;
height: 386px;
width: 198px;
position: relative;
overflow: visible;
}
@media only screen and (min-width: 992px) {
.testimonials.testimonials--img-left .img-holder {
display: block;
}
}
.testimonials.testimonials--img-left .img-bg {
z-index: -1;
}
.testimonials.testimonials--img-left .quote-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 107px;
width: 62px;
background-color: #0D73FC;
position: absolute;
top: 51px;
right: -31px;
z-index: 2;
}
.testimonials.testimonials--img-left .quote-icon span {
color: #FFF;
font-size: 92px;
line-height: 0px;
position: absolute;
top: 84px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonials.testimonials--img-left .heading {
text-align: left;
max-width: 100%;
margin: 0;
}
.testimonials.testimonials--img-left .text-block {
width: 100%;
}
@media only screen and (min-width: 992px) {
.testimonials.testimonials--img-left .text-block {
width: calc(100% - 260px);
}
}
@media only screen and (min-width: 1200px) {
.testimonials.testimonials--img-left .text-block {
width: calc(100% - 295px);
}
}
.testimonials.testimonials--img-left .text-block p {
color: #82868A;
font-size: 20px;
line-height: 30px;
}
.testimonials.testimonials--img-left .testimonials-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 25px 0;
}
@media only screen and (min-width: 768px) {
.testimonials.testimonials--img-left .testimonials-dots {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 768px) {
.testimonials.testimonials--img-left .content {
margin-top: 21px;
}
} .testimonials.testimonials--img-right .wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.testimonials.testimonials--img-right .subtitle {
margin-bottom: 0;
}
@media only screen and (min-width: 992px) {
.testimonials.testimonials--img-right .wrapper {
padding: 50px 0 0 0;
}
}
.testimonials.testimonials--img-right .img-holder {
display: none;
position: absolute;
right: 30px;
top: 0px;
z-index: 2;
overflow: visible;
}
@media only screen and (min-width: 992px) {
.testimonials.testimonials--img-right .img-holder {
display: block;
height: 350px;
width: 300px;
}
}
@media only screen and (min-width: 1200px) {
.testimonials.testimonials--img-right .img-holder {
height: 414px;
width: 370px;
}
}
.testimonials.testimonials--img-right .img-bg {
z-index: -1;
}
.testimonials.testimonials--img-right .quote-icon {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 80px;
width: 80px;
background-color: #0D73FC;
position: absolute;
top: 20px;
left: -21px;
}
.testimonials.testimonials--img-right .quote-icon span {
color: #FFF;
font-size: 85px;
line-height: 0px;
position: absolute;
top: 69px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.testimonials.testimonials--img-right .heading {
text-align: left;
max-width: 100%;
margin: 0;
}
.testimonials.testimonials--img-right .heading,
.testimonials.testimonials--img-right .content {
width: 100%;
}
@media only screen and (min-width: 992px) {
.testimonials.testimonials--img-right .heading,
.testimonials.testimonials--img-right .content {
width: calc(100% - 380px);
}
}
@media only screen and (min-width: 1200px) {
.testimonials.testimonials--img-right .heading,
.testimonials.testimonials--img-right .content {
width: calc(100% - 430px);
}
}
.testimonials.testimonials--img-right .text-block {
width: 100%;
background-color: #F3F4F5;
padding: 50px 30px;
}
@media only screen and (min-width: 992px) {
.testimonials.testimonials--img-right .text-block {
padding: 41px 0 73px 50px;
}
}
.testimonials.testimonials--img-right .text-block p {
color: #333;
font-size: 18px;
line-height: 30px;
}
@media only screen and (min-width: 768px) {
.testimonials.testimonials--img-right .text-block p {
font-size: 20px;
line-height: 30px;
}
}
.testimonials.testimonials--img-right .testimonials-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 25px 0;
}
@media only screen and (min-width: 768px) {
.testimonials.testimonials--img-right {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 768px) {
.testimonials.testimonials--img-right .content {
margin-top: 21px;
}
}  .icon-item.icon-item--with-btn .icon {
font-size: 80px;
}
.icon-item.icon-item--with-btn figcaption {
width: 100%;
max-width: 280px;
margin: 0 auto;
margin-top: 25px;
}
.icon-item.icon-item--with-btn .r-button {
margin-top: 23px;
}  .logos .logo-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 150px;
overflow: hidden;
}
.logos .logo-item img {
display: inline-block;
max-width: 120px;
height: auto;
} .logos.logos--grayscaled .logo-item.logo-item--grayscaled {
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.5;
-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.logos.logos--grayscaled .logo-item.logo-item--grayscaled:hover {
opacity: 1;
}  .logos-slider .slider-item {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.logos-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
} .tabs {
border-top: 2px solid #EFF2F5;
}
@media only screen and (min-width: 769px) {
.tabs {
border-top: none;
}
}
.tabs .tabs-header li {
padding: 0;
}
.tabs .tabs-header li::before {
display: none;
}
.tabs .r-tabs-anchor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #333;
text-decoration: none;
border: 2px solid transparent;
border-bottom: none;
width: 100%;
padding: 15px 20px;
border-width: 0px 2px 2px 2px;
border-style: solid;
border-color: #EFF2F5;
}
@media only screen and (min-width: 769px) {
.tabs .r-tabs-anchor {
display: inline-block;
width: auto;
margin: 0;
border: none;
}
}
.tabs .r-tabs-anchor .icon {
margin-right: 5px;
}
.tabs .r-tabs-state-active a {
color: #0D73FC;
border: 2px solid #EFF2F5;
border-bottom: none;
background-color: #EFF2F5;
pointer-events: none;
}
@media only screen and (min-width: 769px) {
.tabs .r-tabs-state-active a {
background-color: #FFF;
}
}
.tabs .tab {
border: 2px solid #EFF2F5;
margin-top: -2px;
}
@media only screen and (min-width: 576px) {
.tabs .tab {
padding: 47px 50px 25px 50px;
}
} .tabs.vertical--tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 769px) {
.tabs.vertical--tabs .tabs-header,
.tabs.vertical--tabs .r-tabs-anchor {
width: 130px;
}
}
.tabs.vertical--tabs .tabs-content {
width: 100%;
}
@media only screen and (min-width: 769px) {
.tabs.vertical--tabs .tabs-content {
width: calc(100% - 130px);
}
}
.tabs.vertical--tabs .tabs-header {
margin-top: -2px;
}
.tabs.vertical--tabs .r-tabs-state-active a {
border: 2px solid #EFF2F5;
border-right: none;
}
@media only screen and (min-width: 769px) {
.tabs.vertical--tabs .r-tabs-state-active a {
position: relative;
right: -2px;
}
} .alert {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.alert .title {
font-weight: 700;
margin-right: 8px;
}
.alert .alert-icon {
font-size: 18px;
line-height: 18px;
margin-right: 20px;
font-weight: 700;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 15px;
width: 30px;
text-align: center;
}
@media only screen and (min-width: 576px) {
.alert .alert-icon {
left: 25px;
}
}
.alert .close {
color: #FFF;
font-size: 14px;
line-height: 14px;
cursor: pointer;
margin-left: auto;
opacity: 0.7;
-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
text-align: right;
margin-left: 30px;
}
.alert .close:hover {
opacity: 1;
} .alert.alert--filled {
color: #FFF;
font-size: 18px;
padding: 18px 15px 16px 55px;
}
@media only screen and (min-width: 576px) {
.alert.alert--filled {
padding: 28px 30px 26px 70px;
}
}
.alert.alert--filled.alert--success {
background-color: #ADD87C;
}
.alert.alert--filled.alert--attention {
background-color: #6FB7D5;
}
.alert.alert--filled.alert--warning {
background-color: #E1B577;
}
.alert.alert--filled.alert--error {
background-color: #EA6F6F;
}
.alert.alert--filled.alert--error .alert-icon {
font-size: 15px;
line-height: 15px;
} .alert.alert--linear {
padding: 16px 15px 14px 55px;
}
@media only screen and (min-width: 576px) {
.alert.alert--linear {
padding: 26px 28px 24px 68px;
}
}
.alert.alert--linear.alert--success {
color: #ADD87C;
border: 2px solid #ADD87C;
}
.alert.alert--linear.alert--success .close {
color: #ADD87C;
}
.alert.alert--linear.alert--attention {
color: #6FB7D5;
border: 2px solid #6FB7D5;
}
.alert.alert--linear.alert--attention .close {
color: #6FB7D5;
}
.alert.alert--linear.alert--warning {
color: #E1B577;
border: 2px solid #E1B577;
}
.alert.alert--linear.alert--warning .close {
color: #E1B577;
}
.alert.alert--linear.alert--error {
color: #EA6F6F;
border: 2px solid #EA6F6F;
}
.alert.alert--linear.alert--error .close {
color: #EA6F6F;
}
.alert.alert--linear.alert--error .alert-icon {
font-size: 15px;
line-height: 15px;
} .breadcrumb {
padding: 0;
margin: 0;
background: none;
font-size: 14px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
}
.breadcrumb-item+.breadcrumb-item {
padding-left: 0.5rem;
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: 0.5rem;
color: #6c757d;
content: "/";
}
.breadcrumb .breadcrumb-item a {
color: #333;
text-decoration: none;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.breadcrumb .breadcrumb-item a:hover {
color: #0D73FC;
}
.breadcrumb .breadcrumb-item.active {
color: #0D73FC;
} .breadcrumb.breadcrumb--with-line .breadcrumb-item+.breadcrumb-item::before {
content: "—";
} .breadcrumb.breadcrumb--with-dot .breadcrumb-item+.breadcrumb-item::before {
content: "·";
} .breadcrumb.breadcrumb--with-icon .breadcrumb-item .icon {
font-size: 12px;
margin-right: 8px;
} .breadcrumb.breadcrumb--with-number {
counter-reset: counter;
}
.breadcrumb.breadcrumb--with-number .breadcrumb-item {
counter-increment: counter;
}
.breadcrumb.breadcrumb--with-number .breadcrumb-item a::before {
content: ""counter(counter);
position: relative;
top: -2px;
display: inline-block;
text-align: center;
padding: 2px 3px 0 3px;
font-size: 10px;
line-height: 10px;
height: 15px;
width: 15px;
margin-right: 8px;
border: 1px solid #333;
-webkit-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.breadcrumb.breadcrumb--with-number .breadcrumb-item:not(:last-of-type)::after {
padding-left: 0.5em;
}
.breadcrumb.breadcrumb--with-number .breadcrumb-item a:hover::before,
.breadcrumb.breadcrumb--with-number .breadcrumb-item.active a {
color: #0D73FC;
border-color: #0D73FC;
}
.breadcrumb.breadcrumb--with-number .breadcrumb-item.active a::before {
border-color: #0D73FC;
}
.breadcrumb.breadcrumb--with-number .breadcrumb-item:last-of-type {
pointer-events: none;
} .progress-simple {
height: 40px;
background: transparent;
border: 2px solid #0D73FC;
}
.progress-simple .progress-bar {
color: #333;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.progress-simple:not(:last-of-type) {
margin-bottom: 30px;
} .progress-tooltip {
height: 40px;
}
.tooltip-bar:not(:last-of-type) {
margin-bottom: 30px;
}
.tooltip>.tooltip-inner {
color: #FFF;
font-size: 12px;
font-weight: 700;
background-color: #25272A;
padding: 7px 10px;
}
.tooltip .arrow::before {
border-top-color: #25272A;
}
.progress {
border-radius: 0;
}
.progress .popover {
left: auto;
right: 0;
visibility: hidden;
}
.progress-bar {
position: relative;
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.bar-holder .progress-title {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}  .intro-header {
width: 100%;
padding: 20px 15px;
min-height: 70px;
position: fixed;
top: 0;
z-index: 4;
background-color: #fff;
-webkit-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px 2px;
box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px 2px;
}
.intro-header .r-button {
border: none;
display: none;
}
.intro-header .block-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.intro-header .hamburger {
margin-left: auto;
}
@media only screen and (min-width: 992px) {
.intro-header .r-button {
display: inline-block;
}
}
.intro-header .r-button span {
background-color: #0D73FC;
color: #FFF;
}
.intro-header .r-button::before {
background-color: #25272A;
}
@media only screen and (min-width: 992px) {
.intro-header {
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
}
@media only screen and (min-width: 1200px) {
.intro-header {
padding: 30px;
}
}
.intro-header.fixed-header {
background: #FFF;
padding: 10px 20px 3px 20px;
-webkit-box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px 2px;
box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px 2px;
}
@media only screen and (min-width: 1200px) {
.intro-header.fixed-header {
padding: 10px 30px 3px 30px;
}
}
.intro-header.fixed-header .intro-menu li a {
padding: 14px 0 10px 0;
}
.intro-header.fixed-header .r-button span,
.intro-header.fixed-header .r-button::before {
padding: 15px 56px;
}
.intro-menu {
display: none;
padding: 0;
margin: 0;
}
.intro-menu li {
padding-left: 0;
}
.intro-menu li:not(:last-of-type) {
margin-right: 40px;
}
.intro-menu li a {
display: inline-block;
position: relative;
color: #333333;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
padding: 22px 0;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.intro-menu li a:hover {
color: #8A8A8A;
}
.intro-menu li::before {
display: none;
}
.intro-menu li a::before {
content: "";
display: inline-block;
width: 0%;
height: 2px;
background: #0D73FC;
position: absolute;
top: 0;
left: 0;
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.intro-menu li a:hover::before {
width: 100%;
}
@media only screen and (min-width: 992px) {
.intro-menu {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
} .intro-promo {
position: relative;
}
.intro-promo .align-container {
height: 400px;
padding: 70px 0;
}
@media only screen and (min-width: 992px) {
.intro-promo .align-container {
height: 700px;
padding: 200px 0;
}
}
@media only screen and (min-width: 1200px) {
.intro-promo .align-container {
height: 900px;
}
}
.intro-promo .title {
color: #0D73FC;
font-size: 30px;
}
@media only screen and (min-width: 576px) {
.intro-promo .title {
font-size: 42px;
}
}
@media only screen and (min-width: 992px) {
.intro-promo .title {
font-size: 50px;
}
}
@media only screen and (min-width: 1200px) {
.intro-promo .title {
font-size: 60px;
}
}
.intro-promo .title span {
font-weight: 100;
}
.intro-promo .r-button {
margin-top: 25px;
} .intro-demos .primary-heading {
max-width: 100%;
margin: 0;
text-align: left;
}
.intro-demos .icon-block {
display: none;
color: #FFF;
font-size: 27px;
background: #424242;
padding: 10px 15px;
margin-bottom: 19px;
}
@media only screen and (min-width: 576px) {
.intro-demos .icon-block {
display: inline-block;
}
}
@media only screen and (min-width: 992px) {
.intro-demos .icon-block {
padding: 23px;
margin-bottom: 12px;
}
}
.intro-demos .demos-holder {
width: 100%;
max-width: 1550px;
margin: 0 auto;
padding: 0 15px;
}
.intro-demos .demos-holder img {
width: 100%;
height: auto;
-webkit-box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 15px 2px rgba(0, 0, 0, 0.1);
}
.intro-demos .demos-holder .top {
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.intro-demos .demos-holder .top:hover {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.intro-demos .description {
text-align: center;
margin-top: 40px;
}
@media only screen and (min-width: 576px) {
.intro-demos .description {
margin-top: 50px;
}
}
@media only screen and (min-width: 992px) {
.intro-demos .description {
margin-top: 70px;
}
}
.intro-demos .description .title {
color: #0D73FC;
font-size: 20px;
font-weight: 700;
}
.intro-demos .description .title span {
color: #333;
}
.intro-demos .demo-item {
margin-bottom: 50px;
}
.intro-demos .demo-item .r-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.intro-demos .demos-holder .top:hover .r-button {
opacity: 1;
} .intro-counts .count-holder {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.intro-counts .sub {
color: #0D73FC;
font-size: 80px;
line-height: 70px;
font-weight: 700;
}
.intro-counts .description {
letter-spacing: 0.2em;
}
@media only screen and (min-width: 992px) {
.intro-counts .description {
letter-spacing: 0.8em;
}
} .intro-pages::before {
content: "";
display: block;
height: 65%;
width: 100%;
background-color: #0D73FC;
position: absolute;
top: 0;
left: 0;
}
@media only screen and (min-width: 768px) {
.intro-pages::before {
width: 55%;
}
}
@media only screen and (min-width: 1367px) {
.intro-pages::before {
left: 60px;
}
}
.intro-pages .top-dots .pages-slider-dots {
display: none;
}
@media only screen and (min-width: 768px) {
.intro-pages .top-dots .pages-slider-dots {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
.intro-pages .lower-dots {
padding: 0 15px;
text-align: center;
margin-top: 20px;
}
.intro-pages .primary-heading {
max-width: 100%;
margin: 0;
text-align: left;
color: #FFF;
}
.intro-pages .primary-heading .title {
color: #72A5F8;
}
.intro-pages .primary-heading .subtitle {
color: #FFF;
}
.intro-pages .primary-heading .subtitle::before {
display: none;
}
@media only screen and (min-width: 1367px) {
.intro-pages .slider-holder {
margin-left: calc((100% - 1170px)/ 2);
overflow: hidden;
padding: 15px 0 0 15px;
margin-bottom: -15px;
}
}
.intro-pages .slider-wrapper {
width: 100%;
max-width: 1170px;
margin: 0 auto;
}
@media only screen and (min-width: 1367px) {
.intro-pages .slider-wrapper {
margin: 0;
}
}
@media only screen and (min-width: 1367px) {
.pages-slider .slick-list {
overflow: visible;
margin: -15px;
}
}
.pages-slider img {
width: 100%;
height: auto;
-webkit-box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 10px 2px rgba(0, 0, 0, 0.1);
}
.pages-slider a {
outline: none;
}
.pages-slider .slider-item {
vertical-align: top;
}
.pages-slider .slick-slide {
-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
padding: 15px;
outline: none;
}
.pages-slider .slick-slide:not(.slick-active) {
opacity: 0.5;
}
.pages-slider .description {
text-align: center;
-webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
margin-top: 30px;
}
.pages-slider .slick-slide:not(.slick-active) .description {
opacity: 0;
}
.pages-slider .description .title {
color: #0D73FC;
font-size: 20px;
font-weight: 700;
margin-bottom: 0;
}
.pages-slider .description .title span {
color: #333;
} .intro-features::before {
content: "";
display: block;
height: 72%;
width: 100%;
max-width: 950px;
background-color: #EFF2F5;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.intro-features-item:not(:last-of-type) {
margin-bottom: 50px;
}
.intro-features-item:nth-of-type(even) {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.intro-features-item:nth-of-type(odd) {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media only screen and (min-width: 768px) {
.intro-features-item {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
}
.intro-features-item img {
width: 100%;
height: auto;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.intro-features-item img {
margin-bottom: 0;
}
}
.intro-features-item .count {
display: inline-block;
margin-bottom: 5px;
color: #0D73FC;
font-size: 11px;
font-weight: 700;
}
.intro-features-item .with--line {
margin-top: 0px;
}
@media only screen and (min-width: 768px) {
.intro-features-item .with--line {
margin-top: 20px;
}
}
.intro-features-item .title {
font-size: 24px;
margin-bottom: 14px;
}
@media only screen and (min-width: 992px) {
.intro-features-item .title {
font-size: 30px;
}
} .used .title {
margin-bottom: 10px;
}
.technologies-item {
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 2px solid #EFEFEF;
padding: 0 15px;
margin-top: 30px;
}
@media only screen and (min-width: 992px) {
.technologies-item {
height: 125px;
}
}
.technologies-item img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition: -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-filter 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.technologies-item:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
} .intro-footer {
background-color: #25272A;
}
.intro-footer .primary-heading {
margin-bottom: 40px;
}
.intro-footer .primary-heading .subtitle {
color: #FFF;
margin-top: 0;
letter-spacing: -0.050em;
}
.intro-footer .primary-heading .subtitle span {
color: #FFF;
}
.intro-footer .primary-heading .subtitle span:last-of-type {
color: #0D73FC;
}
.intro-footer .r-button {
border: 2px solid #0D73FC;
width: 100%;
max-width: 370px;
}
.intro-footer .r-button::before {
background-color: transparent;
}
.intro-footer .r-button span,
.intro-footer .r-button::before {
padding: 11px 50px;
}
.intro-footer .copyright {
margin-top: 50px;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.intro-footer .copyright {
margin-top: 70px;
}
}
@media only screen and (min-width: 992px) {
.intro-footer .copyright {
margin-top: 90px;
}
}
@media only screen and (min-width: 1200px) {
.intro-footer .copyright {
margin-top: 110px;
}
} .intro-mobile-menu {
margin: 0;
}
.intro-mobile-menu {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
list-style-type: none;
}
.intro-mobile-menu li {
padding: 0;
}
.intro-mobile-menu li::before {
display: none;
}
.intro-mobile-menu>li:not(:last-of-type) {
margin-bottom: 5px;
}
.intro-mobile-menu>li>a {
position: relative;
color: #FFF;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
padding: 5px 0;
}
.intro-mobile-menu>li>a::after {
content: "";
display: block;
height: 2px;
width: 0%;
position: absolute;
bottom: 0px;
left: 0;
background-color: #0D73FC;
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.intro-mobile-menu>li:hover>a::after {
width: 100%;
}
@media only screen and (max-width: 992px) {
.shopping-cart .next-block .remove {
position: relative;
}
}
.shopping-cart .coupon-block .r-button.r-button--filled:hover {
border-color: #24262a;
}
.shopping-cart .coupon-block input {
height: 54px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
margin: 60px 50px 50px;
}
p.comment-form-cookies-consent {
display: flex;
align-items: center;
justify-content: center;
margin-top: -20px;
}
#wp-comment-cookies-consent {
border: 1px solid #d5d5d5;
border-radius: 2px;
background: 0 0;
-webkit-appearance: checkbox;
margin-top: -10px;
}
#wp-comment-cookies-consent+label {
margin-left: 10px;
font-size: 14px;
margin-top: 0px;
color: #82868a;
}
.additional.section.live-comment {
margin-top: 80px;
}.admin-bar .header.sticked,
.admin-bar .shop-header,
.admin-bar .header--style-2,
.admin-bar .header--style-3,
.admin-bar .catalog .aside-holder,
.admin-bar .fancybox-toolbar {
top: 32px;
}
@media (max-width:992px) {
.admin-bar .header--style-1,
.admin-bar .header--style-2,
.admin-bar .header--style-3,
.admin-bar .mobile-nav,
.admin-bar .catalog .aside-holder,
.admin-bar .fancybox-toolbar {
top: 32px;
}
.lang-mobile-0 .lang-select {
display: none;
}
}
@media (max-width:782px) {
.admin-bar .header--style-1,
.admin-bar .header--style-2,
.admin-bar .header--style-3,
.admin-bar .mobile-nav,
.admin-bar .catalog .aside-holder,
.admin-bar .fancybox-toolbar {
top: 46px;
}
.admin-bar .header--style-1,
.admin-bar .header--style-2,
.admin-bar .fancybox-toolbar {
top: 46px;
position: absolute;
}
body.admin-bar {
padding-top: 55px;
}
.admin-bar .shop-header {
top: 46px;
}
}
@media (max-width:600px) {
.admin-bar.scroll-start .shop-header {
top: 0px;
}
.admin-bar.scroll-start .header--style-1,
.admin-bar.scroll-start .header--style-2,
.admin-bar.scroll-start .header--style-3,
.admin-bar.scroll-start .mobile-nav,
.admin-bar.scroll-start .catalog .aside-holder,
.admin-bar.scroll-start .fancybox-toolbar {
top: 0px;
}
}
body.header-off {
padding-top: 0px;
}
@media only screen and (min-width: 992px) {
.logo-block .logo img {
font-size: 35px;
margin-right: 20px;
}
}
@media only screen and (max-width: 767px) {
.logo-block .logo img {
margin-right: 15px;
}
}
.btn-scroll-top {
display: flex;
align-items: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: .4s;
transition: .4s;
width: 50px;
height: 50px;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 1070;
text-decoration: none;
opacity: 0;
-webkit-transition: all .25s linear, opacity .3s linear, bottom .3s linear;
transition: all .25s linear, opacity .3s linear, bottom .3s linear;
border: 2px solid #0D73FC;
color: #fff;
background-color: #0d73fc;
border-radius: 50%;
text-align: center;
}
.btn-scroll-top svg {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
position: relative;
top: -2px;
width: 12px;
height: 12px;
}
.btn-scroll-top:hover {
color: #0D73FC;
background-color: #fff;
}
.btn-scroll-top.scrolled {
opacity: 1;
}
.header.sticked {
position: fixed;
padding: 10px 39px 10px 30px;
}
footer.footer-copyright {
padding-top: 0;
}
footer.footer-copyright .footer-lower {
border-top: 0;
}
.main-color, footer.footer .main-color {
color: #0d73fc;
}
footer.footer.trans-bg, .trans-bg {
background-color: transparent;
}
li.lang-item a {
text-decoration: none;
}
.lang-select .lang-item.active ul li span::before,
.lang-select .lang-item.active ul li span::after {
content: none;
}
.lang-select .sub-list {
width: max-content;
}
.display-none {
display: none !important;
}
.primary-heading p {
margin-bottom: 0;
}
.r-button--sm span,
.r-button--sm::before {
padding: 11px 40px !important;
}
.r-button--sm span,
.r-button--sm::before {
text-align: center;
}
.icon {
text-align: center;
}
.icon svg {
max-width: 100%;
max-height: 100%;
position: absolute;
left: 0;
top: 0;
}
.elementor .img-bg {
width: 100%;
height: 100%;
}
.content-holder.thumb-none {
margin: 0;
max-width: 100%;
} .heading.text-left,
.heading.text-right {
max-width: 100%;
} .excerpt-none .nt-blog-info-title {
margin: 10px 0;
} footer.footer.pt-0 .footer-lower {
border-top: none;
}  .nt-gallery {
position: relative;
display: block;
} .pricing-item .r-button span,
.pricing-item .r-button::before {
padding: 11px 25px;
}
.pricing-table .pricing-item {
max-width: 290px;
margin: 0 auto !important;
} .map-section .input-label span {
width: 100%;
}
span.wpcf7-form-control-wrap {
width: 100%;
height: auto;
display: block !important;
}
input.wpcf7-not-valid+span {
display: block;
position: absolute;
transform: none !important;
top: 40px;
color: #f00 !important;
}
div.wpcf7-response-output {
margin: 0;
}
div.wpcf7-response-output {
border: 2px solid #ff0000;
text-align: center;
position: relative;
margin: 30px auto 0;
padding: 15px;
color: #fff;
}
.section-contact.get-in-touch div.wpcf7-response-output {
border: 2px solid #ff0000;
text-align: center;
position: relative;
margin: 30px auto 0;
padding: 15px;
color: #323232;
max-width: 768px;
}
.section-contact.get-in-touch input.wpcf7-not-valid+span {
display: block;
position: absolute;
transform: none !important;
top: 4px;
right: 0;
color: #f00 !important;
} .about-welcome .title-block .icon-holder .icon {
font-size: 45px;
fill: #fff;
color: #fff;
max-width: 45px;
max-height: 45px;
position: absolute;
}
.about-welcome .title-block .icon-holder .icon * {
fill: #fff;
color: #fff;
}
.desc hr {
margin-top: 35px;
margin-bottom: 16px;
background-color: #d8d8d8;
}
.min-h-140 {
min-height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nt-has-sidebar .masonry-item .col-12 {
padding-left: 0;
padding-right: 0;
}
main .nt-404.error {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
min-height: 100vh;
} main .nt-404.error {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-image: url(//www.tnbes.com.my/wp-content/themes/r-energy/images/404-bg.jpg);
}
#masonry-container .masonry-item, .has--sidebar .nt-post-class:not(.masonry-item) .col-12 {
padding-left: 0;
padding-right: 0;
}
.tagcloud a {
position: relative;
font-size: 13px;
font-weight: 500;
background-color: #f6f8f9;
padding: 11px 40px 10px 20px;
-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
transition: all .3s cubic-bezier(.645, .045, .355, 1);
margin-bottom: 10px;
display: inline-block;
padding: 10px 20px;
line-height: 1.3;
font-size: .8rem !important;
text-transform: capitalize;
text-decoration: none !important;
cursor: pointer;
white-space: nowrap;
outline: 0;
color: #323232;
-webkit-user-drag: none;
user-drag: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.tagcloud a:not(:last-of-type) {
margin-right: 10px;
}
.tagcloud a:hover {
background-color: #25272a;
color: #fff;
}
.custom-footer-menu ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
}
.custom-footer-menu ul li {
list-style: none;
width: 50%;
padding-left: 0;
}
.custom-footer-menu ul li {
list-style: none;
width: 50%;
padding-left: 0;
padding: 0;
line-height: 30px;
}
.custom-footer-menu ul li a {
color: #82868A;
}
.footer-style-2 .elementor-widget-heading .elementor-heading-title>a:hover,
.custom-footer-menu ul li a:hover {
color: #0D73FC;
}
.mt-20 {
margin-top: 20px;
}
.mt-40 {
margin-top: 40px;
}
.promo-slider-1+.slider-nav .slick-dots li:not(.slick-active) button {
background-color: #ffffff;
}
.promo-slider-1+.slider-nav .slick-dots li button:hover,
.promo-slider-1+.slider-nav .slick-dots li.slick-active button {
background-color: #0d73fc;
}
.post-day {
margin: 10px 0 0;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
color: #0c73fb;
}
.project-cases .cases-item a.with--line {
font-size: 15px;
}
.nt-header-type-1.woocommerce-page .promo-primary--shop {
min-height: 90px;
padding: 50px 0 50px;
} .wp-block-cover p.wp-block-cover-text {
color: #fff;
}
.wp-block-button {
margin-bottom: 15px;
}
.wp-block-gallery.nt-theme-content-list {
padding: 0px !important;
margin: 0 0 30px !important;
}
.wp-block-gallery.alignleft.columns-2.is-cropped.nt-theme-content-list {
margin-right: 15px !important;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin: 30px 0 32px 45px;
padding: 0 1em;
padding-left: 100px !important;
}
.wp-block-archives.wp-block-archives-dropdown .nice-select {
float: none;
max-width: 250px;
}
.wp-block-columns.alignwide.has-3-columns blockquote {
margin: 0 auto !important;
}
.wp-block-archives.wp-block-archives-list,
.wp-block-archives.wp-block-archives-dropdown,
.wp-block-categories.wp-block-categories-list,
.wp-block-latest-comments.has-avatars.has-dates.has-excerpts,
.wp-block-latest-comments,
.wp-block-latest-posts.wp-block-latest-posts__list,
.wp-block-latest-posts.is-grid {
margin-bottom: 30px !important;
}
.wp-block-media-text {
margin-bottom: 30px;
}
.nt-theme-content .wp-block-archives.wp-block-archives-dropdown .nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
margin: 0 5px 5px 0 !important;
}
.wp-block-embed {
margin-bottom: 2em;
}
ul.wp-block-latest-posts.wp-block-latest-posts__list.has-dates li {
margin-bottom: 20px;
}
ul.wp-block-categories.wp-block-categories-list li,
ul.wp-block-archives.wp-block-archives-list li {
margin-bottom: 10px;
}
.wp-block-gallery {
padding: 0 !important;
margin: 0 5px 20px 0px !important;
}
.wp-block-latest-comments {
padding: 0;
}
.wp-block-image {
margin-bottom: 2em;
}
.wp-block-cover {
margin: 0 25px 25px 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list {
padding-left: 0;
}
.header .has-sticky-logo .sticky-logo{
display: none;
}
.header.sticked .has-sticky-logo .sticky-logo{
display: block;
}
.header.sticked .has-sticky-logo .main-logo{
display: none;
}
.with--line {
display: inline;
}
@media only screen and (min-width: 1200px){
.hero-none .section {
padding-top: 200px;
}
}
header.widget-header.sticky-header{
position: fixed;
}
.header--style-1 .top-line,
.header--style-2 .top-line {
display: none;
background-color: #25272A;
font-size: 14px;
line-height: 30px;
font-weight: 500;
}
.header--style-1 .top-line .contacts-block,
.header--style-2 .top-line .contacts-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header--style-1 .top-line .contacts-block p,
.header--style-2 .top-line .contacts-block p {
color: #FFF;
margin: 0;
}
.header--style-1 .top-line .phones-block,
.header--style-1 .top-line .mail-block,
.header--style-2 .top-line .phones-block,
.header--style-2 .top-line .mail-block {
margin-left: 59px;
}
.header--style-1 .top-line .contacts-block a,
.header--style-2 .top-line .contacts-block a  {
display: inline-block;
color: #FFF;
text-decoration: none;
position: relative;
}
.header--style-1 .top-line .phones-block a:not(:last-of-type),
.header--style-2 .top-line .phones-block a:not(:last-of-type) {
margin-right: 15px;
}
.header--style-1 .top-line .contacts-block a::after,
.header--style-2 .top-line .contacts-block a::after {
content: "";
display: block;
width: 0;
height: 2px;
background: #0D73FC;
position: absolute;
bottom: -10px;
left: 0;
-webkit-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header--style-1 .top-line .contacts-block a:hover::after,
.header--style-2 .top-line .contacts-block a:hover::after {
width: 100%;
}
.header--style-1 .socials-primary a {
color: #1D252B;
font-size: 16px;
}
.header--style-1 .socials-primary a:hover {
color: #FFFFFF;
}
.header.header--style-2 .topbar-container {
position: relative;
top: -10px;
padding: 0;
}
@media only screen and (min-width: 1200px){
.header--style-1 .top-line,
.header--style-2 .top-line {
padding: 13px 48px 12px 48px;
}
.header.header--style-2 .topbar-container {
left: -45px;
width: calc(100% + 45px);
}
.header.header--style-2 .topbar.top-line {
padding-left: 45px;
padding-right: 45px;
}
}
@media only screen and (min-width: 992px){
.header--style-1 .top-line,
.header--style-2 .top-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 13px 15px;
margin-bottom: 12px;
}
}
.sticky-header.sticked .topbar.top-line,
.sticky-header.sticked .topbar.lower-line{
display: none;
}
.header--style-3.sticky-header.sticked,
.shop-header.sticky-header.sticked{
position: fixed;
}
.header.header--style-2.has-topbar {
flex-direction: column;
}
.header--style-2 .socials-primary a {
color: #ffffff;
font-size: 16px;
}
.main-menu .sub-menu .depth_1{
left: inherit;
display: none;
}
.main-menu .sub-menu .depth_2{
left: inherit;
display: none;
}
.main-menu>li>ul>li:hover .sub-menu.depth_1 {
display: block;
visibility: visible;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.main-menu>li>ul>li>ul>li:hover .sub-menu.depth_2 {
display: block;
visibility: visible;
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.catalog .aside-holder {
z-index: 99999;
overflow-y: auto;
}
.cart-dropdown.cart-empty .cart-item-empty {
border-bottom: 1px solid #F3F6F8;
padding: 40px;
}
@media(max-width:768px) {
.cart-trigger.show-on-mobile {
display: block;
margin-right: 15px;
}
.cart-trigger.show-on-mobile .cart-block,
.user-block.show-on-mobile {
display: block;
}
.cart-block, .user-block {
height: auto;
width: auto;
margin-right: 10px;
}
.cart-trigger .cart-block {
background-color: transparent;
}
.cart-block .icon {
color: #000;
}
.cart-block .count {
top: 0;
right: -10px;
}
}
.r-button{
outline: none;
}
.r-button:before{
opacity: 0;
}
.r-button:hover::before,
.r-button:focus::before {
opacity: 1;
}
.slider-btn2 {
margin-left: 15px;
}
.map-section .custom-embed-map iframe{
min-height: 500px;
}
@media only screen and (min-width: 992px){
.map-section .custom-embed-map iframe{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 710px;
}
}
.page_nav {
display: flex;
align-items: center;
justify-content: flex-start;
margin-top:60px;
}
.page-numbers {
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
color: #7c99a7;
text-decoration: none;
padding: 10px 15px;
font-size: 14px;
border: 3px solid #f0f3f6;
margin-right: 10px;
}
.page-numbers:last-child {
margin-right: 0px;
}
.page-numbers.current {
color: #ffffff;
border-color: #0D73FC;
background-color: #0D73FC;
}
.page-numbers:not(.current):hover {
color: #0D73FC;
border-color: #0D73FC;
}
.widget-header.sticky-header:not(.sticked) .sticky-logo,
.widget-header.sticky-header.sticked .main-logo{
display: none;
}
@media(max-width:600px){
.admin-bar .shop-header.sticky-header {
top: 46px;
}
.admin-bar .shop-header.sticky-header.sticked {
top: 0;
}
}
.shop-header .cart-trigger.active .cart-dropdown {
display: block!important;
opacity: 1;
visibility: visible;
}
@media(max-width:576px){
.shop-header .cart-dropdown .cart-lower {
padding: 10px 40px 40px 40px;
}
.shop-header .cart-dropdown .r-button--transparent span,
.shop-header .cart-dropdown .r-button--transparent::before {
padding: 11px 15px;
width: 100%;
}
.shop-header .cart-dropdown a.r-button {
width: 50%;
text-align: center;
}
.shop-header .cart-dropdown a.r-button.r-button--transparent {
margin-right: 10px;
}
.shop-header .cart-dropdown .r-button--filled span,
.shop-header .cart-dropdown .r-button--filled::before {
padding: 13px 15px;
width: 100%;
}
.shop-header .cart-trigger.active:hover .cart-dropdown,
.shop-header .cart-trigger.active .cart-dropdown {
top: 108px;
}
.shop-header .cart-dropdown .items-holder {
overflow-y: auto;
max-height: 400px;
}
.shop-header .cart-dropdown .cart-item .item-block {
width: 100%;
}
.shop-header .cart-dropdown .cart-item .img-holder {
height: 60px;
width: 60px;
position: relative;
}
.shop-header .cart-dropdown .cart-item .text-holder {
width: 70%;
}
.shop-header .cart-dropdown a.remove {
font-size: 10px;
height: 30px;
width: 30px;
line-height: 30px;
}
.shop-header .cart-dropdown .cart-lower span.subtitle {
display: flex;
align-items: center;
justify-content: space-between;
}
}
section.relevant + section.section.catalog {
padding-top: 0;
}
.gallery-item-content {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
label.focused input+span {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
font-size: 11px !important;
}
nav.woocommerce-breadcrumb a {
text-decoration: none;
}
.woocommerce .cart_totals table.shop_table td {
width: auto;
}
@media(max-width:1024px) {
.slick-slide .bg-holder.parallax-off img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
}
.header .social-menu {
display: flex;
align-items: center;
gap: 10px;
}
.header .social-menu + .r-button {
margin-left: 20px;
}
.header .social-menu a {
color: #333333;
-webkit-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.header.menu-opened .social-menu a {
color: #fff;
}
@media only screen and (max-width: 992px) {
.header .social-menu {
margin: 0 15px;
}
.header .social-menu.mobile-hidden {
display: none;
}
}
.woocommerce-variation-add-to-cart.variations_button{
display: flex;
align-items: center;
gap: 15px;
margin-top: 15px;
}
.qty {
outline: none;
border: 0;
text-align: center;
}
form.cart.simple-cart {
gap: 15px;
justify-content: flex-start;
}
.product-about .tags-block {
gap: 10px;
}
.product-about .tags-block a {
margin-left: 0;
}
button.slider-nav-btn {
border: 1px solid #fff;
outline: none;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
background: transparent;
color: #fff;
}
button.slider-nav-btn:hover {
background: #0D73FC;
border-color: #0D73FC;
}
button.slider-nav-btn.prev {
left: 15px;
}
button.slider-nav-btn.next {
right: 15px;
}
@media(max-width:576px){
button.slider-nav-btn {
top: auto;
bottom: 60px;
transform: none;
}
}
.slider-item.fade--top .align-item,
.slider-item.fade--bottom .align-item,
.slider-item.fade--right .align-item,
.slider-item.fade--left .align-item {
opacity: 0;
}
.slider-item.fade--left .align-item {
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}
.slider-item.fade--right .align-item {
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
}
.slider-item.fade--top .align-item {
-webkit-transform: translateX(0px) translateY(-250px);
-ms-transform: translateX(0px) translateY(-250px);
transform: translateX(0px) translateY(-250px);
}
.slider-item.fade--bottom .align-item {
-webkit-transform: translateX(0px) translateY(250px);
-ms-transform: translateX(0px) translateY(250px);
transform: translateX(0px) translateY(250px);
}
.slider-item.zoom--in .align-item {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.slider-item.zoom--out .align-item {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.slick-current .slider-item.zoom--out .align-item,
.slick-current .slider-item.zoom--in .align-item {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.slick-current .fade--top .align-item,
.slick-current .fade--bottom .align-item,
.slick-current .fade--right .align-item,
.slick-current .fade--left .align-item {
opacity: 1;
-webkit-transform: translate(0px);
-ms-transform: translate(0px);
transform: translate(0px);
}
header.fullwidth-two {
margin: 0;
padding-left: 0;
padding-right: 0;
}
.header--style-3.boxedbar-two {
max-width: 100%;
left: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.header--style-3.bar-center .lower-line {
margin: 0 auto;
}
.header--style-3.bar-right .lower-line {
margin-left: auto;
margin-right: 0;
}
.description .box--link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.socials-primary a svg {
width: 1em;
height: 1em;
fill: currentColor;
}