html,
body {
counter-reset: section;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
}
html {
color: #222;
font-size: 16px;
line-height: 1.2;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
color: #515151;
font-weight: 400;
line-height: 1.2;
overflow-x: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
sup {
font-size: 0.45em;
top: -0.8em;
font-weight: 600;
}
textarea {
resize: vertical;
}
ul,
ol,
figure {
display: block;
padding: 0;
margin: 0;
}
ul {
list-style: none;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
a {
color: #007fb4;
}
.centered {
text-align: center;
}
.main-title {
font-size: 46px;
text-align: center;
font-weight: 600;
text-transform: uppercase;
margin: 0;
}
.sub-title {
margin: 0 0 40px;
text-transform: uppercase;
text-align: center;
font-size: 34px;
line-height: 1.25;
font-weight: 700;
color: #181818;
}
.third-title {
font-size: 30px;
line-height: 1.2;
font-weight: 600;
margin: 0;
}
::-webkit-input-placeholder {
color: #ababab;
font-size: 14px;
}
::-moz-placeholder {
color: #ababab;
font-size: 14px;
}
:-ms-input-placeholder {
color: #ababab;
font-size: 14px;
}
::-ms-input-placeholder {
color: #ababab;
font-size: 14px;
}
::placeholder {
color: #ababab;
font-size: 14px;
}
.text p {
margin: 0 0 30px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 1.6;
}
.text.white p {
color: #fff;
}
.text p:last-child {
margin-bottom: 0;
}
.text small {
font-style: italic;
font-size: 18px;
color: #292929;
line-height: 1.6;
}
.text strong {
font-weight: 600;
}
.no-space {
margin: 0;
padding: 0;
}
.uppercase {
text-transform: uppercase;
}
.italic {
font-style: italic;
}
.red {
color: #f05d2a;
}
.white {
color: #fff;
}
.submit-btn.success {
background-color: #8fbf29;
}
.site {
width: 100%;
max-width: 1920px;
min-height: 100vh;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body.safari .site {
min-height: 100%;
}
body.msie .main-content {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
}
.main-content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.wrapper {
max-width: 1200px;
margin: 0 auto;
width: 92%;
}
/* Lang Dropdown Start*/
.header-top-nav {
background-color: #303030;
}
.header-top-nav .wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.social-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: -5px;
}
.social-media-item {
padding: 5px;
}
.lang {
position: relative;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 84px;
padding: 6px 26px 6px 12px;
}
.lang:after {
content: '';
display: block;
width: 6px;
height: 6px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
position: absolute;
top: calc(50% - 2px);
right: 16px;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
-webkit-transition: -webkit-transform 0.35s ease;
transition: -webkit-transform 0.35s ease;
-o-transition: transform 0.35s ease;
transition: transform 0.35s ease;
transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
.lang.open:after {
-webkit-transform: translateY(-50%) rotate(226deg);
-ms-transform: translateY(-50%) rotate(226deg);
transform: translateY(-50%) rotate(226deg);
top: 50%;
}
.lang-list {
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 10;
font-size: 15px;
cursor: pointer;
background-color: #1d1d1d;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
width: 100%;
}
.lang.open .lang-list {
opacity: 1;
visibility: visible;
}
.lang-item {
display: block;
padding: 12px 6px;
text-align: center;
-webkit-transition: background-color 0.35s ease;
-o-transition: background-color 0.35s ease;
transition: background-color 0.35s ease;
}
.lang-item:after {
content: "";
position: absolute;
top: 26px;
bottom: 26px;
right: 0;
width: 1px;
background-color: #414141;
}
.lang-item:hover,
.lang-item.selected {
background-color: #007bff;
}
.lang-text {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
color: #fff;
margin: 0;
text-align: center;
}
.flag-icon-text {
color: #fff;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
}
/*Lang Dropdown End*/
.btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
font-size: 20px;
line-height: 1;
padding: 14px 16px;
text-align: center;
font-weight: 700;
background: #f05d2a;
border-radius: 14px;
text-transform: uppercase;
color: #fff;
text-decoration: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.btn:hover {
background-color: #b15332;
}
.primary-btn {
text-decoration: none;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#d7d7d7));
background: -webkit-linear-gradient(top, #ffffff 0%,#d7d7d7 100%);
background: -o-linear-gradient(top, #ffffff 0%,#d7d7d7 100%);
background: linear-gradient(to bottom, #ffffff 0%,#d7d7d7 100%);
-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.4);
padding: 0;
max-width: 620px;
color: #181818;
border-radius: 10px;
font-size: 30px;
position: relative;
margin: 0 auto;
text-align: center;
justify-content: center;
display: flex !important;
max-width: fit-content;
}
.primary-btn-discount {
-ms-flex-negative: 1;
flex-shrink: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-transform: uppercase;
border-radius: 10px;
font-size: 0.6em;
text-align: center;
padding: 14px 10px;
background: #ff2727;
background: -moz-linear-gradient(top, #f05d2a 0%, #ab3208 100%);
background: -webkit-linear-gradient(top, #f05d2a 0%,#ab3208 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#f05d2a),to(#ab3208));
background: -o-linear-gradient(top, #f05d2a 0%,#ab3208 100%);
background: linear-gradient(to bottom, #f05d2a 0%,#ab3208 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05d2a', endColorstr='#ab3208',GradientType=0 );
}
.primary-btn-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-transform: uppercase;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
-ms-flex-negative: 1;
flex-shrink: 1;
}
.bold{
font-weight: bold;
}
.percent_discount {
/*margin-right:6px;*/
width: 100%;
font-size: 2.3em;
display: block;
}
.primary-btn .plus {
display: inline-block;
color: #ff0000;
margin: 0 4px;
}
.btn.arrow-btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
outline: none;
-webkit-box-shadow: 0;
box-shadow: 0;
}
.arrows-btn .arrow {
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;
}
.arrows-btn .arrow.left {
margin-right: 8px;
}
.arrows-btn .arrow.right {
margin-left: 8px;
}
.arrows-btn .arrow:before {
content: '';
display: block;
width: 2px;
height: 18px;
background-color: #fff;
}
.arrows-btn .arrow:after {
content: '';
display: block;
width: 10px;
height: 10px;
margin-top: -10px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
/*Scroll top btn Start*/
.scrollTop-btn {
opacity: 0;
border-radius: 0;
visibility: hidden;
position: fixed;
right: 15px;
bottom: 15px;
padding: 0;
width: 50px;
height: 50px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
background-color: #da2e0b;
}
.scrollTop-btn:hover {
background-color: #b15332;
}
.scrollTop-btn:before {
content: '';
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 19px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
border-top: 3px solid #fff;
border-left: 3px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: border-color 0.35s ease;
-o-transition: border-color 0.35s ease;
transition: border-color 0.35s ease;
}
.scrollTop-btn.show {
visibility: visible;
opacity: 1;
}
/*Scroll top button End*/
.main-header {
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: #fff;
z-index: 100;
position: relative;
-webkit-transition: -webkit-box-shadow 0.5s ease;
transition: -webkit-box-shadow 0.5s ease;
-o-transition: box-shadow 0.5s ease;
transition: box-shadow 0.5s ease;
transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease;
}
.is_stuck.main-header {
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.main-header .wrapper {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-logo {
display: block;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.site-logo>img {
display: block;
padding: 16px 0;
max-width: 200px;
height: auto;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.is_stuck .site-logo>img {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
padding-top: 10px;
padding-bottom: 10px;
}
.main-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -4px;
}
.main-nav-item {
padding: 0 4px;
}
.main-nav-link {
text-align: center;
text-decoration: none;
display: inline-block;
cursor: pointer;
text-transform: uppercase;
color: #999;
font-size: 18px;
font-weight: 400;
line-height: 1;
padding: 10px;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
border-radius: 14px;
}
.main-nav-link:hover,
.main-nav-link.selected {
background-color: #f5f5f5;
color: #075771;
}
.m-menu-btn {
display: none;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-left: 12px;
cursor: pointer;
width: 34px;
height: 40px;
position: relative;
}
.m-menu-btn:before {
content: '';
position: absolute;
top: 50%;
margin-top: -12px;
left: 0;
width: 100%;
height: 24px;
border-top: 4px solid #da2e0b;
border-bottom: 4px solid #da2e0b;
-webkit-transition: -webkit-transform 0.35s ease;
transition: -webkit-transform 0.35s ease;
-o-transition: transform 0.35s ease;
transition: transform 0.35s ease;
transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
.m-menu-btn:after {
content: '';
position: absolute;
top: 50%;
margin-top: -2px;
left: 0;
width: 100%;
height: 4px;
background-color: #da2e0b;
-webkit-transition: -webkit-transform 0.35s ease;
transition: -webkit-transform 0.35s ease;
-o-transition: transform 0.35s ease;
transition: transform 0.35s ease;
transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
body.menu-opened .m-menu-btn:before {
border: none;
height: 4px;
margin-top: 0;
background-color: #da2e0b;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
body.menu-opened .m-menu-btn:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: 0
}
.home-sect {
overflow: hidden;
background: #eceaef url('../images/home-bg.webp') no-repeat right top/cover;
}
.home-sect .main-title {
margin-bottom: 25px;
}
.home-sect .third-title {
text-align: center;
margin-bottom: 52px;
}
.home-sect-content {
margin: 45px 0;
max-width: 700px;
}
.home-heatpal-img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto 20px;
}
/* Iframe start */
.video-sect {
position: relative;
margin-top: 36px;
padding-bottom: 60px;
text-align: center;
}
.video-wrapper {
max-width: 720px;
margin: 40px auto 0;
}
#video {
position: relative;
padding-top: 56.25%;
background-size: cover;
height: 0;
}
#video>iframe {
position: absolute;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
width: 100%;
height: 100%;
}
#video:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 68px;
height: 52px;
margin-left: -34px;
margin-top: -24px;
background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==");
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
opacity: 1;
border: none;
}
#video:hover:after {
background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjU1LjcgNDQ2LjNjLTUzLjMuMy0xMDYuNi0uNC0xNTkuOC0zLjMtMTcuNC0xLTM0LjctMi41LTUwLjQtMTFDMzUgNDI2LjMgMjcgNDE4LjQgMjIgNDA3LjIgMTMuMiAzODguNiAxMC41IDM2OSA5IDM0OWMtMy40LTQxLjMtMy42LTgyLjYtMS44LTEyMy44IDEtMjIgMS42LTQ0IDYuOC02NS41IDItOC40IDUtMTYuNiA4LjgtMjQuNEMzMiAxMTcgNDggMTA4IDY3LjMgMTA0YzE2LjItMyAzMi44LTMgNDkuMy0zLjcgNTYtMi4zIDExMi0zLjUgMTY4LTMgNDMgLjYgODYuMiAxLjcgMTI5LjMgNCAxMy4yLjYgMjYuNi44IDM5LjMgNS41IDE3LjIgNi40IDMwIDE3LjIgMzcgMzQuNyA2LjYgMTYuOCA5LjIgMzQuMiAxMC42IDUyIDMuOCA0OC43IDQgOTcuMy43IDE0Ni0xIDE2LjMtMi4yIDMyLjctNi41IDQ4LjgtOS43IDM3LTMyLjggNTEuNS02Ni43IDUzLjgtMzYuMiAyLjUtNzIuNSAzLjgtMTA4LjggNC4zLTIxLjMuMi00Mi43IDAtNjQgMHpNMjAzLjIgMzQ0TDM0OCAyNjQuN2wtMTQ0LjgtNzkuM1YzNDR6IiBmaWxsPSIjREQyQzI4Ii8+PHBhdGggZD0iTTIwMy4yIDM0NFYxODUuNUwzNDggMjY0LjggMjAzLjIgMzQ0eiIgZmlsbD0iI0ZFRkRGRCIvPjwvc3ZnPg==");
opacity: 1;
}
#video.hide:after {
display: none;
}
/* Iframe end */
.article-sect .sub-title {
margin-bottom: 60px;
}
.article-row {
padding-bottom: 96px;
overflow: hidden;
}
.article-img-wrapper {
position: relative;
width: 50%;
float: left;
margin-right: 40px;
}
.article-row.oposite .article-img-wrapper {
float: right;
margin: 0 0 0 40px;
}
.article-img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.article-small-img {
position: absolute;
bottom: 0;
right: 0;
width: 20%;
border-bottom-right-radius: 30px;
border-top: 4px solid #fff;
border-left: 4px solid #fff;
}
.article-row.oposite .article-img {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
}
.article-content {
padding: 0 4%;
}
.overview-sect-top {
background: #de0000 url('../images/fire.webp') bottom center no-repeat;
-webkit-box-shadow: inset 0 0 400px #000;
box-shadow: inset 0 0 400px #000;
padding-bottom: 320px;
}
.overview-sect-top .btn {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.overview-sect-top .third-title {
text-transform: uppercase;
color: #fff;
margin-bottom: 30px;
text-align: center;
}
.overview-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -10px -30px;
}
.overview-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50%;
padding: 16px 30px;
}
.msie .overview-item-content {
-ms-flex-negative: 1;
flex-shrink: 1;
width: 100%
}
.overview-item-title {
margin: 0 0 6px;
font-size: 24px;
line-height: 34px;
font-weight: 600;
color: #fff;
}
.overview-sect-bottom {
max-width: 876px;
margin: 0 auto;
}
.overview-bottom-img {
height: 0;
position: relative;
margin-top: -32.32860520094563%;
padding-top: 64.65721040189125%;
}
.overview-bottom-img>img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.overview-item-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
margin-right: 14px;
width: 74px;
height: 74px;
border-radius: 35px;
border: 3px solid #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.overview-item-icon:before {
color: #fff;
font-size: 50px;
}
.warm-sect .primary-btn {
margin-top: 20px;
font-size: 24px;
}
.warm-sect .sub-title {
margin-bottom: 18px;
}
.warm-sect .third-title {
margin-bottom: 70px;
text-align: center;
}
.faq-sect {
padding-bottom: 100px;
}
.faq-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -20px -15px;
}
.faq-item {
width: 25%;
padding: 20px 15px;
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;
}
.faq-icon {
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
margin: 0 auto;
width: 116px;
height: 116px;
border-radius: 58px;
border: 8px solid #f05d2a;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.faq-icon:before {
font-size: 70px;
color: #f05d2a;
}
.faq-text {
font-size: 24px;
font-weight: 400;
color: #000;
line-height: 1.3;
text-align: center;
margin: 12px 0;
}
.faq-strong-text {
display: block;
font-size: 24px;
font-weight: 700;
text-align: center;
}
.reviews-sect {
background-color: #f8fbfd;
padding: 50px 0;
}
.reviews-sect-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
margin: -12px;
}
.reviews-img {
width: 25%;
padding: 12px;
}
.reviews-img>img {
display: block;
max-width: 100%;
height: auto;
}
.reviews-slider {
width: 50%;
padding: 0 12px;
cursor: pointer;
}
.reviews-slide {
display: block !important;
height: 100%;
position: relative;
}
.reviews-slide-figure {
display: block;
position: relative;
margin-bottom: 20px;
}
.reviews-slide-quote {
position: absolute;
bottom: 0;
left: 10px;
}
.reviews-slide-img {
display: block;
max-width: 100%;
height: auto;
border-radius: 50%;
margin: 0 auto;
}
.reviews-slide-text {
font-family: Arial, sans-serif, Arial, sans-serif;
margin: 0 0 12px;
font-size: 20px;
line-height: 1.6;
text-align: center;
font-style: italic;
font-weight: 600;
color: #6b6b6b;
}
.reviews-slide-author {
font-size: 20px;
font-weight: 600;
color: #0c0956;
text-align: center;
margin: 0;
}
.slider-arrows-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 36px;
}
.slider-arrows-wrap .arrow-btn {
display: block;
position: relative;
width: 36px;
height: 36px;
border-radius: 50%;
outline: none;
background-color: rgba(255, 16, 104, 0.4);
-webkit-transition: background-color 0.35s ease;
-o-transition: background-color 0.35s ease;
transition: background-color 0.35s ease;
}
.slider-arrows-wrap .arrow-btn:hover {
background-color: rgba(255, 16, 104, 1);
}
.slider-arrows-wrap .arrow-btn:before {
content: "";
display: block;
width: 14px;
height: 14px;
border: solid #fff;
position: absolute;
top: 50%;
border-radius: 3px;
}
.slider-arrows-wrap .prev-arrow-btn:before {
left: 14px;
border-width: 0 0 3px 3px;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.slider-arrows-wrap .next-arrow-btn:before {
right: 14px;
border-width: 0 3px 3px 0;
-webkit-transform: translateY(-50%) rotate(-45deg);
-ms-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
}
.nav-dots {
margin-top: 20px;
}
.slick-dots {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style: none;
}
.slick-dots li {
margin: 0 3px;
}
.slick-dots li button {
display: block;
width: 10px;
height: 10px;
padding: 0;
background-color: rgba(255, 16, 104, 0.4);
border-radius: 50%;
font-size: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-shadow: none;
color: transparent;
cursor: pointer;
outline: none;
border: 0;
-webkit-transition: background-color 0.35s ease;
-o-transition: background-color 0.35s ease;
transition: background-color 0.35s ease;
}
.slick-dots li.slick-active button,
.slick-dots li button:hover {
background-color: rgba(255, 16, 104, 1);
}
.slick-dots li button:before {
display: none;
}
.usage-top-sect {
position: relative;
}
.usage-top-sect-img {
display: block;
max-width: 100%;
height: auto;
}
.usage-header {
display: block;
width: 100%;
position: absolute;
top: 0;
left: 0;
padding: 32px 0;
background: rgba(240, 93, 42,0.8);
background: -moz-linear-gradient(top, rgba(240, 93, 42,0.8) 0%, rgba(171, 50, 8, 0.8) 100%);
background: -webkit-linear-gradient(top, rgba(240, 93, 42,0.8) 0%, rgba(171, 50, 8, 0.8) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgb(240, 93, 42,0.8)), to(rgba(171, 50, 8, 0.8)));
background: -o-linear-gradient(top, rgba(240, 93, 42,0.8) 0%, rgba(171, 50, 8, 0.8) 100%);
background: linear-gradient(to bottom, rgba(240, 93, 42,0.8) 0%, rgba(171, 50, 8, 0.8) 100%);
}
.usage-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -20px;
max-width: 1200px;
margin: 0 auto;
}
.usage-item {
padding: 0 20px;
}
.usage-icon {
display: block;
margin: 0 auto 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.usage-icon:before {
color: #fff;
font-size: 140px;
margin: auto;
}
.usage-text {
text-align: center;
font-size: 28px;
font-weight: 600;
margin: 0;
text-transform: uppercase;
color: #fff;
}
.usage-bottom-sect .primary-btn {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.order-section-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 -10px 15px;
}
.usage-order-list {
list-style: none;
width: 55%;
padding: 0 10px;
}
.usage-order-item:not(:last-child) {
margin-bottom: 35px;
}
.usage-order-title {
text-transform: uppercase;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
line-height: 32px;
color: #f05d2a;
margin: 0 0 20px;
}
.steps-label {
position: absolute;
top: 10px;
left: 10px;
}
.steps-label,
.usage-order-title:before {
content: counter(section);
counter-increment: section;
display: inline-block;
margin-right: 10px;
min-width: 30px;
height: 30px;
border: 2px solid #963c1d;
background-color: #f05d2a;
color: #fff;
line-height: 1.2;
font-size: 18px;
font-weight: 700;
border-radius: 22px;
padding: 2px;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.steps-list {
width: 45%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0 10px;
margin: -5px;
}
.steps-item {
width: 50%;
padding: 5px;
position: relative;
}
.steps-img {
display: block;
position: relative;
width: 100%;
height: 0;
background-color: #ccc;
padding-top: 102.6755852842809%;
}
.steps-img>img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.usage-order-text {
font-size: 20px;
line-height: 1.6;
margin: 0;
}
.usage-gallery-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -20px;
}
.usage-gallery-item {
width: 50%;
padding: 20px;
}
.usage-gallery-img {
display: block;
position: relative;
width: 100%;
height: 0;
background-color: #ccc;
padding-top: 75%;
}
.usage-gallery-img>img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.usage-gallery-label {
border-top-left-radius: 12px;
position: absolute;
bottom: 0;
right: 0;
padding: 25px 40px;
font-size: 20px;
font-weight: 700;
background: #f05d2a;
color: #fff;
}
.bullet-list-wrapper {
margin-top: 60px;
margin-bottom: 44px;
}
.bullet-item {
-ms-flex-negative: 1;
flex-shrink: 1;
margin: 0 0 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bullet-item:last-child {
margin-bottom: 0;
}
.bullet-item:before {
content: '';
margin-right: 14px;
-ms-flex-negative: 0;
flex-shrink: 0;
display: block;
width: 43px;
height: 43px;
background: url('../images/bullet-icon.svg') no-repeat center center;
}
.bullet-item-text {
-ms-flex-negative: 1;
flex-shrink: 1;
font-size: 24px;
font-weight: 400;
line-height: 1.3;
color: #000;
margin: 0;
}
.buy-sect {
padding: 70px 0 30px 0;
background: url('../images/buy-section-bg.webp') no-repeat center center/cover;
}
.buy-sect .wrapper {
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;
text-align: center;
}
.buy-sect-img,
.buy-sect-content {
-webkit-box-flex: 50%;
-ms-flex: 50% 1 1;
flex: 50% 1 1;
}
.buy-sect-img {
margin-top: -300px;
}
.buy-sect-img > img {
display: block;
max-width: 500px;
width: 100%;
height: auto;
margin:0 auto;
}
.buy-sect-img>.mobile-img {
display: none;
}
.buy-old-price {
display: inline-block;
text-decoration: line-through;
text-transform: uppercase;
font-size: 45px;
line-height: 1;
color: #202020;
padding: 12px 50px;
background-color: #ffc821;
margin-bottom: 20px;
}
.buy-new-price {
font-size: 80px;
font-weight: 700;
color: #fff;
text-transform: uppercase;
line-height: 1;
margin-bottom: 26px;
}
.buy-sect-text {
font-size: 22px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
line-height: 1.2;
margin: 30px 0 0;
}
.main-footer {
-ms-flex-negative: 0;
flex-shrink: 0;
background-color: #1d1d1d;
padding: 26px 0;
}
.main-footer .wrapper {
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;
}
.footer-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 -8px
}
.footer-nav-item {
padding: 0 8px;
position: relative;
}
.footer-nav-item:not(:last-child):after {
content: '';
display: block;
width: 2px;
background-color: #fff;
position: absolute;
top: 2px;
bottom: 2px;
right: 0;
}
.footer-nav-link {
display: inline-block;
color: #fff;
text-decoration: none;
text-align: center;
font-size: 15px;
line-height: 1;
text-transform: uppercase;
position: relative;
}
.footer-nav-link.manual {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-nav-link:hover:after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.footer-nav-link.manual:before {
-ms-flex-negative: 0;
flex-shrink: 0;
content: '';
display: block;
margin-right: 6px;
width: 14px;
height: 18px;
background: url('../images/pdf-icon.png') no-repeat center center;
}
.footer-nav-link:after {
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #fff;
-webkit-transition: -webkit-transform 0.35s ease;
transition: -webkit-transform 0.35s ease;
-o-transition: transform 0.35s ease;
transition: transform 0.35s ease;
transition: transform 0.35s ease, -webkit-transform 0.35s ease;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
position: absolute;
top: calc(100% + 3px);
left: 0;
}
.copyright-text {
margin: 0;
color: #fff;
font-size: 15px;
line-height: 1.4;
margin-right: 12px;
}
.copyright-link {
display: inline-block;
color: #fff;
-webkit-text-decoration: ;
text-decoration: ;
font-size: 15px;
}
.contact-layout {
padding-top: 40px;
}
.thanks-wrapper {
padding: 40px 0;
max-width: 1200px;
margin: 0 auto;
width: 92%;
text-align: center;
}
.contact-layout .order-layout-left>img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.thanks-img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.thanks-wrapper .main-title {
margin-bottom: 0;
}
.thanks-wrapper .sub-title {
margin-bottom: 30px;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media only screen and (max-width: 1280px) {
.usage-header {
padding: 0.8vw;
}
.usage-item {
padding: 2vw;
}
.usage-icon {
margin: 0 auto 1.6vw;
}
.usage-icon:before {
font-size: 11vw;
}
.usage-text {
font-size: 2.2vw;
}
.buy-sect-img {
margin-top: -220px;
}
.buy-sect {
padding-top: 50px;
padding-bottom: 62px;
}
.buy-old-price {
font-size: 40px;
margin-bottom: 20px;
}
.buy-new-price {
font-size: 76px;
margin-bottom: 26px;
}
.buy-sect-text {
font-size: 22px;
margin-top: 30px;
}
.bullet-list-wrapper {
margin-top: 40px;
}
.usage-gallery-list {
margin: -10px;
}
.usage-gallery-item {
padding: 10px;
}
.usage-order-item:not(:last-child) {
margin-bottom: 25px;
}
.usage-order-title {
font-size: 20px;
margin-bottom: 8px;
}
.usage-order-text {
font-size: 16px;
}
.faq-sect {
padding-bottom: 80px;
}
.warm-sect .third-title {
margin-bottom: 50px;
}
.article-row {
padding-bottom: 66px;
}
.article-sect .sub-title {
margin-bottom: 50px;
}
.article-img-wrapper {
margin-right: 24px;
}
.article-row.oposite .article-img-wrapper {
margin: 0 0 0 24px;
}
.home-sect {
background-position: 80% top;
}
.home-heatpal-img {
margin-left: 0;
margin-right: 0;
position: relative;
left: 15px;
}
.home-sect .third-title {
text-align: left;
}
.primary-btn {
font-size: 26px;
}
.site-logo>img {
max-width: 180px;
}
.main-title {
font-size: 52px;
margin-bottom: 18px;
}
.sub-title {
font-size: 30px;
}
.text p {
font-size: 18px;
margin-bottom: 20px;
}
.text small {
font-size: 16px;
}
}
@media only screen and (max-width: 1024px) {
.usage-order-title {
font-size: 20px;
margin-bottom: 6px;
}
.sub-title {
margin-bottom: 30px;
}
.main-footer .wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.buy-sect-img {
margin-top: 0;
}
.buy-sect {
padding-top: 20px;
padding-bottom: 20px;
}
.buy-old-price {
font-size: 38px;
margin-bottom: 16px;
}
.buy-new-price {
font-size: 66px;
}
.buy-sect-text {
font-size: 20px;
margin-top: 20px;
}
.usage-gallery-label {
border-top-left-radius: 12px;
padding: 15px 30px;
font-size: 16px;
}
.reviews-slide-text,
.reviews-slide-author {
font-size: 18px;
}
.reviews-slide-quote {
width: 60px;
}
.faq-sect {
padding-bottom: 60px;
}
.faq-item {
width: 50%;
}
.overview-sect-top {
background-size: 60%;
}
.article-row {
padding-bottom: 36px;
}
.article-sect .sub-title {
margin-bottom: 40px;
}
.home-sect {
background-position: 67% top;
}
.primary-btn {
font-size: 24px;
}
.site-logo>img {
max-width: 140px;
}
.slider-arrows-wrap {
opacity: 1;
visibility: visible;
}
.btn {
font-size: 16px;
}
.main-nav-link {
font-size: 15px;
}
.copyright-text,
.footer-nav-link {
font-size: 12px;
}
}
@media only screen and (max-width: 768px) {
.usage-order-title {
font-size: 18px;
margin-bottom: 4px;
}
.sub-title {
margin-bottom: 20px;
}
.buy-old-price {
font-size: 32px;
margin-bottom: 16px;
}
.buy-new-price {
font-size: 56px;
margin-bottom: 20px;
}
.buy-sect-text {
font-size: 18px;
margin-top: ;
}
.bullet-item {
margin-bottom: 22px;
}
.bullet-item:before {
width: 32px;
height: 32px;
margin-right: 10px;
background-size: 32px auto;
}
.bullet-item-text {
font-size: 20px;
}
.order-section-wrapper {
display: block;
margin-left: 0;
margin-right: 0;
}
.steps-list,
.usage-order-list {
width: auto;
padding: 0;
}
.usage-order-list {
margin-bottom: 30px;
}
.reviews-slider {
width: 100%;
}
.reviews-img {
display: none;
}
.faq-sect {
padding-bottom: 30px;
}
.warm-sect .third-title {
margin-bottom: 40px;
}
.overview-sect-top {
padding-bottom: 40%;
}
.overview-item {
width: 100%;
}
.video-sect {
padding-bottom: 46px;
}
.article-sect .sub-title {
margin-bottom: 24px;
}
.home-heatpal-img {
margin-left: auto;
margin-right: auto;
}
.home-sect {
background-image: url('../images/home-bg-m.webp');
}
.home-sect .third-title,
.home-sect-content {
text-align: center;
}
.home-sect-content {
margin: 24px 0;
}
.home-sect .main-title {
margin-bottom: 10px;
}
.home-sect .third-title {
margin-bottom: 24px;
}
body.menu-opened {
overflow: hidden;
}
.site:after {
content: '';
opacity: 0;
visibility: hidden;
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8) no-repeat center center;
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
body.menu-opened .site:after {
opacity: 1;
visibility: visible;
}
.header-top-nav {
position: relative;
z-index: 50;
}
.header-bottom-nav:before {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
background-color: #fff;
}
.site-logo {
position: relative;
}
.main-header {
position: relative;
}
.text small {
font-size: 15px;
}
.main-nav {
z-index: -1;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
margin: 0;
display: block;
width: 100%;
position: absolute;
top: 100%;
left: 0;
background-color: #fff;
-webkit-transition: -webkit-transform 0.35s ease;
transition: -webkit-transform 0.35s ease;
-o-transition: transform 0.35s ease;
transition: transform 0.35s ease;
transition: transform 0.35s ease, -webkit-transform 0.35s ease;
}
body.menu-opened .main-nav {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.main-nav-item {
text-align: center;
margin: 0 0 10px;
padding: 0;
}
.main-nav-link {
margin: 0;
font-size: 18px;
}
.main-nav-link {
-webkit-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.m-menu-btn {
display: block;
}
}
@media only screen and (max-width: 640px) {
.usage-header,
.usage-top-sect {
position: static;
}
.usage-header {
padding: 4px 0;
background-color: #f05d2a;
}
.safari .usage-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.usage-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.usage-item {
padding: 14px;
width: 33%;
}
.usage-icon {
margin: 0 auto 10px;
}
.safari .usage-icon {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.usage-icon:before {
font-size: 80px;
}
.usage-text {
font-size: 16px;
}
.usage-gallery-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.usage-gallery-item {
width: 100%;
}
.usage-gallery-label {
border-top-left-radius: 12px;
padding: 15px 30px;
font-size: 16px;
}
.buy-sect {
padding-top: 30px;
padding-bottom: 14px;
}
.buy-sect .wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.msie .buy-sect .wrapper {
display: block;
}
.buy-sect-img,
.buy-sect-content {
-webkit-box-flex: 1;
-ms-flex: auto 1 1;
flex: auto 1 1;
}
.buy-sect-img {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.buy-sect-img>.desktop-img {
display: none;
}
.buy-sect-img>.mobile-img {
display: block;
}
.buy-sect-content {
margin-bottom: 20px;
}
.bullet-list-wrapper {
margin-top: 30px;
}
.faq-icon {
width: 90px;
height: 90px;
border-width: 6px;
margin-bottom: 8px;
}
.faq-icon:before {
font-size: 56px;
}
.faq-strong-text,
.faq-text {
font-size: 21px;
}
.faq-text {
margin: 0 0 6px;
}
.article-img-wrapper,
.article-row.oposite .article-img-wrapper {
float: none;
width: 100%;
margin: 0 0 20px;
}
.article-img,
.article-small-img,
.article-row.oposite .article-img {
border-radius: 0;
}
.home-sect {
background-position: 68% top
}
.primary-btn {
font-size: 20px;
}
.main-title {
font-size: 40px;
}
.third-title {
font-size: 24px;
}
.sub-title {
font-size: 24px;
}
}
@media only screen and (max-width: 480px) {
.usage-bottom-sect .primary-btn {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
margin: 20px 0;
}
.reviews-slide-quote {
width: 50px;
}
.faq-list {
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.faq-item {
width: 100%;
padding: 0 0 30px;
}
.faq-item:last-child {
padding: 0;
}
.overview-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
}
.overview-sect-top .third-title {
margin-bottom: 10px;
}
.overview-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 0;
}
.overview-item-icon {
margin: 0 auto 8px;
}
.overview-item:last-child {
padding-bottom: 0;
}
.overview-item-content {
text-align: center;
}
.main-title {
font-size: 30px;
}
.third-title {
font-size: 20px;
}
.text p {
font-size: 16px;
margin-bottom: 14px;
}
.footer-nav {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer-nav-item:not(:last-child):after {
display: none;
}
.footer-nav {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin: 0 0 16px;
}
.footer-nav-item {
padding: 0;
}
.footer-nav-item:not(:last-child) {
margin-bottom: 8px;
}
}
@media only screen and (max-width: 400px) {
.steps-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.steps-item {
width: 100%;
}
}
@media only screen and (max-width: 320px) {
.primary-btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
}