html {
line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} article,
aside,
footer,
header,
nav,
section {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  figcaption,
figure,
main { display: block;
} figure {
margin: 1em 40px;
} hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } dfn {
font-style: italic;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  audio,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details,
menu {
display: block;
} summary {
display: list-item;
}  canvas {
display: inline-block;
} template {
display: none;
}  [hidden] {
display: none;
}
* {
margin: 0;
padding: 0;
outline: none;
}
@font-face {
font-family: "SF Pro";
src: local("SF Pro Display Bold"), local("SFProDisplay-Bold"), url(//optimusappliance-hvac.com/wp-content/themes/atlas/fonts/SFProDisplay-Bold.woff2) format("woff2"), url(//optimusappliance-hvac.com/wp-content/themes/atlas/fonts/SFProDisplay-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SF Pro";
src: local("SF Pro Display Regular"), local("SFProDisplay-Regular"), url(//optimusappliance-hvac.com/wp-content/themes/atlas/fonts/SFProDisplay-Regular.woff2) format("woff2"), url(//optimusappliance-hvac.com/wp-content/themes/atlas/fonts/SFProDisplay-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
.btn {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FFF1EB;
border: 2px solid #FFF1EB;
box-sizing: border-box;
border-radius: 50px;
font-family: SF Pro;
font-style: normal;
font-weight: 590;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FC6A20;
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
z-index: 1;
cursor: pointer;
}
.btn.btn-link {
background: #FC6A20;
border: 1px solid #FF9C6A;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 100px;
font-weight: 500;
font-size: 20px;
line-height: 100%;
color: #FFFFFF;
max-width: 260px;
width: 100%;
padding: 23px 0;
position: relative;
}
@media screen and (max-width:992px) {
.btn.btn-link {
font-size: 18px;
line-height: 100%;
}
}
.btn.btn-link:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33062 7.00095C8.33062 7.23928 8.24063 7.45595 8.06063 7.62928L2.21063 13.046C2.03063 13.1976 1.80562 13.2843 1.58062 13.2843C1.33312 13.2843 1.10811 13.1976 0.928109 13.0243C0.590609 12.6776 0.590604 12.1359 0.950604 11.7893L6.1256 7.00095L0.950604 2.21262C0.590604 1.88762 0.590609 1.32429 0.928109 0.97762C1.26561 0.630954 1.85063 0.630952 2.21063 0.955952L8.06063 6.37262C8.24063 6.54595 8.33062 6.76262 8.33062 7.00095Z' fill='white'/%3E%3C/svg%3E%0A");
width: 9px;
height: 14px;
display: inline-block;
vertical-align: middle;
margin-left: 15px;
-webkit-transition: 0.8s;
transition: 0.8s;
}
.btn.btn-link:hover {
background: #FFF1EB;
color: #000;
border-color: #FFF1EB;
}
.btn.btn-link:hover:after {
margin-left: 5px;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33062 7.00095C8.33062 7.23928 8.24063 7.45595 8.06063 7.62928L2.21063 13.046C2.03063 13.1976 1.80562 13.2843 1.58062 13.2843C1.33312 13.2843 1.10811 13.1976 0.928109 13.0243C0.590609 12.6776 0.590604 12.1359 0.950604 11.7893L6.1256 7.00095L0.950604 2.21262C0.590604 1.88762 0.590609 1.32429 0.928109 0.97762C1.26561 0.630954 1.85063 0.630952 2.21063 0.955952L8.06063 6.37262C8.24063 6.54595 8.33062 6.76262 8.33062 7.00095Z' fill='black'/%3E%3C/svg%3E%0A");
}
.btn.btn-back {
background: #FC6A20;
border: 1px solid #FF9C6A;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 100px;
font-weight: 500;
font-size: 16px;
line-height: 100%;
color: #FFFFFF;
max-width: 200px;
width: 100%;
padding: 20px 0;
position: relative;
}
.btn.btn-back:before {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33062 7.00095C8.33062 7.23928 8.24063 7.45595 8.06063 7.62928L2.21063 13.046C2.03063 13.1976 1.80562 13.2843 1.58062 13.2843C1.33312 13.2843 1.10811 13.1976 0.928109 13.0243C0.590609 12.6776 0.590604 12.1359 0.950604 11.7893L6.1256 7.00095L0.950604 2.21262C0.590604 1.88762 0.590609 1.32429 0.928109 0.97762C1.26561 0.630954 1.85063 0.630952 2.21063 0.955952L8.06063 6.37262C8.24063 6.54595 8.33062 6.76262 8.33062 7.00095Z' fill='white'/%3E%3C/svg%3E%0A");
width: 9px;
height: 14px;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
-webkit-transition: 0.8s;
transition: 0.8s;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.btn.btn-back:hover {
background: #FFF1EB;
color: #000;
border-color: #FFF1EB;
}
.btn.btn-back:hover:after {
margin-left: 5px;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33062 7.00095C8.33062 7.23928 8.24063 7.45595 8.06063 7.62928L2.21063 13.046C2.03063 13.1976 1.80562 13.2843 1.58062 13.2843C1.33312 13.2843 1.10811 13.1976 0.928109 13.0243C0.590609 12.6776 0.590604 12.1359 0.950604 11.7893L6.1256 7.00095L0.950604 2.21262C0.590604 1.88762 0.590609 1.32429 0.928109 0.97762C1.26561 0.630954 1.85063 0.630952 2.21063 0.955952L8.06063 6.37262C8.24063 6.54595 8.33062 6.76262 8.33062 7.00095Z' fill='black'/%3E%3C/svg%3E%0A");
}
.btn.btn-link-pr {
background: #FFFFFF;
border-radius: 50px;
font-family: SF Pro;
font-style: normal;
font-weight: 590;
font-size: 14px;
text-align: center;
color: #0D1A34;
padding: 15px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
border: 0;
}
.btn.btn-link-pr:hover {
background: #FC6A20;
color: #fff;
}
.btn.btn-primary {
background: #FFF1EB;
border: 2px solid #FFF1EB;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50px;
font-family: SF Pro;
font-style: normal;
font-weight: 590;
font-size: 14px;
text-align: center;
color: #FC6A20;
padding: 15px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
border: 0;
}
.btn.btn-primary:hover {
background: #FC6A20;
color: #fff;
}
.btn.btn-read {
background: #FFF1EB;
border: 2px solid #FFF1EB;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 50px;
font-family: SF Pro;
font-style: normal;
font-weight: 590;
font-size: 14px;
text-align: center;
color: #FC6A20;
padding: 15px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
border: 0;
width: 100%;
}
.btn.btn-read:hover {
background: #FC6A20;
color: #fff;
}
i {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
}
.location {
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/location.svg);
width: 20px;
height: 20px;
}
.location._large {
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/location-large.svg);
width: 24px;
height: 31px;
}
.mail {
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/mail.svg);
width: 20px;
height: 20px;
margin-right: 5px;
}
.mail._large {
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/mail-large.svg);
width: 32px;
height: 26px;
margin: 0;
}
.phone {
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/smartfone.svg);
width: 22px;
height: 22px;
margin-right: 2px;
}
.phone._large {
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/phone-large.svg);
width: 22px;
height: 32px;
margin: 0;
}
.time {
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/time.svg);
width: 36px;
height: 36px;
}
.icon-cert {
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/certificat.svg);
width: 47px;
height: 42px;
}
.icon-contract {
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/contract.svg);
width: 31px;
height: 51px;
}
.icon-waranty {
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/warranty.svg);
width: 42px;
height: 47px;
}
.star {
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/star.svg);
width: 14px;
height: 14px;
margin-right: 5px;
margin-top: -2px;
}
header {
position: sticky;
z-index: 3;
top: 0;
background-color: #FFF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
header .top-line {
background: #F2F4FA;
}
header .header-contacts {
position: relative;
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #0D1A34;
min-height: 50px;
}
@media screen and (max-width:992px) {
header .header-contacts {
display: block;
min-height: inherit;
}
}
header .header-contacts ul {
list-style: none;
padding: 0;
margin: 0;
}
@media screen and (max-width:992px) {
header .header-contacts .contact-left {
display: none;
}
}
header .header-contacts .contact-left ul {
list-style: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
}
header .header-contacts .contact-left ul a {
color: #0D1A34;
}
header .header-contacts .contact-left ul a:hover {
color: #FC6A20;
}
header .header-contacts .contact-right {
font-size: 16px;
line-height: 19px;
font-weight: 600;
}
@media screen and (max-width:992px) {
header .header-contacts .contact-right {
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 0;
}
}
header .header-contacts .contact-right a {
color: #0D1A34;
}
header .header-contacts .contact-right a:hover {
color: #FC6A20;
}
header .header-primary {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 14px;
color: #0D1A34;
}
header .header-primary .header-top {
position: relative;
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
header .header-primary .header-top .service-item {
display: none;
}
@media screen and (max-width:992px) {
header .header-primary .header-top {
min-height: 80px;
}
header .header-primary .header-top .service-item {
background: #FFF1EB;
border-radius: 50px;
font-family: SF Pro;
font-style: normal;
font-weight: 590;
font-size: 14px;
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
color: #FC6A20;
padding: 15px 30px;
display: block;
border: 0;
}
header .header-primary .header-top .service-item:hover {
background: #FC6A20;
color: #fff;
}
}
@media screen and (max-width:576px) {
header .header-primary .header-top .service-item {
padding: 15px 20px;
}
}
header .header-primary .header-top .logo-side {
position: relative;
max-width: 220px;
}
@media screen and (max-width:992px) {
header .header-primary .header-top .logo-side {
max-width: 160px;
margin-top: 13px;
}
header .header-primary .header-top .logo-side img {
max-width: none;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media screen and (max-width:576px) {
header .header-primary .header-top .logo-side {
max-width: 150px;
}
header .header-primary .header-top .logo-side img {
max-width: 130px;
}
}
header .header-primary .header-top .menu-side {
position: relative;
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;
gap: 40px;
}
@media screen and (max-width:992px) {
header .header-primary .header-top .menu-side {
display: none;
}
}
header .header-primary .header-top .menu-side ul {
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;
list-style: none;
gap: 40px;
font-family: SF Pro;
font-style: normal;
font-weight: 590;
font-size: 14px;
line-height: 17px;
color: #0D1A34;
position: relative;
}
@media screen and (max-width:1199px) {
header .header-primary .header-top .menu-side ul {
gap: 20px;
}
}
header .header-primary .header-top .menu-side ul li {
padding: 40px 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header .header-primary .header-top .menu-side ul li.parent:after {
-webkit-transition: 0.3s;
transition: 0.3s;
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.9989 6C4.80928 6 4.63691 5.92945 4.49901 5.78832L0.189609 1.20181C0.0689468 1.06069 -3.86531e-08 0.884279 -3.09422e-08 0.707875C-2.24602e-08 0.51383 0.0689525 0.337422 0.206853 0.196298C0.482655 -0.068308 0.913596 -0.0683123 1.1894 0.213934L4.9989 4.27123L8.8084 0.213935C9.06697 -0.0683119 9.51514 -0.0683076 9.79094 0.196299C10.0667 0.460905 10.0667 0.919569 9.80818 1.20182L5.49879 5.78832C5.36088 5.92945 5.18851 6 4.9989 6Z' fill='%23FC6A20'/%3E%3C/svg%3E%0A");
width: 10px;
height: 6px;
display: inline-block;
vertical-align: middle;
margin-left: 8px;
}
header .header-primary .header-top .menu-side ul li a {
color: #0D1A34;
}
header .header-primary .header-top .menu-side ul li a:hover {
color: #FC6A20;
}
header .header-primary .header-top .menu-side ul li a.current-menu-item {
color: #FC6A20;
}
header .header-primary .header-top .menu-side ul li:hover .sub-menu {
display: block;
}
header .header-primary .header-top .menu-side ul li:hover.parent:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
header .header-primary .header-top .menu-side .service-item {
background: #FFF1EB;
border-radius: 50px;
font-family: SF Pro;
font-style: normal;
font-weight: 590;
font-size: 14px;
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 0;
}
header .header-primary .header-top .menu-side .service-item a {
color: #FC6A20;
padding: 15px 30px;
display: block;
}
header .header-primary .header-top .menu-side .service-item:hover {
background: #FC6A20;
}
header .header-primary .header-top .menu-side .service-item:hover a {
color: #fff;
}
header .header-primary .header-top .menu-side .sub-menu {
background: #F2F4FA;
display: none;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
position: absolute;
z-index: 13;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 14px;
padding: 20px 30px;
top: 100%;
width: 100%;
left: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header .header-primary .header-top .menu-side .sub-menu li {
padding: 0 0px;
margin-bottom: 15px;
}
header .header-primary .header-top .menu-side .sub-menu li a {
color: #0D1A34;
}
header .header-primary .header-top .menu-side .top-btn .service-item {
background: #FFF1EB;
border-radius: 50px;
font-family: SF Pro;
font-style: normal;
font-weight: 590;
font-size: 14px;
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 0;
}
header .header-primary .header-top .menu-side .top-btn .service-item a {
color: #FC6A20;
padding: 10px 30px;
display: block;
}
header .header-primary .header-top .menu-side .top-btn .service-item:hover {
background: #FC6A20;
}
header .header-primary .header-top .menu-side .top-btn .service-item:hover a {
color: #fff;
}
.toggle-mnu {
display: none;
width: 30px;
height: 30px;
}
@media screen and (max-width:992px) {
.toggle-mnu {
display: block;
height: 20px;
position: relative;
z-index: 9;
}
}
.toggle-mnu span:after, .toggle-mnu span:before {
content: "";
position: absolute;
left: 0;
top: 9px;
}
.toggle-mnu span:after {
top: 18px;
}
.toggle-mnu span {
position: relative;
display: block;
}
.toggle-mnu span, .toggle-mnu span:after, .toggle-mnu span:before {
width: 100%;
height: 2px;
background: #FC6A20;
border-radius: 5px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.toggle-mnu.on span {
background-color: transparent;
}
.toggle-mnu.on span:before {
-webkit-transform: rotate(45deg) translate(-1px, 0px);
transform: rotate(45deg) translate(-1px, 0px);
}
.toggle-mnu.on span:after {
-webkit-transform: rotate(-45deg) translate(6px, -7px);
transform: rotate(-45deg) translate(6px, -7px);
}
.mobile-side {
background: #FFFFFF;
position: fixed;
height: 100%;
width: calc(100% - 80px);
top: 0;
right: -100%;
bottom: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
transition: all 0.5s;
overflow-y: auto;
}
.mobile-side .side-wrap {
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 0;
}
.mobile-side.small {
right: 0;
opacity: 1;
visibility: visible;
}
.mobile-side .side-menu {
padding: 35px 30px 20px;
font-family: SF Pro;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #0D1A34;
}
.mobile-side .side-menu ul {
list-style: none;
padding: 0;
}
.mobile-side .side-menu ul li {
padding: 10px 0;
position: relative;
}
.mobile-side .side-menu ul li.parent .toChild:after {
-webkit-transition: 0.3s;
transition: 0.3s;
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.9989 6C4.80928 6 4.63691 5.92945 4.49901 5.78832L0.189609 1.20181C0.0689468 1.06069 -3.86531e-08 0.884279 -3.09422e-08 0.707875C-2.24602e-08 0.51383 0.0689525 0.337422 0.206853 0.196298C0.482655 -0.068308 0.913596 -0.0683123 1.1894 0.213934L4.9989 4.27123L8.8084 0.213935C9.06697 -0.0683119 9.51514 -0.0683076 9.79094 0.196299C10.0667 0.460905 10.0667 0.919569 9.80818 1.20182L5.49879 5.78832C5.36088 5.92945 5.18851 6 4.9989 6Z' fill='%23FC6A20'/%3E%3C/svg%3E%0A");
width: 10px;
height: 6px;
display: block;
position: absolute;
top: 0;
right: 0;
margin: 15px 0;
cursor: pointer;
background-repeat: no-repeat;
}
.mobile-side .side-menu ul li.parent .toChild.open:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.mobile-side .side-menu ul li.parent.open:after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.mobile-side .side-menu ul li.parent.open .sub-menu {
display: block;
}
.mobile-side .side-menu ul li a {
color: #0D1A34;
}
.mobile-side .side-menu ul li a:hover {
color: #FC6A20;
}
.mobile-side .side-menu .sub-menu {
padding: 0 20px;
display: none;
}
.mobile-side .side-menu .sub-menu li {
padding: 10px 0;
}
.mobile-side .menu-contacts {
padding: 0px 30px;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 150%;
color: #0D1A34;
}
.mobile-side .menu-contacts ul {
list-style: none;
}
.mobile-side .menu-contacts ul li {
margin: 0 0 10px;
}
.mobile-side .menu-contacts ul li a {
color: #0D1A34;
}
.mobile-side .menu-contacts ul li:last-child {
font-size: 16px;
line-height: 19px;
font-weight: 600;
}
.mobile-side .service-item {
background: #FFF1EB;
border-radius: 50px;
font-family: SF Pro;
font-style: normal;
font-weight: 500;
font-size: 14px;
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
color: #FC6A20;
padding: 10px 0;
text-align: center;
border: 0;
max-width: 207px;
margin: 30px auto 0;
white-space: nowrap;
}
.mobile-side .service-item:hover {
background: #FC6A20;
color: #fff;
}
body.on {
overflow: hidden;
}
.opacity {
display: none;
background: rgba(13, 26, 52, 0.8);
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
visibility: visible;
opacity: 0;
z-index: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.opacity.on {
display: block;
opacity: 1;
}
* {
outline: none;
padding: 0;
margin: 0;
}
:root {
font-family: "SF Pro";
}
html,
body {
width: 100%; min-height: 100%;
font-family: "SF Pro";
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 170%;
}
.container {
max-width: 1290px;
margin: 0 auto;
position: relative;
width: calc(100% - 30px);
}
@media screen and (max-width:992px) {
.container {
width: calc(100% - 30px);
}
}
.container.brend-container {
max-width: 1295px;
margin: 0 auto;
}
.container-fluid {
margin: 0 auto;
}
a {
color: #FC6A20;
text-decoration: none;
-webkit-transition: 0.3s;
transition: 0.3s;
}
a:hover {
color: #0D1A34;
}
.section-title,
h2,
h1 {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 28px;
color: #0D1A34;
text-align: center;
padding: 30px 0;
margin: 0;
}
@media screen and (max-width:992px) {
.section-title,
h2,
h1 {
font-size: 28px;
line-height: 120%;
padding: 0;
}
}
.section-titlest {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 15px;
color: #fff;
text-align: center;
padding: 5px 0;
margin: 0;
}
p {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 170%;
color: #0D1A34;
margin-bottom: 1.5em;
}
@media screen and (max-width:992px) {
p {
font-size: 14px;
}
}
p:last-child {
margin-bottom: 0;
}
section {
margin: 120px 0;
padding: 120px 0;
}
@media screen and (max-width:992px) {
section {
margin: 60px 0;
padding: 60px 0;
}
}
.section-line {
width: 100%;
height: 1px;
background-color: #D2D7E1;
display: block;
margin: 120px auto 0;
}
@media screen and (max-width:992px) {
.section-line {
margin: 60px auto 0;
}
}
.top-banner {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 760px;
height: 100%;
font-family: SF Pro;
font-style: normal;
}
@media screen and (max-width:992px) {
.top-banner {
min-height: 600px;
}
}
.top-banner .slider-content {
position: relative;
min-height: 700px;
z-index: 1;
max-width: 790px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width:992px) {
.top-banner .slider-content {
min-height: 600px;
}
}
.top-banner .slider-content h1, .top-banner .slider-content h2, .top-banner .slider-content h3, .top-banner .slider-content h4 {
text-align: left;
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 90px;
line-height: 120%;
color: #FFFFFF;
padding: 0;
}
@media screen and (max-width:992px) {
.top-banner .slider-content h1, .top-banner .slider-content h2, .top-banner .slider-content h3, .top-banner .slider-content h4 {
font-weight: bold;
font-size: 38px;
line-height: 120%;
}
}
.top-banner .slider-content .banner-title {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 90px;
line-height: 120%;
color: #FFFFFF;
}
@media screen and (max-width:992px) {
.top-banner .slider-content .banner-title {
font-weight: bold;
font-size: 38px;
line-height: 120%;
}
}
.top-banner .slider-content .banner-text {
font-weight: 500;
font-size: 28px;
line-height: 160%;
color: #FFFFFF;
padding: 30px 0;
}
@media screen and (max-width:992px) {
.top-banner .slider-content .banner-text {
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 150%;
}
}
.top-banner .slider-content .banner-text._light-text {
font-weight: 500;
font-size: 18px;
line-height: 160%;
color: #FFFFFF;
max-width: 730px;
font-weight: normal;
}
.top-banner .swiper-slide {
height: 760px;
width: 100%;
background-size: cover;
position: relative;
background-position: top 0 center 0px;
}
@media screen and (max-width:992px) {
.top-banner .swiper-slide {
height: 100%;
}
}
.top-banner .swiper-slide:after {
content: "";
background: rgba(14, 16, 21, 0.6);
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
}
.top-banner .swiper-slide._single-cover {
height: 560px;
background-position: center;
}
.top-banner .swiper-pagination {
margin-bottom: 30px;
}
@media screen and (max-width:992px) {
.top-banner .swiper-pagination {
margin-bottom: 20px;
}
}
.top-banner .swiper-pagination-bullet {
background: rgba(255, 255, 255, 0.5);
opacity: 1;
width: 10px;
height: 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width:992px) {
.top-banner .swiper-pagination-bullet {
width: 6px;
height: 6px;
}
}
.top-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
position: relative;
background-color: transparent;
width: 20px;
}
.top-banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
content: "";
width: 20px;
height: 20px;
background-color: transparent;
border: 2px solid #FC6A20;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
border-radius: 50%;
position: absolute;
top: -5px;
}
.top-banner._single-banner {
min-height: 560px;
}
.top-banner._single-banner .slider-content {
min-height: 450px;
}
.breadgrums {
padding: 20px 0 0;
position: relative;
z-index: 1;
font-size: 14px;
line-height: 17px; }
.breadgrums span {
color: #fff;
}
.breadgrums .sep {
background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83775 5.00051C5.83775 5.18384 5.77109 5.35051 5.63775 5.48384L1.30442 9.65051C1.17109 9.76718 1.00441 9.83384 0.837746 9.83384C0.654412 9.83384 0.487742 9.76717 0.354408 9.63384C0.104408 9.36717 0.104404 8.9505 0.371071 8.68384L4.2044 5.00051L0.371071 1.31717C0.104404 1.06717 0.104408 0.633842 0.354408 0.367175C0.604408 0.100508 1.03775 0.100507 1.30442 0.350507L5.63775 4.51717C5.77109 4.65051 5.83775 4.81717 5.83775 5.00051Z' fill='white'/%3E%3C/svg%3E%0A");
width: 6px;
height: 10px;
display: inline-block;
margin: 0 10px;
}
.breadgrums a span {
color: #FC6A20;
margin: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.breadgrums a span:hover {
color: #fff;
}
.premi-block {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #F2F4FA;
padding: 40px 0;
}
.premi-block._abpremi {
padding: 120px 0;
}
@media screen and (max-width:992px) {
.premi-block._abpremi {
padding: 60px 0;
}
}
.premi-block._abpremi .premi-row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr !important;
grid-template-columns: repeat(2, 1fr) !important;
grid-column-gap: 30px;
}
.premi-block._abpremi .premi-row .premi-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 1fr;
grid-template-columns: auto 1fr;
}
@media screen and (max-width:992px) {
.premi-block._abpremi .premi-row .premi-list {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.premi-block._abpremi .premi-row .premi-list .premi-data {
text-align: left;
}
.premi-block._abpremi .premi-row .premi-list .premi-data .title {
text-align: left;
}
}
.premi-block._abpremi .premi-row .premi-list .premi-data {
max-width: none;
}
.premi-block .premi-row {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
color: #0D1A34;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
grid-column-gap: 8%;
}
@media screen and (max-width:1199px) {
.premi-block .premi-row {
grid-column-gap: 3%;
}
}
@media screen and (max-width:1100px) {
.premi-block .premi-row {
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
}
@media screen and (max-width:992px) {
.premi-block .premi-row {
grid-column-gap: 2%;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
}
@media screen and (max-width:576px) {
.premi-block .premi-row {
grid-column-gap: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.premi-block .premi-row .premi-list {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
@media screen and (max-width:992px) {
.premi-block .premi-row .premi-list {
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.premi-block .premi-row .premi-list:last-child {
margin: 0;
-ms-grid-column-span: 2;
grid-column: span 2;
}
}
@media screen and (max-width:576px) {
.premi-block .premi-row .premi-list {
display: -ms-grid;
display: grid;
-ms-grid-columns: minmax(-webkit-max-content, 30px) minmax(250px, auto);
-ms-grid-columns: minmax(max-content, 30px) minmax(250px, auto);
grid-template-columns: minmax(-webkit-max-content, 30px) minmax(250px, auto);
grid-template-columns: minmax(max-content, 30px) minmax(250px, auto);
margin-bottom: 40px;
}
.premi-block .premi-row .premi-list:last-child {
margin: 0;
}
}
.premi-block .premi-row .premi-list .prem-icon {
width: 100px;
height: 100px;
background: #FFFFFF;
border-radius: 50%;
display: -ms-grid;
display: grid;
place-items: center;
}
@media screen and (max-width:992px) {
.premi-block .premi-row .premi-list .prem-icon {
width: 70px;
height: 70px;
}
.premi-block .premi-row .premi-list .prem-icon i, .premi-block .premi-row .premi-list .prem-icon img {
width: 30px;
-o-object-fit: cover;
object-fit: cover;
background-size: 30px;
background-repeat: no-repeat;
background-position: center;
}
}
.premi-block .premi-row .premi-list .premi-data {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
color: #0D1A34;
max-width: 220px;
}
@media screen and (max-width:1199px) {
.premi-block .premi-row .premi-list .premi-data {
max-width: 180px;
}
}
@media screen and (max-width:992px) {
.premi-block .premi-row .premi-list .premi-data {
text-align: center;
max-width: none;
}
}
@media screen and (max-width:576px) {
.premi-block .premi-row .premi-list .premi-data {
padding: 0;
text-align: left;
}
}
.premi-block .premi-row .premi-list .premi-data h1, .premi-block .premi-row .premi-list .premi-data h2, .premi-block .premi-row .premi-list .premi-data h3, .premi-block .premi-row .premi-list .premi-data h4, .premi-block .premi-row .premi-list .premi-data .title {
font-weight: 860;
font-size: 18px;
line-height: 21px;
color: #0D1A34;
text-align: left;
padding: 0;
margin: 0;
}
@media screen and (max-width:992px) {
.premi-block .premi-row .premi-list .premi-data h1, .premi-block .premi-row .premi-list .premi-data h2, .premi-block .premi-row .premi-list .premi-data h3, .premi-block .premi-row .premi-list .premi-data h4, .premi-block .premi-row .premi-list .premi-data .title {
text-align: center;
}
}
@media screen and (max-width:576px) {
.premi-block .premi-row .premi-list .premi-data h1, .premi-block .premi-row .premi-list .premi-data h2, .premi-block .premi-row .premi-list .premi-data h3, .premi-block .premi-row .premi-list .premi-data h4, .premi-block .premi-row .premi-list .premi-data .title {
text-align: left;
}
}
.premi-block .premi-row .premi-list .premi-data .text {
font-size: 16px;
line-height: 140%;
color: #0D1A34;
padding: 10px 0 0;
}
.premi-block .premi-row._ab_premi {
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 70px;
}
@media screen and (max-width:992px) {
.premi-block .premi-row._ab_premi {
display: block;
}
}
.premi-block .premi-row._ab_premi .premi-list {
-ms-grid-columns: auto 1fr;
grid-template-columns: auto 1fr;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.seo-block {
padding: 0;
}
.seo-block h2, .seo-block h1, .seo-block h3 {
margin-bottom: 30px;
}
.seo-block._seo {
margin: 120px 0;
}
.seo-block._seo .section-title {
padding: 0;
margin: 0;
margin-top: -20px;
}
.seo-block._seo h2, .seo-block._seo h1, .seo-block._seo h3 {
margin-top: -20px;
}
.product-block {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #F2F4FA;
margin: 0;
}
.product-block .product-wrapper .section-title {
margin: 0;
padding: 0;
}
.product-block .product-wrapper .section-subtitle {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 26px;
line-height: 160%;
text-align: center;
color: #0D1A34;
padding: 30px 0;
}
@media screen and (max-width:992px) {
.product-block .product-wrapper .section-subtitle {
font-size: 18px;
line-height: 150%;
}
}
.product-block .product-wrapper .product-row {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-column-gap: 10px;
grid-row-gap: 30px;
margin: 20px 0 0;
}
@media screen and (max-width:576px) {
.product-block .product-wrapper .product-row {
-ms-grid-columns: 1fr;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 0;
grid-row-gap: 5px;
}
}
.product-block .product-wrapper .product-row .product-item {
background: radial-gradient(86.59% 86.59% at 50% 50%, #FFFFFF 0%, #ffffff 100%);
border: 1px solid #D2D7E1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px 10px 10px 10px;
display: -ms-grid;
display: grid;
place-items: center;
position: relative;
min-height: 270px;
height: 100%;
width: 100%;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width:576px) {
.product-block .product-wrapper .product-row .product-item {
min-height: 50px;
display: block;
height: 100%;
border-radius: 10px;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
margin: 0 -15px;
padding: 0 15px;
}
}
.product-block .product-wrapper .product-row .product-item a {
display: block;
width: 100%;
height: 100%;
}
.product-block .product-wrapper .product-row .product-item .pr-content {
position: relative;
}
@media screen and (max-width:576px) {
.product-block .product-wrapper .product-row .product-item .pr-content {
display: none;
}
}
.product-block .product-wrapper .product-row .product-item .pr-content .pr-cover {
width: 100%;
display: block;
height: 100%;
margin-bottom: 30px;
position: relative;
}
.product-block .product-wrapper .product-row .product-item .pr-content .pr-cover:after {
content: "";
background: #BDC0CE;
-webkit-filter: blur(15px);
filter: blur(15px);
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100px;
height: 20px;
display: block;
margin: 0 auto;
}
.product-block .product-wrapper .product-row .product-item .pr-content .pr-cover img {
max-width: 100%;
width: 100%;
}
.product-block .product-wrapper .product-row .product-item .pr-title {
background: #868D9A;
border-radius: 0px 0px 10px 10px;
display: block;
margin-top: auto;
position: absolute;
bottom: 0;
width: 100%;
height: auto;
padding: 10px 0;
text-align: center;
color: #FFFFFF;
}
@media screen and (max-width:576px) {
.product-block .product-wrapper .product-row .product-item .pr-title {
border-radius: 10px;
text-align: left;
position: relative;
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: 10px 15px;
}
.product-block .product-wrapper .product-row .product-item .pr-title:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33062 7.00095C8.33062 7.23928 8.24063 7.45595 8.06063 7.62928L2.21063 13.046C2.03063 13.1976 1.80562 13.2843 1.58062 13.2843C1.33312 13.2843 1.10811 13.1976 0.928109 13.0243C0.590609 12.6776 0.590604 12.1359 0.950604 11.7893L6.1256 7.00095L0.950604 2.21262C0.590604 1.88762 0.590609 1.32429 0.928109 0.97762C1.26561 0.630954 1.85063 0.630952 2.21063 0.955952L8.06063 6.37262C8.24063 6.54595 8.33062 6.76262 8.33062 7.00095Z' fill='white'/%3E%3C/svg%3E%0A");
width: 9px;
height: 14px;
display: block;
}
}
.product-block .product-wrapper .product-row .product-item:hover {
margin-top: -10px;
-webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.2);
border: 1px solid #0487FF;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: subpixel-antialiased;
}
@media screen and (max-width:576px) {
.product-block .product-wrapper .product-row .product-item:hover {
margin: 0;
border: 0;
padding: 0 15px;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.product-block .product-wrapper .product-row .product-item:hover .pr-title {
background: #0487FF;
-webkit-font-smoothing: subpixel-antialiased;
}
@media screen and (max-width:576px) {
.product-block .product-wrapper .product-row .product-item:hover .pr-title {
margin: 0 -15px;
padding: 10px 15px;
}
}
.product-block .product-wrapper .product-row .product-item._npd {
display: block;
border: 0;
}
.product-block .product-wrapper .product-row .product-item._npd .pr-cover {
margin-bottom: 0;
z-index: 1;
display: block;
height: 223px;
overflow: hidden;
border-radius: 10px 10px 0px 0px;
}
.product-block .product-wrapper .product-row .product-item._npd .pr-cover img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-block .product-wrapper .product-row .product-item._npd .pr-cover:after {
display: none;
}
.product-block .product-wrapper .product-row .product-item._pd {
background: #0487FF;
display: block;
}
@media screen and (max-width:576px) {
.product-block .product-wrapper .product-row .product-item._pd {
min-height: 210px;
margin: 0;
}
}
@media screen and (max-width:576px) {
.product-block .product-wrapper .product-row .product-item._pd .pr-content {
display: block;
}
}
.product-block .product-wrapper .product-row .product-item._pd .pr-full {
font-family: SF Pro;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 140%;
text-align: center;
color: rgba(255, 255, 255, 0.7);
padding: 35px 20px 0;
}
@media screen and (max-width:576px) {
.product-block .product-wrapper .product-row .product-item._pd .pr-full {
padding: 20px 20px 30px;
}
}
.product-block .product-wrapper .product-row .product-item._pd .pr-full .pd-title {
font-size: 18px;
line-height: 140%;
color: #FFFFFF;
padding: 10px 0;
}
.product-block .product-wrapper .product-row .product-item._pd .pr-full .pd-text {
font-size: 14px;
line-height: 140%;
padding: 0 30px;
}
.product-block .product-wrapper .product-row .product-item._pd .pr-full .btn-group {
margin: 30px 0 0;
}
.product-block .product-wrapper .product-row._article-row {
-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 30px;
}
@media screen and (max-width:992px) {
.product-block .product-wrapper .product-row._article-row {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width:768px) {
.product-block .product-wrapper .product-row._article-row {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
}
.product-block .btn-group {
margin: 50px auto 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.brands-slider {
position: relative;
padding: 0;
}
@media screen and (max-width:992px) {
.brands-slider .container {
padding-left: 10px;
margin-left: 10px;
max-width: none;
width: calc(100% - 20px);
}
}
.brands-slider .section-title {
margin: 0;
padding: 0;
}
.brands-slider .brand-wrap {
position: relative;
margin: 65px 0 0;
}
.brands-slider .brand-wrap .cart-row {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.brands-slider .brand-wrap .cart-row .swiper-slide {
background: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}
.brands-slider .brand-wrap .cart-row .swiper-slide .sl-item {
border: 1px solid #D2D7E1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
height: 102px;
width: 190px;
display: -ms-grid;
display: grid;
place-items: center;
cursor: pointer;
padding: 20px 30px;
}
@media screen and (max-width:992px) {
.brands-slider .brand-wrap .cart-row .swiper-slide .sl-item {
height: 90px;
width: 100%;
padding: 10px 30px;
}
}
.brands-slider .brand-wrap .cart-row .swiper-slide .sl-item img {
max-width: 100%;
width: 100%;
height: 65px;
-o-object-fit: contain;
object-fit: contain;
}
.brands-slider .brand-wrap .btn-group {
margin: 50px auto 0;
max-width: 160px;
}
.brands-slider .slider-nav {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0 auto;
top: 20px;
left: 0;
right: 0;
z-index: 1;
cursor: pointer;
outline: none;
}
@media screen and (max-width:992px) {
.brands-slider .slider-nav {
display: none;
}
}
.brands-slider .slider-nav .nav-prev {
background: #F2F4FA;
width: 60px;
height: 60px;
position: absolute;
left: -30px;
border-radius: 50%;
display: -ms-grid;
display: grid;
place-items: center;
}
.brands-slider .slider-nav .nav-prev:after {
content: "";
width: 9px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.669384 6.99997C0.669384 7.23831 0.759373 7.45497 0.939373 7.62831L6.78937 13.045C6.96937 13.1966 7.19438 13.2833 7.41938 13.2833C7.66688 13.2833 7.89189 13.1966 8.07189 13.0233C8.40939 12.6766 8.4094 12.135 8.0494 11.7883L2.8744 6.99997L8.0494 2.21164C8.4094 1.88664 8.40939 1.32331 8.07189 0.976644C7.73439 0.629977 7.14937 0.629976 6.78937 0.954976L0.939373 6.37164C0.759373 6.54498 0.669384 6.76164 0.669384 6.99997Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width:1440px) {
.brands-slider .slider-nav .nav-prev {
width: 40px;
height: 40px;
left: -5px;
top: 10px;
}
}
.brands-slider .slider-nav .nav-next {
background: #F2F4FA;
width: 60px;
height: 60px;
position: absolute;
right: -30px;
border-radius: 50%;
display: -ms-grid;
display: grid;
place-items: center;
}
.brands-slider .slider-nav .nav-next:after {
content: "";
width: 9px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33062 6.99997C8.33062 7.23831 8.24063 7.45497 8.06063 7.62831L2.21063 13.045C2.03063 13.1966 1.80562 13.2833 1.58062 13.2833C1.33312 13.2833 1.10811 13.1966 0.928109 13.0233C0.590609 12.6766 0.590604 12.135 0.950604 11.7883L6.1256 6.99997L0.950604 2.21164C0.590604 1.88664 0.590609 1.32331 0.928109 0.976644C1.26561 0.629977 1.85063 0.629976 2.21063 0.954976L8.06063 6.37164C8.24063 6.54498 8.33062 6.76164 8.33062 6.99997Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width:1440px) {
.brands-slider .slider-nav .nav-next {
width: 40px;
height: 40px;
right: -5px;
top: 10px;
}
}
.brands-slider._brand_carts {
margin: 120px 0 0;
}
@media screen and (max-width:992px) {
.brands-slider._brand_carts {
margin: 60px 0 0;
}
.brands-slider._brand_carts .container {
margin: 0 auto;
padding: 0;
}
}
.brands-slider._brand_carts .cart-row {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
grid-column-gap: 30px;
grid-row-gap: 30px;
}
@media screen and (max-width:992px) {
.brands-slider._brand_carts .cart-row {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.brands-slider._brand_carts .cart-row .swiper-slide .sl-item {
width: 100%;
}
}
.we-work {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #F2F4FA;
margin: 120px 0 0;
}
@media screen and (max-width:992px) {
.we-work {
margin: 60px 0 0;
}
}
.we-work .section-title {
margin: 0;
padding: 0;
}
.we-work .we-work-steps {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(4, 1fr);
text-align: center;
grid-column-gap: 30px;
max-width: 1070px;
margin: 60px auto 0;
}
@media screen and (max-width:576px) {
.we-work .we-work-steps {
display: block;
}
}
.we-work .we-work-steps .steps-item {
position: relative;
}
.we-work .we-work-steps .steps-item:after {
content: "";
width: 100%;
height: 1px;
display: block;
background: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #0487FF)), -webkit-gradient(linear, left top, right top, from(#F2F4FA), to(#F2F4FA));
background: linear-gradient(to right, transparent 50%, #0487FF 50%), linear-gradient(to right, #F2F4FA, #F2F4FA);
background-size: 10px 1px, 100% 1px;
position: absolute;
top: 0;
left: 0;
margin-left: 49%;
margin-top: 29px;
}
@media screen and (max-width:576px) {
.we-work .we-work-steps .steps-item:after {
margin-left: 0;
}
}
.we-work .we-work-steps .steps-item:last-child:after {
display: none;
}
.we-work .we-work-steps .step-icon {
background: #FFFFFF;
border: 5px solid #F2F4FA;
width: 50px;
height: 50px;
border-radius: 50%;
position: relative;
display: -ms-grid;
display: grid;
place-items: center;
margin: 0 auto;
z-index: 1;
}
.we-work .we-work-steps .step-icon:after {
content: "";
background: #0487FF;
width: 12px;
height: 12px;
display: block;
border-radius: 50%;
}
.we-work .we-work-steps .step-icon.__final {
background: #0487FF;
}
.we-work .we-work-steps .step-icon.__final:after {
content: "";
background: #FFFFFF;
}
.we-work .we-work-steps .step-content {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 150%;
text-align: center;
color: #0D1A34;
}
.we-work .we-work-steps .step-content .title {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 21px;
text-align: center;
color: #0D1A34;
padding: 20px 0;
}
.we-work .we-work-steps .step-content .text {
font-size: 16px;
line-height: 150%;
max-width: 176px;
margin: 0 auto;
word-wrap: break-word;
}
.form_bg {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/bg1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: left;
min-height: 308px;
height: 100%;
padding: 0;
margin: 0;
display: -ms-grid;
display: grid;
place-items: center;
}
@media screen and (max-width:992px) {
.form_bg {
min-height: 250px;
}
}
.form_bg:after {
content: "";
background: rgba(14, 16, 21, 0.5);
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
}
.form_bg .frb-content {
z-index: 1;
position: relative;
max-width: 795px;
margin: 0 auto;
}
.form_bg .frb-content .section-title {
color: #fff;
line-height: normal;
line-height: normal;
}
.form_bg .frb-content .btn-group {
margin: 30px auto;
max-width: 260px;
}
.form_bg.atlasrepair {
padding: 0;
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/bg2.jpg);
margin: -120px 0 0;
}
.form_bg.atlasrepair .section-title {
color: #fff;
}
.form_bg.single-block {
margin: 120px auto;
padding: 80px 0;
max-width: 1290px;
border-radius: 10px;
}
.form_bg.single-block:after {
border-radius: 10px;
}
.form_bg.single-block .btn-group {
margin: 30px auto 0;
}
.about_us {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 100px 0 0;
padding: 0;
}
@media screen and (max-width:992px) {
.about_us {
margin: 60px 0 0;
}
}
.about_us .full-text {
margin: 50px 0 0;
}
.about_us .full-text ul {
padding: 0 15px;
}
.about_us .ab_wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 120px 1fr;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 120px;
}
@media screen and (max-width:1199px) {
.about_us .ab_wrap {
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
grid-column-gap: 80px;
}
}
@media screen and (max-width:992px) {
.about_us .ab_wrap {
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 30px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media screen and (max-width:768px) {
.about_us .ab_wrap {
display: block;
}
}
.about_us .ab_wrap .section-title {
margin: 0;
padding: 0;
text-align: left;
line-height: 1.2;
}
@media screen and (max-width:1199px) {
.about_us .ab_wrap .section-title {
line-height: normal;
}
}
@media screen and (max-width:768px) {
.about_us .ab_wrap .section-title {
text-align: center;
}
}
.about_us .ab_wrap .ab-subtitle {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 26px;
line-height: 160%;
color: #0D1A34;
padding: 40px 0 30px;
}
@media screen and (max-width:992px) {
.about_us .ab_wrap .ab-subtitle {
font-size: 18px;
line-height: 160%;
text-align: left;
padding: 20px 0 20px;
}
}
@media screen and (max-width:768px) {
.about_us .ab_wrap .ab-subtitle {
font-size: 18px;
line-height: 160%;
text-align: center;
padding: 20px 0 20px;
}
}
.about_us .ab_wrap .ab-text {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 170%;
color: #0D1A34;
}
.about_us .ab_wrap .btn-group {
max-width: 120px;
margin: 35px 0 0;
}
@media screen and (max-width:768px) {
.about_us .ab_wrap .btn-group {
margin: 30px 0 40px;
}
}
.about_us .ab_wrap .ab-cover {
max-width: 630px;
width: 100%;
height: 650px;
position: relative;
z-index: 2;
margin-right: 10px;
}
@media screen and (max-width:1199px) {
.about_us .ab_wrap .ab-cover {
max-width: 580px;
}
}
@media screen and (max-width:992px) {
.about_us .ab_wrap .ab-cover {
max-width: 100%;
height: 100%;
}
}
.about_us .ab_wrap .ab-cover .cover-bg {
position: relative;
}
.about_us .ab_wrap .ab-cover .cover-bg img {
border-radius: 10px;
}
@media screen and (max-width:1199px) {
.about_us .ab_wrap .ab-cover .cover-bg img {
max-width: 100%;
}
}
@media screen and (max-width:992px) {
.about_us .ab_wrap .ab-cover .cover-bg img {
max-width: 100%;
}
}
.about_us .ab_wrap .ab-cover .cover-bg:after {
content: "";
background: #FC6A20;
border-radius: 10px;
position: absolute;
right: 0;
margin-right: -10px;
top: 0;
width: 100%;
height: 600px;
display: block;
z-index: -1;
margin-top: 20px;
}
@media screen and (max-width:1199px) {
.about_us .ab_wrap .ab-cover .cover-bg:after {
height: calc(100% - 45px);
}
}
@media screen and (max-width:992px) {
.about_us .ab_wrap .ab-cover .cover-bg:after {
height: calc(100% - 45px);
}
}
.team {
padding: 80px 0 0;
margin: 0;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width:1199px) {
.team {
padding: 60px 0 0;
margin: 0;
}
}
@media screen and (max-width:992px) {
.team {
padding: 60px 0 0;
margin: 0;
}
}
.team .team-wrap {
margin: 30px 0 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 30px;
}
@media screen and (max-width:1199px) {
.team .team-wrap {
grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
}
}
@media screen and (max-width:992px) {
.team .team-wrap {
grid-template-columns: repeat(auto-fill, minmax(23%, 1fr));
grid-column-gap: 20px;
grid-row-gap: 35px;
}
}
@media screen and (max-width:768px) {
.team .team-wrap {
grid-template-columns: repeat(auto-fill, minmax(22%, 1fr));
grid-column-gap: 20px;
}
}
@media screen and (max-width:576px) {
.team .team-wrap {
grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
grid-column-gap: 20px;
}
}
.team .team-wrap .tem-item {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.team .team-wrap .tem-item .tm-content {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #0D1A34;
}
@media screen and (max-width:992px) {
.team .team-wrap .tem-item .tm-content {
font-size: 14px;
line-height: 17px;
}
}
.team .team-wrap .tem-item .tm-content .user-cover {
max-width: 300px;
height: 360px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
.team .team-wrap .tem-item .tm-content .user-cover img {
max-width: none;
width: 100%;
}
@media screen and (max-width:1199px) {
.team .team-wrap .tem-item .tm-content .user-cover {
max-width: 250px;
height: 220px;
}
}
@media screen and (max-width:992px) {
.team .team-wrap .tem-item .tm-content .user-cover {
max-width: 250px;
height: 220px;
}
}
@media screen and (max-width:768px) {
.team .team-wrap .tem-item .tm-content .user-cover {
max-width: 100%;
width: 100%;
height: 200px;
}
}
@media screen and (max-width:576px) {
.team .team-wrap .tem-item .tm-content .user-cover {
max-width: 100%;
width: 100%;
height: 200px;
}
}
.team .team-wrap .tem-item .tm-content .user-cover img {
height: 100%;
max-width: 100%;
border-radius: 10px;
-o-object-fit: cover;
object-fit: cover;
}
.team .team-wrap .tem-item .tm-content .user-name {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 21px;
color: #0D1A34;
padding: 30px 0 20px;
position: relative;
}
@media screen and (max-width:992px) {
.team .team-wrap .tem-item .tm-content .user-name {
font-size: 16px;
line-height: 140%;
padding: 15px 0 15px;
}
}
.team .team-wrap .tem-item .tm-content .user-name:after {
content: "";
background: #D2D7E1;
border-radius: 5px;
width: 50px;
height: 2px;
display: block;
margin: 20px 0 0;
}
.team .team-wrap .tem-item .tm-content .lever {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #0D1A34;
}
.team .team-wrap .tem-item .tm-content .y-work {
background: #F2F4FA;
border-radius: 50px;
font-family: SF Pro;
font-style: normal;
font-weight: 590;
font-size: 12px;
line-height: 14px;
color: #0D1A34;
padding: 10px 0;
max-width: 160px;
text-align: center;
margin: 15px 0 0;
}
.place-area {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #F2F4FA;
padding: 120px 0 100px;
}
@media screen and (max-width:992px) {
.place-area {
padding: 60px 0 80px;
}
}
.place-area._place {
margin: 0 0 120px;
}
.place-area .section-title {
margin: 0;
padding: 0;
}
.place-area .place-row {
margin: 60px 0 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 80px 1fr 80px 1fr 80px 1fr 80px 1fr;
grid-template-columns: repeat(5, 1fr);
grid-column-gap: 80px;
}
@media screen and (max-width:992px) {
.place-area .place-row {
-ms-grid-columns: (1fr)[3];
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width:576px) {
.place-area .place-row {
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 30px;
}
}
.place-area .place-row .place-item {
font-family: SF Pro;
font-style: normal;
font-weight: 590;
font-size: 16px;
line-height: 19px;
color: #0487FF;
margin-bottom: 20px;
}
@media screen and (max-width:992px) {
.place-area .place-row .place-item {
font-size: 14px;
line-height: 17px;
}
}
.place-area .place-row .place-item i {
margin-right: 8px;
margin-top: -5px;
}
.place-area .place-row .place-item a {
color: #0487FF;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.place-area .place-row .place-item a:hover {
color: #0D1A34;
}
.rewiews {
margin: 90px 0;
padding: 0;
}
@media screen and (max-width:992px) {
.rewiews {
margin: 60px 0 0;
}
}
.rewiews .rew-wigets {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 30px 0;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
grid-column-gap: 30px;
}
@media screen and (max-width:992px) {
.rewiews .rew-wigets {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
}
@media screen and (max-width:768px) {
.rewiews .rew-wigets {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
}
.rewiews .rew-wigets .wg-item {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #D2D7E1;
box-sizing: border-box;
-webkit-box-shadow: 0px 20px 30px #E3E8F5;
box-shadow: 0px 20px 30px #E3E8F5;
border-radius: 10px;
display: -ms-grid;
display: grid;
place-item: center;
text-align: center;
display: block;
}
.rewiews .rew-wigets .wg-item .wh-cnt {
padding: 30px 0;
}
@media screen and (max-width:768px) {
.rewiews .rew-wigets .wg-item {
margin-bottom: 20px;
}
.rewiews .rew-wigets .wg-item:nth-child(3) {
-ms-grid-column-span: 2;
grid-column: span 2;
}
}
@media screen and (max-width:576px) {
.rewiews .rew-wigets .wg-item:nth-child(3) {
grid-column: auto;
}
}
.rewiews .rew-wigets .wg-item a {
position: relative;
display: block;
height: 100%;
width: 100%;
}
.rewiews._rew .section-title {
margin: 0;
padding: 0;
}
.rewiew-slider {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 60px 0;
}
@media screen and (max-width:992px) {
.rewiew-slider {
margin: 30px 0px;
padding-left: 15px;
}
}
.rewiew-slider .swiper-slide {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 170%;
color: #0D1A34;
border: 2px solid #F2F4FA;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
color: #868D9A;
padding: 40px 40px;
}
@media screen and (max-width:768px) {
.rewiew-slider .swiper-slide {
padding: 20px 20px;
font-size: 14px;
line-height: 170%;
}
}
.rewiew-slider .swiper-slide .rewiew-content .rew-text {
color: #868D9A;
position: relative;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 12em;
overflow: hidden;
}
.rewiew-slider .swiper-slide .rewiew-content .rew-rating span {
font-size: 20px;
color: gold;
padding: 0px 2px;
}
.rewiew-slider .swiper-slide .rew-autor {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 21px;
color: #868D9A;
margin: 20px 0 0;
}
.rewiew-slider .swiper-slide .rew-autor a {
color: #868D9A;
}
@media screen and (max-width:768px) {
.rewiew-slider .swiper-slide .rew-autor {
font-size: 16px;
line-height: 19px;
}
}
.rewiew-slider .swiper-slide.swiper-slide-active {
background: #F2F4FA;
color: #0D1A34;
}
.rewiew-slider .swiper-slide.swiper-slide-active .rewiew-content .rew-text {
color: #0D1A34;
}
.rewiew-slider .swiper-slide.swiper-slide-active .rewiew-content .rew-rating span{
font-size: 20px;
color: gold;
padding: 0px 2px;
}
.rewiew-slider .swiper-slide.swiper-slide-active .rew-autor {
color: #0D1A34;
}
.rewiew-slider .swiper-slide.swiper-slide-active .rew-autor a {
color: #0D1A34;
}
.rewiew-slider .btn-group {
max-width: 160px;
margin: 50px auto 0;
}
.rewiew-slider .slider-nav {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 35%;
width: 100%;
margin: 0 auto;
top: 30%;
left: 0;
right: 0;
z-index: 1;
cursor: pointer;
outline: none;
}
@media screen and (max-width:992px) {
.rewiew-slider .slider-nav {
display: none;
}
}
.rewiew-slider .slider-nav .nav-prev {
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 20px #E3E8F5;
box-shadow: 0px 4px 20px #E3E8F5;
width: 60px;
height: 60px;
position: absolute;
left: -0.5%;
border-radius: 50%;
display: -ms-grid;
display: grid;
place-items: center;
}
.rewiew-slider .slider-nav .nav-prev:after {
content: "";
width: 9px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.669384 6.99997C0.669384 7.23831 0.759373 7.45497 0.939373 7.62831L6.78937 13.045C6.96937 13.1966 7.19438 13.2833 7.41938 13.2833C7.66688 13.2833 7.89189 13.1966 8.07189 13.0233C8.40939 12.6766 8.4094 12.135 8.0494 11.7883L2.8744 6.99997L8.0494 2.21164C8.4094 1.88664 8.40939 1.32331 8.07189 0.976644C7.73439 0.629977 7.14937 0.629976 6.78937 0.954976L0.939373 6.37164C0.759373 6.54498 0.669384 6.76164 0.669384 6.99997Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
}
.rewiew-slider .slider-nav .nav-next {
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 20px #E3E8F5;
box-shadow: 0px 4px 20px #E3E8F5;
width: 60px;
height: 60px;
position: absolute;
right: -0.1%;
border-radius: 50%;
display: -ms-grid;
display: grid;
place-items: center;
}
.rewiew-slider .slider-nav .nav-next:after {
content: "";
width: 9px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33062 6.99997C8.33062 7.23831 8.24063 7.45497 8.06063 7.62831L2.21063 13.045C2.03063 13.1966 1.80562 13.2833 1.58062 13.2833C1.33312 13.2833 1.10811 13.1966 0.928109 13.0233C0.590609 12.6766 0.590604 12.135 0.950604 11.7883L6.1256 6.99997L0.950604 2.21164C0.590604 1.88664 0.590609 1.32331 0.928109 0.976644C1.26561 0.629977 1.85063 0.629976 2.21063 0.954976L8.06063 6.37164C8.24063 6.54498 8.33062 6.76164 8.33062 6.99997Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
}
.article-area {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #F2F4FA;
margin: 120px 0 0;
padding: 120px 0 40px;
}
@media screen and (max-width:992px) {
.article-area {
margin: 60px 0 0;
padding: 60px 0 20px;
}
}
@media screen and (max-width:992px) {
.article-area .container {
padding-left: 10px;
margin-left: 10px;
max-width: none;
width: calc(100% - 20px);
}
}
.article-area .section-title {
margin: 0;
padding: 0;
}
.article-area .news-block {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 80px 0;
}
@media screen and (max-width:992px) {
.article-area .news-block {
margin: 50px 0;
}
}
.article-area .news-item {
background: #FFFFFF;
-webkit-box-shadow: 0px 20px 30px #E3E8F5;
box-shadow: 0px 20px 30px #E3E8F5;
border-radius: 10px;
}
.article-area .news-item .news-cover {
width: 100%;
height: 260px;
overflow: hidden;
border-radius: 10px 10px 0 0;
}
@media screen and (max-width:992px) {
.article-area .news-item .news-cover {
max-width: none;
width: 100%;
height: 220px;
}
}
@media screen and (max-width:768px) {
.article-area .news-item .news-cover {
max-width: 100%;
height: 200px;
}
}
.article-area .news-item .news-cover img {
max-width: none;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.article-area .news-item .news-data {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 150%;
color: #0D1A34;
padding: 30px 30px;
}
@media screen and (max-width:768px) {
.article-area .news-item .news-data {
padding: 20px 20px;
}
}
.article-area .news-item .news-data .news-date {
font-size: 14px;
line-height: 17px;
color: #868D9A;
}
@media screen and (max-width:768px) {
.article-area .news-item .news-data .news-date {
font-size: 12px;
line-height: 14px;
}
}
.article-area .news-item .news-data .title {
font-weight: 800;
font-size: 20px;
line-height: 140%;
color: #0D1A34;
padding: 15px 0;
display: block;
}
@media screen and (max-width:768px) {
.article-area .news-item .news-data .title {
font-size: 16px;
line-height: 140%;
}
}
.article-area .news-item .news-data .news-text {
font-size: 16px;
line-height: 150%;
color: #0D1A34;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 5em;
overflow: hidden;
}
@media screen and (max-width:768px) {
.article-area .news-item .news-data .news-text {
font-size: 14px;
line-height: 150%;
}
}
.article-area .news-item .news-data .btn-group {
max-width: 100px;
margin: 20px 0 0;
width: 100%;
}
@media screen and (max-width:768px) {
.article-area .news-item .news-data .btn-group {
margin: 20px 0 10px;
}
}
.article-area .news-item .news-data .btn-group .btn {
width: 100%;
display: block;
}
.article-area .btn-group {
margin: 50px auto 0;
max-width: 180px;
}
.article-area .btn-group .btn-primary {
background: #FFFFFF;
color: #0487FF;
}
.article-area .btn-group .btn-primary:hover {
background: #FC6A20;
color: #fff;
}
.article-area .slider-nav {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 auto;
top: 35%;
left: 0;
right: 0;
z-index: 1;
cursor: pointer;
outline: none;
}
@media screen and (max-width:992px) {
.article-area .slider-nav {
display: none;
}
}
.article-area .slider-nav .nav-prev {
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 20px #E3E8F5;
box-shadow: 0px 4px 20px #E3E8F5;
width: 60px;
height: 60px;
position: absolute;
left: -30px;
border-radius: 50%;
display: -ms-grid;
display: grid;
place-items: center;
}
.article-area .slider-nav .nav-prev:after {
content: "";
width: 9px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.669384 6.99997C0.669384 7.23831 0.759373 7.45497 0.939373 7.62831L6.78937 13.045C6.96937 13.1966 7.19438 13.2833 7.41938 13.2833C7.66688 13.2833 7.89189 13.1966 8.07189 13.0233C8.40939 12.6766 8.4094 12.135 8.0494 11.7883L2.8744 6.99997L8.0494 2.21164C8.4094 1.88664 8.40939 1.32331 8.07189 0.976644C7.73439 0.629977 7.14937 0.629976 6.78937 0.954976L0.939373 6.37164C0.759373 6.54498 0.669384 6.76164 0.669384 6.99997Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width:1440px) {
.article-area .slider-nav .nav-prev {
width: 40px;
height: 40px;
left: -5px;
top: 10px;
}
}
.article-area .slider-nav .nav-next {
background: #FFFFFF;
-webkit-box-shadow: 0px 4px 20px #E3E8F5;
box-shadow: 0px 4px 20px #E3E8F5;
width: 60px;
height: 60px;
position: absolute;
right: -30px;
border-radius: 50%;
display: -ms-grid;
display: grid;
place-items: center;
}
.article-area .slider-nav .nav-next:after {
content: "";
width: 9px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg width='9' height='14' viewBox='0 0 9 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33062 6.99997C8.33062 7.23831 8.24063 7.45497 8.06063 7.62831L2.21063 13.045C2.03063 13.1966 1.80562 13.2833 1.58062 13.2833C1.33312 13.2833 1.10811 13.1966 0.928109 13.0233C0.590609 12.6766 0.590604 12.135 0.950604 11.7883L6.1256 6.99997L0.950604 2.21164C0.590604 1.88664 0.590609 1.32331 0.928109 0.976644C1.26561 0.629977 1.85063 0.629976 2.21063 0.954976L8.06063 6.37164C8.24063 6.54498 8.33062 6.76164 8.33062 6.99997Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
}
@media screen and (max-width:1440px) {
.article-area .slider-nav .nav-next {
width: 40px;
height: 40px;
right: -5px;
top: 10px;
}
}
.contact_us {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//optimusappliance-hvac.com/wp-content/themes/atlas/images/bg3.jpg);
background-repeat: no-repeat;
background-size: cover;
min-height: 918px;
background-position: center;
margin-bottom: 0;
margin: 0;
}
@media screen and (max-width:992px) {
.contact_us {
min-height: 770px;
}
}
.contact_us:after {
content: "";
background: rgba(14, 16, 21, 0.2);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.contact_us .frm-content {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
border-radius: 10px;
padding: 80px 110px;
z-index: 1;
}
@media screen and (max-width:992px) {
.contact_us .frm-content {
padding: 60px 20px;
}
}
.contact_us .frm-content .section-title {
line-height: normal;
margin: 0 auto;
padding: 0;
max-width: 795px;
}
.contact_us .frm-content .fprm-grid {
margin: 50px auto 0;
max-width: 1000px;
}
.contact_us .frm-content .input-row {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
grid-column-gap: 50px;
}
@media screen and (max-width:992px) {
.contact_us .frm-content .input-row {
display: block;
}
}
.contact_us .frm-content .input-group {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
@media screen and (max-width:992px) {
.contact_us .frm-content .input-group {
margin-bottom: 10px;
}
}
.contact_us .frm-content .input-group .text-field {
width: 100%;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #868D9A;
background: #FFFFFF;
border-radius: 5px;
border: 0;
padding: 20px 15px;
}
@media screen and (max-width:992px) {
.contact_us .frm-content .input-group .text-field {
width: calc(100% - 30px);
}
}
.contact_us .frm-content .text-group {
margin: 20px 0;
}
@media screen and (max-width:992px) {
.contact_us .frm-content .text-group {
margin: 0;
}
}
.contact_us .frm-content .text-group .text-field {
width: 100%;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #868D9A;
background: #FFFFFF;
border-radius: 5px;
border: 0;
padding: 20px 15px;
resize: none;
min-height: 130px;
}
@media screen and (max-width:992px) {
.contact_us .frm-content .text-group .text-field {
width: calc(100% - 30px);
}
}
.contact_us .frm-content .btn-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width:992px) {
.contact_us .frm-content .btn-group {
margin: 10px 0 0;
}
.contact_us .frm-content .btn-group .btn {
max-width: 100%;
width: 100%;
}
}
.contact-block {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #F2F4FA;
margin: 0;
padding: 120px 0 90px;
}
@media screen and (max-width:992px) {
.contact-block {
padding: 60px 0;
}
}
.contact-block .section-title {
padding: 0;
}
.contact-block .contact-row {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
max-width: 980px;
margin: 0px auto;
}
@media screen and (max-width:992px) {
.contact-block .contact-row {
display: block;
}
}
.contact-block .contact-row .cnt-item {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
text-align: center;
color: #0D1A34;
}
@media screen and (max-width:992px) {
.contact-block .contact-row .cnt-item {
font-size: 14px;
line-height: 140%;
}
}
.contact-block .contact-row .cnt-content {
margin: 70px 0 0;
}
@media screen and (max-width:992px) {
.contact-block .contact-row .cnt-content {
margin: 30px 0 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: auto 20px 1fr;
grid-template-columns: auto 1fr;
grid-column-gap: 20px;
}
}
.contact-block .contact-row .cnt-content span {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 140%;
text-align: center;
color: #0D1A34;
display: block;
margin: 20px 0 0;
}
@media screen and (max-width:992px) {
.contact-block .contact-row .cnt-content span {
font-size: 14px;
text-align: left;
margin: 0;
}
}
.contact-block .contact-row .cnt-content a, .contact-block .contact-row .cnt-content .adress {
font-family: SF Pro;
font-style: normal;
font-weight: 800;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #0D1A34;
display: block;
margin: 10px auto 0;
max-width: 220px;
}
@media screen and (max-width:992px) {
.contact-block .contact-row .cnt-content a, .contact-block .contact-row .cnt-content .adress {
font-size: 18px;
line-height: 21px;
text-align: left;
margin: 10px 0;
max-width: none;
}
}
.contact-block .contact-row .cnt-icon {
background: #FFFFFF;
width: 100px;
height: 100px;
display: -ms-grid;
display: grid;
place-items: center;
border-radius: 50%;
margin: 0 auto;
}
@media screen and (max-width:992px) {
.contact-block .contact-row .cnt-icon {
width: 70px;
height: 70px;
}
}
.contact-block._contactpage {
margin-top: -280px;
background-color: transparent;
}
@media screen and (max-width:992px) {
.contact-block._contactpage {
margin-top: -200px;
}
}
.contact-block._contactpage .contact-row {
max-width: none;
}
.map-area {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-size: cover;
min-height: 400px;
padding: 0;
margin: 0;
}
.map-area iframe {
min-height: 400px;
max-width: 100%;
width: 100%;
}
@media screen and (max-width:992px) {
.map-area {
min-height: 400px;
height: 100%;
}
.map-area img, .map-area iframe {
max-width: 100%;
width: 100%;
height: 400px;
}
}
.faq {
margin: 0;
background: #F2F4FA;
}
.faq .section-title {
padding: 0;
margin: 0;
}
.faq .faq-container {
margin: 60px auto 0;
max-width: 850px;
}
.faq .faq-container .faq-list {
margin-bottom: 5px;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 170%;
color: #0D1A34;
background: #FFFFFF;
-webkit-box-shadow: 0px 20px 30px #E3E8F5;
box-shadow: 0px 20px 30px #E3E8F5;
border-radius: 10px;
padding: 15px 30px;
cursor: pointer;
}
@media screen and (max-width:992px) {
.faq .faq-container .faq-list {
padding: 15px 20px;
}
}
.faq .faq-container .faq-list .faq-header {
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;
}
.faq .faq-container .faq-list .faq-header .faq-title {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 140%;
color: #0D1A34;
-webkit-transition: 0.3s;
transition: 0.3s;
}
@media screen and (max-width:992px) {
.faq .faq-container .faq-list .faq-header .faq-title {
font-size: 16px;
}
}
@media screen and (max-width:768px) {
.faq .faq-container .faq-list .faq-header .faq-title {
max-width: 220px;
}
}
.faq .faq-container .faq-list .faq-header .faq-title:hover {
color: #FC6A20;
}
.faq .faq-container .faq-list .faq-header .toogle {
background: #F2F4FA;
width: 48px;
height: 48px;
border-radius: 50%;
position: relative;
display: -ms-grid;
display: grid;
place-items: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faq .faq-container .faq-list .faq-header .toogle:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99954 8.33062C6.7612 8.33062 6.54454 8.24063 6.3712 8.06063L0.954531 2.21063C0.802864 2.03063 0.716203 1.80561 0.716203 1.58061C0.716203 1.33311 0.802873 1.10811 0.976206 0.928109C1.32287 0.590609 1.86454 0.590603 2.21121 0.950603L6.99954 6.1256L11.7879 0.950604C12.1129 0.590604 12.6762 0.590609 13.0229 0.928109C13.3695 1.26561 13.3695 1.85063 13.0445 2.21063L7.62787 8.06063C7.45454 8.24063 7.23787 8.33062 6.99954 8.33062Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
width: 14px;
height: 9px;
display: block;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.faq .faq-container .faq-list .faq-header .toogle:hover {
background: #FFF1EB;
}
.faq .faq-container .faq-list .faq-header .toogle:hover:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99954 8.33062C6.7612 8.33062 6.54454 8.24063 6.3712 8.06063L0.954531 2.21063C0.802864 2.03063 0.716203 1.80561 0.716203 1.58061C0.716203 1.33311 0.802873 1.10811 0.976206 0.928109C1.32287 0.590609 1.86454 0.590603 2.21121 0.950603L6.99954 6.1256L11.7879 0.950604C12.1129 0.590604 12.6762 0.590609 13.0229 0.928109C13.3695 1.26561 13.3695 1.85063 13.0445 2.21063L7.62787 8.06063C7.45454 8.24063 7.23787 8.33062 6.99954 8.33062Z' fill='%23FC6A20'/%3E%3C/svg%3E%0A");
}
.faq .faq-container .faq-list .faq-content {
display: none;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 170%;
color: #0D1A34;
padding: 15px 0 0;
}
.faq .faq-container .faq-list.active .faq-content {
display: block;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 170%;
color: #0D1A34;
}
.faq .faq-container .faq-list.active .faq-header .faq-title {
color: #FC6A20;
}
.faq .faq-container .faq-list.active .faq-header .toogle {
background: #FFF1EB;
}
.faq .faq-container .faq-list.active .faq-header .toogle:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99954 8.33062C6.7612 8.33062 6.54454 8.24063 6.3712 8.06063L0.954531 2.21063C0.802864 2.03063 0.716203 1.80561 0.716203 1.58061C0.716203 1.33311 0.802873 1.10811 0.976206 0.928109C1.32287 0.590609 1.86454 0.590603 2.21121 0.950603L6.99954 6.1256L11.7879 0.950604C12.1129 0.590604 12.6762 0.590609 13.0229 0.928109C13.3695 1.26561 13.3695 1.85063 13.0445 2.21063L7.62787 8.06063C7.45454 8.24063 7.23787 8.33062 6.99954 8.33062Z' fill='%23FC6A20'/%3E%3C/svg%3E%0A");
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.common {
margin: 0;
padding: 120px 0 110px;
}
.common .section-title {
padding: 0;
padding: 0;
}
.common .comn-row {
margin: 60px 0 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px;
}
@media screen and (max-width:992px) {
.common .comn-row {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width:992px) {
.common .comn-row {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
}
.common .comn-row .com-item {
margin-bottom: 10px;
position: relative;
font-family: SF Pro;
font-style: normal;
font-weight: 510;
font-size: 16px;
line-height: 140%;
color: #0487FF;
background: #F2F4FA;
border-radius: 10px;
-webkit-transition: 0.3s;
transition: 0.3s;
padding: 20px 20px;
cursor: pointer;
}
.common .comn-row .com-item a {
color: #0487FF;
display: block;
position: relative;
}
.common .comn-row .com-item a:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99954 8.33062C6.7612 8.33062 6.54454 8.24063 6.3712 8.06063L0.954531 2.21063C0.802864 2.03063 0.716203 1.80561 0.716203 1.58061C0.716203 1.33311 0.802873 1.10811 0.976206 0.928109C1.32287 0.590609 1.86454 0.590603 2.21121 0.950603L6.99954 6.1256L11.7879 0.950604C12.1129 0.590604 12.6762 0.590609 13.0229 0.928109C13.3695 1.26561 13.3695 1.85063 13.0445 2.21063L7.62787 8.06063C7.45454 8.24063 7.23787 8.33062 6.99954 8.33062Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
width: 14px;
height: 9px;
display: inline-block;
vertical-align: middle;
-webkit-transition: 0.3s;
transition: 0.3s;
position: absolute;
right: 0;
top: 0;
margin-top: 6px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.common .comn-row .com-item:hover a {
color: #FC6A20;
}
.common .comn-row .com-item:hover a:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99954 8.33062C6.7612 8.33062 6.54454 8.24063 6.3712 8.06063L0.954531 2.21063C0.802864 2.03063 0.716203 1.80561 0.716203 1.58061C0.716203 1.33311 0.802873 1.10811 0.976206 0.928109C1.32287 0.590609 1.86454 0.590603 2.21121 0.950603L6.99954 6.1256L11.7879 0.950604C12.1129 0.590604 12.6762 0.590609 13.0229 0.928109C13.3695 1.26561 13.3695 1.85063 13.0445 2.21063L7.62787 8.06063C7.45454 8.24063 7.23787 8.33062 6.99954 8.33062Z' fill='%23FC6A20'/%3E%3C/svg%3E%0A");
}
.top-cover {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #F2F4FA;
}
.top-cover .breadgrums { }
.top-cover .breadgrums span {
color: #868D9A;
}
.top-cover .breadgrums .sep {
background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83775 5.00051C5.83775 5.18384 5.77109 5.35051 5.63775 5.48384L1.30442 9.65051C1.17109 9.76718 1.00441 9.83384 0.837746 9.83384C0.654412 9.83384 0.487742 9.76717 0.354408 9.63384C0.104408 9.36717 0.104404 8.9505 0.371071 8.68384L4.2044 5.00051L0.371071 1.31717C0.104404 1.06717 0.104408 0.633842 0.354408 0.367175C0.604408 0.100508 1.03775 0.100507 1.30442 0.350507L5.63775 4.51717C5.77109 4.65051 5.83775 4.81717 5.83775 5.00051Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
margin: 0 10px;
}
.top-cover .breadgrums a span {
color: #FC6A20;
margin: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.top-cover .breadgrums a span:hover {
color: #000;
}
.top-cover .cover-container {
position: relative;
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 445px;
}
.top-cover .cover-container:after {
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(44.26%, rgba(255, 255, 255, 0)));
background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 44.26%);
width: 958px;
height: 958px;
position: absolute;
border-radius: 50%;
display: block;
top: 0;
}
@media screen and (max-width:992px) {
.top-cover .cover-container:after {
width: 100%;
height: 350px;
}
}
@media screen and (max-width:768px) {
.top-cover .cover-container:after {
width: 100%;
height: 250px;
}
}
.top-cover .cover-container .c-title {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 70px;
line-height: 120%;
text-align: center;
color: #0D1A34;
position: relative;
z-index: 1;
padding: 0;
}
@media screen and (max-width:992px) {
.top-cover .cover-container .c-title {
font-size: 38px;
}
}
.top-cover .cover-container .c-text {
font-family: SF Pro;
font-style: normal;
font-weight: 500;
font-size: 18px;
line-height: 160%;
text-align: center;
color: #0D1A34;
max-width: 900px;
margin: 30px auto;
position: relative;
z-index: 1;
}
.top-cover .cover-container .btn-group {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
}
.fludi {
max-width: 1920px;
margin: 0 auto;
position: relative;
}
._brd_cover {
position: relative;
overflow: hidden;
}
._brd_cover:before {
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(44.26%, rgba(255, 255, 255, 0)));
background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 44.26%);
width: 810px;
height: 810px;
border-radius: 50%;
display: block;
position: absolute;
right: 5%;
top: 50%;
z-index: 1;
}
@media screen and (max-width:992px) {
._brd_cover:before {
display: none;
}
}
.bg-cover-wrap {
position: absolute;
right: 0;
bottom: 10%;
z-index: 4;
max-width: 403px;
width: 100%;
height: 556px;
}
@media screen and (max-width:992px) {
.bg-cover-wrap {
display: none;
}
}
.bg-cover-wrap img {
max-width: none;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.bg-cover-wrap:after {
content: "";
background: rgba(23, 26, 38, 0.5);
-webkit-filter: blur(50px);
filter: blur(50px);
width: 382px;
height: 103px;
display: block;
position: absolute;
bottom: 10px;
z-index: -1;
}
.content-block {
padding: 0;
}
.content-block .content-body {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 170%;
color: #0D1A34;
}
.content-block .content-body img {
max-width: 100%;
border-radius: 10px;
margin-top: 50px;
margin-bottom: 50px;
}
.content-block .content-body._is img {
margin-top: 0;
}
.content-block .content-body h3,
.content-block .content-body h2,
.content-block .content-body h1 {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 48px;
color: #0D1A34;
text-align: center;
margin: 0 0 30px;
padding: 0;
line-height: normal;
}
@media screen and (max-width:992px) {
.content-block .content-body h3,
.content-block .content-body h2,
.content-block .content-body h1 {
font-size: 32px;
}
}
.content-block .content-body ul, .content-block .content-body ol {
padding: 30px 20px;
}
._banner_info {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: none !important;
margin: 0 auto;
display: block;
text-align: center;
}
._banner_info .banner-meta {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: SF Pro;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
text-align: center;
color: #FFFFFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 50px;
margin-bottom: 10px;
}
._banner_info h1, ._banner_info h2, ._banner_info h3, ._banner_info h4,
._banner_info .banner-title {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 70px !important;
line-height: 120%;
text-align: center !important;
color: #FFFFFF;
max-width: 1100px;
}
@media screen and (max-width:992px) {
._banner_info h1, ._banner_info h2, ._banner_info h3, ._banner_info h4,
._banner_info .banner-title {
font-size: 38px !important;
}
}
.rew-list {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 170%;
background: #F2F4FA;
color: #0D1A34;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 10px;
color: #868D9A;
padding: 40px 40px;
margin-bottom: 30px;
}
.rew-list .rewiew-content .rew-text {
color: #0D1A34;
position: relative;
}
.rew-list .rewiew-content .rew-rating span {
font-size: 20px;
color: gold;
padding: 0px 2px;
}
.rew-list .rew-autor {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 21px;
color: #0D1A34;
margin: 20px 0 0;
}
.rew-list .rew-autor a {
color: #0D1A34;
}
.wigets-body {
margin: 60px 0 0;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wigets-body .wiget-list {
background: #FFFFFF;
border: 1px solid #D2D7E1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 20px 30px #E3E8F5;
box-shadow: 0px 20px 30px #E3E8F5;
border-radius: 10px;
margin-bottom: 30px;
}
.wigets-body .wiget-list .w-content {
border-top: 1px solid #D2D7E1;
}
.wigets-body .wiget-list .w-body {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wigets-body .wiget-list .w-logo {
max-width: 200px;
margin: 0 auto;
}
.wigets-body .wiget-list .w-row {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr 30px 1fr;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 30px;
padding: 30px 30px 0;
}
.wigets-body .wiget-list .w-list {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
._404 {
background: #F2F4FA;
margin: 0;
padding: 0 0 50px;
}
._404 .breadgrums .sep {
background-image: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83775 5.00051C5.83775 5.18384 5.77109 5.35051 5.63775 5.48384L1.30442 9.65051C1.17109 9.76718 1.00441 9.83384 0.837746 9.83384C0.654412 9.83384 0.487742 9.76717 0.354408 9.63384C0.104408 9.36717 0.104404 8.9505 0.371071 8.68384L4.2044 5.00051L0.371071 1.31717C0.104404 1.06717 0.104408 0.633842 0.354408 0.367175C0.604408 0.100508 1.03775 0.100507 1.30442 0.350507L5.63775 4.51717C5.77109 4.65051 5.83775 4.81717 5.83775 5.00051Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
width: 6px;
height: 10px;
display: inline-block;
margin: 0 10px;
}
._404 .breadgrums a span {
color: #FC6A20;
margin: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
._404 .breadgrums a span:hover {
color: #000;
}
.page_404 {
position: relative;
min-height: 745px;
}
.page_404:after {
content: "";
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(26.04%, rgba(255, 255, 255, 0)));
background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 26.04%);
width: 958px;
height: 958px;
display: block;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 50%;
top: 0;
margin-top: 50px;
}
@media screen and (max-width:992px) {
.page_404:after {
width: 100%;
height: 100%;
}
}
@media screen and (max-width:768px) {
.page_404:after {
width: 320px;
height: 320px;
}
}
.page_404 .page_body {
position: relative;
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 160%;
color: #0D1A34;
display: -ms-grid;
display: grid;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
padding-top: 150px;
max-width: 1050px;
margin: 0 auto;
}
.page_404 .page_body .im-title {
font-family: SF Pro;
font-style: normal;
font-weight: 600;
font-size: 26px;
line-height: 160%;
color: #0D1A34;
}
.page_404 .page_body .im-tx {
font-size: 18px;
line-height: 160%;
}
.page_404 .page_body .btn-group {
margin: 30px 0 0;
}
.blog {
background: #F2F4FA;
margin: -50px 0 0;
padding: 0 0 120px;
}
.blog-container {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.blog-container .blog-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
@media screen and (max-width:768px) {
.blog-container .blog-wrap {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
}
}
.blog-container .blog-wrap .news-item {
background: #FFFFFF;
-webkit-box-shadow: 0px 20px 30px #E3E8F5;
box-shadow: 0px 20px 30px #E3E8F5;
border-radius: 10px;
}
.blog-container .blog-wrap .news-item .news-cover {
max-width: none;
width: 100%;
height: 400px;
overflow: hidden;
border-radius: 10px 10px 0 0;
}
@media screen and (max-width:992px) {
.blog-container .blog-wrap .news-item .news-cover {
height: 250px;
}
}
@media screen and (max-width:768px) {
.blog-container .blog-wrap .news-item .news-cover {
height: 250px;
}
}
.blog-container .blog-wrap .news-item .news-cover img {
max-width: 100%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.blog-container .blog-wrap .news-item .news-data {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 150%;
color: #0D1A34;
padding: 30px 30px;
}
.blog-container .blog-wrap .news-item .news-data .news-date {
font-size: 14px;
line-height: 17px;
color: #868D9A;
}
.blog-container .blog-wrap .news-item .news-data .title {
font-weight: 800;
font-size: 20px;
line-height: 140%;
color: #0D1A34;
padding: 15px 0;
display: block;
}
.blog-container .blog-wrap .news-item .news-data .news-text {
font-size: 16px;
line-height: 150%;
color: #0D1A34;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
max-height: 5em;
overflow: hidden;
}
.blog-container .blog-wrap .news-item .news-data .btn-group {
max-width: 100px;
margin: 20px 0 0;
width: 100%;
}
.blog-container .blog-wrap .news-item .news-data .btn-group .btn {
width: 100%;
display: block;
}
.pagination {
position: relative;
padding: 40px 0 0;
}
.pagination ul {
list-style: none;
padding: 0;
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 5px;
font-family: SF Pro;
font-style: normal;
font-weight: 590;
font-size: 16px;
line-height: 19px;
color: #868D9A;
text-align: center;
color: #212121;
}
@media screen and (max-width:992px) {
.pagination ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.pagination ul li .current {
background: #FC6A20;
color: #fff;
border-radius: 50%;
display: -ms-grid;
display: grid;
place-items: center;
width: 48px;
height: 48px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.pagination ul li a {
background: #FFFFFF;
border-radius: 50%;
display: -ms-grid;
display: grid;
place-items: center;
width: 48px;
height: 48px;
color: #868D9A;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.pagination ul li a.prev {
position: relative;
margin-right: 10px;
}
.pagination ul li a.prev:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.595877 5.99995C0.595877 6.21995 0.675867 6.41995 0.835867 6.57995L6.03587 11.58C6.19587 11.72 6.39588 11.7999 6.59588 11.7999C6.81588 11.7999 7.01588 11.7199 7.17588 11.5599C7.47588 11.2399 7.47589 10.7399 7.15589 10.4199L2.55589 5.99995L7.15589 1.57995C7.47589 1.27995 7.47588 0.759951 7.17588 0.439951C6.87588 0.119951 6.35587 0.119949 6.03587 0.419949L0.835867 5.41995C0.675867 5.57995 0.595877 5.77995 0.595877 5.99995Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
width: 8px;
height: 12px;
display: block;
}
.pagination ul li a.next {
margin-left: 10px;
position: relative;
}
.pagination ul li a.next:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.40412 5.99995C7.40412 6.21995 7.32413 6.41995 7.16413 6.57995L1.96413 11.58C1.80413 11.72 1.60412 11.7999 1.40412 11.7999C1.18412 11.7999 0.984118 11.7199 0.824118 11.5599C0.524118 11.2399 0.524113 10.7399 0.844113 10.4199L5.44411 5.99995L0.844113 1.57995C0.524113 1.27995 0.524118 0.759951 0.824118 0.439951C1.12412 0.119951 1.64413 0.119949 1.96413 0.419949L7.16413 5.41995C7.32413 5.57995 7.40412 5.77995 7.40412 5.99995Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
width: 8px;
height: 12px;
display: block;
}
.pagination ul li:hover a {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #FC6A20;
color: #fff;
}
.pagination ul li:hover a.prev:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.595877 5.99995C0.595877 6.21995 0.675867 6.41995 0.835867 6.57995L6.03587 11.58C6.19587 11.72 6.39588 11.7999 6.59588 11.7999C6.81588 11.7999 7.01588 11.7199 7.17588 11.5599C7.47588 11.2399 7.47589 10.7399 7.15589 10.4199L2.55589 5.99995L7.15589 1.57995C7.47589 1.27995 7.47588 0.759951 7.17588 0.439951C6.87588 0.119951 6.35587 0.119949 6.03587 0.419949L0.835867 5.41995C0.675867 5.57995 0.595877 5.77995 0.595877 5.99995Z' fill='white'/%3E%3C/svg%3E%0A");
}
.pagination ul li:hover a.next:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.40412 5.99995C7.40412 6.21995 7.32413 6.41995 7.16413 6.57995L1.96413 11.58C1.80413 11.72 1.60412 11.7999 1.40412 11.7999C1.18412 11.7999 0.984118 11.7199 0.824118 11.5599C0.524118 11.2399 0.524113 10.7399 0.844113 10.4199L5.44411 5.99995L0.844113 1.57995C0.524113 1.27995 0.524118 0.759951 0.824118 0.439951C1.12412 0.119951 1.64413 0.119949 1.96413 0.419949L7.16413 5.41995C7.32413 5.57995 7.40412 5.77995 7.40412 5.99995Z' fill='white'/%3E%3C/svg%3E%0A");
}
.pagination ul li:hover.prev a:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.595877 5.99995C0.595877 6.21995 0.675867 6.41995 0.835867 6.57995L6.03587 11.58C6.19587 11.72 6.39588 11.7999 6.59588 11.7999C6.81588 11.7999 7.01588 11.7199 7.17588 11.5599C7.47588 11.2399 7.47589 10.7399 7.15589 10.4199L2.55589 5.99995L7.15589 1.57995C7.47589 1.27995 7.47588 0.759951 7.17588 0.439951C6.87588 0.119951 6.35587 0.119949 6.03587 0.419949L0.835867 5.41995C0.675867 5.57995 0.595877 5.77995 0.595877 5.99995Z' fill='white'/%3E%3C/svg%3E%0A");
}
.pagination ul li:hover.next a:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.40412 5.99995C7.40412 6.21995 7.32413 6.41995 7.16413 6.57995L1.96413 11.58C1.80413 11.72 1.60412 11.7999 1.40412 11.7999C1.18412 11.7999 0.984118 11.7199 0.824118 11.5599C0.524118 11.2399 0.524113 10.7399 0.844113 10.4199L5.44411 5.99995L0.844113 1.57995C0.524113 1.27995 0.524118 0.759951 0.824118 0.439951C1.12412 0.119951 1.64413 0.119949 1.96413 0.419949L7.16413 5.41995C7.32413 5.57995 7.40412 5.77995 7.40412 5.99995Z' fill='white'/%3E%3C/svg%3E%0A");
}
.pagination ul li.prev {
position: relative;
margin-right: 10px;
}
.pagination ul li.prev a:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.595877 5.99995C0.595877 6.21995 0.675867 6.41995 0.835867 6.57995L6.03587 11.58C6.19587 11.72 6.39588 11.7999 6.59588 11.7999C6.81588 11.7999 7.01588 11.7199 7.17588 11.5599C7.47588 11.2399 7.47589 10.7399 7.15589 10.4199L2.55589 5.99995L7.15589 1.57995C7.47589 1.27995 7.47588 0.759951 7.17588 0.439951C6.87588 0.119951 6.35587 0.119949 6.03587 0.419949L0.835867 5.41995C0.675867 5.57995 0.595877 5.77995 0.595877 5.99995Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
width: 8px;
height: 12px;
display: block;
}
.pagination ul li.next {
margin-left: 10px;
position: relative;
}
.pagination ul li.next a:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.40412 5.99995C7.40412 6.21995 7.32413 6.41995 7.16413 6.57995L1.96413 11.58C1.80413 11.72 1.60412 11.7999 1.40412 11.7999C1.18412 11.7999 0.984118 11.7199 0.824118 11.5599C0.524118 11.2399 0.524113 10.7399 0.844113 10.4199L5.44411 5.99995L0.844113 1.57995C0.524113 1.27995 0.524118 0.759951 0.824118 0.439951C1.12412 0.119951 1.64413 0.119949 1.96413 0.419949L7.16413 5.41995C7.32413 5.57995 7.40412 5.77995 7.40412 5.99995Z' fill='%23868D9A'/%3E%3C/svg%3E%0A");
width: 8px;
height: 12px;
display: block;
} .popup {
background: white;
text-align: left;
max-width: 1070px;
margin: 40px auto;
position: relative;
}
.popup .frm-content {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 65px;
}
@media screen and (max-width:992px) {
.popup .frm-content {
padding: 30px 30px;
}
}
.popup .frm-content .section-title {
line-height: normal;
margin: 0 auto;
padding: 0;
max-width: 795px;
}
@media screen and (max-width:992px) {
.popup .frm-content .section-title {
margin: 30px 0 0;
}
}
.popup .frm-content .fprm-grid {
margin: 40px auto 0;
max-width: 940px;
}
.popup .frm-content .input-row {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
grid-column-gap: 20px;
}
@media screen and (max-width:992px) {
.popup .frm-content .input-row {
display: block;
}
}
.popup .frm-content .input-group {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
@media screen and (max-width:992px) {
.popup .frm-content .input-group {
margin-bottom: 10px;
}
}
.popup .frm-content .input-group .text-field {
width: calc(100% - 30px);
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #868D9A;
background: #F2F4FA;
border-radius: 5px;
border: 0;
padding: 20px 15px;
}
@media screen and (max-width:992px) {
.popup .frm-content .input-group .text-field {
width: calc(100% - 30px);
}
}
.popup .frm-content .text-group {
margin: 20px 0;
}
@media screen and (max-width:992px) {
.popup .frm-content .text-group {
margin: 0;
}
}
.popup .frm-content .text-group .text-field {
width: calc(100% - 30px);
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 19px;
color: #868D9A;
background: #F2F4FA;
border-radius: 5px;
border: 0;
padding: 20px 15px;
resize: none;
min-height: 130px;
}
@media screen and (max-width:992px) {
.popup .frm-content .text-group .text-field {
width: calc(100% - 30px);
}
}
.popup .frm-content .btn-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width:992px) {
.popup .frm-content .btn-group {
margin: 10px 0 0;
}
.popup .frm-content .btn-group .btn {
max-width: 100%;
width: 100%;
}
}
.popup .mfp-close {
background: #FFF1EB;
width: 48px;
height: 48px;
border-radius: 50%;
right: 10px;
top: 10px;
font-size: 0;
line-height: normal;
text-align: center;
opacity: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.popup .mfp-close:after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.842285 0.843262C1.20491 0.480632 1.79285 0.480632 2.15548 0.843262L7.99888 6.68593L13.8423 0.843262C14.177 0.508526 14.7037 0.482777 15.068 0.766015L15.1555 0.843262C15.5181 1.20589 15.5181 1.79383 15.1555 2.15646L9.31281 7.99986L15.1555 13.8433C15.4902 14.178 15.516 14.7047 15.2327 15.069L15.1555 15.1565C14.7929 15.5191 14.2049 15.5191 13.8423 15.1565L7.99888 9.31379L2.15548 15.1565C1.82075 15.4912 1.29403 15.5169 0.929763 15.2337L0.842285 15.1565C0.479655 14.7938 0.479655 14.2059 0.842285 13.8433L6.68496 7.99986L0.842285 2.15646C0.50755 1.82172 0.481801 1.29501 0.765038 0.93074L0.842285 0.843262Z' fill='%23FC6A20'/%3E%3C/svg%3E%0A");
width: 16px;
height: 16px;
display: block;
margin: 0 auto;
}
.popup .mfp-close:hover {
background: #FC6A20;
}
.popup .mfp-close:hover:after {
background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.842285 0.843262C1.20491 0.480632 1.79285 0.480632 2.15548 0.843262L7.99888 6.68593L13.8423 0.843262C14.177 0.508526 14.7037 0.482777 15.068 0.766015L15.1555 0.843262C15.5181 1.20589 15.5181 1.79383 15.1555 2.15646L9.31281 7.99986L15.1555 13.8433C15.4902 14.178 15.516 14.7047 15.2327 15.069L15.1555 15.1565C14.7929 15.5191 14.2049 15.5191 13.8423 15.1565L7.99888 9.31379L2.15548 15.1565C1.82075 15.4912 1.29403 15.5169 0.929763 15.2337L0.842285 15.1565C0.479655 14.7938 0.479655 14.2059 0.842285 13.8433L6.68496 7.99986L0.842285 2.15646C0.50755 1.82172 0.481801 1.29501 0.765038 0.93074L0.842285 0.843262Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}  .my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
transform: scale(0.8);
} .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
} .my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
} .my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.input-grop-row {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
grid-column-gap: 20px;
margin: 20px 0;
}
.mess {
position: relative;
top: 0;
text-align: center;
background: #fff;
width: 100%;
height: 100%;
top: 0;
z-index: 9999;
border: 2px solid #fc6a20;
padding: 10px 0;
margin: 15px 0 0;
}
.mess-body {
font-family: SF Pro;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: normal;
text-align: center;
color: #0D1A34;
}
footer {
background: #0D1A34;
}
footer .footer-content {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 60px 0;
}
footer .footer-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1.5fr 1fr;
grid-template-columns: 1fr 1.5fr 1fr;
}
@media screen and (max-width:768px) {
footer .footer-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media screen and (max-width:992px) {
footer .footer-wrap .footer-left {
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: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
footer .footer-wrap .footer-left .footer-logo {
max-width: 170px;
}
@media screen and (max-width:992px) {
footer .footer-wrap .footer-left .footer-logo {
max-width: 150px;
}
footer .footer-wrap .footer-left .footer-logo img {
max-width: 100%;
}
}
footer .footer-wrap .footer-left .copywrite {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 170%;
color: #868D9A;
max-width: 230px;
margin: 20px 0 0;
}
@media screen and (max-width:992px) {
footer .footer-wrap .footer-left .copywrite {
max-width: 180px;
margin: 0;
}
}
footer .footer-wrap .footer-center {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #D2D7E1;
}
@media screen and (max-width:768px) {
footer .footer-wrap .footer-center {
margin: 20px 0;
}
}
footer .footer-wrap .footer-center .footer-nav {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 70px 2fr;
grid-template-columns: 1fr 2fr;
grid-column-gap: 70px;
}
footer .footer-wrap .footer-center .footer-nav .nav-col {
position: relative;
}
footer .footer-wrap .footer-center .footer-nav .nav-col:after {
content: "";
background-color: #283A5C;
width: 1px;
height: 100%;
display: block;
position: absolute;
right: 0;
top: 0;
}
@media screen and (max-width:992px) {
footer .footer-wrap .footer-center .footer-nav .nav-col:after {
display: none;
}
}
footer .footer-wrap .footer-center .footer-nav .nav-col ul {
list-style: none;
margin: 0;
padding: 0;
}
footer .footer-wrap .footer-center .footer-nav .nav-col ul li {
line-height: 30px;
}
footer .footer-wrap .footer-center .footer-nav .nav-col ul li a {
color: #D2D7E1;
}
footer .footer-wrap .footer-center .footer-nav .nav-col ul li a:hover {
color: #FC6A20;
}
footer .footer-wrap .footer-center .footer-nav .nav-col._col ul {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
@media screen and (max-width:992px) {
footer .footer-wrap .footer-center .footer-nav .nav-col._col ul {
-webkit-columns: 1;
-moz-columns: 1;
columns: 1;
}
}
footer .footer-wrap .footer-right {
font-family: SF Pro;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: #D2D7E1;
-ms-grid-column-align: end;
justify-self: end;
}
footer .footer-wrap .footer-right ul {
list-style: none;
padding: 0;
margin: 0;
}
footer .footer-wrap .footer-right ul li {
line-height: 40px;
}
footer .footer-wrap .footer-right ul li:first-child {
font-weight: 500;
font-size: 16px;
line-height: 19px;
}
footer .footer-wrap .footer-right ul li i {
margin-right: 10px;
}
footer .footer-wrap .footer-right ul li a {
color: #D2D7E1;
}
footer .footer-wrap .footer-right ul li a:hover {
color: #FC6A20;
}
.mobile-footer {
display: none;
}
@media screen and (max-width:992px) {
.mobile-footer {
display: block;
}
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: "";
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}