@import url('https://fonts.googleapis.com/css2?family=Liter&display=swap');
@import url('content2.css');
/*-----------------------------------------------------------------------------------
CSS INDEX
=========================================
01. header css here
02. slider area css here
03. product section css here
04. banner section css here
05. blog area css here
06. newsletter area css here
07. footer area css here
08. shop page css here
09. error page css heer
10. about page css here
11. blog page css here
12. blog details css here
13. cart page css here
14. checkout page css here
15. contact page css here
16. faq page css here
17. login page css here
18. my account css here
19. portfolio page css here
20. services page css here
21. shipping css here
22. wishlist css here
23. newsletter popup css here
24. modal css here
25. compare css here
26. privacy policy css here
27. coming-soon css here
-----------------------------------------------------------------------------------*/
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* transition */
/* flex */
/* transform */
/* opacity */
/*----------------------------------------*/
/* 01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*,
*::after,
*::before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html,
body {
height: 100%;
}
body {
line-height: 1.25;
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
visibility: visible;
font-family: "Source Sans Pro", sans-serif;
color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
margin-top: 0;
}
h1 {
font-size: 40px;
line-height: 1;
font-weight: 700;
}
h2 {
font-size: 36px;
line-height: 36px;
}
h3 {
font-size: 30px;
line-height: 30px;
}
h4 {
font-size: 20px;
line-height: 22px;
font-weight: 700;
}
h5 {
font-size: 18px;
line-height: 20px;
}
h6 {
font-size: 16px;
line-height: 18px;
}
p:last-child {
margin-bottom: 0;
}
a,
button {
color: inherit;
line-height: inherit;
text-decoration: none;
cursor: pointer;
}
a,
button,
input,
span {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
*:focus {
outline: none !important;
}
a:focus {
color: inherit;
outline: none;
text-decoration: none;
}
a:hover {
text-decoration: none;
}
button,
input[type="submit"] {
cursor: pointer;
}
img {
max-width: 100%;
height: auto;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
/*--
- Common Classes
-----------------------------------------*/
.fix {
overflow: hidden;
}
.hidden {
display: none;
}
.clear {
clear: both;
}
.container {
max-width: 1520px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.container {
max-width: 970px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.container {
max-width: 750px;
}
}
@media only screen and (max-width: 767px) {
.container {
max-width: 576px;
}
}
@media only screen and (max-width: 479px) {
.container {
max-width: 100%;
}
}
.uppercase {
text-transform: uppercase;
}
.no-gutters>.col,
.no-gutters>[class*="col-"] {
padding-right: 0;
padding-left: 0;
margin: 0;
}
/*--
- Background color
-----------------------------------------*/
.bg-white {
background-color: #ffffff;
}
.bg-light-grey {
background-color: #f6fafb;
}
.bg-grey {
background-color: #f8f8f8;
}
.bluewood-bg {
background: #354b65;
}
/*- Overlay Color BG -*/
.bluewood-bg-overlay {
position: relative;
}
.bluewood-bg-overlay::before {
background: rgba(70, 90, 112, 0.9);
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.overly-bg-black {
position: relative;
}
.overly-bg-black::after {
background: rgba(0, 0, 0, 0.3);
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
/*--
- color
-----------------------------------------*/
/*--
- Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input::-moz-placeholder,
textarea::-moz-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*--
Scroll Up
-----------------------------------------*/
#scrollUp {
background: #0081ff none repeat scroll 0 0;
bottom: 85px;
color: #ffffff;
cursor: pointer;
display: none;
font-size: 20px;
height: 45px;
line-height: 39px;
position: fixed;
right: 12px;
text-align: center;
width: 45px;
z-index: 11 !important;
border-radius: 50%;
border: 2px solid #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
align-content: center;
}
#scrollUp:hover i {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*--
- Main Wrapper
-----------------------------------------*/
.main-wrapper.header-transparent {
padding: 0 !important;
margin: 0 !important;
}
/*--
- Section Padding
-------------------------------------*/
.section-ptb {
padding: 100px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-ptb {
padding: 90px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-ptb {
padding: 80px 0;
}
}
@media only screen and (max-width: 767px) {
.section-ptb {
padding: 70px 0;
}
}
@media only screen and (max-width: 479px) {
.section-ptb {
padding: 60px 0;
}
}
.section-pt {
padding-top: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-pt {
padding-top: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-pt {
padding-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.section-pt {
padding-top: 70px;
}
}
@media only screen and (max-width: 479px) {
.section-pt {
padding-top: 60px;
}
}
.section-pt-70 {
padding-top: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-pt-70 {
padding-top: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-pt-70 {
padding-top: 50px;
}
}
@media only screen and (max-width: 767px) {
.section-pt-70 {
padding-top: 40px;
}
}
@media only screen and (max-width: 479px) {
.section-pt-70 {
padding-top: 30px;
}
}
.section-pb-70 {
padding-bottom: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-pb-70 {
padding-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-pb-70 {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.section-pb-70 {
padding-bottom: 40px;
}
}
@media only screen and (max-width: 479px) {
.section-pb-70 {
padding-bottom: 30px;
}
}
.section-pb {
padding-bottom: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-pb {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-pb {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.section-pb {
padding-bottom: 70px;
}
}
@media only screen and (max-width: 479px) {
.section-pb {
padding-bottom: 60px;
}
}
.mt-10 {
margin-top: 10px;
}
.mt-15 {
margin-top: 15px;
}
.mt-17 {
margin-top: 17px;
}
.mt-20 {
margin-top: 20px;
}
.mt-23 {
margin-top: 23px;
}
.mt-30 {
margin-top: 30px;
}
.mt-32 {
margin-top: 32px;
}
.mt-50 {
margin-top: 50px;
}
.mb-0 {
margin-bottom: 0;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-42 {
margin-bottom: 42px;
}
.mb-45 {
margin-bottom: 45px;
}
.mb-50 {
margin-bottom: 50px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-32 {
margin-bottom: 32px;
}
.mb-58 {
margin-bottom: 58px;
}
.mb-60 {
margin-bottom: 60px;
}
@media(max-width: 576px) {
.mb-60 {
margin-bottom: 40px;
}
.mt-50 {
margin-top: 30px;
}
}
/* 02. Element */
.button {
background: #0081ff;
-webkit-box-shadow: none;
box-shadow: none;
color: #ffffff;
display: inline-block;
height: 45px;
line-height: 45px;
padding: 0 22px;
text-transform: uppercase;
font-size: 13px;
border-radius: 3px;
}
/* 2. Home 1 Header css here */
/* 01. header css here */
.off_canvars_overlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 99;
opacity: 0;
visibility: hidden;
cursor: crosshair;
background: #333;
top: 0;
}
.off_canvars_overlay.active {
opacity: 0.5;
visibility: visible;
}
.offcanvas_menu {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.offcanvas_menu {
display: flex;
align-items: center;
}
}
@media only screen and (max-width: 767px) {
.offcanvas_menu {
display: flex;
align-items: center;
}
}
.offcanvas_menu_wrapper {
width: 290px;
position: fixed;
background: #fff;
z-index: 99;
top: 0;
height: 100vh;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
left: 0;
margin-left: -300px;
padding: 50px 15px 30px;
overflow-y: auto;
}
.offcanvas_menu_wrapper.active {
margin-left: 0;
}
.offcanvas_menu_wrapper .slinky-theme-default {
background: inherit;
min-height: 300px;
overflow-y: auto;
}
.offcanvas_menu_wrapper .search-container {
display: block;
}
.offcanvas_menu_wrapper .customer_support {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.offcanvas_menu_wrapper .mini_cart_wrapper {
display: inline-block;
}
.offcanvas_menu_wrapper .header_cart_wishlist {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.offcanvas_main_menu>li.menu-item-has-children.menu-open>span.menu-expand {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.offcanvas_main_menu>li ul li.menu-item-has-children.menu-open span.menu-expand {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.offcanvas_main_menu li {
position: relative;
}
.offcanvas_main_menu li:last-child {
margin: 0;
}
.offcanvas_main_menu li span.menu-expand {
position: absolute;
right: 0;
}
.offcanvas_main_menu li a {
font-size: 16px;
font-weight: 400;
display: block;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ededed;
}
.offcanvas_main_menu li a:hover {
color: #0081ff;
}
.offcanvas_main_menu li ul.sub-menu {
padding-left: 15px;
}
.offcanvas_footer {
margin-top: 50px;
padding-bottom: 50px;
text-align: center;
}
.offcanvas_footer span a {
font-size: 16px;
}
.offcanvas_footer span a:hover {
color: #0081ff;
}
.offcanvas_footer ul {
margin-top: 20px;
}
.offcanvas_footer ul li {
display: inline-block;
margin-right: 4px;
}
.offcanvas_footer ul li:last-child {
margin-right: 0;
}
.offcanvas_footer ul li a {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50%;
font-size: 13px;
color: #ffffff;
}
.offcanvas_footer ul li.facebook a {
background: #3c5b9b;
}
.offcanvas_footer ul li.facebook a:hover {
background: #0081ff;
}
.offcanvas_footer ul li.twitter a {
background: #1DA1F2;
}
.offcanvas_footer ul li.twitter a:hover {
background: #0081ff;
}
.offcanvas_footer ul li.pinterest a {
background: #BD081B;
}
.offcanvas_footer ul li.pinterest a:hover {
background: #0081ff;
}
.offcanvas_footer ul li.google-plus a {
background: #DD4D42;
}
.offcanvas_footer ul li.google-plus a:hover {
background: #0081ff;
}
.offcanvas_footer ul li.linkedin a {
background: #010103;
}
.offcanvas_footer ul li.linkedin a:hover {
background: #0081ff;
}
.slinky-theme-default a:not(.back) {
padding: 10px 0;
font-size: 16px;
font-weight: 400;
}
.slinky-theme-default a:not(.back):hover {
background: inherit;
color: #0081ff;
}
.canvas_close {
position: absolute;
top: 10px;
right: 13px;
}
.canvas_close a {
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
width: 32px;
height: 32px;
display: block;
text-align: center;
line-height: 31px;
border: 1px solid #ededed;
border-radius: 50%;
}
.canvas_close a:hover {
background: #0081ff;
border-color: #0081ff;
color: #fff;
}
/*.canvas_open {*/
/* position: absolute;*/
/* right: 17px;*/
/* top: 26px;*/
/* z-index: 9;*/
/*}*/
/*@media only screen and (max-width: 767px) {*/
/* .canvas_open {*/
/* right: 20px;*/
/* top: 24px;*/
/* }*/
/*}*/
.canvas_open a {
width: 1.5rem;
height: 1.5rem;
}
/*@media only screen and (max-width: 767px) {*/
/* .canvas_open a {*/
/* width: 32px;*/
/* height: 32px;*/
/* line-height: 31px;*/
/* font-size: 25px;*/
/* }*/
/*}*/
/* @media only screen and (min-width: 768px) and (max-width: 991px) {
.header_area {
padding-bottom: 30px;
}
}
@media only screen and (max-width: 767px) {
.header_area {
padding-bottom: 25px;
}
} */
.header_area.header_padding {
padding-bottom: 0;
}
.sticky-header.sticky {
position: fixed;
z-index: 99;
width: 100%;
top: 0;
background: rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 900ms;
animation-duration: 900ms;
-webkit-animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
-webkit-animation-play-state: running;
animation-play-state: running;
border-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.sticky-header.sticky {
position: inherit;
-webkit-box-shadow: inherit;
box-shadow: inherit;
-webkit-animation-name: inherit;
animation-name: inherit;
padding: 0;
background: inherit;
opacity: inherit;
}
}
@media only screen and (max-width: 767px) {
.sticky-header.sticky {
position: inherit;
-webkit-box-shadow: inherit;
box-shadow: inherit;
-webkit-animation-name: inherit;
animation-name: inherit;
padding: 0;
background: inherit;
opacity: inherit;
}
}
@media only screen and (max-width: 767px) {
.welcome_text {
margin-bottom: 15px;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.welcome_text {
margin-bottom: 15px;
text-align: center;
}
}
.welcome_text p {
font-size: 13px;
line-height: 20px;
}
.header_top {
background: #0081ff;
}
/*@media only screen and (max-width: 767px) {*/
/* .header_top {*/
/* display: none;*/
/* }*/
/*}*/
/*@media only screen and (min-width: 768px) and (max-width: 991px) {*/
/* .header_top {*/
/* display: none;*/
/* }*/
/*}*/
.header_top {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
.top_right {
margin-bottom: 18px;
text-align: center;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.top_right {
margin-bottom: 18px;
text-align: center;
}
}
.top_right>ul>li {
display: inline-block;
position: relative;
padding-right: 18px;
margin-right: 18px;
}
@media only screen and (max-width: 767px) {
.top_right>ul>li {
padding-right: 11px;
margin-right: 9px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.top_right>ul>li {
padding-right: 11px;
margin-right: 9px;
}
}
.top_right>ul>li:hover ul.dropdown_currency,
.top_right>ul>li:hover ul.dropdown_language,
.top_right>ul>li:hover ul.dropdown_links {
top: 100%;
opacity: 1;
visibility: visible;
z-index: 9;
}
.top_right>ul>li:hover ul.dropdown_language {
top: 100%;
opacity: 1;
visibility: visible;
z-index: 9;
}
.top_right>ul>li:hover ul.dropdown_links {
top: 100%;
opacity: 1;
visibility: visible;
z-index: 9;
}
.top_right>ul>li:hover>a {
opacity: 0.7;
}
@media only screen and (max-width: 767px) {
.top_right>ul>li {
padding-right: 15px;
margin-right: 15px;
}
}
.top_right>ul>li:last-child {
padding-right: 0;
margin-right: 0;
}
.top_right>ul>li::before {
position: absolute;
content: "";
width: 1px;
height: 12px;
background: #1b1b1b;
top: 50%;
right: 0px;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
}
.top_right>ul>li:last-child::before {
display: none;
}
.top_right>ul>li>a {
color: #333;
line-height: 46px;
font-size: 13px;
cursor: pointer;
display: inline-block;
font-weight: 400;
letter-spacing: 0.3px;
}
@media only screen and (max-width: 767px) {
.top_right>ul>li>a {
line-height: 29px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.top_right>ul>li>a {
line-height: 29px;
}
}
.top_right>ul>li>a img {
margin-right: 5px;
}
.top_right>ul>li>a i.fa-angle-down {
margin-left: 6px;
font-size: 13px;
}
.top_right>ul>li>a i.icon-repeat {
margin-right: 4px;
}
@media only screen and (max-width: 767px) {
.top_right>ul>li>a i.icon-repeat {
margin-right: 2px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.top_right>ul>li>a i.icon-repeat {
margin-right: 2px;
}
}
.top_right>ul>li>a i.icon-heart {
margin-right: 4px;
}
@media only screen and (max-width: 767px) {
.top_right>ul>li>a i.icon-heart {
margin-right: 2px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.top_right>ul>li>a i.icon-heart {
margin-right: 2px;
}
}
.top_right>ul>li:hover a:not([href]):not([tabindex]) {
color: #0081ff;
}
.dropdown_currency,
.dropdown_language,
.dropdown_links {
position: absolute;
background: #fff;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
min-width: 130px;
text-align: left;
top: 125%;
right: 0;
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
overflow: hidden;
z-index: 9999;
padding: 9px 18px 8px;
border-radius: 3px;
opacity: 0;
visibility: hidden;
border: 1px solid #ededed;
z-index: -1;
}
@media only screen and (max-width: 767px) {
.dropdown_currency,
.dropdown_language,
.dropdown_links {
right: 0;
left: auto;
min-width: 142px;
padding: 0 6px;
}
}
.dropdown_currency li,
.dropdown_language li,
.dropdown_links li {
border-bottom: 1px solid #ededed;
}
.dropdown_currency li:last-child,
.dropdown_language li:last-child,
.dropdown_links li:last-child {
border-bottom: 0;
}
.dropdown_currency li a,
.dropdown_language li a,
.dropdown_links li a {
display: block;
font-size: 13px;
white-space: nowrap;
padding: 7px 0;
line-height: 20px;
}
.dropdown_currency li a:hover,
.dropdown_language li a:hover,
.dropdown_links li a:hover {
color: #0081ff;
}
.dropdown_language {
right: 0;
}
.dropdown_language li a img {
margin-right: 4px;
}
.dropdown_links {
left: 0;
}
/*header top css end*/
/* 2.2 header middel css here */
@media only screen and (max-width: 767px) {
.logo a img {
max-width: 70px;
}
}
.header_middle {
background: #0081ff;
padding: 10px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_middle {
padding: 28px 0;
}
}
@media only screen and (max-width: 767px) {
.header_middle {
padding: 12px 0;
}
}
.middel_right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.middel_right {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
/* .search-container {
margin-right: 130px;
} */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.search-container {
display: none;
margin-right: 0;
margin-bottom: 22px;
}
}
@media only screen and (max-width: 767px) {
.search-container {
display: none;
margin-right: 0;
margin-bottom: 22px;
}
}
.search_box {
position: relative;
width: 100%;
background: #fff;
border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.search_box {
width: 360px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.search_box {
width: 100%;
border: 1px solid #ededed;
}
}
@media only screen and (max-width: 767px) {
.search_box {
width: 100%;
border: 1px solid #ededed;
}
}
.search_box input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #9e9e9e;
}
.search_box input::-moz-placeholder {
/* Firefox 19+ */
color: #9e9e9e;
}
.search_box input:-ms-input-placeholder {
/* IE 10+ */
color: #9e9e9e;
}
.search_box input:-moz-placeholder {
/* Firefox 18- */
color: #9e9e9e;
}
.search_box input {
border: 0;
background: none;
width: 100%;
height: 47px;
color: #9e9e9e;
font-size: 16px;
font-weight: 400;
padding: 0 80px 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.search_box input {
padding: 0 68px 0 20px;
height: 37px;
}
}
@media only screen and (max-width: 767px) {
.search_box input {
padding: 0 68px 0 20px;
height: 37px;
}
}
.search_box button {
border: 0;
position: absolute;
top: 0;
right: 0;
background: #333;
width: 60px;
height: 100%;
color: #fff;
font-weight: 500;
font-size: 25px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.search_box button:hover {
opacity: 0.8;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.search_box button {
width: 50px;
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.search_box button {
width: 50px;
font-size: 20px;
}
}
.mini_cart_canvas {
text-align: center;
}
.mini_cart_wrapper {
position: relative;
display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mini_cart_wrapper {
display: none;
margin-bottom: 23px;
}
}
@media only screen and (max-width: 767px) {
.mini_cart_wrapper {
display: none;
margin-bottom: 23px;
}
}
.mini_cart_wrapper:hover>a {
color: #0081ff;
}
.mini_cart_wrapper span.cart_quantity {
position: absolute;
left: 23px;
width: 19px;
height: 19px;
line-height: 19px;
text-align: center;
background: #0081ff;
border-radius: 50%;
top: -3px;
font-size: 11px;
}
.mini_cart_wrapper>a {
font-size: 16px;
font-weight: 600;
display: block;
}
.mini_cart_wrapper>a span {
font-size: 27px;
padding-right: 21px;
vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mini_cart_wrapper>a span {
font-size: 27px;
padding-right: 2px;
}
}
.mini_cart_wrapper:hover .mini_cart {
opacity: 1;
visibility: visible;
top: 135%;
}
.mini_cart {
position: absolute;
min-width: 355px;
padding: 18px 22px 33px;
background: #fff;
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15);
border: 1px solid #ededed;
z-index: 999;
right: 0;
top: 150%;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.mini_cart {
display: none;
opacity: inherit;
visibility: inherit;
top: 135%;
-webkit-transition: unset;
-o-transition: unset;
transition: unset;
min-width: 265px;
padding: 12px 10px 20px;
right: auto;
left: -84px;
}
}
@media only screen and (max-width: 767px) {
.mini_cart {
min-width: 285px;
right: -42px;
display: none;
opacity: inherit;
visibility: inherit;
top: 135%;
-webkit-transition: unset;
-o-transition: unset;
transition: unset;
padding: 18px 15px 33px;
min-width: 265px;
padding: 12px 10px 20px;
right: auto;
left: -84px;
}
}
.cart_img {
width: 32%;
margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cart_img {
width: 30%;
margin-right: 8px;
}
}
@media only screen and (max-width: 767px) {
.cart_img {
width: 30%;
margin-right: 8px;
}
}
.cart_info {
width: 52%;
text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cart_info {
width: 60%;
}
}
@media only screen and (max-width: 767px) {
.cart_info {
width: 60%;
}
}
.cart_info a {
font-weight: 400;
font-size: 14px;
line-height: 20px;
display: block;
margin-bottom: 6px;
}
.cart_info a:hover {
color: #0081ff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cart_info a {
font-size: 13px;
}
}
@media only screen and (max-width: 767px) {
.cart_info a {
font-size: 13px;
}
}
.cart_info span {
display: block;
}
.cart_info span.quantity {
margin-bottom: 5px;
font-size: 12px;
}
.cart_info span.price_cart {
font-weight: 600;
}
.cart_remove {
width: 10%;
text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cart_remove {
width: 7%;
}
}
@media only screen and (max-width: 767px) {
.cart_remove {
width: 7%;
}
}
.cart_remove a {
color: #757575;
font-size: 18px;
}
.cart_remove a:hover {
color: #0081ff;
}
.cart_item {
overflow: hidden;
padding: 11px 0;
border-bottom: 1px solid #ededed;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.mini_cart_table {
padding: 23px 0;
}
.cart_total {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cart_total span {
font-size: 14px;
font-weight: 400;
}
.cart_total span.price {
font-weight: 700;
}
.cart_button:first-child {
margin-bottom: 15px;
}
.cart_button a {
text-transform: uppercase;
border-radius: 3px;
font-weight: 600;
background: #eef0f1;
display: block;
text-align: center;
line-height: 20px;
margin-bottom: 0;
padding: 15px 0px 13px;
}
.cart_button a:hover {
background: #0081ff;
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cart_button a {
padding: 10px 0px 10px;
font-size: 13px;
}
}
@media only screen and (max-width: 767px) {
.cart_button a {
padding: 10px 0px 10px;
font-size: 13px;
}
}
.customer_support {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.customer_support {
display: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 23px;
}
}
@media only screen and (max-width: 767px) {
.customer_support {
display: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 23px;
}
}
.support_img_icon {
min-width: 32px;
}
.customer_support_text {
margin-left: 10px;
}
.customer_support_text p span {
display: block;
font-size: 14px;
line-height: 14px;
margin-bottom: 4px;
}
.customer_support_text p a {
display: block;
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #333;
}
.customer_support_text p a:hover {
color: #0081ff;
}
/*header middel css end*/
/* 2.4 main menu css here */
.header_bottom_container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.header_bottom {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_bottom {
border-bottom: none;
}
}
@media only screen and (max-width: 767px) {
.header_bottom {
border-bottom: none;
}
}
.header_position {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.main_menu {
display: none;
}
}
@media only screen and (max-width: 767px) {
.main_menu {
display: none;
}
}
.main_menu nav>ul>li {
display: inline-block;
position: relative;
}
.main_menu nav>ul>li:hover ul.sub_menu {
opacity: 1;
visibility: visible;
-webkit-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
}
.main_menu nav>ul>li:hover .mega_menu {
opacity: 1;
visibility: visible;
-webkit-transform: perspective(600px) rotateX(0deg);
transform: perspective(600px) rotateX(0deg);
}
.main_menu nav>ul>li:hover>a {
color: #0081ff;
}
.main_menu nav>ul>li:first-child>a {
padding-left: 0;
}
.main_menu nav>ul>li>a {
display: block;
padding: 13px 22px 13px 22px;
font-size: 16px;
line-height: 30px;
font-weight: 600;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main_menu nav>ul>li>a {
font-size: 16px;
}
}
.main_menu nav>ul>li>a i {
margin-left: 3px;
}
.main_menu nav>ul>li ul.sub_menu {
position: absolute;
min-width: 240px;
border-radius: 0.625rem;
padding: 20px 10px 20px 15px;
background: #fff;
-webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
-webkit-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
-webkit-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
transform-origin: 0 0 0;
left: 0;
right: auto;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
z-index: 99;
top: 100%;
text-align: left;
}
.main_menu nav>ul>li ul.sub_menu li.home5_new {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.main_menu nav>ul>li ul.sub_menu li.home5_new span {
font-size: 11px;
text-transform: uppercase;
background: #0081ff;
color: #333;
padding: 0 9px;
display: inline-block;
border-radius: 5px;
height: 22px;
line-height: 22px;
}
/*.main_menu nav>ul>li ul.sub_menu li a {*/
/* font-weight: 500;*/
/* display: block;*/
/* line-height: 1.2;*/
/* text-transform: uppercase;*/
/* font-size: 15px;*/
/*}*/
.main_menu nav>ul>li ul.sub_menu li:not(:last-child) {
margin-bottom: .75rem;
}
.main_menu nav>ul>li ul.sub_menu li:not(.active)>a:hover,
.main_menu nav>ul>li ul.sub_menu li.active>a {
color: #28409D;
}
.main_menu nav>ul>li.mega_items {
position: static;
}
.main_menu nav>ul>li .mega_menu {
position: absolute;
min-width: 100%;
padding: 25px 30px 30px 30px;
background: #fff;
-webkit-box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
-webkit-transform: perspective(600px) rotateX(-90deg);
transform: perspective(600px) rotateX(-90deg);
-webkit-transform-origin: 0 0 0;
-ms-transform-origin: 0 0 0;
transform-origin: 0 0 0;
left: 0;
right: auto;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
z-index: 99;
top: 100%;
text-align: left;
}
.main_menu nav>ul>li .mega_menu .banner_static_menu {
margin-top: 20px;
}
.main_menu nav>ul>li .mega_menu .banner_static_menu a {
width: 100%;
}
.main_menu nav>ul>li .mega_menu .banner_static_menu a img {
width: 100%;
}
.main_menu nav>ul>li .mega_menu .banner_static_menu a img:hover {
opacity: 0.7;
}
.mega_menu_inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mega_menu_inner>li>a {
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
font-weight: 700;
display: block;
margin-bottom: 8px;
}
.mega_menu_inner>li>a:hover {
color: #0081ff;
}
.mega_menu_inner>li ul li {
display: block;
}
.mega_menu_inner>li ul li a {
font-weight: 400;
display: block;
line-height: 28px;
}
.mega_menu_inner>li ul li a:hover {
color: #0081ff;
}
/*main menu css end*/
/*home two css here*/
.header_two .header_top {
background: #F2FBFD;
border-bottom: 0;
padding: 16px 0 18px 0;
}
.header_two .header_top .header_top-wrapper, .header_two .header_bottom .header_bottom-wrapper{
display: flex;
justify-content: space-between;
align-items: center;
}
.header_two .header_bottom:not(.sticky) .header_bottom-wrapper{
border-bottom: 1px solid #D2D6DC;
}
.header_two .header_bottom .header_bottom-wrapper{
padding-bottom: 23px;
}
.header_bottom-wrapper img{
width: 2.625rem;
height: 2.625rem;
flex-shrink: 0;
}
.header_two .header_top .header_top_contacts{
display: flex;
flex-direction: row;
align-items: center;
gap: 96px;
}
.header_two .header_top .header_top_contacts span{
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px;
}
.header_two .header_top .header_top_contacts a, .header_top_contacts p{
color: var(--Text-Text-1, #111827);
font-family: "Inter", sans-serif;
font-weight: 600;
font-size: 12px;
line-height: 16px;
letter-spacing: .4px;
}
.header_top-wrapper .h3{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
text-transform: uppercase;
margin: 0;
letter-spacing: 0.05px;
}
.header_bottom-right{
display: flex;
flex-direction: row;
gap: 4rem;
align-items: unset;
position: relative;
}
.header_social{
display: flex;
flex-direction: row;
gap: 1rem;
align-items: center;
}
.header_search{
display: flex;
width: 2rem;
height: 2rem;
padding: 0.5rem;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 1rem;
background: var(--Background-BG-1, #F7F8F9);
margin-right: 8px;
}
.header_two .header_top .header_top_contacts .contact_block{
display: inline-flex;
align-items: center;
gap: 16px;
}
.header_bottom-right .callback{
display: flex;
width: 12.5rem;
padding: 0.625rem 1.5rem;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: 0.625rem;
background: #00ABD7;
color: var(--Text-Text-white, #FFF);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.375rem;
letter-spacing: -0.657px;
}
.header_two .menu_two>nav>ul{
display: inline-flex;
align-items: center;
gap: 56px;
}
@media ( max-width: 1350px ) {
.header_two .menu_two>nav>ul{
gap: 35px;
}
}
.header_two .menu_two nav>ul>li>a{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
padding: 0;
}
.header_two .menu_two nav>ul>li:not(.active):hover>a, .header_two .menu_two nav>ul>li.active>a{
color: #247D99;
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
}
.header_two .menu_two .fa-angle-down{
display: none;
}
.header_two .main_menu nav>ul>li ul.sub_menu li a{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
}
.header_two .search_box {
display: none;
z-index: 9;
position: absolute;
border: 2px solid #EBEDF1;
top: calc(100% + 5px);
box-shadow: 0px 4px 20px 0px #04132B1A;
right: 0;
background: #fff;
padding: 0;
border-radius: 10px;
}
.header_two .search_box.active {
display: block;
}
.mobile{
display: none;
}
.header_two .search_box button{
background: none;
width: 50px;
}
@media screen and (max-width: 991px) {
.header_bottom-right .callback{
display: none;
}
.mobile{
display: block;
}
.header_two .search_box{
right: 0;
width: 200%;
}
.header_bottom{
padding: 1rem;
}
.header_bottom .header_logo{
display: flex;
align-items: center;
gap: 1.0625rem;
}
.header_bottom-right{
gap: 1.25rem;
}
.row{
margin-left: 0;
margin-right: 0;
}
}
.footer_top img{
display: none;
width: 2.5rem;
height: 2.5rem;
}
.header_two .header_middle {
background: #fff;
}
.header_two .header_bottom {
background: #fff;
border-bottom: 0;
padding: 20px 0 0 0;
}
/*@media only screen and (min-width: 768px) and (max-width: 991px) {*/
/* .header_two .header_bottom {*/
/* padding: 0;*/
/* }*/
/*}*/
/*@media only screen and (max-width: 767px) {*/
/* .header_two .header_bottom {*/
/* padding: 0;*/
/* }*/
/*}*/
.header_cart_wishlist {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_cart_wishlist {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 22px;
display: none;
}
}
@media only screen and (max-width: 767px) {
.header_cart_wishlist {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 22px;
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_cart_wishlist .mini_cart_wrapper {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.header_cart_wishlist .mini_cart_wrapper {
margin-bottom: 0;
}
}
.header_cart_wishlist .mini_cart_wrapper>a {
color: #333;
}
.header_cart_wishlist .mini_cart_wrapper span.cart_quantity {
background: #333;
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_cart_wishlist .mini_cart {
left: -128px;
}
}
@media only screen and (max-width: 767px) {
.header_cart_wishlist .mini_cart {
left: -128px;
}
}
.header_wishlist_btn {
position: relative;
margin-right: 38px;
}
.header_wishlist_btn a {
font-size: 27px;
color: #333;
}
.header_wishlist_btn span.wishlist_quantity {
position: absolute;
left: 23px;
width: 19px;
height: 19px;
line-height: 19px;
text-align: center;
background: #333;
color: #fff;
border-radius: 50%;
top: -3px;
font-size: 11px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.menu_two {
margin-right: 32px;
}
}
/*.menu_two nav>ul>li:first-child>a {*/
/* padding: 10px 22px;*/
/*}*/
/*@media only screen and (min-width: 992px) and (max-width: 1199px) {*/
/* .menu_two nav>ul>li:first-child>a {*/
/* padding: 10px 17px;*/
/* }*/
/*}*/
.menu_two nav>ul>li>a {
padding: 10px 22px;
line-height: 18px;
border-radius: 4px;
}
.menu_two nav>ul>li>a.active {
background: #0081ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.menu_two nav>ul>li>a {
padding: 10px 17px;
}
}
/*.menu_two nav>ul>li:not(.active):hover>a,*/
/*.menu_two nav>ul>li.active>a {*/
/* background: #0081ff;*/
/* color: #fff;*/
/*}*/
/*-- 2.3 Categories menu css here --*/
.categories_menu {
position: relative;
}
.categories_title {
position: relative;
cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_title {
background: #0081ff;
}
}
@media only screen and (max-width: 767px) {
.categories_title {
background: #0081ff;
}
}
.categories_title::before {
content: '\f394';
font-family: "Ionicons";
display: inline-block;
position: absolute;
font-size: 24px;
line-height: 0px;
left: 0;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
}
.categories_title::after {
content: '\f3d0';
display: inline-block;
font-size: 14px;
font-family: "Ionicons";
font-weight: 400;
margin-right: 7px;
}
.categories_title::after,
.categories_title::before {
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_title::after {
margin-right: 0;
right: 135px;
position: absolute;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
}
}
@media only screen and (max-width: 767px) {
.categories_title::after {
margin-right: 0;
right: 122px;
position: absolute;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
}
}
.categories_title h2 {
font-size: 18px;
font-weight: 600;
line-height: 26px;
cursor: pointer;
margin-bottom: 0;
display: inline-block;
padding-left: 30px;
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_title h2 {
line-height: 45px;
display: block;
text-align: right;
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
.categories_title h2 {
font-size: 16px;
line-height: 43px;
display: block;
text-align: right;
padding-left: 0;
}
}
.categories_menu_toggle {
background: #ffffff;
position: absolute;
width: 100%;
top: 41px;
z-index: 9;
display: none;
padding: 20px 0;
-webkit-box-shadow: 0px 0px 5.76px 0.24px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5.76px 0.24px rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_menu_toggle {
display: none;
max-height: 350px;
overflow: auto;
top: 44px;
}
}
@media only screen and (max-width: 767px) {
.categories_menu_toggle {
display: none;
max-height: 350px;
overflow: auto;
top: 44px;
}
}
.categories_menu_toggle>ul>li {
position: relative;
}
.categories_menu_toggle>ul>li:not(:last-child) {
margin-bottom: 1rem;
}
.categories_menu_toggle>ul>li>a {
font-size: 17px;
font-weight: 400;
display: block;
cursor: pointer;
padding: 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.categories_menu_toggle>ul>li>a {
line-height: 38px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_menu_toggle>ul>li>a {
line-height: 38px;
}
}
@media only screen and (max-width: 767px) {
.categories_menu_toggle>ul>li>a {
line-height: 38px;
padding: 0 15px;
}
}
.categories_menu_toggle>ul>li>a i.fa-angle-right {
float: right;
font-size: 15px;
-o-transition: .3s;
transition: .3s;
-webkit-transition: .3s;
line-height: 1.3;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_menu_toggle>ul>li>a i.fa-angle-right {
display: none;
}
}
@media only screen and (max-width: 767px) {
.categories_menu_toggle>ul>li>a i.fa-angle-right {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_menu_toggle>ul>li>a:hover {
color: #0081ff;
}
}
@media only screen and (max-width: 767px) {
.categories_menu_toggle>ul>li>a:hover {
color: #0081ff;
}
}
.categories_menu_toggle>ul>li:last-child>a {
border-bottom: 0;
}
.categories_menu_toggle>ul>li:hover ul.categories_mega_menu {
opacity: 1;
visibility: visible;
left: 100%;
}
.categories_menu_toggle>ul>li:hover>a {
color: #0062bd;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_menu_toggle>ul>li:hover>a {
background: inherit;
}
}
@media only screen and (max-width: 767px) {
.categories_menu_toggle>ul>li:hover>a {
background: inherit;
}
}
.categories_menu_toggle>ul>li ul.categories_mega_menu {
position: absolute;
left: 120%;
width: 370px;
background: #ffffff;
padding: 15px 10px;
overflow: hidden;
top: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
z-index: 99;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0px 0px 5.76px 0.24px rgba(0, 0, 0, .22);
box-shadow: 0px 0px 5.76px 0.24px rgba(0, 0, 0, .22);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.categories_menu_toggle>ul>li ul.categories_mega_menu {
width: 480px;
}
}
@media only screen and (max-width: 767px) {
.categories_menu_toggle>ul>li ul.categories_mega_menu {
display: none;
opacity: inherit !important;
visibility: inherit !important;
left: inherit !important;
width: 100%;
top: 100%;
max-height: 350px;
overflow: auto;
-webkit-transition: unset;
-o-transition: unset;
transition: unset;
-webkit-box-shadow: inherit;
box-shadow: inherit;
position: inherit;
padding: 0 20px 0px 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_menu_toggle>ul>li ul.categories_mega_menu {
display: none;
opacity: inherit !important;
visibility: inherit !important;
left: inherit !important;
width: 100%;
top: 100%;
max-height: 350px;
overflow: auto;
-webkit-transition: unset;
-o-transition: unset;
transition: unset;
-webkit-box-shadow: inherit;
box-shadow: inherit;
position: inherit;
padding: 0 20px 0px 60px;
}
}
.categories_menu_toggle>ul>li ul.categories_mega_menu.open {
display: block;
left: 0;
}
.categories_menu_toggle>ul>li ul.categories_mega_menu>li {
padding: 0 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_menu_toggle>ul>li ul.categories_mega_menu>li {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.categories_menu_toggle>ul>li ul.categories_mega_menu>li {
padding: 0;
}
}
.categories_menu_toggle>ul>li ul.categories_mega_menu>li>a {
line-height: 1.25;
font-size: 15px;
font-weight: 500;
text-transform: uppercase;
display: block;
}
.categories_menu_toggle>ul>li ul.categories_mega_menu>li>a:hover {
color: #0062bd;
}
.categories_menu_toggle>ul>li ul.categories_mega_menu>li:not(:last-child) {
margin-bottom: .75rem;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_menu_toggle>ul>li ul.categories_mega_menu>li.menu_item_children>a {
font-weight: 400;
}
}
@media only screen and (max-width: 767px) {
.categories_menu_toggle>ul>li ul.categories_mega_menu>li.menu_item_children>a {
font-weight: 400;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_menu_toggle ul li.menu_item_children>a {
position: relative;
}
.categories_menu_toggle ul li.menu_item_children>a::before {
position: absolute;
content: "+";
right: 15px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.categories_menu_toggle ul li.menu_item_children>a {
position: relative;
}
.categories_menu_toggle ul li.menu_item_children>a::before {
position: absolute;
content: "+";
right: 15px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
font-size: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_menu_toggle ul li.menu_item_children.open>a::before {
display: none;
}
.categories_menu_toggle ul li.menu_item_children.open>a::after {
position: absolute;
content: "-";
right: 15px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
font-size: 30px;
}
}
@media only screen and (max-width: 767px) {
.categories_menu_toggle ul li.menu_item_children.open>a::before {
display: none;
}
.categories_menu_toggle ul li.menu_item_children.open>a::after {
position: absolute;
content: "-";
right: 15px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
font-size: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categorie_sub_menu {
display: none;
padding: 0 0 0 30px;
}
}
@media only screen and (max-width: 767px) {
.categorie_sub_menu {
display: none;
padding: 0 0 0 30px;
}
}
.categorie_sub_menu li a {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 30px;
}
.categorie_sub_menu li a:hover {
color: #0062bd;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categorie_sub_menu li a {
line-height: 38px;
}
}
@media only screen and (max-width: 767px) {
.categorie_sub_menu li a {
line-height: 38px;
}
}
.categories_menu_toggle ul li ul.categories_mega_menu.column_2 {
width: 400px;
}
@media only screen and (max-width: 767px) {
.categories_menu_toggle ul li ul.categories_mega_menu.column_2 {
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categories_menu_toggle ul li ul.categories_mega_menu.column_2 {
width: 100%;
}
}
.categorie_sub {
opacity: 0;
z-index: 999;
position: absolute;
width: 100%;
left: 0;
background: #ffffff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
top: 65%;
visibility: hidden;
}
.categorie_sub.open {
top: 95%;
opacity: 1;
visibility: visible;
}
.categories_menu_toggle ul li.has-sub>a::before {
position: absolute;
content: "\f055";
font-family: FontAwesome;
top: 0;
right: 20px;
font-size: 18px;
pointer-events: none;
}
.categories_menu_toggle ul li.has-sub>a.open::before {
content: "\f056";
}
.categories_menu_toggle ul li.has-sub ul.categorie_sub li a {
font-size: 14px;
font-weight: 400;
padding-left: 30px;
display: block;
line-height: 45px;
}
.categories_menu_toggle ul li.has-sub ul.categorie_sub li a:hover {
color: #0062bd;
}
.categorie_banner {
position: absolute;
bottom: 0;
right: 20px;
width: 500px;
}
@media only screen and (max-width: 767px) {
.categorie_banner {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.categorie_banner {
display: none;
}
}
.categorie_banner a img:hover {
opacity: 0.8;
}
.call-support {
text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.call-support {
display: none;
text-align: center;
margin-bottom: 22px;
}
}
@media only screen and (max-width: 767px) {
.call-support {
display: none;
text-align: center;
margin-bottom: 22px;
}
}
.call-support p {
font-size: 14px;
line-height: 26px;
}
.call-support p a:hover {
color: #0081ff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.call-support p {
font-size: 13px;
}
}
@media only screen and (max-width: 767px) {
.call-support p {
font-size: 13px;
}
}
/*-- 2.7 Categories menu css end --*/
/*home three css here*/
.header_three .header_top {
background: #fff;
border-bottom: 0;
}
.header_three .header_middle {
background: #fff;
}
.header_three .header_bottom {
border-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_three .header_bottom {
background: #0081ff;
}
}
@media only screen and (max-width: 767px) {
.header_three .header_bottom {
background: #0081ff;
}
}
.header_three .header_bottom_container3 {
border-top: 1px solid #ededed;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_three .header_bottom_container3 {
border-top: 0;
}
}
@media only screen and (max-width: 767px) {
.header_three .header_bottom_container3 {
border-top: 0;
}
}
.search_three {
margin-right: 0;
}
.search_three .search_box {
border: 2px solid #0081ff;
width: 100%;
}
.search_three .search_box input {
height: 44px;
}
.search_three .search_box button {
background: #0081ff;
color: #333;
right: -2px;
}
/*home four css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_four {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.header_four {
padding-bottom: 0;
}
}
.header_four .header_top {
background: #fff;
}
.header_four .header_middle {
background: #fff;
}
.header_four .header_bottom {
background: #0081ff;
border-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_four .header_bottom {
background: inherit;
}
}
@media only screen and (max-width: 767px) {
.header_four .header_bottom {
background: inherit;
}
}
.menu_four nav>ul>li:first-child>a {
padding: 15px 30px;
}
.menu_four nav>ul>li:hover>a {
background: #333333;
color: #fff;
}
.menu_four nav>ul>li>a {
padding: 15px 30px;
line-height: 24px;
}
.menu_four nav>ul>li>a.active {
background: #333333;
color: #fff;
}
.search_four {
margin-right: 0;
}
.search_four .search_box {
border: 1px solid #ededed;
width: 100%;
}
.search_four .search_box input {
height: 46px;
}
.search_four .search_box button {
background: #0081ff;
color: #333;
right: -2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.header_area.header_p {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.header_area.header_p {
padding-bottom: 0;
}
}
/*home five css here*/
.color_scheme .header_top {
background: #b2e515;
}
.color_scheme .header_middle {
background: #b2e515;
}
.color_scheme .dropdown_currency li a:hover,
.color_scheme .dropdown_language li a:hover,
.color_scheme .dropdown_links li a:hover {
color: #b2e515;
}
.color_scheme .main_menu nav>ul>li:hover>a {
color: #b2e515;
}
.color_scheme .main_menu nav>ul>li ul.sub_menu li a:hover {
color: #b2e515;
}
.color_scheme .mega_menu_inner>li>a:hover {
color: #b2e515;
}
.color_scheme .mega_menu_inner>li ul li a:hover {
color: #b2e515;
}
.color_scheme .mini_cart_wrapper:hover>a {
color: #b2e515;
}
.color_scheme .cart_info a:hover {
color: #b2e515;
}
.color_scheme .cart_remove a:hover {
color: #b2e515;
}
.color_scheme .cart_button a:hover {
background: #b2e515;
}
.color_scheme .mini_cart_wrapper span.cart_quantity {
background: #b2e515;
}
.color_scheme .main_menu nav>ul>li ul.sub_menu li.home5_new span {
background: #b2e515;
}
/* 02. slider area css here */
.single_slider {
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: contain;
position: relative;
}
.single_slider::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, .35);
z-index: 0;
}
.slider_area .owl-dots {
position: absolute;
bottom: 20px;
text-align: center;
left: 50%;
-webkit-transform: translatex(-50%);
-ms-transform: translatex(-50%);
transform: translatex(-50%);
display: block;
}
@media only screen and (max-width: 767px) {
.slider_area .owl-dots {
bottom: 10px;
}
}
.slider_area .owl-dots .owl-dot {
display: inline-block;
margin: 0 3px;
cursor: pointer;
font-size: 0;
width: 20px;
height: 20px;
background: #bbb;
border: 6px solid transparent;
-webkit-transform: scale3d(0.7, 0.7, 0.7);
-ms-transform: scale3d(0.7, 0.7, 0.7);
transform: scale3d(0.7, 0.7, 0.7);
border-radius: 100%;
-webkit-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.slider_area .owl-dots .owl-dot.active {
background: #fff;
border-color: #333;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.slider_area .owl-dots .owl-dot:hover {
background: #fff;
border-color: #333;
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.slider_content {
padding-left: 70px;
text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content {
padding-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content {
padding-left: 50px;
}
}
@media only screen and (max-width: 767px) {
.slider_content {
width: 100%;
padding-left: 0;
}
}
.slider_content h2.h1 {
font-size: 60px;
font-weight: 700;
line-height: 1;
letter-spacing: 1px;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content h2.h1 {
font-size: 45px;
line-height: 45px;
}
}
@media only screen and (max-width: 767px) {
.slider_content h2.h1 {
font-size: 32px;
line-height: 35px;
}
}
.slider_content h2 {
font-size: 16px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content h2 {
margin-bottom: 12px;
}
}
@media only screen and (max-width: 767px) {
.slider_content h2 {
font-size: 14px;
line-height: 18px;
margin-bottom: 7px;
}
}
.slider_content p {
font-size: 20px;
font-weight: 300;
line-height: 24px;
margin-top: 20px;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content p {
font-size: 17px;
margin-top: 11px;
}
}
@media only screen and (max-width: 767px) {
.slider_content p {
font-size: 15px;
line-height: 22px;
margin-top: 9px;
}
}
.slider_content a {
position: relative;
font-size: 16px;
font-weight: 600;
color: #333;
line-height: 45px;
display: inline-block;
border-radius: 3px;
padding: 0 30px;
margin-top: 45px;
background: #0081ff;
color: #fff;
}
.slider_content a:hover {
background: #333;
color: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_content a {
margin-top: 25px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_content a {
margin-top: 25px;
height: 43px;
line-height: 43px;
padding: 0 25px;
}
}
@media only screen and (max-width: 767px) {
.slider_content a {
font-size: 14px;
margin-top: 20px;
height: 38px;
line-height: 36px;
padding: 0 16px;
}
}
.active .slider_content h2.h1,
.active .slider_content h2,
.active .slider_content p,
.active .slider_content a {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.active .slider_content h2.h1 {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.active .slider_content p {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.active .slider_content a {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
/*home two css here*/
.single_slider {
padding: 120px 0;
height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.single_slider {
padding: 80px 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_slider {
padding: 50px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_slider {
padding: 40px 0;
}
}
@media only screen and (max-width: 767px) {
.single_slider {
padding: 50px 0;
}
}
.slider_s_two .owl-dots {
bottom: 10px;
}
.slider_c_two {
padding-left: 0;
}
.slider_c_two h2 {
font-size: 54px;
font-weight: 400;
color: #fff;
margin-bottom: .25rem;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_c_two h2 {
font-size: 59px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_c_two h2 {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_two h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_two h2 {
font-size: 28px;
line-height: 28px;
}
}
.slider_c_two h1 {
font-size: 84px;
color: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_c_two h1 {
font-size: 59px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_c_two h1 {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_two h1 {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_two h1 {
font-size: 28px;
}
}
.slider_c_two p {
font-size: 20px;
font-weight: 400;
color: #fff;
margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_two p {
font-size: 17px;
margin-top: 8px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_two p {
font-size: 14px;
margin-top: 7px;
}
}
.slider_c_two a {
margin-top: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_two a {
margin-top: 25px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_two a {
margin-top: 20px;
}
}
.slider_c_three {
padding-left: 0;
}
.slider_c_three h2 {
font-size: 84px;
font-weight: 300;
margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_c_three h2 {
font-size: 59px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_c_three h2 {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_three h2 {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_three h2 {
font-size: 28px;
line-height: 28px;
}
}
.slider_c_three h1 {
font-size: 84px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.slider_c_three h1 {
font-size: 59px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_c_three h1 {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_three h1 {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_three h1 {
font-size: 28px;
}
}
.slider_c_three p {
font-size: 20px;
font-weight: 300;
margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_three p {
font-size: 17px;
margin-top: 8px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_three p {
font-size: 14px;
margin-top: 7px;
}
}
.slider_c_three a {
margin-top: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_three a {
margin-top: 25px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_three a {
margin-top: 20px;
}
}
/*home four css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_s_four {
margin-top: 0;
}
}
@media only screen and (max-width: 767px) {
.slider_s_four {
margin-top: 0;
}
}
.slider_c_four {
padding-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_c_four {
padding-left: 30px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_four {
padding-left: 0;
}
}
.slider_c_four h2 {
margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_c_four h2 {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_four h2 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_four h2 {
margin-bottom: 5px;
}
}
.slider_c_four h1 {
font-size: 76px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_c_four h1 {
font-size: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_four h1 {
font-size: 40px;
line-height: 40px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_four h1 {
font-size: 28px;
}
}
.slider_c_four p {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.slider_c_four p {
margin-top: 5px;
}
}
.slider_c_four a {
margin-top: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider_c_four a {
margin-top: 26px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider_c_four a {
margin-top: 25px;
}
}
@media only screen and (max-width: 767px) {
.slider_c_four a {
margin-top: 19px;
}
}
/*home five css here*/
.color_scheme .slider_content a {
background: #b2e515;
}
.color_scheme .slider_content a:hover {
background: #333;
}
.color_scheme .slider_area .owl-dots .owl-dot.active {
border-color: #b2e515;
}
.color_scheme .slider_area .owl-dots .owl-dot:hover {
border-color: #b2e515;
}
/* 04. banner section css here */
@media only screen and (max-width: 767px) {
.banner_area {
margin-bottom: 29px;
}
}
@media only screen and (max-width: 767px) {
.single_banner {
margin-bottom: 30px;
}
}
.banner_thumb {
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.banner_thumb {
text-align: center;
}
}
.banner_thumb a img {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.banner_thumb a img:hover {
opacity: 0.7;
}
.banner_thumb:hover img {
-webkit-transform: scale(1.1) rotate(0.05deg);
-ms-transform: scale(1.1) rotate(0.05deg);
transform: scale(1.1) rotate(0.05deg);
}
.banner_text {
position: absolute;
top: 40px;
left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner_text {
left: 35px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_text {
top: 23px;
left: 25px;
}
}
@media only screen and (max-width: 767px) {
.banner_text {
top: 15px;
left: 20px;
}
}
.banner_text h2 {
font-size: 30px;
line-height: 30px;
font-weight: 700;
margin-bottom: 21px;
width: 220px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.banner_text h2 {
font-size: 23px;
line-height: 25px;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_text h2 {
font-size: 18px;
line-height: 20px;
margin-bottom: 7px;
}
}
@media only screen and (max-width: 767px) {
.banner_text h2 {
font-size: 18px;
line-height: 21px;
margin-bottom: 8px;
}
}
.banner_text h3 {
font-size: 22px;
line-height: 22px;
font-weight: 400;
margin-bottom: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_text h3 {
font-size: 15px;
line-height: 20px;
}
}
@media only screen and (max-width: 767px) {
.banner_text h3 {
font-size: 15px;
line-height: 17px;
}
}
.banner_text a {
font-size: 13px;
font-weight: 400;
line-height: 40px;
text-transform: uppercase;
padding: 0 18px;
display: inline-block;
background: #0081ff;
border-radius: 5px;
-webkit-border-radius: 5px;
pointer-events: visible;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_text a {
font-size: 12px;
line-height: 28px;
padding: 0 11px;
}
}
.banner_text a:hover {
background: #333;
color: #fff;
}
@media only screen and (max-width: 767px) {
.banner_text a {
font-size: 12px;
line-height: 30px;
padding: 0 10px;
}
}
/*home four css here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_sidebar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.banner_sidebar {
margin-top: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner_sidebar .banner_thumb.mb-20 {
margin-right: 20px;
margin-bottom: 0;
}
}
/* 03. product section css here */
.tab-content>.tab-pane.active {
display: block;
height: auto;
opacity: 1;
overflow: visible;
}
.tab-content>.tab-pane {
display: block;
height: 0;
opacity: 0;
overflow: hidden;
}
.section_title {
margin-bottom: 20px;
}
.section_catalog_title {
margin-bottom: 2.5rem;
}
.section_title h2 {
font-size: 26px;
line-height: 24px;
font-weight: 600;
display: inline-block;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section_title h2 {
font-size: 22px;
line-height: 22px;
}
}
@media only screen and (max-width: 767px) {
.section_title h2 {
font-size: 20px;
line-height: 20px;
}
}
.product_header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;
}
.product_header .section_title {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.product_header {
margin-bottom: 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
.product_tab_button {
margin-top: 15px;
}
}
.product_tab_button ul li {
margin-right: 5px;
}
@media only screen and (max-width: 767px) {
.product_tab_button ul li {
margin-bottom: 5px;
}
}
.product_tab_button ul li a {
line-height: 28px;
border-radius: 3px;
font-size: 14px;
font-weight: 400;
padding: 0 20px;
border: 1px solid transparent;
display: inline-block;
color: #333;
}
.product_tab_button ul li a:hover {
border-color: #0081ff;
}
.product_tab_button ul li a.active {
border-color: #0081ff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_tab_button ul li a {
padding: 0 15px;
}
}
@media only screen and (max-width: 767px) {
.product_tab_button ul li a {
padding: 0 15px;
}
}
.product_thumbtav2 {
position: relative;
overflow: hidden;
text-align: center;
}
.product_thumbtav2::before {
content: "";
position: absolute;
left: 20px;
right: 20px;
bottom: 0;
border-bottom: 1px solid #ededed;
z-index: 1;
}
.product_thumbtav2 a.secondary_img {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.product_thumb {
position: relative;
overflow: hidden;
text-align: center;
}
/* .product_thumb::before {
content: "";
position: absolute;
left: 20px;
right: 20px;
bottom: 0;
border-bottom: 1px solid #ededed;
z-index: 1;
} */
.product_thumb a.secondary_img {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.product_carousel .owl-nav>div.disabled {
opacity: .5;
cursor: auto;
}
@media only screen and (max-width: 767px) {
.product_carousel .product_thumb img {
width: inherit;
margin: 0 auto;
}
}
/*@media only screen and (max-width: 767px) {*/
/* .product_carousel .owl-nav {*/
/* display: none;*/
/* }*/
/*}*/
.product_carousel .owl-nav>div {
position: absolute;
left: -30px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
font-size: 42px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.product_carousel .owl-nav>div:hover:not(.disabled) {
color: #0081ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_carousel .owl-nav>div {
left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_carousel .owl-nav>div {
left: 0;
}
}
.product_carousel .owl-nav>div.owl-next {
right: -30px;
left: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_carousel .owl-nav>div.owl-next {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_carousel .owl-nav>div.owl-next {
right: 0;
}
}
.product_content {
padding: 22px 17px;
}
.product_content>p {
font-size: 13px;
line-height: 1;
margin-bottom: 10px;
display: block;
}
.product_content>p a:hover {
color: #0081ff;
}
.product_content h4 {
line-height: 20px;
display: block;
margin-bottom: 15px;
font-size: 16px;
font-weight: 400;
}
.product_content h4 a {
color: #333;
}
.product_content h4 a:hover {
color: #0081ff;
}
.single_product {
border: 1px solid #ededed;
border-radius: 3px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.single_product.catalog-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 20px;
}
.single_product:hover {
border-color: #0081ff;
}
.single_product:hover .product_thumb a.secondary_img {
opacity: 1;
visibility: visible;
}
.single_product:hover .action_links {
opacity: 1;
visibility: visible;
}
.single_product:hover .action_links ul li {
-webkit-transform: scale3d(1, 1, 1);
-ms-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.single_product:hover .action_links ul li:nth-child(1) {
-webkit-animation: zoomIn 300ms ease-in-out;
animation: zoomIn 300ms ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.single_product:hover .action_links ul li:nth-child(2) {
-webkit-animation: zoomIn 500ms ease-in-out;
animation: zoomIn 500ms ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.single_product:hover .action_links ul li:nth-child(3) {
-webkit-animation: zoomIn 700ms ease-in-out;
animation: zoomIn 700ms ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.single_product:hover .add_to_cart {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}
.action_links {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
right: 20px;
top: 20px;
}
.action_links ul li {
margin-bottom: 10px;
-webkit-transform: scale3d(0, 0, 0);
-ms-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
-webkit-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.action_links ul li:last-child {
margin-bottom: 0;
}
.action_links ul li a {
color: #333;
background: #fff;
display: inline-block;
font-size: 15px;
border-radius: 100%;
border: 1px solid #ededed;
line-height: 34px;
height: 36px;
width: 36px;
cursor: pointer;
text-align: center;
}
.action_links ul li a:hover {
border-color: #0081ff;
background: #0081ff;
}
.add_to_cart {
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: absolute;
left: 20px;
right: 20px;
bottom: 0;
text-align: center;
opacity: 0;
visibility: hidden;
transform: translateY(25px) translateZ(0);
-webkit-transform: translateY(25px) translateZ(0);
}
.add_to_cart a {
color: #333;
font-size: 15px;
font-weight: 600;
padding: 0 10px;
line-height: 36px;
height: 36px;
background: #0081ff;
display: block;
}
.label_product {
position: absolute;
top: 20px;
left: 20px;
width: 45px;
text-align: center;
line-height: 45px;
height: 45px;
background: #0081ff;
border-radius: 100%;
}
.label_product span {
color: #333;
font-size: 14px;
font-weight: 600;
display: block;
}
.product_ratings {
margin-bottom: 5px;
}
.product_ratings ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.product_ratings ul li {
line-height: 18px;
}
.product_ratings ul li a {
color: #FFCB15;
font-size: 16px;
}
.price_box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.price_box span.regular_price {
font-weight: 600;
font-size: 18px;
}
@media only screen and (max-width: 767px) {
.price_box span.regular_price {
font-size: 16px;
}
}
.price_box span.old_price {
text-decoration: line-through;
font-weight: 400;
font-size: 14px;
}
.price_box span.current_price {
color: #f30;
font-weight: 600;
font-size: 17px;
margin-left: 8px;
}
@media only screen and (max-width: 767px) {
.price_box span.current_price {
font-size: 16px;
}
}
.product_timing {
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
}
.product_timing .countdown_area {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background: #0081ff;
padding: 3px;
}
.product_timing .single_countdown {
text-align: center;
position: relative;
margin-right: 4px;
padding-right: 8px;
}
.product_timing .single_countdown:last-child {
margin-right: 0;
padding-right: 0;
}
.product_timing .single_countdown:last-child::before {
display: none;
}
.product_timing .single_countdown::before {
position: absolute;
content: ":";
right: 0;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
}
.product_timing .countdown_number {
font-size: 14px;
font-weight: 600;
line-height: 15px;
}
.product_timing .countdown_title {
font-size: 11px;
line-height: 15px;
}
/*single featured css here*/
.featured_carousel:hover .owl-nav>div {
opacity: 1;
visibility: visible;
}
@media only screen and (max-width: 767px) {
.featured_carousel .owl-nav {
display: none;
}
}
.featured_carousel .owl-nav>div {
position: absolute;
left: -30px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
font-size: 42px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.featured_carousel .owl-nav>div:hover {
color: #0081ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.featured_carousel .owl-nav>div {
left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.featured_carousel .owl-nav>div {
left: 0;
}
}
.featured_carousel .owl-nav>div.owl-next {
right: -30px;
left: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.featured_carousel .owl-nav>div.owl-next {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.featured_carousel .owl-nav>div.owl-next {
right: 0;
}
}
.featured_categories {
background: #f6f6f6;
padding: 60px 0;
}
.single_featured {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
background: #fff;
}
.single_featured:last-child {
margin-bottom: 0;
}
.featured_thumb {
width: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.featured_thumb {
width: 100px;
}
}
.featured_thumb a img {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.featured_thumb a img:hover {
opacity: 0.7;
}
.featured_content {
padding: 0 20px;
width: -webkit-calc(100% - 120px);
width: calc(100% - 120px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.featured_content {
padding: 0 13px;
width: -webkit-calc(100% - 100px);
width: calc(100% - 100px);
}
}
.featured_content h3 {
font-size: 14px;
line-height: 22px;
margin-bottom: 0;
font-family: "Source Sans Pro", sans-serif;
}
.featured_content h3 a:hover {
color: #0081ff;
}
.productnav_btn {
max-width: 300px;
margin: 28px auto 0;
}
@media only screen and (max-width: 767px) {
.productnav_btn {
padding: 0 15px;
}
}
.productnav_btn ul li a {
padding: 0;
border: 1px solid #ededed;
margin: 0 2px;
}
.productnav_btn ul li a:hover {
border-color: #333;
}
.productnav_btn ul li a.active {
border-color: #333;
}
.productnav_btn ul li a img {
width: 100%;
}
.productnav_footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.product_items .single_product {
margin-bottom: 20px;
}
.product_items .single_product:last-child {
margin-bottom: 0;
}
.product_wrapper_inner .col-lg-7 {
padding-right: 14px;
padding-left: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_wrapper_inner>.row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 767px) {
.product_wrapper_inner>.row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_left_area {
padding: 0 120px;
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
.product_left_area {
margin-top: 30px;
}
}
.product_left_area .product_content h4 {
font-size: 18px;
line-height: 24px;
}
@media only screen and (max-width: 767px) {
.product_left_area .product_content h4 {
font-size: 16px;
}
}
.product_left_area .price_box span.current_price {
font-size: 21px;
color: #333;
}
@media only screen and (max-width: 767px) {
.product_left_area .price_box span.current_price {
font-size: 17px;
}
}
.product_left_area .product_ratings ul li:last-child a {
color: #c3c3c3;
}
/*small product area css here*/
.single_product.catalog-item .product_content {
width: 55%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_product.catalog-item .product_content {
width: 60%;
padding: 25px 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_product.catalog-item .product_content {
width: 60%;
}
}
@media only screen and (max-width: 767px) {
.single_product.catalog-item .product_content {
width: 65%;
padding: 10px 15px;
}
}
.small_product .product_content h3 {
font-size: 14px;
margin-bottom: 15px;
font-weight: 400;
font-family: "Source Sans Pro", sans-serif;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.small_product .product_content h3 a {
line-height: 20px;
display: block;
}
.small_product .product_content h3 a:hover {
color: #2777d0;
}
.single_product.catalog-item .product_thumb {
width: 45%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single_product.catalog-item .product_thumb {
width: 40%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_product.catalog-item .product_thumb {
width: 40%;
}
}
@media only screen and (max-width: 767px) {
.single_product.catalog-item .product_thumb {
width: 35%;
}
}
.small_product .product_ratings {
margin-bottom: 10px;
}
.small_product .product_thumb::before {
content: "";
position: absolute;
right: 0;
top: 20px;
bottom: 20px;
left: auto;
border: none;
border-right-color: currentcolor;
border-right-style: none;
border-right-width: medium;
border-right-color: currentcolor;
border-right-style: none;
border-right-width: medium;
border-right: 1px solid #ededed;
}
/*home two css here*/
.single_product.catalog-item .product_thumb::before {
display: none;
}
.single_product.catalog-item .product_content {
padding: 0 0 0 20px;
}
.single_product.catalog-item .product_content h4 {
font-size: 18px;
font-weight: 600;
color: #333;
display: block;
margin-bottom: 11px;
font-family: "Source Sans Pro", sans-serif;
}
.single_product.catalog-item .product_content ul li a {
font-size: 16px;
line-height: 24px;
font-weight: 400;
display: block;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.single_product.catalog-item .product_content ul li a:hover {
color: #0081ff;
}
.single_product.catalog-item .product_content>a {
display: inline-block;
margin-top: 10px;
font-size: 16px;
line-height: 24px;
color: #0081ff;
}
.single_product.catalog-item .product_content>a:hover {
color: #333;
}
.product_carousel .product_thumb {
text-align: center;
margin: 0 auto;
}
.product_carousel .product_thumb img {
width: inherit;
}
/*home four css here*/
.product_tab_four {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.product_tab_four {
margin-top: 0;
}
}
.product_tab_four ul li {
margin-right: 35px;
}
.product_tab_four ul li:last-child {
margin-right: 0;
}
@media only screen and (max-width: 767px) {
.product_tab_four ul li {
margin-right: 18px;
margin-bottom: 0;
}
}
.product_tab_four ul li a {
font-size: 24px;
line-height: 24px;
border: 0;
padding: 0;
}
.product_tab_four ul li a:hover {
color: #0081ff;
}
.product_tab_four ul li a.active {
color: #0081ff;
}
@media only screen and (max-width: 767px) {
.product_tab_four ul li a {
font-size: 18px;
line-height: 17px;
}
}
/*home five css here*/
.color_scheme .label_product {
background: #b2e515;
}
.color_scheme .action_links ul li a:hover {
background: #b2e515;
border-color: #b2e515;
}
.color_scheme .add_to_cart a {
background: #b2e515;
}
.color_scheme .product_timing .countdown_area {
background: #b2e515;
}
.color_scheme .product_content>p a:hover {
color: #b2e515;
}
.color_scheme .product_content h4 a:hover {
color: #b2e515;
}
.color_scheme .price_box span.current_price {
color: #b2e515;
}
.color_scheme .single_product:hover {
border-color: #b2e515;
}
.color_scheme .product_carousel .owl-nav>div:hover {
color: #b2e515;
}
.color_scheme .product_tab_button ul li a.active {
border-color: #b2e515;
}
.color_scheme .product_tab_button ul li a:hover {
border-color: #b2e515;
}
.color_scheme .product_ratings ul li a {
color: #b2e515;
}
.color_scheme .featured_content h3 a:hover {
color: #b2e515;
}
.color_scheme .featured_carousel .owl-nav>div:hover {
color: #b2e515;
}
/* 05. blog area css here */
.blog_brand_area {
background: #f8f8f8;
padding: 58px 0 60px;
}
.blog_carousel:hover .owl-nav>div {
opacity: 1;
visibility: visible;
}
@media only screen and (max-width: 767px) {
.blog_carousel .owl-nav {
display: none;
}
}
.blog_carousel .owl-nav>div {
position: absolute;
left: -30px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
font-size: 42px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_carousel .owl-nav>div {
left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_carousel .owl-nav>div {
left: 0;
}
}
.blog_carousel .owl-nav>div:hover {
color: #0081ff;
}
.blog_carousel .owl-nav>div.owl-next {
right: -30px;
left: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_carousel .owl-nav>div.owl-next {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_carousel .owl-nav>div.owl-next {
right: 0;
}
}
.single_blog {
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
}
@media only screen and (max-width: 767px) {
.single_blog {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.blog_thumb {
width: 270px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_thumb {
width: 200px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_thumb {
width: 330px;
}
}
@media only screen and (max-width: 767px) {
.blog_thumb {
width: 100%;
}
}
.blog_content {
padding: 19px 19px 24px 19px;
width: -webkit-calc(100% - 270px);
width: calc(100% - 270px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_content {
padding: 0 10px 0 15px;
width: -webkit-calc(100% - 200px);
width: calc(100% - 200px);
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_content {
width: -webkit-calc(100% - 330px);
width: calc(100% - 330px);
}
}
@media only screen and (max-width: 767px) {
.blog_content {
padding: 15px 0 0 0;
width: 100%;
}
}
.blog_content>p {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.blog_content>p {
margin-bottom: 9px;
}
}
.blog_content>p a:hover {
color: #0081ff;
}
.blog_content h3 {
font-size: 16px;
line-height: 20px;
margin-bottom: 14px;
font-weight: 600;
}
.blog_content h3 a:hover {
color: #0081ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_content h3 {
font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
.blog_content h3 {
margin-bottom: 12px;
}
}
.date_post span {
line-height: 15px;
font-size: 13px;
}
.blogpost_demo p {
line-height: 15px;
font-size: 13px;
}
.blogpost_demo p a:hover {
color: #0081ff;
}
/*home two css here*/
.blog_s_two {
padding: 60px 0;
background: #f8f8f8;
}
/*home five css here*/
.color_scheme .blog_carousel .owl-nav>div:hover {
color: #b2e515;
}
.color_scheme .blog_content>p a:hover {
color: #b2e515;
}
.color_scheme .blog_content h3 a:hover {
color: #b2e515;
}
/* 21. shipping css here */
.shipping_inner {
border-bottom: 1px solid #ededed;
padding: 60px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shipping_inner {
padding: 60px 0 35px;
}
}
@media only screen and (max-width: 767px) {
.shipping_inner {
padding: 60px 0 35px;
}
}
.single_shipping {
border-right: 1px solid #ededed;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_shipping {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.single_shipping {
margin-bottom: 25px;
border-right: 0;
}
}
.single_shipping:hover .shipping_icone {
background: #0081ff;
border-color: #0081ff;
}
.single_shipping:hover .shipping_icone i {
color: #333;
}
.single_shipping.col4 {
border-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_shipping.col2 {
border-right: 0;
}
}
.shipping_icone {
height: 50px;
width: 50px;
line-height: 48px;
border: 1px solid #ededed;
border-radius: 100%;
text-align: center;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
margin-right: 11px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.shipping_icone {
height: 39px;
width: 39px;
line-height: 39px;
margin-right: 7px;
}
}
.shipping_icone i {
font-size: 20px;
line-height: 48px;
display: block;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #0081ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.shipping_icone i {
font-size: 17px;
line-height: 38px;
}
}
.shipping_content h3 {
font-size: 14px;
line-height: 20px;
font-weight: 700;
margin-bottom: 4px;
font-family: "Source Sans Pro", sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.shipping_content h3 {
font-size: 13px;
}
}
/*home three css here*/
.shipping_three .shipping_inner {
border-bottom: 0;
}
/*testimonial css here*/
.testimonial_container {
padding: 22px 30px 20px;
}
.testimonial_container .testimonial_images {
width: 84px;
position: absolute;
top: 110px;
left: 0;
right: 0;
margin: 0 auto;
}
.testimonial_container .testimonial_images img {
width: inherit;
border-radius: 50%;
}
.testimonial_container .testimonial_content {
margin-top: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial_container .testimonial_content {
margin-top: 50px;
}
}
.testimonial_container .testimonial_content p {
padding: 0;
margin-bottom: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.testimonial_container .testimonial_content p {
margin-bottom: 12px;
}
}
.testimonial_container .testimonial_content a {
color: #0081ff;
font-weight: 600;
font-size: 16px;
}
.testimonial_container .testimonial_content a:hover {
color: #333;
}
.testimonial_container:hover .owl-nav>div {
opacity: 1;
visibility: visible;
}
.testimonial_container .owl-nav>div {
position: absolute;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
width: 30px;
background: #eaeaea;
text-align: center;
opacity: 0;
visibility: hidden;
color: #313131;
font-size: 18px;
z-index: 1;
height: 80px;
border-radius: 0 3px 3px 0;
line-height: 80px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
left: 0px;
}
.testimonial_container .owl-nav>div:hover {
background: #0081ff;
color: #fff;
}
.testimonial_container .owl-nav>div.owl-next {
right: 0;
left: auto;
border-radius: 3px 0 0 3px;
}
.testimonial_banner {
background: url(../img/about/testimonial.jpg) no-repeat 0 0;
height: 155px;
width: 100%;
}
.testimonial_section {
border: 1px solid #ededed;
background: #fff;
}
.testimonial_are {
margin-bottom: 68px;
}
@media only screen and (max-width: 767px) {
.testimonial_are {
margin-bottom: 63px;
}
}
.testimonial_titile {
text-align: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.testimonial_titile {
margin-bottom: 15px;
}
}
.testimonial_titile h1 {
display: inline-block;
font-size: 24px;
line-height: 24px;
font-weight: 600;
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.testimonial_titile h1 {
font-size: 20px;
}
}
.testimonial_active.owl-carousel .single_testimonial img {
width: inherit;
margin: 0 auto;
margin-bottom: 15px;
}
.testimonial_active.owl-carousel .owl-dots {
position: relative;
width: 100%;
text-align: center;
top: 15px;
}
@media only screen and (max-width: 767px) {
.testimonial_active.owl-carousel .owl-dots {
top: 10px;
}
}
.testimonial_active.owl-carousel .owl-dots .owl-dot {
width: 10px;
height: 10px;
background: #ebebeb;
border-radius: 100%;
margin: 0 4px;
display: inline-block;
}
.testimonial_active.owl-carousel .owl-dots .owl-dot.active {
background: #0081ff;
}
.single_testimonial {
text-align: center;
}
.single_testimonial p {
padding: 0 145px;
font-size: 15px;
line-height: 26px;
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_testimonial p {
padding: 0 30px;
}
}
@media only screen and (max-width: 767px) {
.single_testimonial p {
padding: 0;
font-size: 15px;
margin-bottom: 20px;
}
}
.single_testimonial span {
display: block;
margin-bottom: 20px;
line-height: 16px;
}
@media only screen and (max-width: 767px) {
.single_testimonial span {
margin-bottom: 12px;
}
}
.single_testimonial span.name {
font-weight: 700;
text-transform: uppercase;
}
/*brand css here*/
@media only screen and (max-width: 767px) {
.brand_area.mb-42 {
margin-bottom: 50px;
}
}
.single_brand img {
opacity: 0.5;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.single_brand img:hover {
opacity: 1;
}
.brand_container {
padding: 20px 0;
background: #fff;
}
.brand_container .single_brand img {
width: inherit;
margin: 0 auto;
}
.brand_container:hover .owl-nav>div {
opacity: 1;
visibility: visible;
}
@media only screen and (max-width: 767px) {
.brand_container .owl-nav {
display: none;
}
}
.brand_container .owl-nav>div {
position: absolute;
left: -30px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
font-size: 42px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.brand_container .owl-nav>div {
left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand_container .owl-nav>div {
left: 0;
}
}
.brand_container .owl-nav>div:hover {
color: #0081ff;
}
.brand_container .owl-nav>div.owl-next {
right: -30px;
left: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.brand_container .owl-nav>div.owl-next {
right: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.brand_container .owl-nav>div.owl-next {
right: 0;
}
}
/*home two css here*/
.brand_two .brand_container {
padding: 37px 0;
}
/*home three css here*/
.brand_three .brand_container {
border: 1px solid #ededed;
}
/*home five css here*/
.color_scheme .brand_container .owl-nav>div:hover {
color: #b2e515;
}
/* 07. footer area css here */
footer {
background: #111D27;
padding: 2rem 0 2.5rem;
}
footer .container{
padding-left: 0!important;
padding-right: 0!important;
}
.footer_main{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.footer_content{
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.footer_top {
padding: 0.5rem 0 2rem;
display: flex;
gap: 11.56rem;
align-items: center;
flex-wrap: wrap;
}
.footer-left{
display: flex;
align-items: center;
gap: 5.37rem;
}
.footer_top span{
color: var(--Borders-Border-2, #D2D6DC);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
max-width: 54.625rem;
}
.footer_department{
display: flex;
align-items: center;
gap: 1rem;
}
.department_number{
display: flex;
flex-direction: column;
}
.department_number span{
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
}
.department_number a{
color: var(--Text-Text-white, #FFF);
font-family: "Inter";
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
}
.footer_middle{
padding: 2rem 0;
border-top: 1px solid rgba(229, 231, 235, 0.32);
border-bottom: 1px solid rgba(229, 231, 235, 0.32);
display: flex;
width: 100%;
align-items: flex-start;
gap: 9.81rem;
}
.footer_navigations{
display: flex;
align-items: flex-start;
gap: 1.875rem;
}
.footer_navigations .footer_menu:first-child{
width: 14.3125rem;
}
.footer_menu{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.footer_menu p{
color: #FFF;
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.375rem;
align-self: stretch;
margin: 0;
}
.footer_menu div{
flex-wrap: wrap;
}
.footer_contacts{
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.footer_contacts .h3{
color: #FFF;
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.375rem;
align-self: stretch;
}
.footer_contacts .content{
display: flex;
max-width: 22.375rem;
flex-direction: column;
align-items: flex-start;
gap: 28px;
}
.footer_contacts .content .footer_contacts-block{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.footer_contacts .content .footer_contacts-block div{
display: flex;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
}
.footer_contacts .content .footer_contacts-block div p, .footer_contacts .content .footer_contacts-block div a{
color: #FFF;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
max-width: 20.125rem;
}
.footer_social-block{
display: flex;
align-items: center;
gap: 8px;
}
.footer_bottom{
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 2.12rem;
width: 100%;
}
.footer_bottom span, .footer_bottom a{
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
}
.left-block{
display: flex;
align-items: center;
gap: 5.94rem;
}
.footer_links{
display: flex;
align-items: center;
gap: 4.81rem;
}
.widgets_container h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 30px;
font-weight: 600;
font-family: "Source Sans Pro", sans-serif;
}
@media screen and (max-width: 991px){
.footer_content>img{
display: none;
}
footer .container{
padding-left: 15px!important;
padding-right: 15px!important;
}
.footer_top img{
display: block!important;
}
.footer_top{
gap: 2rem;
flex-direction: column-reverse;
align-items: flex-start;
padding: 0 0 2rem 0;
}
.footer_top span{
width: 100%;
}
.footer_mobile{
display: flex;
gap: 2rem;
align-items: center;
}
.footer_middle{
padding: 1.5rem 0 2rem;
flex-direction: column;
gap: 2rem;
}
.footer_navigations{
gap: 2rem;
flex-direction: column;
}
.footer_menu ul{
column-count: 2;
column-gap: 1rem;
}
.footer_menu ul li{
width: 10.25rem;
}
.footer_bottom{
padding-top: 2rem;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.left-block{
gap: 1rem;
flex-direction: column;
align-items: flex-start;
}
.footer_links{
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.itb-copyright{
margin-right: 0!important;
}
.footer_contacts .content .footer_contacts-block div p, .footer_contacts .content .footer_contacts-block div a{
max-width: 19.125rem;
}
.footer_main{
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.widgets_container h3 {
font-size: 15px;
margin-bottom: 26px;
}
}
@media only screen and (max-width: 767px) {
.widgets_container h3 {
margin-bottom: 15px;
line-height: 22px;
font-size: 16px;
}
}
.widgets_container p {
margin: 0;
}
.widgets_container.widget_menu {
padding-left: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.widgets_container.widget_menu {
padding-left: 30px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.widgets_container.widget_menu {
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
.widgets_container.widget_menu {
padding-left: 0;
}
}
.widgets_container.widgets_subscribe p {
font-size: 14px;
line-height: 25px;
}
.mailchimp-error {
text-align: center;
color: green;
}
.mailchimp-success {
text-align: center;
max-width: 510px;
color: green;
margin: 0 auto;
}
.mailchimp-success.active {
margin-top: 20px;
}
.footer_logo {
margin-bottom: 23px;
}
@media only screen and (max-width: 767px) {
.footer_logo {
margin-bottom: 14px;
}
}
@media only screen and (max-width: 767px) {
.footer_logo a img {
max-width: 120px;
}
}
.footer_contact p {
line-height: 25px;
}
@media (min-width: 992px) {
.footer_contact p {
margin-bottom: 32px;
}
}
.footer_contact .customer_support {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.footer_contact .customer_support_text p {
margin-bottom: 0;
}
.footer_contact .customer_support_text p span {
font-size: 14px;
line-height: 16px;
}
.footer_contact .customer_support_text p a {
font-size: 20px;
line-height: 1.15;
font-weight: 600;
}
.footer_contact .customer_support_text p a:hover {
color: #0081ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer_contact .customer_support_text p a {
font-size: 18px;
}
}
.footer_menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#footer_catalog ul{
column-count: 2;
column-gap: 1.875rem;
}
@media only screen and (max-width: 767px) {
/*.footer_menu ul:first-child {*/
/* margin-right: 50px;*/
/*}*/
.footer_menu ul li {
line-height: 25px;
}
}
.footer_menu ul li {
font-family: "Inter";
font-size: 0.875rem;
color: var(--Borders-Border-2, #D2D6DC);
line-height: 1.25rem;
break-inside: avoid;
max-width: 14.3125rem;
}
.footer_menu ul li:not(:last-child) {
margin-bottom: 16px;
}
.footer_menu ul li a {
font-weight: 400;
}
.footer_menu ul li a:hover {
color: #247D99;
}
.subscribe_form {
margin-bottom: 15px;
}
.subscribe_form form {
position: relative;
width: 100%;
background: #f0f0f0;
border-radius: 5px;
}
.subscribe_form form input {
width: 100%;
height: 48px;
color: #666;
font-size: 13px;
background: none;
border: 0;
padding: 0 120px 0 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.subscribe_form form input {
height: 45px;
padding: 0 102px 0 15px;
}
}
@media only screen and (max-width: 767px) {
.subscribe_form form input {
padding: 0 105px 0 15px;
}
}
.subscribe_form form button {
position: absolute;
right: 0;
top: 0;
height: 100%;
background: #0081ff;
font-weight: 700;
padding: 0 18px;
border: 0;
font-size: 15px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.subscribe_form form button:hover {
background: #333;
color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.subscribe_form form button {
padding: 0 10px;
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.subscribe_form form button {
padding: 0 10px;
}
}
.footer_social {
margin-top: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_social {
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.footer_social {
margin-top: 18px;
}
}
.footer_social ul li {
display: inline-block;
margin-right: 13px;
}
.footer_social ul li:last-child {
margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_social ul li {
margin-right: 9px;
}
}
@media only screen and (max-width: 767px) {
.footer_social ul li {
margin-right: 8px;
}
}
.footer_social ul li a {
display: inline-block;
font-size: 16px;
padding: 0;
line-height: 40px;
width: 40px;
height: 40px;
border-radius: 100%;
text-align: center;
color: #fff;
}
@media only screen and (max-width: 767px) {
.footer_social ul li a {
line-height: 35px;
width: 35px;
height: 35px;
}
}
.footer_social ul li a:hover {
opacity: 0.9;
}
.footer_social ul li a.facebook {
background: #3b579d;
}
.footer_social ul li a.twitter {
background: #1da1f2;
}
.footer_social ul li a.youtube {
background: #c33;
}
.footer_social ul li a.google {
background: #d32a2a;
}
.footer_social ul li a.instagram {
background: #a0369c;
}
@media only screen and (max-width: 767px) {
.copyright_area {
text-align: center;
}
}
.copyright_area p {
line-height: 30px;
font-size: 16px;
line-height: 1.1;
}
.copyright_area p a {
color: #333;
}
.copyright_area p a:hover {
text-decoration: underline;
}
/*.footer_bottom {*/
/* padding: 15px 0;*/
/* background: #0081ff;*/
/*}*/
/*@media only screen and (max-width: 767px) {*/
/* .footer_bottom {*/
/* padding: 15px 0 20px;*/
/* }*/
/*}*/
@media only screen and (max-width: 767px) {
.footer_payment {
text-align: center !important;
}
}
/*home three css here*/
.footer_three {
background: #f8f8f8;
}
/*.footer_border .footer_top {*/
/* border-top: 1px solid #ededed;*/
/*}*/
/*home five css here*/
.color_scheme .footer_contact .customer_support_text p a:hover {
color: #b2e515;
}
.color_scheme .subscribe_form form button {
background: #b2e515;
}
.color_scheme .subscribe_form form button:hover {
background: #333;
}
.color_scheme .footer_menu ul li a:hover {
color: #b2e515;
}
.color_scheme .footer_bottom {
background: #b2e515;
}
/* 10. shop page css here */
.header_shop {
border-bottom: 1px solid #ededed;
}
.header_shop .header_top {
padding: 7px 0;
}
.header_shop .header_middel {
padding: 40px 0 18px;
}
@media only screen and (max-width: 767px) {
.header_shop .header_middel {
padding: 21px 0 18px;
}
}
.header_shop .header_bottom {
padding: 0;
}
.canvas_padding {
margin-bottom: 0;
}
.breadcrumb_content {
padding: 32px 0 22px 0;
}
.breadcrumb_content ul li {
display: inline-block;
font-size: 14px;
margin-right: 15px;
font-weight: 400;
line-height: 20px;
color:#247D99;
padding-right: 12px;
position: relative;
}
.breadcrumb_content ul li::before {
position: absolute;
content: "-";
color: #247D99;
right: -5px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
}
.breadcrumb_content ul li:last-child {
margin-right: 0;
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: 14px;
line-height: 20px;
}
.breadcrumb_content ul li:last-child::before {
display: none;
}
.breadcrumb_content ul li a {
color: #247D99;
font-family: "Inter";
font-size: 14px;
line-height: 20px;
}
.breadcrumb_content ul li a:hover {
color: #0081ff;
}
.sidebar_widget .single_banner {
border: 0;
}
@media only screen and (max-width: 767px) {
.sidebar_widget .single_banner {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.sidebar_widget .single_banner a {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.sidebar_widget .single_banner a img {
width: 100%;
}
}
.widget_list {
margin-bottom: 29px;
border-bottom: 1px solid #ddd;
padding-bottom: 35px;
}
.widget_list:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.widget_list h2 {
font-size: 16px;
margin: 0 0 15px;
padding: 0 0 5px;
text-transform: uppercase;
font-weight: 700;
line-height: 24px;
}
.widget_list>ul>li {
margin-bottom: 8px;
position: relative;
}
.widget_list>ul>li:last-child {
margin-bottom: 0;
}
.widget_list>ul>li input {
position: absolute;
left: 3px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
opacity: 0;
cursor: pointer;
z-index: 999;
}
.widget_list>ul>li input:checked~.checkmark {
background-color: #0081ff;
border: 1px solid #0081ff;
}
.widget_list>ul>li input:checked~.checkmark::before {
display: block;
}
.widget_list>ul>li>a {
font-size: 14px;
display: block;
line-height: 27px;
margin-left: 30px;
}
.widget_list>ul>li>a:hover {
color: #0081ff;
}
.widget_list>ul>li span.checkmark {
height: 17px;
width: 17px;
border: 1px solid #dfdfdf;
border-radius: 3px;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
background: #f4f4f4;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.widget_list>ul>li span.checkmark::before {
left: 5px;
top: 3px;
width: 5px;
height: 8px;
border: solid white;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
position: absolute;
display: none;
}
.ui-slider-horizontal .ui-slider-range {
background: #0081ff;
height: 5px;
}
.ui-slider-horizontal {
height: 3px;
background: #dbdbdb;
border: none;
width: 92%;
margin: 0 auto;
margin-bottom: 22px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background: #fff;
border: 0;
border-radius: 0;
width: 19px;
height: 19px;
top: -7px;
cursor: pointer;
border-radius: 50%;
border: 5px solid #0081ff;
}
.widget_list.widget_filter form {
padding-top: 10px;
}
.widget_list.widget_filter form input {
background: none;
border: none;
font-size: 12px;
float: right;
text-align: right;
line-height: 31px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.widget_list.widget_filter form input {
width: 65px;
}
}
.widget_list.widget_filter form button {
height: 30px;
line-height: 30px;
padding: 0 20px;
color: #ffffff;
background: #333;
border: 0;
border-radius: 30px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.widget_list.widget_filter form button:hover {
background: #0081ff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_sidebar_banner {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.shop_sidebar_banner {
text-align: center;
}
}
.shop_sidebar_banner a img:hover {
opacity: 0.7;
}
.shop_toolbar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #e5e5e5;
padding: 8px 10px;
margin: 0 0 40px;
}
@media only screen and (max-width: 767px) {
.shop_toolbar {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 10px 10px 18px;
}
}
.select_option {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.select_option {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.select_option .nice-select {
border: 0;
height: 30px;
line-height: 29px;
}
.select_option .nice-select ul.list {
top: 114%;
right: 0;
width: 200px;
max-height: 200px;
overflow: auto;
}
.shop_title {
margin-bottom: 20px;
}
.shop_title h1 {
font-size: 33px;
margin-bottom: 0;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.niceselect_option {
margin-bottom: 16px;
}
}
@media only screen and (max-width: 767px) {
.page_amount {
margin-bottom: 12px;
}
}
@media only screen and (max-width: 767px) {
.page_amount p {
padding-left: 0;
margin-left: 0;
border-left: 0;
}
}
.list_button ul li {
margin-right: 12px;
}
.list_button ul li:last-child {
margin-right: 0;
}
.list_button ul li a:hover {
color: #0081ff;
}
.list_button ul li a i {
margin-right: 5px;
border-radius: 100%;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
}
.list_button ul li a.active {
color: #0081ff;
}
.list_button ul li a.active i {
background: #0081ff;
color: #ffffff;
}
.product_ratting ul li {
display: inline-block;
}
.product_ratting ul li a {
color: #0081ff;
}
@media only screen and (max-width: 767px) {
.product_list_item .product_thumb {
margin-bottom: 18px;
}
}
.product_list_item .product_content h3 {
margin-bottom: 10px;
}
.product_list_item .product_ratting {
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.pagination {
margin-top: 19px;
}
}
.pagination ul li {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
background: #f1f1f1;
border-radius: 3px;
margin-left: 3px;
}
.pagination ul li:first-child {
margin-left: 0;
}
.pagination ul li a {
display: block;
border-radius: 3px;
}
.pagination ul li a:hover {
background: #0081ff;
color: #ffffff;
}
.pagination ul li.current {
background: #0081ff;
color: #ffffff;
}
.pagination ul li.next {
width: 40px;
}
.shop_toolbar.t_bottom {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0;
margin-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_toolbar.t_bottom {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.shop_toolbar.t_bottom {
padding: 15px 10px 15px;
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.shop_toolbar.t_bottom .pagination {
margin-top: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_reverse .tab-content .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-width: 767px) {
.shop_reverse .tab-content .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.grid_view .quick_button {
bottom: 5px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.grid_view .quick_button a {
line-height: 37px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.grid_view .action_button ul li a {
width: 43px;
height: 40px;
line-height: 38px;
}
}
.grid_view .hover_action a {
width: 43px;
height: 40px;
line-height: 38px;
}
.shop_area {
margin-top: 16.38rem;
}
/* shop page css here*/
.shop_banner {
margin-bottom: 44px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_banner {
margin-bottom: 56px;
}
}
@media only screen and (max-width: 767px) {
.shop_banner {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_reverse .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 767px) {
.shop_reverse .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
.row.shop_wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.shop_toolbar_btn>button {
margin-right: 10px;
border: 0;
background: inherit;
}
.shop_toolbar_btn>button.btn-grid-3 {
background: url(../img/icon/bkg_grid.png) no-repeat scroll center center;
width: 20px;
height: 20px;
}
.shop_toolbar_btn>button.btn-grid-3.active {
background: url(../img/icon/bkg_grid_hover.png) no-repeat scroll center center !important;
}
.shop_toolbar_btn>button.btn-grid-4 {
background: url(../img/icon/bkg_grid4.png) no-repeat scroll center center;
width: 26px;
height: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.shop_toolbar_btn>button.btn-grid-4 {
display: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_toolbar_btn>button.btn-grid-4 {
display: none;
}
}
.shop_toolbar_btn>button.btn-grid-4.active {
background: url(../img/icon/bkg_grid4_hover.png) no-repeat scroll center center !important;
}
.shop_toolbar_btn>button.btn-list {
background: url(../img/icon/bkg_list.png) no-repeat scroll center center;
width: 20px;
height: 20px;
}
.shop_toolbar_btn>button.btn-list.active {
background: url(../img/icon/bkg_list_hover.png) no-repeat scroll center center !important;
}
.product_content.list_content {
display: none;
}
.grid_list .grid_name {
display: none;
}
.grid_list .action_links {
display: none;
}
.grid_list .add_to_cart {
display: none;
}
.action_list_links {
text-align: center;
}
.action_list_links ul li {
display: inline-block;
margin-right: 20px;
}
.action_list_links ul li:last-child {
margin-right: 0;
}
.action_list_links ul li a {
font-size: 15px;
}
.action_list_links ul li a:hover {
color: #0081ff;
}
.grid_list .product_content.grid_content {
display: none;
}
.grid_list .product_content.list_content {
display: block;
min-width: 0 0 66.666667%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.grid_list .product_content.list_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.grid_list .product_content.list_content {
-webkit-box-flex: 0;
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
min-width: 58.333333%;
}
}
@media only screen and (max-width: 767px) {
.grid_list .product_content.list_content {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
min-width: 100%;
margin-left: 0;
}
}
.grid_list .product_content.list_content .product_desc p {
line-height: 24px;
font-size: 14px;
}
.grid_list .product_content.list_content .product_name h3 {
margin: 0 0 12px;
}
.grid_list .product_content.list_content .product_ratings {
margin-bottom: 8px;
}
.text_available {
margin-bottom: 13px;
}
.text_available p {
font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.text_available p {
font-size: 13px;
}
}
.text_available p span {
color: #0081ff;
}
.cart_links_btn {
margin-bottom: 20px;
}
.cart_links_btn a {
line-height: 38px;
width: 100%;
font-size: 15px;
font-weight: 600;
color: #333;
background: #0081ff;
display: block;
text-align: center;
padding: 0 30px;
border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.cart_links_btn a {
padding: 0 18px;
}
}
.cart_links_btn a:hover {
background: #333;
color: #fff;
}
.left_caption {
width: 62%;
padding-right: 20px;
border-right: 1px solid #ddd;
margin-right: 20px;
}
@media only screen and (max-width: 767px) {
.left_caption {
width: 100%;
padding-right: 0;
border-right: 0;
margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
.right_caption {
width: 100%;
}
}
.right_caption .price_box {
margin-bottom: 20px;
}
.right_caption .price_box span {
font-size: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.right_caption .price_box span {
font-size: 15px;
}
}
.right_caption .product_name h3 span {
margin-right: 5px;
}
.right_caption .product_name h3 a {
display: inline-block;
}
.right_caption .product_name h3 a:hover {
color: #0081ff;
}
.action_links_btn {
text-align: center;
}
.action_links_btn ul li {
display: inline-block;
}
.action_links_btn ul li a {
line-height: 36px;
width: 36px;
text-align: center;
font-size: 22px;
display: block;
}
.action_links_btn ul li a:hover {
color: #0081ff;
}
.grid_list .single_product {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.grid_list .single_product {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 18px 18px 18px;
}
}
.grid_list .product_thumb {
margin-bottom: 0;
min-width: 33.333333%;
margin-right: 15px;
}
.grid_list .product_thumb::before {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.grid_list .product_thumb {
-webkit-box-flex: 0;
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
min-width: 41.666667%;
}
}
@media only screen and (max-width: 767px) {
.grid_list .product_thumb {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
min-width: 100%;
margin-right: 0;
margin-bottom: 25px;
}
}
.col-cust-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
-webkit-flex: 0 0 20%;
flex: 0 0 20%;
max-width: max-width;
padding-right: 15px;
padding-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.col-cust-5 {
-ms-flex: 0 0 33%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33%;
flex: 0 0 33%;
}
}
@media only screen and (max-width: 767px) {
.col-cust-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width: 479px) {
.col-cust-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
.shop_wrapper>div {
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.shop_toolbar_wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #ddd;
padding: 8px 10px;
margin: 0 0 30px;
}
@media only screen and (max-width: 767px) {
.shop_toolbar_wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px 10px 5px;
}
}
@media only screen and (max-width: 767px) {
.shop_toolbar_btn {
margin-bottom: 20px;
}
}
.shop_wrapper .single_product {
position: relative;
margin-bottom: 20px;
}
.shop_wrapper .label_product {
bottom: 40px;
}
.shop_wrapper.grid_4 .price_box span.current_price {
font-size: 15px;
margin-right: 3px;
}
.shop_wrapper.grid_4 .price_box span.old_price {
font-size: 14px;
}
.shop_wrapper.grid_4 .action_links ul li {
margin-bottom: 5px;
}
.shop_wrapper.grid_4 .action_links ul li:last-child {
margin-bottom: 0;
}
.widget_inner {
background: #f4f4f4;
border: 1px solid #e1e1e1;
padding: 20px;
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.widget_inner {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.widget_inner {
margin-bottom: 60px;
}
}
/* shop page css end*/
/*shop fullwidth css here*/
.shop_fullwidth {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.shop_fullwidth {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.shop_fullwidth {
margin-bottom: 0;
}
}
/* 15. product details css here */
#img-1 {
border: 1px solid #ededed;
}
.product_details {
margin-bottom: 60px;
}
.header_product {
border-bottom: 1px solid #ededed;
}
.product_d_right h1 {
font-family: "Inter";
line-height: 3.25rem;
font-size: 2.5rem;
font-weight: 600;
margin: 0;
}
.product_d_right .product_ratting {
margin-bottom: 17px;
}
@media only screen and (max-width: 767px) {
.product_d_right .product_ratting {
margin-bottom: 12px;
}
}
.product_d_right .product_ratting ul li.review a {
color: #5a5a5a;
margin-left: 10px;
}
.product_d_right .product_ratting ul li.review a:hover {
color: #0081ff;
}
.product_d_right .price_box {
margin-bottom: 14px;
}
@media only screen and (max-width: 767px) {
.product_d_right .price_box {
margin-bottom: 9px;
}
}
.product_d_right .price_box span.current_price {
font-size: 23px;
}
.product_d_right .price_box span.old_price {
font-size: 20px;
}
.product_d_right .product_desc {
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem
}
@media only screen and (max-width: 767px) {
.product_d_right .product_desc {
margin-bottom: 15px;
padding-bottom: 18px;
}
}
.product_d_right .product_desc::before {
display: none;
}
.product_d_right .product_desc p {
font-size: 16px;
line-height: 1.3;
}
.product_d_right .priduct_social ul li {
display: inline-block;
margin-right: 7px;
}
@media only screen and (max-width: 767px) {
.product_d_right .priduct_social ul li {
margin-right: 3px;
}
}
.product_d_right .priduct_social ul li:last-child {
margin-right: 0;
}
.product_d_right .priduct_social ul li a {
color: #fff;
font-size: 12px;
line-height: 24px;
padding: 0 8px;
border-radius: 3px;
display: block;
}
@media only screen and (max-width: 767px) {
.product_d_right .priduct_social ul li a {
padding: 0 5px;
font-size: 11px;
}
}
.product_d_right .priduct_social ul li a:hover {
opacity: 0.8;
}
.product_d_right .priduct_social ul li a.facebook {
background: #3B5999;
}
.product_d_right .priduct_social ul li a.twitter {
background: #1DA1F2;
}
.product_d_right .priduct_social ul li a.pinterest {
background: #CB2028;
}
.product_d_right .priduct_social ul li a.google-plus {
background: #fe6d4c;
}
.product_d_right .priduct_social ul li a.linkedin {
background: #010103;
}
.product_nav {
float: right;
position: relative;
top: -46px;
}
@media only screen and (max-width: 767px) {
.product_nav {
display: none;
}
}
.product_nav ul li {
display: inline-block;
margin-left: 3px;
}
.product_nav ul li:first-child {
margin-left: 0;
}
.product_nav ul li a {
background: #0081ff;
border-radius: 3px;
color: #ffffff;
display: block;
font-size: 15px;
height: 30px;
width: 30px;
line-height: 28px;
text-align: center;
}
.product_nav ul li a:hover {
background: #333;
}
.product_variant.quantity {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.product_variant.quantity {
margin-bottom: 16px;
}
}
.product_variant.quantity label {
font-weight: 500;
font-size: 14px;
margin-bottom: 0;
}
.product_variant.quantity input {
width: 130px;
border: 1px solid #ebebeb;
background: none;
height: 42px;
padding: 0 12px;
border-radius: 5px;
margin-left: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_variant.quantity input {
width: 110px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_variant.quantity input {
width: 80px;
}
}
@media only screen and (max-width: 767px) {
.product_variant.quantity input {
width: 65px;
margin-left: 10px;
}
}
.product_variant.quantity button {
border: 0;
font-size: 16px;
margin-left: 20px;
background: #0081ff;
height: 42px;
line-height: 42px;
min-width: 270px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_variant.quantity button {
min-width: 240px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_variant.quantity button {
min-width: 170px;
}
}
@media only screen and (max-width: 767px) {
.product_variant.quantity button {
min-width: inherit;
margin-left: 10px;
}
}
.product_variant.quantity button:hover {
background: #3E444A;
}
.product_variant.color {
margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
.product_variant.color {
margin-bottom: 18px;
}
}
.product_variant.color h3 {
font-weight: 500;
font-size: 18px;
margin-bottom: 0;
margin-right: 40px;
}
.product_variant.color label {
font-size: 15px;
font-weight: 500;
}
.product_variant.color ul li {
display: inline-block;
padding: 2px;
border: 1px solid #ccc;
margin-right: 5px;
}
.product_variant.color ul li:hover {
border-color: #E88888;
}
.product_variant.color ul li:last-child {
margin-right: 0;
}
.product_variant.color ul li a {
width: 30px;
height: 30px;
display: block;
}
.product_variant.color ul li.color1 a {
background: #000000;
}
.product_variant.color ul li.color2 a {
background: #BEBEBE;
}
.product_variant.color ul li.color3 a {
background: #FE0000;
}
.product_variant.color ul li.color4 a {
background: #FFFF01;
}
.product_variant.size {
margin-bottom: 30px;
}
.product_variant.size label {
font-size: 15px;
font-weight: 500;
}
.product_variant.size .niceselect_option {
float: inherit;
max-width: 200px;
}
.product_d_action {
margin-bottom: 14px;
}
.product_d_action ul li a {
font-size: 14px;
line-height: 28px;
}
.product_d_action ul li a:hover {
color: #0081ff;
}
.product_meta {
margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
.product_meta {
margin-bottom: 15px;
padding-bottom: 18px;
}
}
.product_meta span {
font-weight: 500;
}
.product_meta span a {
color: #333;
margin-left: 10px;
font-weight: 400;
}
.product_info_button {
border-bottom: 1px solid #ededed;
padding-bottom: 15px;
margin-bottom: 40px;
}
.product_info_button ul {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.product_info_button ul li a {
display: block;
float: left;
font-size: 20px;
color: #a9a9a9;
font-weight: 600;
margin-right: 35px;
line-height: 26px;
position: relative;
padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.product_info_button ul li a {
margin-right: 25px;
font-size: 18px;
}
}
.product_info_button ul li a::before {
content: "";
width: 0;
left: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
bottom: 0;
height: 2px;
background: #0081ff;
position: absolute;
}
.product_info_button ul li a.active {
color: #333333;
}
.product_info_button ul li a.active::before {
width: 100%;
}
.product_info_button ul li a:hover {
color: #333333;
}
.product_info_button ul li:last-child a {
margin-right: 0;
}
.product_review_form button {
border: none;
background: #3E444A;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
padding: 5px 15px;
display: block;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
margin-top: 20px;
border-radius: 5px;
}
.product_review_form button:hover {
background: #0081ff;
color: #ffffff;
}
.product_info_content p {
line-height: 28px;
}
.product_d_table {
padding: 10px 0 22px;
}
.product_d_table table {
border-top: 1px solid #ddd;
width: 100%;
}
.product_d_table table tbody tr {
border-bottom: 1px solid #ddd;
}
.product_d_table table tbody tr td {
padding: 7px 17px;
}
.product_d_table table tbody tr td:first-child {
border-right: 1px solid #ddd;
width: 30%;
font-weight: 700;
}
.product_d_inner {
padding: 20px 30px 50px;
background: #ffffff;
}
.product_info_inner {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-top: 15px;
}
.product_info_inner .product_ratting {
margin-bottom: 10px;
}
.product_info_inner .product_ratting p {
margin-bottom: 5px;
}
.product_info_inner .product_ratting strong {
margin-top: 10px;
display: block;
margin-bottom: 8px;
}
.reviews_wrapper h2 {
font-size: 18px;
font-weight: 500;
}
.reviews_wrapper .product_ratting {
margin-bottom: 20px;
}
.reviews_wrapper .product_ratting h3 {
font-size: 14px;
font-weight: 700;
}
.comment_title {
margin-bottom: 20px;
}
.product_review_form input {
border: 1px solid #ddd;
background: none;
width: 100%;
height: 40px;
padding: 0 20px;
}
.product_review_form textarea {
border: 1px solid #ddd;
background: none;
height: 120px;
resize: none;
width: 100%;
margin-bottom: 14px;
padding: 0 20px;
}
.product_review_form p {
margin-bottom: 7px;
}
.star_rating {
float: right;
}
.star_rating ul li {
display: inline-block;
}
.star_rating ul li a {
color: #0081ff;
}
.product_d_info {
margin-bottom: 60px;
background: #f6f6f6;
padding: 60px 0;
}
.product_d_info.sidebar {
padding: 50px 30px;
}
@media only screen and (max-width: 767px) {
.product_d_info.sidebar {
padding: 0;
background: none;
border: 1px solid #ededed;
}
}
.reviews_comment_box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 22px;
}
.reviews_comment_box .comment_text {
width: 100%;
border: 1px solid #ededed;
position: relative;
margin-left: 21px;
padding: 12px;
border-radius: 3px;
}
.reviews_comment_box .comment_text::before {
background: #fff;
border-bottom: 1px solid #ededed;
border-left: 1px solid #ededed;
content: '';
display: block;
height: 10px;
left: -6px;
position: absolute;
top: 10px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px;
}
.reviews_meta p {
font-size: 15px;
margin-bottom: 15px;
}
.reviews_meta p strong {
text-transform: uppercase;
font-weight: 500;
color: #333;
}
.s-tab-zoom.owl-carousel .owl-nav {
display: block;
}
.s-tab-zoom.owl-carousel .owl-nav div {
position: absolute;
background: #f2f2f2;
border-radius: 3px;
color: #333;
height: 32px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
width: 32px;
text-align: center;
line-height: 32px;
left: -7px;
font-size: 18px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.s-tab-zoom.owl-carousel .owl-nav div:hover {
background: #0081ff;
color: #ffffff;
}
.s-tab-zoom.owl-carousel .owl-nav div.owl-next {
right: -7px;
left: auto;
}
.product-details-tab:hover .s-tab-zoom.owl-carousel .owl-nav div {
opacity: 1;
visibility: visible;
}
.single-zoom-thumb {
margin-top: 20px !important;
width: 80%;
margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-zoom-thumb {
width: 85%;
}
}
@media only screen and (max-width: 767px) {
.single-zoom-thumb {
width: 101%;
}
}
.single-zoom-thumb ul li {
border: 1px solid #ddd;
}
.single-zoom-thumb ul li a {
width: 100%;
}
/* 12. product grouped css here */
.grouped_form {
border: 1px solid #ededed;
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.grouped_form {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.grouped_form {
margin-bottom: 17px;
}
}
.grouped_form table {
width: 100%;
}
.grouped_form table tbody tr {
border-bottom: 1px solid #ededed;
}
.grouped_form table tbody tr td {
border-right: 1px solid #ddd;
padding: 11px 5px;
text-align: center;
}
.grouped_form table tbody tr td input[type="checkbox"] {
width: 20px;
height: 21px;
}
.grouped_form table tbody tr td input[type="number"] {
width: 50px;
background: inherit;
border: 1px solid #ededed;
padding: 0 5px;
height: 40px;
}
.grouped_form table tbody tr td.grouped-product-list.quantity {
min-width: 80px;
text-align: center;
line-height: 12px;
}
.grouped_form table tbody tr td.grouped-product-list.label {
min-width: 188px;
font-weight: 600;
font-size: 14px;
}
.grouped_form table tbody tr td.grouped-product-list.label a {
color: #757575;
}
.grouped_form table tbody tr td.grouped-product-list.label a:hover {
color: #0081ff;
}
.grouped_form table tbody tr td.grouped-product-list.price {
font-size: 14px;
color: #757575;
font-weight: 600;
min-width: 190px;
}
.grouped_form table tbody tr td.grouped-product-list.price p {
color: #757575;
font-size: 12px;
font-weight: 600;
position: relative;
}
.grouped_form table tbody tr td.grouped-product-list.price p::before {
color: #f30;
content: '\f058';
display: inline-block;
font-family: FontAwesome;
font-size: 1em;
position: absolute;
top: 0;
left: 40px;
}
.grouped_form table tbody tr td:last-child {
border-right: 0;
}
.grouped_form table tbody tr:last-child {
border-bottom: 0;
}
.box_quantity.group button {
margin-left: 0;
}
/*product grouped css end*/
/*variabla product css here*/
.p_section1.related_product .slick-list {
padding-bottom: 144px !important;
margin-bottom: -135px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.variable_product {
margin-bottom: 56px;
}
}
@media only screen and (max-width: 767px) {
.variable_product {
margin-bottom: 58px;
}
}
@media only screen and (max-width: 767px) {
.variable_product .product-details-tab {
margin-bottom: 49px;
}
}
.variable_product .niceselect_option .list {
width: 100%;
}
.product_d_meta {
margin-bottom: 20px;
}
.product_d_meta span {
display: block;
line-height: 18px;
margin-bottom: 17px;
font-size: 14px;
font-weight: 400;
}
.product_d_meta span:last-child {
margin-bottom: 0;
}
.product_d_meta span a:hover {
color: #0081ff;
}
/*product sidebar css here*/
.product_sidebar {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_sidebar {
margin-bottom: 60px;
}
}
@media only screen and (max-width: 767px) {
.product_sidebar {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_sidebar .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 767px) {
.product_sidebar .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_sidebar .product_section .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-width: 767px) {
.product_sidebar .product_section .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.product_sidebar .product_desc p {
width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .action_button ul li a {
width: 40px;
height: 35px;
line-height: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .quick_button {
bottom: 12px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .quick_button a {
line-height: 35px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .hover_action a {
width: 40px;
height: 35px;
line-height: 35px;
}
}
.product_sidebar .product_variant.quantity input {
width: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .product_variant.quantity input {
width: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_sidebar .product_variant.quantity input {
width: 60px;
}
}
@media only screen and (max-width: 767px) {
.product_sidebar .product_variant.quantity input {
width: 60px;
}
}
.product_sidebar .product_variant.quantity button {
min-width: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product_sidebar .product_variant.quantity button {
min-width: 140px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_sidebar .product_variant.quantity button {
min-width: inherit;
}
}
@media only screen and (max-width: 767px) {
.product_sidebar .product_variant.quantity button {
min-width: inherit;
}
}
@media only screen and (max-width: 767px) {
.product_sidebar .product-details-tab {
margin-bottom: 0;
}
}
.product_sidebar .price_box span.current_price {
font-size: 16px;
}
.product_sidebar .price_box span.old_price {
font-size: 15px;
}
.product_sidebar .price_box span.regular_price {
font-size: 16px;
}
.footer_widgets.sidebar_widgets .footer_top {
padding-bottom: 0;
border-bottom: 0;
}
.footer_widgets.sidebar_widgets .footer_top_inner {
padding: 56px 0 52px;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_widgets.sidebar_widgets .footer_top_inner {
padding: 56px 0 40px;
}
}
@media only screen and (max-width: 767px) {
.footer_widgets.sidebar_widgets .footer_top_inner {
padding: 56px 0 35px;
}
}
.product_right_sidebar {
margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.product_right_sidebar .product-details-tab {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.product_right_sidebar .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media only screen and (max-width: 767px) {
.product_right_sidebar .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
/* 13. cart page css here */
.header_cart_page {
border-bottom: 1px solid #ededed;
}
.other_bread {
padding-top: 41px;
padding-bottom: 41px;
}
.table_desc {
border: 1px solid #ededed;
margin-bottom: 60px;
}
.table_desc .cart_page table {
width: 100%;
}
.table_desc .cart_page table thead tr th {
border-bottom: 3px solid #0081ff;
border-right: 1px solid #ededed;
font-size: 16px;
font-weight: 600;
padding: 10px;
text-align: center;
}
.table_desc .cart_page table tbody tr td {
border-bottom: 1px solid #ededed;
border-right: 1px solid #ededed;
text-align: center;
padding: 10px;
}
.table_desc .cart_page table tbody tr td.product_remove {
min-width: 100px;
}
.table_desc .cart_page table tbody tr td.product_remove a {
font-size: 20px;
color: #333;
}
.table_desc .cart_page table tbody tr td.product_remove a:hover {
color: #0081ff;
}
.table_desc .cart_page table tbody tr td.product_thumb {
max-width: 180px;
}
.table_desc .cart_page table tbody tr td.product_thumb::before {
display: none;
}
.table_desc .cart_page table tbody tr td.product_name {
min-width: 180px;
}
.table_desc .cart_page table tbody tr td.product_name a {
color: #333;
font-size: 14px;
font-weight: 400;
}
.table_desc .cart_page table tbody tr td.product_name a:hover {
color: #0081ff;
}
.table_desc .cart_page table tbody tr td.product-price {
min-width: 130px;
color: #333;
font-size: 16px;
font-weight: 500;
}
.table_desc .cart_page table tbody tr td.product_quantity {
min-width: 180px;
}
.table_desc .cart_page table tbody tr td.product_quantity label {
font-weight: 600;
margin-right: 5px;
}
.table_desc .cart_page table tbody tr td.product_quantity input {
width: 60px;
height: 40px;
padding: 0 5px 0 10px;
background: none;
border: 1px solid #ededed;
}
.table_desc .cart_page table tbody tr td .product_total {
min-width: 120px;
}
.cart_page table thead tr:last-child th,
.table_desc table tbody tr td:last-child {
border-right: 0;
}
.cart_submit {
text-align: right;
padding: 12px;
}
.cart_submit button {
background: #333;
border: 0;
color: #ffffff;
display: inline-block;
font-size: 12px;
font-weight: 600;
height: 38px;
line-height: 18px;
padding: 10px 15px;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border-radius: 3px;
}
.cart_submit button:hover {
background: #0081ff;
}
.coupon_inner {
padding: 10px 20px 25px;
}
.coupon_inner p {
font-size: 13px;
margin-bottom: 20px;
}
.coupon_inner button {
background: #333;
border: 0;
color: #ffffff;
display: inline-block;
font-size: 12px;
font-weight: 600;
height: 38px;
line-height: 18px;
padding: 10px 15px;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border-radius: 3px;
}
.coupon_inner button:hover {
background: #0081ff;
}
.coupon_inner input {
border: 1px solid #ededed;
height: 42px;
background: none;
padding: 0 20px;
margin-right: 20px;
font-size: 12px;
color: #333;
}
@media only screen and (max-width: 767px) {
.coupon_inner input {
margin-bottom: 24px;
width: 100%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.coupon_inner input {
margin-bottom: 24px;
width: 100%;
}
}
.coupon_inner a {
display: block;
text-align: right;
font-size: 14px;
font-weight: 500;
margin-bottom: 20px;
border-bottom: 1px solid #ededed;
padding-bottom: 10px;
border-radius: 3px;
}
.coupon_inner a:hover {
color: #0081ff;
}
.coupon_code {
border: 1px solid #ededed;
}
@media only screen and (max-width: 767px) {
.coupon_code.left {
margin-bottom: 59px;
}
}
.coupon_code h3 {
color: #ffffff;
line-height: 36px;
padding: 5px 15px;
background: #333;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.coupon_code h3 {
line-height: 28px;
padding: 5px 15px;
font-size: 15px;
}
}
.cart_subtotal {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.cart_subtotal p {
font-weight: 600;
font-size: 14px;
}
.cart_subtotal p.cart_amount {
font-size: 18px;
font-weight: 500;
}
@media only screen and (max-width: 767px) {
.cart_subtotal p.cart_amount {
font-size: 14px;
}
}
.cart_subtotal p span {
margin-right: 30px;
}
.checkout_btn {
text-align: right;
}
.checkout_btn a {
background: #0081ff;
font-size: 15px;
padding: 3px 14px;
line-height: 30px;
font-weight: 500;
display: inline-block;
margin-bottom: 0;
}
.checkout_btn a:hover {
background: #333;
color: #ffffff;
}
.coupon_area {
margin-bottom: 60px;
}
.footer_widgets.other_widgets .footer_top {
padding-bottom: 0;
border-bottom: 0;
}
.footer_widgets.other_widgets .footer_top_inner {
padding: 55px 0 53px;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.footer_widgets.other_widgets .footer_top_inner {
padding: 55px 0 59px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer_widgets.other_widgets .footer_top_inner {
padding: 55px 0 40px;
}
}
@media only screen and (max-width: 767px) {
.footer_widgets.other_widgets .footer_top_inner {
padding: 55px 0 35px;
}
}
/*cart page css end*/
/* 14. checkout page css here */
.user-actions {
margin-bottom: 20px;
}
.user-actions h3 {
font-size: 13px;
font-weight: 400;
background-color: #f7f6f7;
padding: 15px 10px;
border-top: 3px solid #0081ff;
margin-bottom: 0;
}
.user-actions h3 a {
color: #0081ff;
}
.checkout_info {
border: 1px solid #ededed;
margin-top: 25px;
padding: 20px 30px;
}
.checkout_info p {
margin-bottom: 15px;
}
.checkout_info a {
color: #0081ff;
margin-top: 15px;
display: block;
}
.form_group {
margin-bottom: 20px;
}
.form_group label {
font-size: 14px;
display: block;
line-height: 18px;
}
.form_group input {
border: 1px solid #ededed;
background: none;
height: 45px;
width: 350px;
padding: 0 20px;
}
@media only screen and (max-width: 767px) {
.form_group input {
width: 100%;
}
}
.form_group button {
display: inline-block;
width: 80px;
background: #333;
border: 0;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
font-size: 13px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
margin-right: 20px;
cursor: pointer;
height: 40px;
line-height: 40px;
border-radius: 3px;
}
.form_group button:hover {
background: #0081ff;
}
.form_group input[type="checkbox"] {
width: 15px;
height: 15px;
margin-right: 10px;
position: relative;
top: 3px;
}
.form_group.group_3 {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.form_group.group_3 label {
margin-bottom: 0;
line-height: 34px;
cursor: pointer;
}
.form_group.group_3 label:hover {
color: #0081ff;
}
#checkout_coupon input {
background: none;
border: 1px solid #ededed;
width: 200px;
height: 45px;
font-size: 12px;
padding: 0 20px;
color: #333;
}
#checkout_coupon button {
width: 130px;
background: #333;
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
font-size: 13px;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border: 0;
height: 45px;
line-height: 45px;
border-radius: 3px;
margin-left: 5px;
}
@media only screen and (max-width: 767px) {
#checkout_coupon button {
margin-top: 20px;
}
}
#checkout_coupon button:hover {
background: #0081ff;
}
.mb-20 {
margin-bottom: 20px;
}
.checkout_form h3 {
font-size: 16px;
line-height: 30px;
padding: 5px 10px;
text-transform: uppercase;
color: #ffffff;
background: #333;
font-weight: 500;
}
.checkout_form input {
border: 1px solid #ededed;
background: none;
height: 40px;
width: 100%;
padding: 0 20px;
color: #333;
}
.checkout_form .nice-select {
width: 100%;
}
.checkout_form .nice-select ul.list {
width: 100%;
height: 180px;
overflow: auto;
}
.checkout_form .nice-select::after {
top: 56%;
}
.checkout_form label {
font-weight: 600;
}
.checkout_form label span {
color: #0081ff;
}
.checkout_form label.righ_0 {
cursor: pointer;
font-size: 15px;
line-height: 27px;
padding: 5px 10px;
color: #ffffff;
background: #333;
font-weight: 500;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
margin-bottom: 0;
border-radius: 5px;
}
@media only screen and (max-width: 767px) {
.checkout_form label.righ_0 {
font-size: 13px;
line-height: 25px;
padding: 3px 10px;
}
}
.checkout_form label.righ_0:hover {
background: #757575;
}
.checkout_form input[type="checkbox"] {
width: 15px;
height: 15px;
position: relative;
top: 2px;
margin-right: 10px;
}
.order_button button {
cursor: pointer;
font-size: 16px;
line-height: 30px;
padding: 5px 10px;
color: #ffffff;
background: #0081ff;
font-weight: 500;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
margin-bottom: 0;
border-radius: 5px;
}
.order_button button:hover {
background: #333;
}
@media only screen and (max-width: 767px) {
.order-notes {
margin-bottom: 58px;
}
}
.order-notes textarea {
border: 1px solid #e5e5e5;
border-radius: 0;
height: 45px;
max-width: 100%;
padding: 0 30px 0 20px;
background: none;
font-size: 13px;
resize: none;
line-height: 45px;
width: 100%;
color: #333;
}
.order-notes label {
line-height: 13px;
}
.Checkout_section {
margin-bottom: 56px;
}
@media only screen and (max-width: 767px) {
.Checkout_section {
margin-bottom: 60px;
}
}
.order_table {
margin-bottom: 35px;
}
.order_table table {
width: 100%;
}
.order_table table thead tr th {
min-width: 50%;
text-align: center;
padding: 15px 0;
border-bottom: 1px solid #ddd;
}
.order_table table tbody tr td {
min-width: 50%;
text-align: center;
padding: 15px 0;
border-bottom: 1px solid #ddd;
}
.order_table table tfoot tr th {
min-width: 50%;
text-align: center;
padding: 15px 0;
border-bottom: 1px solid #ddd;
}
.order_table table tfoot tr td {
min-width: 50%;
text-align: center;
padding: 15px 0;
border-bottom: 1px solid #ddd;
}
.panel-default input[type="radio"] {
width: 15px;
height: 15px;
position: relative;
top: 2px;
margin-right: 10px;
}
.panel-default img {
width: 160px;
}
.order_button button {
border: 0;
}
.card-body1 {
margin-bottom: 15px;
}
/*checkout page css end*/
/* 22. wishlist css here */
.table_desc.wishlist table tbody tr:last-child td {
border-bottom: 0;
}
.table_desc.wishlist table tbody tr td.product_total a {
background: #0081ff;
font-size: 12px;
font-weight: 700;
height: 38px;
line-height: 18px;
padding: 10px 20px;
color: #333;
text-transform: uppercase;
border-radius: 3px;
}
.table_desc.wishlist table tbody tr td.product_total a:hover {
background: #333;
color: #ffffff;
}
.wishlist_share {
text-align: center;
padding: 20px 0;
border: 1px solid #ededed;
}
.wishlist_share h4 {
font-size: 18px;
font-weight: 600;
}
.wishlist_share ul li {
display: inline-block;
}
.wishlist_share ul li a {
padding: 0 10px;
display: block;
}
.wishlist_share ul li a:hover {
color: #0081ff;
}
.wishlist_area {
padding-bottom: 60px;
}
/*wishlist css end*/
/* 15. contact page css here */
.contact_area {
margin-bottom: 60px;
}
.contact_message h3 {
font-size: 24px;
font-weight: 600;
line-height: 1;
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact_message h3 {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.contact_message h3 {
font-size: 20px;
margin-bottom: 20px;
}
}
.contact_message p {
font-size: 16px;
line-height: 24px;
}
.contact_message ul li {
padding: 13px 0;
border-top: 1px solid #ededed;
}
.contact_message ul li:last-child {
padding-bottom: 0;
}
.contact_message ul li i {
margin-right: 10px;
}
.contact_message ul li a:hover {
color: #0081ff;
}
.contact_message label {
line-height: 18px;
font-weight: 500;
margin-bottom: 10px;
}
.contact_message input {
border: 1px solid #ededed;
height: 45px;
background: #ffffff;
width: 100%;
padding: 0 20px;
color: #757575;
}
.contact_message textarea {
height: 120px;
border: 1px solid #ededed;
background: #ffffff;
resize: none;
width: 100%;
padding: 10px 20px;
color: #333;
}
.contact_message button {
font-weight: 400;
height: 42px;
line-height: 42px;
padding: 0 30px;
border: none;
background: #333;
color: #ffffff;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border-radius: 4px;
}
.contact_message button:hover {
background: #0081ff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.contact_message.content {
margin-bottom: 52px;
}
}
@media only screen and (max-width: 767px) {
.contact_message.content {
margin-bottom: 52px;
}
}
.contact_message.form p.form-messege {
margin-bottom: 0;
}
.contact_map {
margin-bottom: 59px;
}
.map-area #googleMap {
height: 460px;
width: 100%;
}
/*contact page css end*/
/* 17. login page css here */
.account_form h2 {
font-size: 28px;
font-weight: 500;
line-height: 22px;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.account_form h2 {
font-size: 24px;
margin-bottom: 20px;
}
}
.account_form form {
border: 1px solid #ededed;
padding: 23px 20px 29px;
border-radius: 5px;
}
.account_form label {
font-size: 15px;
font-weight: 400;
cursor: pointer;
line-height: 12px;
margin-bottom: 12px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.account_form label:hover {
color: #0081ff;
}
.account_form input {
border: 1px solid #ededed;
height: 40px;
max-width: 100%;
padding: 0 20px;
background: none;
width: 100%;
}
.account_form button {
background: #0081ff;
border: 0;
color: #ffffff;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 34px;
line-height: 21px;
padding: 5px 20px;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
margin-left: 20px;
border-radius: 20px;
}
.account_form button:hover {
background: #333;
}
@media only screen and (max-width: 767px) {
.account_form.register button {
margin-left: 0;
}
}
.login_submit label input[type="checkbox"] {
width: 15px;
height: 13px;
margin-right: 3px;
}
.login_submit {
text-align: right;
}
@media only screen and (max-width: 767px) {
.login_submit {
text-align: left;
}
}
.login_submit a {
font-size: 13px;
float: left;
line-height: 39px;
}
.login_submit a:hover {
color: #0081ff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.login_submit a {
float: none;
line-height: 18px;
display: block;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 767px) {
.login_submit a {
float: none;
line-height: 18px;
display: block;
margin-bottom: 20px;
}
}
.customer_login {
padding-bottom: 60px;
}
.account_form p {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.account_form.register {
margin-top: 57px;
}
}
/*login page css end */
/* 16. faq page css here */
.faq_content_area {
padding-bottom: 56px;
}
@media only screen and (max-width: 767px) {
.faq_content_area {
margin-top: 26px;
}
}
.accordion_area {
padding-bottom: 60px;
}
.card.card_dipult {
border: none;
margin-bottom: 10px;
}
.card.card_dipult:last-child {
margin-bottom: 0;
}
.card-header.card_accor {
padding: 0;
border: none;
}
.card-header.card_accor button {
height: 45px;
text-decoration: none;
cursor: pointer;
position: relative;
white-space: initial;
}
@media only screen and (max-width: 767px) {
.card-header.card_accor button {
height: 60px;
}
}
.card-header.card_accor button i {
position: absolute;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
right: 20px;
}
@media only screen and (max-width: 767px) {
.card-header.card_accor button i {
right: 10px;
}
}
.card-header.card_accor button.btn-link {
border: 1px solid #0081ff;
width: 100%;
text-align: left;
font-size: 14px;
font-weight: 500;
color: #333;
}
.card-header.card_accor button.btn-link.collapsed {
background: #f2f2f2;
border: 1px solid #ededed;
width: 100%;
text-align: left;
color: #3E444A;
}
.accordion_area .collapse.show {
border-left: 1px solid #0081ff;
border-bottom: 1px solid #0081ff;
border-right: 1px solid #0081ff;
}
.card-header.card_accor button.btn-link i.fa-plus {
display: none;
}
.card-header.card_accor button.btn-link.collapsed i.fa-plus {
display: block;
}
.card-header.card_accor button.btn-link.collapsed i.fa-minus {
display: none;
}
.faq_content_wrapper h4 {
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
line-height: 18px;
}
@media only screen and (max-width: 767px) {
.faq_content_wrapper h4 {
font-size: 14px;
line-height: 24px;
}
}
/*faq page css end*/
/* 18. my account css here */
@media only screen and (max-width: 767px) {
.dashboard_tab_button {
margin-bottom: 20px;
}
}
.dashboard_tab_button ul li {
margin-bottom: 5px;
}
.dashboard_tab_button ul li a {
font-size: 14px;
color: #ffffff;
font-weight: 500;
background: #333;
border-radius: 3px;
}
.dashboard_tab_button ul li a:hover {
background: #0081ff;
color: #ffffff;
}
.dashboard_tab_button ul li a.active {
background: #0081ff;
}
.main_content_area {
padding: 32px 0 55px;
}
@media only screen and (max-width: 767px) {
.main_content_area {
padding: 35px 0 55px;
}
}
.dashboard_content h3 {
font-size: 22px;
font-weight: 600;
margin-bottom: 15px;
}
.dashboard_content h4 {
font-size: 20px;
font-weight: 500;
margin-bottom: 10px;
margin-top: 10px;
}
.dashboard_content a {
color: #0081ff;
font-weight: 500;
}
.dashboard_content a:hover {
color: #333;
}
.dashboard_content p a {
color: #0081ff;
font-weight: 500;
}
.dashboard_content p a:hover {
color: #333;
}
.table-responsive table thead {
background: #f2f2f2;
}
.table-responsive table thead tr th {
text-align: center;
}
.table-responsive table tbody tr td {
border-right: 1px solid #ededed;
font-weight: 500;
font-size: 14px;
text-align: center;
min-width: 150px;
}
.table-responsive table tbody tr td:last-child a {
color: #0081ff;
}
.table-responsive table tbody tr td:last-child a:hover {
color: #333;
}
.table-responsive .table {
border-left: 1px solid #ededed;
border-bottom: 1px solid #ededed;
border-right: 1px solid #ededed;
}
.dashboard_content address {
font-weight: 500;
}
.input-radio span input[type="radio"],
.account_login_form form span input[type="checkbox"] {
width: 15px;
height: 15px;
margin-right: 2px;
position: relative;
top: 2px;
}
.input-radio span {
font-weight: 500;
padding-right: 10px;
}
.account_login_form form>input {
border: 1px solid #ddd;
background: none;
height: 40px;
margin-bottom: 20px;
width: 100%;
padding: 0 20px;
color: #333;
}
.account_login_form form span.custom_checkbox {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.account_login_form form span.custom_checkbox input {
top: 5px;
margin-right: 7px;
}
.account_login_form form span.custom_checkbox label {
margin-bottom: 0;
}
.account_login_form form .save_button button {
padding: 0 20px;
height: 30px;
line-height: 30px;
border: 0;
background: #333;
color: #ffffff;
border-radius: 4px;
margin-top: 10px;
}
.account_login_form form .save_button button:hover {
background: #0081ff;
}
/*my account css end*/
/* 10. about page css here */
.about_section {
padding-bottom: 52px;
}
@media only screen and (max-width: 767px) {
.about_section {
padding-bottom: 50px;
}
}
.about_content {
text-align: center;
}
.about_content h1 {
display: inline-block;
font-size: 24px;
line-height: 24px;
font-weight: 600;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.about_content h1 {
font-size: 20px;
}
}
.about_content p {
margin-bottom: 16px;
font-size: 14px;
line-height: 26px;
padding: 0 13%;
margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.about_content p {
padding: 0 8%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_content p {
padding: 0 2%;
}
}
@media only screen and (max-width: 767px) {
.about_content p {
padding: 0;
}
}
.about_thumb {
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.about_thumb {
margin-bottom: 24px;
}
}
.chose_title {
text-align: center;
}
.chose_title h1 {
display: inline-block;
font-size: 24px;
line-height: 24px;
font-weight: 600;
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.chose_title h1 {
font-size: 20px;
}
}
.chose_content h3 {
font-size: 16px;
font-weight: 600;
line-height: 20px;
margin-bottom: 15px;
}
.choseus_area {
margin-bottom: 55px;
}
.single_chose {
text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_gallery_section {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.single_gallery_section {
margin-bottom: 25px;
}
}
.about_gallery_section {
margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.about_gallery_section {
margin-bottom: 25px;
}
}
@media only screen and (max-width: 767px) {
.about_gallery_section {
margin-bottom: 23px;
}
}
.gallery_thumb {
margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
.gallery_thumb img {
width: 100%;
}
}
.about_gallery_content {
text-align: center;
}
.about_gallery_content h3 {
font-size: 16px;
font-weight: 600;
line-height: 20px;
margin-bottom: 10px;
}
.about_gallery_content p {
line-height: 26px;
}
/*about page css end*/
/* 20. services page css here */
.services_gallery {
padding-bottom: 28px;
}
.services_content h3 {
font-size: 15px;
font-weight: 500;
margin-bottom: 11px;
line-height: 14px;
}
.services_content p {
font-size: 14px;
font-weight: 400;
line-height: 24px;
margin-bottom: 0;
}
.services_thumb {
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.services_thumb img {
width: 100%;
}
}
.single_services {
margin-bottom: 25px;
}
.our_services {
padding: 50px 0 25px;
background: #ECECEC;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.our_services {
margin-bottom: 60px;
padding: 50px 0 27px;
}
}
@media only screen and (max-width: 767px) {
.our_services {
padding: 49px 0 25px;
margin-bottom: 60px;
}
}
.services_item {
margin-bottom: 27px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.services_title {
text-align: center;
margin-bottom: 35px;
}
.services_title h2 {
font-size: 25px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 11px;
}
.services_icone {
margin-right: 15px;
}
.services_icone i {
font-size: 35px;
line-height: 46px;
color: #0081ff;
}
.services_desc h3 {
font-size: 13px;
font-weight: 500;
}
.services_desc p {
font-size: 13px;
font-weight: 400;
line-height: 24px;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.services_section_thumb {
margin-bottom: 28px;
}
}
@media only screen and (max-width: 767px) {
.services_section_thumb {
margin-bottom: 28px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.unlimited_services {
margin-bottom: 59px;
}
}
@media only screen and (max-width: 767px) {
.unlimited_services {
margin-bottom: 59px;
}
}
.unlimited_services_content {
text-align: center;
}
.unlimited_services_content h1 {
font-weight: 600;
line-height: 40px;
text-transform: uppercase;
font-size: 25px;
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.unlimited_services_content h1 {
line-height: 25px;
font-size: 20px;
margin-bottom: 12px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.unlimited_services_content h1 {
line-height: 21px;
font-size: 20px;
margin-bottom: 6px;
}
}
@media only screen and (max-width: 767px) {
.unlimited_services_content h1 {
line-height: 20px;
font-size: 18px;
margin-bottom: 6px;
}
}
.unlimited_services_content p {
font-size: 14px;
line-height: 28px;
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.unlimited_services_content p {
font-size: 14px;
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.unlimited_services_content p {
font-size: 13px;
margin-bottom: 15px;
}
}
.unlimited_services_content a {
font-size: 14px;
padding: 6px 20px;
display: inline-block;
border: 1px solid #333;
border-radius: 30px;
}
.unlimited_services_content a:hover {
background: #0081ff;
border-color: #0081ff;
color: #fff;
}
.priceing_table {
background: #ECECEC;
padding: 60px 0 30px;
}
.single_priceing {
background: #fff;
border-radius: 3px;
-webkit-box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
box-shadow: 0 1px #FFFFFF inset, 0 1px 3px rgba(34, 25, 25, 0.4);
text-align: center;
margin-bottom: 30px;
}
.priceing_title {
padding: 20px;
background: #0081ff;
}
.priceing_title h1 {
color: #fff;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0;
}
.priceing_list {
padding: 0 20px 30px;
}
.priceing_list h1 {
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
padding: 36px 0 24px;
margin: 0;
line-height: 20px;
}
.priceing_list h1 span {
font-size: 40px;
}
.priceing_list ul li {
padding: 15px 0;
border-bottom: 1px solid #ededed;
line-height: 24px;
}
.priceing_list ul li:first-child {
border-top: 1px solid #ededed;
}
.priceing_list a {
margin: 30px 0 0;
line-height: 38px;
padding: 0 20px;
border: 1px solid #333;
color: #333;
display: inline-block;
font-size: 12px;
font-weight: 600;
border-radius: 30px;
text-transform: uppercase;
}
.priceing_list a.list_button,
.priceing_list a:hover {
background: #0081ff;
border-color: #0081ff;
color: #fff;
}
.advantages_ecommerce {
padding: 54px 0;
}
@media only screen and (max-width: 767px) {
.advantages_ecommerce {
padding: 55px 0 60px;
}
}
.advantages_content h3 {
font-size: 25px;
font-weight: 500;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.advantages_content h3 {
font-size: 20px;
line-height: 20px;
}
}
@media only screen and (max-width: 767px) {
.advantages_content h3 {
font-size: 16px;
line-height: 20px;
}
}
.advantages_content p {
font-size: 14px;
font-style: italic;
font-weight: 400;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.advantages_content p {
font-size: 13px;
}
}
@media only screen and (max-width: 767px) {
.advantages_content p {
font-size: 13px;
}
}
.advantages_button {
text-align: center;
}
@media only screen and (max-width: 767px) {
.advantages_button {
text-align: left;
}
}
.advantages_button a {
font-size: 14px;
padding: 6px 20px;
display: inline-block;
border-radius: 30px;
border: 1px solid #333;
}
.advantages_button a:hover {
background: #0081ff;
color: #fff;
border-color: #0081ff;
}
@media only screen and (max-width: 767px) {
.advantages_button a {
padding: 5px 11px;
font-size: 13px;
margin-top: 20px;
}
}
/*services page css end*/
/* 11. blog page css here */
.blog_page_section {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_page_section.blog_padding {
margin-bottom: 53px;
}
}
@media only screen and (max-width: 767px) {
.blog_page_section.blog_padding {
margin-bottom: 53px;
}
}
.blog_wrapper .single_blog {
margin-bottom: 60px;
border: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0;
}
.blog_wrapper .single_blog:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.blog_wrapper .single_blog {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.blog_wrapper .blog_thumb {
margin-right: 30px;
width: 350px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_wrapper .blog_thumb {
width: 290px;
}
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_thumb {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_thumb a {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_thumb a img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_thumb {
margin-right: 0;
margin-bottom: 22px;
}
}
.blog_wrapper .blog_content {
padding: 0;
width: -webkit-calc(100% - 350px);
width: calc(100% - 350px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_wrapper .blog_content {
width: -webkit-calc(100% - 290px);
width: calc(100% - 290px);
}
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_content {
width: 100%;
}
}
.blog_wrapper .blog_content h3 {
font-size: 18px;
line-height: 20px;
font-weight: 600;
padding: 0;
margin-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_wrapper .blog_content h3 {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_content h3 {
font-size: 15px;
margin-bottom: 3px;
}
}
.blog_wrapper .blog_content h3::before {
display: none;
}
.blog_wrapper .blog_content span {
margin-right: 15px;
}
.blog_wrapper .blog_content span:last-child {
margin-right: 0;
}
.blog_wrapper .blog_content span a:hover {
color: #0081ff;
}
.blog_wrapper .blog_meta {
margin-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_wrapper .blog_meta {
margin-bottom: 12px;
}
}
.blog_wrapper .blog_meta span {
font-size: 13px;
line-height: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_wrapper .blog_meta {
margin-bottom: 7px;
}
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_meta {
margin-bottom: 10px;
}
}
.blog_wrapper .blog_desc {
margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog_wrapper .blog_desc {
margin-bottom: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_wrapper .blog_desc {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_desc {
margin-bottom: 19px;
}
}
.blog_wrapper .blog_desc p {
font-size: 15px;
line-height: 25px;
}
@media only screen and (max-width: 767px) {
.blog_wrapper .blog_desc p {
font-size: 14px;
line-height: 24px;
}
}
.readmore_button a {
height: 38px;
line-height: 40px;
background: #333;
border: 0;
color: #fff;
display: inline-block;
padding: 0 25px;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
font-style: normal;
border-radius: 3px;
}
.readmore_button a:hover {
background: #0081ff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_sidebar_widget {
margin-top: 60px;
}
}
@media only screen and (max-width: 767px) {
.blog_sidebar_widget {
margin-top: 60px;
}
}
.blog_sidebar_widget .widget_list>h3 {
font-size: 20px;
line-height: 20px;
font-weight: 600;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_sidebar_widget .widget_list>h3 {
margin-bottom: 15px;
}
}
@media only screen and (max-width: 767px) {
.blog_sidebar_widget .widget_list>h3 {
margin-bottom: 15px;
}
}
.blog_sidebar_widget .widget_categories ul li a {
margin-left: 0;
}
.widget_search input {
height: 35px;
border: 1px solid #ededed;
background: #fff;
color: #333;
width: 100%;
margin-bottom: 20px;
padding: 0 15px;
}
.widget_search button {
color: #fff;
display: inline-block;
background: #242424;
border: none;
padding: 0 20px;
height: 34px;
line-height: 35px;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
cursor: pointer;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-radius: 3px;
}
.widget_search button:hover {
background: #0081ff;
}
.tag_widget ul li {
display: inline-block;
}
.tag_widget ul li a {
margin: 0 6px 5px 0;
display: block;
font-size: 12px;
font-weight: 400;
border: 1px solid #ededed;
background: #fff;
padding: 0 15px;
line-height: 29px;
border-radius: 3px;
}
.tag_widget ul li a:hover {
background: #0081ff;
border-color: #0081ff;
color: #fff;
}
.post_thumb {
width: 55px;
float: left;
margin-right: 10px;
}
.post_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
.post_wrapper:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.post_info h3 {
font-size: 14px;
font-weight: 500;
line-height: 14px;
margin-bottom: 5px;
}
.post_info h3 a:hover {
color: #0081ff;
}
.post_info span {
font-size: 12px;
}
.blog_categories ul li {
border-top: 1px solid #ddd;
}
.blog_categories ul li a {
padding: 10px 0;
display: inline-block;
margin-left: 0;
}
.blog_categories ul li a:hover {
color: #0081ff;
}
.blog_categories ul li:last-child a {
padding-bottom: 0;
}
.comments_post .post_thumb {
width: 52px;
}
.comments_post .post_info span {
font-size: 14px;
display: block;
line-height: 12px;
margin-bottom: 8px;
}
.comments_post .post_info a:hover {
color: #0081ff;
}
.shipping_area.shipping_contact.blog_shipping {
margin-top: 94px;
}
.widget_list.widget_search,
.widget_list.widget_post {
margin-bottom: 30px;
}
.widget_list.widget_tag {
margin-bottom: 30px;
}
.widget_list.comments_post {
margin-bottom: 35px;
}
.blog_pagination {
margin-bottom: 60px;
}
.blog_pagination .pagination {
border: 1px solid #ededed;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 0;
}
@media only screen and (max-width: 767px) {
.blog_pagination .pagination {
margin-top: 0;
}
}
/*blog page css end*/
/*blog fullwidth css here*/
.blog_fullwidth .single_blog {
display: inherit;
}
.blog_fullwidth .blog_thumb {
width: 100%;
margin-bottom: 20px;
}
.blog_fullwidth .blog_content {
width: 100%;
margin-left: 0;
text-align: center;
}
.blog_fullwidth .blog_desc p {
max-width: 100%;
}
.blog_thumb_active {
margin-bottom: 20px;
}
.blog_thumb_active:hover .owl-nav>div {
left: 20px;
opacity: 1;
visibility: visible;
}
.blog_thumb_active:hover .owl-nav>div.owl-next {
right: 20px;
}
.blog_thumb_active .owl-nav>div {
position: absolute;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
background: rgba(255, 213, 76, 0.6);
width: 30px;
height: 30px;
line-height: 30px;
font-size: 20px;
color: #fff;
text-align: center;
border-radius: 50%;
left: 40px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
opacity: 0;
visibility: hidden;
}
.blog_thumb_active .owl-nav>div.owl-next {
right: 40px;
left: auto;
}
.blog_aduio_icone audio {
width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_reverse .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 767px) {
.blog_reverse .row {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_sidebar {
margin-bottom: 53px;
}
}
@media only screen and (max-width: 767px) {
.blog_sidebar {
margin-bottom: 53px;
}
}
.blog_sidebar .blog_content h3 {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_sidebar .blog_content h3 {
margin-bottom: 10px;
}
}
.blog_sidebar .blog_meta {
margin-bottom: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_sidebar .blog_meta {
margin-bottom: 8px;
}
}
.blog_sidebar .blog_desc {
margin-bottom: 21px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_sidebar .blog_desc {
margin-bottom: 16px;
}
}
/* 12. blog details css here */
.blog_details_wrapper .blog_thumb {
margin-bottom: 21px;
width: 100%;
}
.blog_details_wrapper .blog_thumb::before {
display: none;
}
.blog_details_wrapper .blog_content {
padding: 0;
width: 100%;
}
.blog_details_wrapper .blog_content h3 {
font-size: 24px;
text-transform: inherit;
font-weight: 600;
margin-bottom: 19px;
line-height: 26px;
padding-bottom: 0;
}
.blog_details_wrapper .blog_content h3::before {
display: none;
}
.blog_details_wrapper .post_meta {
margin-bottom: 14px;
}
.blog_details_wrapper .post_meta span a:hover {
color: #0081ff;
}
.blog_details_wrapper .post_content>p {
line-height: 24px;
margin-bottom: 10px;
font-size: 15px;
}
.blog_details_wrapper .post_content blockquote {
border-left: 4px solid #0081ff;
margin: 20px 0 20px 0;
padding: 0 20px;
font-style: italic;
}
.blog_details_wrapper .social_sharing {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.blog_details_wrapper .social_sharing h3 {
font-size: 14px;
text-transform: uppercase;
margin-right: 20px;
margin-bottom: 0;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.blog_details_wrapper .social_sharing h3 {
margin-right: 10px;
}
}
.blog_details_wrapper .social_sharing ul li {
display: inline-block;
}
.blog_details_wrapper .social_sharing ul li a {
background: #e6e6e6;
border-radius: 100%;
display: inline-block;
font-size: 12px;
height: 26px;
line-height: 26px;
margin-right: 5px;
text-align: center;
width: 26px;
}
.blog_details_wrapper .social_sharing ul li a:hover {
color: #ffffff;
background: #0081ff;
}
@media only screen and (max-width: 767px) {
.blog_details_wrapper .social_sharing ul li a {
margin-right: 1px;
}
}
.blog_details_wrapper .social_sharing ul li:first-child a {
padding-left: 0;
border-left: 0;
}
.entry_content {
border-bottom: 1px solid #ededed;
padding-bottom: 26px;
margin-bottom: 55px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 767px) {
.entry_content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
.entry_content .post_meta {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.entry_content .post_meta {
margin-bottom: 10px;
}
}
.entry_content .post_meta span:hover {
color: #0081ff;
}
.comments_box {
margin-bottom: 56px;
border-top: 1px solid #ededed;
padding-top: 17px;
}
.comments_box h3 {
font-size: 20px;
margin: 0 0 20px;
font-weight: 600;
line-height: 28px;
}
.comment_list {
overflow: hidden;
margin-bottom: 30px;
}
.comment_list:last-child {
margin-bottom: 0;
}
.comment_list .comment_thumb {
display: inline-block;
float: left;
}
@media only screen and (max-width: 767px) {
.comment_list .comment_thumb {
width: 40px;
}
}
.comment_list .comment_content {
margin-left: 70px;
position: relative;
border: 1px solid #ebebeb;
border-radius: 3px;
padding: 15px;
}
@media only screen and (max-width: 767px) {
.comment_list .comment_content {
margin-left: 55px;
}
}
.comment_list .comment_content h5 {
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 5px;
}
.comment_list .comment_content h5 a:hover {
color: #0081ff;
}
.comment_list .comment_content span {
line-height: 18px;
margin-bottom: 8px;
font-size: 12px;
font-style: italic;
display: inline-block;
}
.comment_list .comment_content p {
margin-bottom: 0;
font-size: 14px;
}
.comment_reply {
position: absolute;
top: 20px;
right: 12px;
}
@media only screen and (max-width: 767px) {
.comment_reply {
top: 15px;
}
}
.comment_reply a {
padding: 2px 10px;
border-radius: 3px;
color: #fff;
background: #333;
display: block;
}
.comment_reply a:hover {
background: #0081ff;
}
.comments_form h3 {
font-size: 20px;
margin: 0 0 20px;
font-weight: 600;
line-height: 28px;
}
.comments_form p {
font-size: 14px;
line-height: 17px;
margin-bottom: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.comments_form form .row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.comments_form form label {
color: #3E444A;
font-size: 14px;
line-height: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.comments_form form textarea {
width: 100%;
height: 200px;
background: #ffffff;
border: 1px solid #ededed;
margin-bottom: 10px;
resize: none;
padding: 10px;
}
.comments_form form input {
width: 100%;
height: 40px;
border: 1px solid #ededed;
margin-bottom: 15px;
padding: 0 20px;
}
.comments_form form button {
border: 0;
line-height: 36px;
background: #333;
font-weight: 500;
}
.comments_form form button:hover {
background: #0081ff;
}
.comment_list.list_two {
padding-left: 50px;
}
@media only screen and (max-width: 767px) {
.comment_list.list_two {
padding-left: 0;
}
}
.related_posts {
margin-bottom: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.related_posts .row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
}
.related_posts h3 {
font-size: 20px;
margin: 0 0 20px;
font-weight: 600;
line-height: 28px;
}
.related_thumb {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.related_thumb img {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.related_thumb img {
width: 100%;
}
}
.related_content h3 {
font-size: 16px;
font-weight: 600;
line-height: 19px;
margin-bottom: 5px;
}
.related_content h3 a {
color: #333;
}
.related_content h3 a:hover {
color: #0081ff;
}
.related_content span {
font-size: 13px;
line-height: 17px;
}
.related_content span i {
margin-right: 3px;
}
.blog_details {
margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_details.blog_padding {
margin-bottom: 53px;
}
}
@media only screen and (max-width: 767px) {
.blog_details.blog_padding {
margin-bottom: 53px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog_details .blog_sidebar {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.blog_details .blog_sidebar {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.single_related {
margin-bottom: 24px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single_related.column_3 {
margin-top: 24px;
}
}
@media only screen and (max-width: 767px) {
.single_related.column_3 {
margin-bottom: 0;
}
}
/*blog details css end*/
/* 24. modal css here */
.modal-dialog.modal-dialog-centered {
min-width: 1100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.modal-dialog.modal-dialog-centered {
min-width: 1000px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.modal-dialog.modal-dialog-centered {
min-width: 950px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal-dialog.modal-dialog-centered {
min-width: 730px;
}
}
@media only screen and (max-width: 767px) {
.modal-dialog.modal-dialog-centered {
min-width: 90%;
}
}
.modal_tab_img {
text-align: center;
margin-bottom: 10px;
}
.modal_tab_img img {
margin: 0 auto;
}
.modal_tab_button ul li a {
padding: 0;
border: 1px solid #ededed;
margin: 0 2px;
}
.modal_tab_button ul li a img {
width: 100%;
}
.modal_title h2 {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 14px;
line-height: 26px;
}
.modal_social h2 {
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 15px;
line-height: 20px;
}
.modal_social ul li {
display: inline-block;
margin-right: 3px;
}
.modal_social ul li a {
text-transform: uppercase;
display: inline-block;
width: 38px;
height: 38px;
text-align: center;
line-height: 38px;
border-radius: 50%;
font-size: 15px;
color: #ffffff;
font-weight: 400;
}
.modal_social ul li.facebook a {
background: #3c5b9b;
}
.modal_social ul li.facebook a:hover {
background: #0081ff;
}
.modal_social ul li.twitter a {
background: #1DA1F2;
}
.modal_social ul li.twitter a:hover {
background: #0081ff;
}
.modal_social ul li.pinterest a {
background: #BD081B;
}
.modal_social ul li.pinterest a:hover {
background: #0081ff;
}
.modal_social ul li.google-plus a {
background: #DC5043;
}
.modal_social ul li.google-plus a:hover {
background: #0081ff;
}
.modal_social ul li.linkedin a {
background: #010103;
}
.modal_social ul li.linkedin a:hover {
background: #0081ff;
}
.modal_price {
margin-bottom: 12px;
}
.modal_price span {
font-weight: 600;
color: #0081ff;
font-size: 16px;
}
.modal_price span.old_price {
color: #333;
font-size: 14px;
font-weight: 400;
text-decoration: line-through;
margin-left: 5px;
}
.modal_description p {
line-height: 24px;
font-size: 15px;
margin: 0;
}
.variants_size h2,
.variants_color h2 {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 7px;
line-height: 20px;
}
.variants_size.mb-15,
.mb-15.variants_color {
margin-bottom: 24px;
}
.variants_size .select_option,
.variants_color .select_option {
width: 100%;
border-radius: 0;
margin-bottom: 25px;
}
.variants_size .select_option .list,
.variants_color .select_option .list {
width: 100%;
border-radius: 0;
}
.modal_add_to_cart {
margin-bottom: 25px;
}
.modal_add_to_cart form input {
width: 95px;
border: 1px solid #ededed;
background: none;
padding: 0 10px;
height: 45px;
}
@media only screen and (max-width: 767px) {
.modal_add_to_cart form input {
width: 75px;
}
}
.modal_add_to_cart form button {
background: none;
border: 1px solid #333;
margin-left: 10px;
font-size: 12px;
font-weight: 700;
height: 45px;
width: 230px;
line-height: 18px;
padding: 10px 15px;
text-transform: uppercase;
background: #333;
color: #ffffff;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
@media only screen and (max-width: 767px) {
.modal_add_to_cart form button {
width: 130px;
}
}
.modal_add_to_cart form button:hover {
background: #0081ff;
color: #ffffff;
border-color: #0081ff;
}
.modal_body {
padding: 29px 6px 38px;
}
@media only screen and (max-width: 767px) {
.modal_body .modal_tab {
margin-bottom: 60px;
}
}
.modal-content {
border-radius: 0;
}
.modal-content button.close {
position: absolute;
left: 94%;
width: 35px;
height: 35px;
display: block;
border: 1px solid #ededed;
top: 10px;
border-radius: 50%;
cursor: pointer;
font-size: 20px;
z-index: 9;
}
@media only screen and (max-width: 767px) {
.modal-content button.close {
left: 83%;
width: 29px;
height: 32px;
top: 4px;
margin-bottom: 14px;
}
}
.modal-content button.close:hover {
color: #0081ff;
}
.modal_add_to_cart.mb-15 {
margin-bottom: 23px;
}
.modal_description.mb-15 {
margin-bottom: 20px;
}
.product_navactive.owl-carousel:hover .owl-nav div {
opacity: 1;
visibility: visible;
}
.product_navactive.owl-carousel .owl-nav {
display: block;
}
.product_navactive.owl-carousel .owl-nav div {
position: absolute;
background: #f2f2f2;
border-radius: 3px;
color: #333;
height: 32px;
top: 50%;
-webkit-transform: translatey(-50%);
-ms-transform: translatey(-50%);
transform: translatey(-50%);
width: 32px;
text-align: center;
line-height: 32px;
left: -7px;
font-size: 18px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
visibility: hidden;
}
.product_navactive.owl-carousel .owl-nav div:hover {
background: #0081ff;
color: #ffffff;
}
.product_navactive.owl-carousel .owl-nav div.owl-next {
right: -7px;
left: auto;
}
/*modal css end*/
/* 23. newsletter popup css here */
.newletter-popup {
background: #fff;
top: 50% !important;
margin-top: -179px;
position: fixed !important;
padding: 50px;
text-align: center;
display: none;
}
@media only screen and (max-width: 767px) {
.newletter-popup {
padding: 30px 20px;
width: 95%;
}
}
#boxes .newletter-title h2 {
font-size: 30px;
text-transform: uppercase;
margin: 0 0 30px;
}
@media only screen and (max-width: 767px) {
#boxes .newletter-title h2 {
font-size: 22px;
margin: 0 0 10px;
}
}
#boxes .box-content label {
font-weight: 400;
font-size: 14px;
}
#boxes .box-content .newletter-label {
width: 70%;
margin-bottom: 36px;
}
@media only screen and (max-width: 767px) {
#boxes .box-content .newletter-label {
width: 100%;
}
}
#frm_subscribe form {
width: 340px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 767px) {
#frm_subscribe form {
width: 100%;
}
}
#frm_subscribe form input {
background: #EBEBEB;
padding: 0 126px 0 20px;
height: 45px;
border: 0;
width: 100%;
color: #747474;
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
#frm_subscribe form input {
padding: 0 104px 0 20px;
}
}
#frm_subscribe form a.theme-btn-outlined {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 110px;
background: #333;
cursor: pointer;
color: #ffffff;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
line-height: 45px;
}
#frm_subscribe form a.theme-btn-outlined:hover {
background: #0081ff;
}
@media only screen and (max-width: 767px) {
#frm_subscribe form a.theme-btn-outlined {
width: 90px;
}
}
#boxes .box-content .subscribe-bottom {
margin-top: 20px;
}
#boxes .box-content .subscribe-bottom label {
margin: 0;
font-size: 13px;
}
#boxes .box-content .subscribe-bottom #newsletter_popup_dont_show_again {
display: inline-block;
margin: 0;
vertical-align: middle;
}
#boxes #frm_subscribe #notification {
color: #f00;
}
#boxes #frm_subscribe #notification .success {
color: #67D7BB;
}
#popup2 {
position: absolute;
right: 1px;
top: 1px;
text-align: center;
cursor: pointer;
font-size: 13px;
padding: 6px 12px;
background: #333;
font-weight: 600;
line-height: 17px;
color: #ffffff;
display: block;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
#popup2:hover {
background: #0081ff;
}
/*newsletter popup css end*/
/* 09. error page css heer */
.header_error {
border-bottom: 1px solid #ededed;
}
.error_form {
text-align: center;
}
.error_form h1 {
font-size: 200px;
font-weight: 700;
color: #0081ff;
letter-spacing: 10px;
line-height: 1;
margin: 0 0 18px;
}
@media only screen and (max-width: 767px) {
.error_form h1 {
font-size: 130px;
line-height: 120px;
letter-spacing: 4px;
margin: 0 0 30px;
}
}
.error_form h2 {
font-size: 24px;
text-transform: uppercase;
font-weight: 500;
line-height: 30px;
margin-bottom: 19px;
}
@media only screen and (max-width: 767px) {
.error_form h2 {
font-size: 18px;
line-height: 22px;
margin-bottom: 17px;
}
}
.error_form p {
font-size: 17px;
font-weight: 400;
line-height: 26px;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.error_form p {
font-size: 15px;
margin-bottom: 28px;
line-height: 23px;
}
}
.error_form form {
width: 450px;
margin: 0 auto;
position: relative;
}
@media only screen and (max-width: 767px) {
.error_form form {
width: 100%;
}
}
.error_form form input {
padding: 0 60px 0 30px;
background: #f8f8f8;
border: 1px solid #ddd;
color: #333;
height: 40px;
width: 100%;
border-radius: 3px;
}
.error_form form button {
position: absolute;
right: 0;
height: 100%;
border: none;
background: no-repeat;
font-size: 20px;
cursor: pointer;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
top: 0;
text-transform: uppercase;
padding: 0 15px;
font-weight: 600;
}
.error_form form button:hover {
color: #0081ff;
}
.error_form a {
color: #fff;
display: inline-block;
background: #333;
font-size: 12px;
font-weight: bold;
height: 40px;
line-height: 42px;
padding: 0 30px;
text-transform: uppercase;
margin-top: 35px;
border-radius: 3px;
}
.error_form a:hover {
background: #0081ff;
}
.error_section {
padding-bottom: 70px;
padding-top: 61px;
}
@media only screen and (max-width: 767px) {
.error_section {
padding-bottom: 60px;
padding-top: 58px;
}
}
/*404 page css end*/
/*--
25. compare css here
-----------------------------------------*/
.compaer-page {
margin: 32px 0 60px;
}
.compare-table .table tbody tr:first-child {
border-top: 1px solid #eeeeee;
}
.compare-table .table tbody tr td {
text-align: center;
border: none;
padding: 25px 30px;
vertical-align: middle;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
}
.compare-table .table tbody tr td:last-child {
border-right: 1px solid #eeeeee;
}
.compare-table .table tbody tr td.first-column {
min-width: 180px;
font-size: 17px;
font-weight: 600;
margin: 0;
line-height: 1;
}
.compare-table .table tbody tr td.product-image-title {
min-width: 305px;
vertical-align: bottom;
}
.compare-table .table tbody tr td.product-image-title .image {
clear: both;
width: 100%;
margin-bottom: 40px;
}
.compare-table .table tbody tr td.product-image-title .image img {
max-width: 100%;
}
.compare-table .table tbody tr td.product-image-title .category {
clear: both;
color: #454545;
float: left;
font-size: 13px;
letter-spacing: 0.5px;
line-height: 15px;
margin-bottom: 7px;
margin-top: 15px;
}
.compare-table .table tbody tr td.product-image-title .title {
float: left;
clear: both;
font-size: 15px;
font-weight: 600;
line-height: 20px;
margin-bottom: 10px;
}
.compare-table .table tbody tr td.product-image-title .title:hover {
color: #0081ff;
}
.compare-table .table tbody tr td.pro-desc p {
text-align: left;
margin: 0;
}
.compare-table .table tbody tr td.pro-price {
font-size: 15px;
font-weight: 600;
}
.compare-table .table tbody tr td.pro-color {
font-size: 15px;
font-weight: 600;
}
.compare-table .table tbody tr td.pro-stock {
font-size: 15px;
font-weight: 600;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
position: relative;
background: #0081ff;
border-radius: 4px;
display: inline-block;
width: 170px;
padding: 10px 6px;
-webkit-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
color: #333;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
background: #333;
color: #ffffff;
}
.compare-table .table tbody tr td.pro-addtocart .add-to-cart span {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
font-size: 13px;
text-transform: uppercase;
font-weight: 700;
line-height: 21px;
overflow: hidden;
display: block;
text-align: center;
}
.compare-table .table tbody tr td.pro-remove button {
border: none;
background-color: transparent;
padding: 0;
}
.compare-table .table tbody tr td.pro-remove button i {
font-size: 20px;
}
.compare-table .table tbody tr td.pro-remove button:hover {
color: #0081ff;
}
.compare-table .table tbody tr td.pro-ratting a {
font-size: 14px;
color: #333;
}
.compare-table .table tbody tr td.pro-ratting a:hover {
color: #0081ff;
}
/*privacy policy css here*/
.privacy_policy_main_area {
padding: 26px 0 35px;
}
.privacy_content {
margin-bottom: 22px;
}
.privacy_content:last-child {
margin-bottom: 0;
}
.privacy_content h2 {
font-size: 22px;
line-height: 22px;
font-weight: 500;
margin-bottom: 7px;
}
@media only screen and (max-width: 767px) {
.privacy_content h2 {
font-size: 18px;
}
}
.privacy_content h3 {
font-size: 22px;
line-height: 22px;
font-weight: 500;
margin-bottom: 7px;
}
@media only screen and (max-width: 767px) {
.privacy_content h3 {
font-size: 18px;
}
}
.privacy_content p {
font-size: 15px;
line-height: 25px;
margin-bottom: 19px;
}
@media only screen and (max-width: 767px) {
.privacy_content p {
font-size: 14px;
}
}
.privacy_content p a {
color: #a43d21;
}
.privacy_content p a:hover {
color: #0081ff;
}
.privacy_content.section_1 p {
margin-bottom: 0;
}
.privacy_content.section_2 h2 {
margin-bottom: 24px;
}
/*privacy policy css end*/
/* 27. coming-soon css here */
.coming_soon_area {
height: 100vh;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center center;
background-size: cover;
background-image: url(../img/bg/coming-soon.jpg);
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.coming_soon_area::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000;
opacity: 0.15;
}
.coming_soon_title {
text-align: center;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.coming_soon_title {
margin-bottom: 36px;
}
}
.coming_soon_title h2 {
font-size: 37px;
color: #ffffff;
font-weight: 700;
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.coming_soon_title h2 {
font-size: 22px;
line-height: 22px;
margin-bottom: 11px;
}
}
.coming_soon_title p {
color: #ffffff;
font-size: 15px;
max-width: 730px;
margin: 0 auto;
line-height: 24px;
}
.coming_soon_timing {
text-align: center;
margin: 57px 0 42px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.coming_soon_timing {
margin: 50px 0 30px;
}
}
@media only screen and (max-width: 767px) {
.coming_soon_timing {
margin: 34px 0 22px;
}
}
.coming_soon_timing .single_countdown {
display: inline-block;
margin-right: 35px;
}
@media only screen and (max-width: 479px) {
.coming_soon_timing .single_countdown {
margin-right: 20px;
}
}
.coming_soon_timing .single_countdown:last-child {
margin-right: 0;
}
.coming_soon_timing .countdown_number {
font-size: 26px;
font-weight: 500;
line-height: 1;
color: #ffffff;
margin-bottom: 8px;
width: 60px;
height: 40px;
line-height: 38px;
border: 1px solid #ddd;
border-radius: 4px;
}
@media only screen and (max-width: 479px) {
.coming_soon_timing .countdown_number {
width: 55px;
font-size: 20px;
}
}
.coming_soon_timing .countdown_title {
font-size: 13px;
color: #ffffff;
}
.coming_soon_newsletter {
text-align: center;
}
.coming_soon_newsletter .subscribe_form {
margin-top: 0;
}
.coming_soon_newsletter .subscribe_form form {
margin: 0 auto;
width: 600px;
background: inherit;
border: 1px solid #ededed;
border-radius: 50px;
}
@media only screen and (max-width: 767px) {
.coming_soon_newsletter .subscribe_form form {
width: 100%;
}
}
.coming_soon_newsletter .subscribe_form form input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #ffffff;
}
.coming_soon_newsletter .subscribe_form form input::-moz-placeholder {
/* Firefox 19+ */
color: #ffffff;
}
.coming_soon_newsletter .subscribe_form form input:-ms-input-placeholder {
/* IE 10+ */
color: #ffffff;
}
.coming_soon_newsletter .subscribe_form form input:-moz-placeholder {
/* Firefox 18- */
color: #ffffff;
}
.coming_soon_newsletter .subscribe_form form input {
color: #ffffff;
font-size: 14px;
padding: 0 120px 0 28px;
background: inherit;
height: 48px;
}
.coming_soon_newsletter .subscribe_form form button {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
background: inherit;
color: #ffffff;
}
.coming_soon_newsletter .subscribe_form form button:hover {
color: #0081ff;
}
.coming_soon_newsletter .subscribe_form form button::before {
content: "";
background: #ffffff;
width: 2px;
position: absolute;
bottom: 8px;
top: 8px;
left: 0;
}
.coming_soon_newsletter h3 {
font-size: 16px;
color: #ffffff;
font-weight: 700;
margin-bottom: 15px;
letter-spacing: 2px;
}
.coming_soon_newsletter .mailchimp-error {
text-align: center;
color: #ffffff;
}
.coming_soon_newsletter .mailchimp-success {
text-align: center;
color: #ffffff;
}
.coming_soon_logo {
margin-bottom: 52px;
}
@media only screen and (max-width: 479px) {
.coming_soon_logo {
margin-bottom: 35px;
}
}
.coming_soon_link {
text-align: center;
}
.coming_soon_link ul li {
display: inline-block;
margin-right: 20px;
}
.coming_soon_link ul li:last-child {
margin-right: 0;
}
.coming_soon_link ul li a {
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
height: 40px;
line-height: 40px;
padding: 0 50px;
display: inline-block;
background: #0081ff;
color: #333;
border-radius: 5px;
}
.coming_soon_link ul li a:hover {
background: #333;
color: #ffffff;
}
.hero{
position:relative; border-radius:20px; color:#fff;
background: url(/assets/templates/sint/img/catalot-bg.png) 100% no-repeat;
margin: 2rem 3.5rem 0 3.5rem;
padding: 0 ;
height: 31.625rem;
align-content: center;
}
@media ( max-width: 1200px ) {
.hero {
background: url(/assets/templates/sint/img/catalot-bg.png) lightgray -200.595px 0px / 299.116% 100% no-repeat;
}
}
.hero__grid{
position:relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.hero__content{
z-index:1;
max-width:635px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.hero__title{
font-size: 2.875rem;
font-style: normal;
font-family: "Inter";
font-weight: 400;
line-height: 3.5rem;
margin: 0;
text-transform: uppercase;
}
.hero__lead{
color: #FFF;
margin:0;
font-family: "Inter";
align-self: stretch;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem;
}
.btn.btn--light{
display: flex;
padding: 0.875rem 6rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: 0.625rem;
background: #FFF;
font-family: "Inter";
color: #247D99;
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
}
.btn.btn--light:focus{
color: #247D99;
}
.hero__aside{
position: relative;
width: 46.75rem;
height: 15rem;
}
.hero__aside::before{
content: "";
top: 0;
right: 0;
border-radius: 43.375rem;
background: rgba(97, 205, 255, .86);
filter: blur(100px);
display: flex;
height: 170%;
position: absolute;
left: 0;
}
.hero__aside .logo_catalog{
position: absolute;
top: 220px;
left: 43%;
}
.hero__aside img{width: 46.75rem; height:auto; display:block;
flex-shrink: 0;
aspect-ratio: 1/1;
position: absolute;
}
.hero__aside img:nth-child(1){
top: -3rem;
filter: blur(8px);
left: 15rem;
width: 21.75rem;
}
.hero__aside img:nth-child(2){
top: -2rem;
filter: blur(5px);
left: 19rem;
width: 36.4375rem;
}
.hero__aside img:nth-child(3){
left: 6rem;
}
.hero__feats{
display: inline-flex;
align-items: center;
gap: 1.875rem;
position: absolute;
z-index: 2;
bottom: -7rem;
width: 92%;
overflow: auto;
}
.feat{
display: flex;
padding: 2rem 2rem 2.5rem 2rem;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
border-radius: 1.25rem;
border: 2px solid #FFF;
background: rgba(36, 125, 153, 0.56);
backdrop-filter: blur(10px);
}
.feat__icon img{width: 2.5rem;}
.feat__title{
font-family: "Inter";
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem;
color: #FFF;
width: 18.3125rem;
}
.header__title_content{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.catalog__title{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 2.5rem;
font-style: normal;
font-weight: 600;
line-height: 2.875rem;
margin: 0;
}
.p-card{
display: flex;
padding: 2.5rem 1.5rem;
flex-direction: column;
align-items: center;
border-radius: 1.25rem;
border: 1px solid var(--Borders-Border-2, #D2D6DC);
background: var(--Text-Text-white, #FFF);
transition:box-shadow .2s, transform .2s;
position: relative;
overflow: hidden;
}
.p-card__badges{position:absolute;left:16px;top:16px;display:flex;gap:8px;z-index:1; flex-direction: column;}
.badge{
display: flex;
padding: 0.375rem 1rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: 0.5rem;
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.badge--mint{color:#28409D;background:#F6FBFF;}
.badge--blue{color:#0077EB;background:#F4F6FF;}
.p-card__rating_wrapper{
position:absolute;right:16px;top:16px;display:flex;gap:8px;z-index:1; flex-direction: column;align-items: self-end;
}
.p-card__rating, .p-card__seemore{
display: flex;
padding: 0.375rem;
justify-content: center;
align-items: center;
border-radius: 0.5rem;
background: #F2F8FE;
display: flex;
align-items: center;
gap: 0.125rem;
border: none;
}
.p-card__rating span{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 600;
line-height: 1.25rem;
}
.p-card__thumb{
margin-bottom: 1.25rem;
}
.p-card__thumb img{
display: block;
width: 309px;
}
.p-card__body{
display: flex;
flex-direction: column;
gap: 0.75rem;
width: 100%;
}
.p-card__title{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1.25rem!important;
font-style: normal;
font-weight: 600;
line-height: 1.75rem;
margin-bottom: .12rem;
}
.p-card__meta, .qv__meta{
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
flex-wrap: wrap;
}
.p-card__meta .ok, .qv__meta .ok{
color: var(--Text-Link-hover, #247D99);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
display: flex;
gap: 0.5rem;
}
.p-card__meta .muted, .qv__meta .muted{
display: flex;
align-items: flex-end;
gap: 0.5rem;
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.p-card__meta .muted span, .qv__meta .muted span{color: var(--Text-Text-3, #9299A5);}
.p-card__meta .muted p, .qv__meta muted p{color: var(--Text-Text-1, #111827);}
.p-card__specs{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
align-self: stretch;
margin-bottom: 2.5rem;
margin-top: 0.75rem;
}
.p-card__specs div{
display: flex;
align-items: center;
align-self: stretch;
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.375rem;
}
.p-card__specs div dt{
color: var(--Text-Text-2, #5A616C);
width: 50%;
margin:0;
font-weight: 400;
}
.p-card__specs div dd{
color: var(--Text-Text-1, #111827);
text-align: right;
width: 50%;
margin: 0;
font-weight: 600;
}
.btn{
border-radius: 0.625rem;
padding: 1.0625rem 1.5rem;
gap: 0.625rem;
font-family: "Inter";
font-size: 1.125rem;
font-style: normal;
font-weight: 600;
line-height: 1.5rem;
width: 100%;
border: none;
}
.p-card__hover .btn--muted{
background: var(--Button-Main-Blue, #00ABD7) !important;
color: #fff!important;
}
.btn:hover, .theme-btn:hover, .similar_product-button:hover{
background: var(--Button-Main-Blue-Hover, #247D99) !important;
color: #fff!important;
}
.btn--muted{
background: var(--Button-Secondary-Light-Blue, #F2FBFD) !important;
color: var(--Text-Text-2, #5A616C) !important;
}
.p-card__footer{margin-top:auto;}
/* Ховер-слой */
.p-card__hover{
position: absolute;
left: -1px;
right: -1px;
bottom: 0;
background: #fff;
border-radius: 0 0 14px 14px;
padding: 1.5rem;
opacity: 0;
transform: translateY(8px);
pointer-events: none;
transition: opacity .18s, transform .18s;
border-bottom: 1px solid var(--Borders-Border-2, #D2D6DC);
border-right: 1px solid var(--Borders-Border-2, #D2D6DC);
border-left: 1px solid var(--Borders-Border-2, #D2D6DC);
}
.p-card:hover::before{
position: absolute;
content: "";
top: 0;
right: -24px;
background: #000;
opacity: 0.5;
width: 111%;
height: 100%;
border-radius: 1.25rem 1.25rem 0 0;
pointer-events: none;
z-index: 2;
}
.p-card:hover{
box-shadow: 0 4px 24px 0 rgba(91, 174, 255, 0.24);
}
.p-card:hover{border: 0}
.p-card:hover .p-card__hover{opacity:1;transform:none;pointer-events:auto; z-index: 3; box-shadow: 0 4px 24px 0 rgba(91, 174, 255, 0.24); border: 0;border-radius: 1.25rem;}
.p-card__summary{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.375rem;
margin-bottom: 2.5rem;
}
/* Когда слой виден — скрыть нижнюю серую кнопку */
.p-card:hover .p-card__footer{opacity:0;visibility:hidden;}
@media (max-width: 991px){
/* на тач-экранах всегда показываем нижнюю кнопку, ховер-слой отключим */
.p-card__hover{display:none;}
.p-card:hover .p-card__footer{opacity:1;visibility:visible;}
}
.qv[hidden]{display:none;}
.qv{position:fixed; inset:0; z-index:1000;}
.qv__backdrop{position:absolute; inset:0; background: rgba(17, 24, 39, 0.50);}
.qv__dialog{
position:relative; margin:10vh auto;
display: flex;
padding: 2rem 1.5rem;
align-items: flex-start;
border-radius: 1.25rem;
border: 1px solid var(--Borders-Border-2, #D2D6DC);
background: var(--Text-Text-white, #FFF);
box-shadow: 0 5px 20px 0 rgba(17, 17, 17, 0.32);
max-width: 1520px;
}
.qv__rating{font-weight:600;color:#7a8698;}
.qv__rating .star{color:#f8b400; margin-right:4px;}
.qv__grid{
display: inline-flex;
align-items: flex-start;
gap: 2rem;
flex-wrap: wrap;
position: relative;
}
.qv__left{
width: 28.875rem;
height: 28.875rem;
flex-shrink: 0;
aspect-ratio: 1/1;
}
.qv__right{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3.75rem;
}
.qv__content{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 3.5rem;
align-self: stretch;
max-width: 59rem;
}
.qv__content-top{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.qv__content-top .row{
display: flex;
align-items: flex-start;
gap: 1.25rem;
}
.qv__content-top .row .qv__badges{display:flex;gap:8px;z-index:2; flex-direction: column;}
.qv__rating{
display: flex;
padding: 0.375rem 0.625rem 0.375rem 0.375rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: 0.5rem;
background: rgba(0, 119, 235, 0.05);
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 600;
line-height: 1.25rem;
}
.qv__title{
margin:0;
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 2rem;
font-style: normal;
font-weight: 600;
line-height: 2.5rem;
}
.qv__content-top .col-md-12{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
align-self: stretch;
padding-left: 0;
padding-right: 0;
}
.qv__content-bottom{
display: flex;
align-items: flex-start;
gap: 5.75rem;
align-self: stretch;
}
.qv__specs{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
margin: 0;
}
.qv__specs div{
display: flex;
align-items: center;
gap: 1rem;
align-self: stretch;
}
.product_card.qv--inline{
border-radius: 1.25rem;
border: 1px solid var(--Borders-Border-2, #D2D6DC);
background: var(--Text-Text-white, #FFF);
padding: 2rem 1.5rem;
}
.qv__specs dt{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.375rem;
width: 14.25rem;
}
.qv__specs dd{
color: var(--Text-Text-1, #111827);
text-align: right;
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.375rem;
width: 9.6875rem;
margin: 0;
text-align: left;
}
.qv__summary{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
width: auto;
}
.qv__right .btn--muted{
width: 24.9375rem;
}
.qv__right .btn--muted:hover{
background: var(--Button-Secondary-Grey-Hover, #247D99) !important;
}
@media (max-width:1024px){
.qv__dialog{margin:3vh 10px;}
}
.usecases{
margin: 10rem 0 0 0;
}
.usecases__container, .advantages__container{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
}
.usecases__grid{
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 32px;
align-self: stretch;
flex-wrap: wrap;
}
.usecases__item{
display: flex;
padding: 1.5rem;
flex-direction: column;
align-items: flex-start;
gap: 24px;
border-radius: 1.25rem;
background-image: url("/assets/templates/sint/img/background.jpg") ;
background-color: #00ABD7;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: multiply, normal;
width: 31.8%;
}
.usecases__text{
color: var(--Text-Text-white, #FFF);
font-family: "Inter";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.company-promo{
margin: 10rem 0 0 0;
}
.promo-card{
display: flex;
padding: 2rem 2rem 2rem 3.5rem;
align-items: flex-start;
gap: 1.875rem;
border-radius: 1.25rem;
background: #F6FBFF;
flex-wrap: wrap;
}
.promo-card__left{
display: flex;
width: 43.0625rem;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.promo-card__title{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
align-self: stretch;
}
.promo-card__text, .guarantees-card__text{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
align-self: stretch;
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.75rem;
}
.guarantees-card__text{
gap: 1rem;
}
.promo-card__text p, .guarantees-card__text p{
margin: 0;
}
.promo-card__left .btn,.promo-card__right .btn, .compare .btn{
display: flex;
padding: 15px 4.87rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: 0.625rem;
background: #00ABD7;
width: auto;
color: #FFF;
font-size: 1rem;
font-weight: 400;
line-height: 1.375rem;
}
.promo-card__media{
border-radius: 1.25rem;
overflow: hidden;
width: 49%;
}
.promo-card__media img{
height: 100% !important;
}
.why{
display: inline-flex;
gap: 2.5rem;
border-radius: 1.25rem;
background: #F6FBFF;
width: 100%;
padding: 3.5rem 9rem;
}
.why .container .row{
gap: 2.5rem;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
}
.why__grid{
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 2rem 1.875rem;
align-self: stretch;
flex-wrap: wrap;
width: 102%;
}
.why__card--white{
display: flex;
padding: 2rem;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
border-radius: 1.25rem;
background: var(--Text-Text-white, #FFF);
}
.why__list{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
margin: 0;
}
.why__list div{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
display: flex;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
width: 42.5625rem;
}
.why__card--blue{
display: flex;
padding: 2rem;
flex-direction: column;
align-items: flex-end;
gap: 2.375rem;
border-radius: 1.25rem;
background-image: url(/assets/templates/sint/img/background.jpg);
background-color: #00ABD7;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: multiply, normal;
}
.why__card--blue.bottom_block{
gap: 0.875rem;
}
.why__card-text{
color: var(--Text-Text-white, #FFF);
font-family: "Inter";
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
width: 18.3125rem;
}
.why__card--barrels{
display: flex;
padding: 2rem;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
border-radius: 1.25rem;
background: var(--Text-Text-white, #FFF);
overflow: hidden;
width: 46.5625rem;
height: 12.5rem;
position: relative;
}
.why__card--barrels p{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1.125rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
width: 35%;
margin: 0;
}
.why__card--barrels img{
position: absolute;
aspect-ratio: 1/1;
}
.why__card--barrels .barrel.barrel--center{
width: 17rem;
right: 5rem;
bottom: -4.5rem;
}
.why__card--barrels .barrel.barrel--left{
width: 15.25rem;
right: 12.125rem;
bottom: -3.625rem;
}
.why__card--barrels .barrel.barrel--right{
width: 13.25rem;
right: 0.625rem;
bottom: -2.125rem;
}
.ltests{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
}
.ltests__title{
margin: 0;
}
.ltests__container{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
align-self: stretch;
}
.ltests__grid{
display: flex;
align-items: flex-start;
gap: 1.875rem;
align-self: stretch;
flex-wrap: wrap;
}
.ltests__item{
display: flex;
width: 21.8rem;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.ltests__figure{
flex-shrink: 0;
border-radius: 1.5rem;
position: relative;
margin: 0;
}
.ltests__num img {
position: absolute;
left: 1rem;
bottom: 1rem;
fill: rgba(255, 255, 255, 0.40);
stroke-width: 1px;
stroke: #FFF;
backdrop-filter: blur(2px);
}
.ltests__num p{
position: absolute;
left: 1.25rem;
bottom: 1.3rem;
color: #FFF;
font-family: "Inter";
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 2rem;
width: 2rem;
text-align: center;
}
.ltests__text{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
}
.ltests__text b{
color: #0077EB;
}
.ltests__cta{
display: flex;
padding: 0.875rem 4rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: 0.625rem;
background: #00ABD7;
color: #FFF;
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.375rem;
width: auto;
}
.compare__cta{
width: 30.4375rem!important;
}
.ltests__cta:hover{
color: #fff;
}
.promo-card__right{
display: flex;
width: 52.5rem;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.promo-card__right .promo-card__title{
gap: 2rem;
}
.guarantees-card{
display: flex;
align-items: center;
gap: 1.875rem;
align-self: stretch;
margin-bottom: 6rem;
flex-wrap: wrap;
}
.guarantees-card__media{
width: 38.5rem;
height: 25rem;
border-radius: 1.25rem;
overflow: hidden;
}
.certs, .pour, .compare, .ltests__container, .why, .cta, .aboutblk, .callme, .advantages{
margin-bottom: 10rem;
}
.advantages{
margin-top: 10rem;
}
.container:has( .usecases) + .container:has( .certs){
margin-top: 10rem;
}
.container:has( .js-products-grid) + .container:has( .certs){
margin-top: 10rem;
}
.container:has( .shop_wrapper) + .container:has( .certs){
margin-top: 10rem;
}
.certs__head{
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
margin-bottom: 2.5rem;
}
.certs__nav{
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
}
.certs__btn{
width: 2.5rem;
height: 2.5rem;
flex-shrink: 0;
background: rgba(242, 248, 255, .56);
border-radius: 23px;
border: none;
display: flex;
align-items: inherit;
}
.certs__btn svg{
width: 100%;
}
.certs__viewport{
overflow-x:hidden; -webkit-overflow-scrolling:touch;
scroll-snap-type:x mandatory;
}
.certs__track{ display:flex; gap: 1.875rem; }
.certs__item{
width: 14.25rem;
height: 20rem;
border-radius: 0.625rem;
overflow: hidden;
flex:0 0 220px; scroll-snap-align:start;
text-decoration:none;
}
.certs__item img { width:100%; height:auto; object-fit:cover; display:block; }
.compare{
display: inline-flex;
padding: 3.5rem 9rem;
border-radius: 1.25rem;
background: #F6FBFF;
width: 100%;
}
.compare .container .row{
gap: 2.5rem;
display: inline-flex;
flex-direction: column;
align-items: flex-start;
}
.compare__grid{
display: flex;
align-items: flex-start;
gap: 1.875rem;
align-self: stretch;
}
.compare__card{
display: flex;
padding: 2rem;
flex-direction: column;
align-items: center;
gap: 1.5rem;
border-radius: 1.25rem;
background: var(--Text-Text-white, #FFF);
max-width: 30rem;
}
.compare__media{
width: 14.375rem;
height: 14.375rem;
aspect-ratio: 1/1;
border-radius: 1.25rem;
overflow: hidden;
}
.compare__h3{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: 2rem;
width: 26.4375rem;
margin: 0;
}
.compare__block{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
}
.compare__caption{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
align-self: stretch;
}
.compare__list{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
align-self: stretch;
list-style: none;
}
.compare__list li{
display: flex;
align-items: center;
gap: 16px;
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
}
.compare__list li::before{
content: "";
width: 24px; height: 24px;
flex: 0 0 24px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.compare__list--plus li::before { background-image: url("/assets/templates/sint/img/compare/plus.svg"); }
.compare__list--minus li::before { background-image: url("/assets/templates/sint/img/compare/minus.svg"); }
.compare__photos{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 2rem;
}
.compare__photo{
max-width: 30.375rem;
height: 32.6875rem;
border-radius: 1.25rem;
overflow: hidden;
margin: 0;
}
.pour{
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
}
.pour__grid{
display: flex;
align-items: center;
gap: 1.875rem;
align-self: stretch;
flex-wrap: wrap;
}
.pour__card--day{
display: flex;
width: 356px;
padding: 2rem;
flex-direction: column;
align-items: center;
gap: 2rem;
border-radius: 1.25rem;
background: #F2FBFD;
}
.pour__h3{
color: var(--Text-Text-1, #247D99);
text-align: center;
font-family: "Inter";
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: 2rem;
margin: 0;
}
.pour__steps{
display: flex;
flex-direction: column;
align-items: center;
gap: 1.25rem;
align-self: stretch;
color: var(--Text-Text-1, #111827);
text-align: center;
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
align-self: stretch;
}
.pour__steps p{
margin: 0;
}
.pour__card--adapter{
display: flex;
padding: 1.5rem 2rem;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
border-radius: 1.25rem;
border: 1px solid var(--Borders-Border-2, #D2D6DC);
background: #FFF;
flex: 1 0 0;
width: 47%;
}
.pour__note{
color: var(--Text-Text-1, #111827);
text-align: center;
font-family: "Inter";
font-size: 1.25rem;
font-style: normal;
font-weight: 600;
line-height: 1.75rem;
width: 42.5625rem;
}
.pour__adapters-wrapper{
display: flex;
flex-direction: column;
align-items: center;
gap: 1.25rem;
align-self: stretch;
}
.pour__adapters{
display: flex;
align-items: center;
gap: 2.0625rem;
align-self: stretch;
margin: 0;
overflow: hidden;
}
.pour__adapters img, .cta__right img, .compare__photo img,.aboutblk__right img{
width: 100%;
object-fit: cover;
height: 100% !important;
}
.pour__adapter{
width: 20.25rem;
height: 10.5rem;
border-radius: 1.25rem;
margin: 0;
overflow: hidden;
}
.pour__caption{
color: var(--Text-Text-2, #5A616C);
text-align: center;
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
align-self: stretch;
}
.pour__steps p b{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
}
.cta{
display: inline-flex;
width: 100%;
padding: 3.5rem 9rem;
background: #F6FBFF;
align-items: center;
}
.cta.product_form{
width: 100vw;
margin-left: 0;
background: #F8F9FC;
}
.cta.product_form .btn{
background: #00ABD7;
}
.cta.product_form .cta__wrap{
width: 100%;
}
.cta.product_form .cta__grid input{
width: 24.625rem;
}
.cta .cta__grid input:focus, .cta textarea:focus{
border: 1.5px solid var(--Borders-Border-Brand, #0077EB);
}
.cta.product_form .field--area{
width: 100%;
}
.cta__wrap{
display: inline-flex;
gap: 10rem;
}
.cta__wrap .container .row{
display: flex;
justify-content: space-between;
}
.cta__left{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
}
.product_form-picture{
width: 35rem;
height: 35.125rem;
}
.cta__title_wrapper{
display: flex;
width: 35rem;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.cta__lead{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.375rem;
align-self: stretch;
margin: 0;
width: 85%;
}
.cta__phone{color: #247D99; font-weight: 700; text-wrap: nowrap}
.cta__notice{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.25rem;
}
.cta__notice.form_product{
font-size: 1rem;
}
.cta__notice b{ color: #247D99;}
.cta__city{ margin:0; color:#6B7280; font-size:14px; }
.cta__right {
max-width: 616px;
height: 565px;
border-radius: 1.25rem;
overflow: hidden;
}
.cta__form{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
width: 744px;
}
.cta__grid{
display: flex;
align-items: center;
gap: 1.875rem;
width: 100%;
}
.cta__grid input{
display: flex;
width: 22.3125rem;
padding: 1rem 1.25rem 1rem 1rem;
align-items: center;
gap: 0.625rem;
border-radius: 0.625rem;
background: var(--Text-Text-white, #FFF);
font-family: "Inter";
font-size: 16px;
border: none;
}
.cta__grid input::placeholder{
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.field{ position:relative; }
.field--area{
display: flex;
width: 46.5rem;
flex-direction: column;
align-items: flex-end;
gap: 0.375rem;
}
.field--area textarea{
display: flex;
min-height: 7.1875rem;
padding: 0.875rem 1.25rem 0.875rem 1rem;
align-items: flex-start;
align-self: stretch;
border-radius: 0.625rem;
background: var(--Text-Text-white, #FFF);
max-width: 100%;
width: auto;
border: none;
font-size: 16px;
}
.field--area textarea::placeholder{
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: .875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.textarea__count{
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
width: 100%;
text-align: right;
}
.cta__bottom{
display: flex;
align-items: center;
gap: 1.5rem;
margin-top: 16px;
}
.cta__bottom .btn{
display: flex;
padding: 0.875rem 6rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: 0.625rem;
background: #00ABD7;
color: #FFF;
width: auto;
font-size: 1rem;
}
.cta__bottom label{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
margin: 0;
display: flex;
gap: 7px;
}
.cta__bottom label input{
width: 16px;
height: 16px;
}
.cta__bottom label a{
color: #0077EB;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.aboutblk{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
}
.aboutblk__wrap{
display: flex;
align-items: flex-start;
gap: 1.875rem;
align-self: stretch;
flex-wrap: wrap;
}
.aboutblk__left{
display: flex;
max-width: 745px;
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
flex: 1 0 0;
}
.aboutblk__left-content{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
align-self: stretch;
}
.aboutblk__section{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.aboutblk__section h3{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1.5rem;
font-style: normal;
font-weight: 600;
line-height: 2rem;
align-self: stretch;
margin: 0;
}
.aboutblk__section p{
color: #000;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
align-self: stretch;
margin: 0;
}
.aboutblk__right{
width: 46.5625rem;
height: 612px;
flex-shrink: 0;
border-radius: 1.25rem;
overflow: hidden;
flex: 1 0 0;
}
.aboutblk__more{
display: flex;
padding: 0.875rem 4rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: 0.625rem;
background: #00ABD7;
color: #FFF;
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.375rem;
width: auto;
}
.compare__tabs{ display:none }
/* Модалка */
.abmodal[hidden]{ display:none; }
.abmodal{ position:fixed; inset:0; z-index:1000; }
.abmodal__backdrop{ position:absolute; inset:0; background: rgba(17, 24, 39, 0.50); }
.abmodal__dialog{
position: absolute;
left: 22%;
top: 43%;
transform: translate(-14%, -44%);
display: inline-flex;
padding: 2.5rem;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
border-radius: 1.25rem;
background: #FFF;
box-shadow: 0 5px 20px 0 rgba(17, 17, 17, .32);
max-height: 93%;
overflow: auto;
}
.abmodal__close{
position: absolute;
right: 32px;
top: 32px;
border: none;
cursor: pointer;
background: none;
padding: 0;
}
.aboutblk__section{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.aboutblk__section h4{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1.5rem;
font-style: normal;
font-weight: 500;
line-height: 2rem;
align-self: stretch;
margin: 0;
}
.aboutblk__section ul{
color: #000;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
align-self: stretch;
list-style: disc;
display: flex;
flex-direction: column;
padding-left: 1.5rem;
}
.aboutblk__section ul li:not(:last-child){
margin-bottom: 10px;
}
.callme{
border-radius: 1.25rem;
background-image: url(/assets/templates/sint/img/background.jpg);
background-repeat: no-repeat;
background-color: #247D99;
background-size: cover;
background-blend-mode: multiply, normal;
margin-bottom: 100px;
}
.callme__wrap{
display: inline-flex;
padding: 2.5rem 2rem;
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
}
.callme__head{
display: flex;
max-width: 35rem;
height: 6.625rem;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.callme__lead{
color: var(--Text-Text-white, #FFF);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.375rem;
flex: 1 0 0;
align-self: stretch;
}
.callme__lead a{
font-weight: 500;
}
.callme__row{
display: flex;
align-items: flex-start;
gap: 1.875rem;
align-self: stretch;
flex-wrap: wrap;
width: 100%;
}
.callme__row input:not([type="checkbox"]){
display: flex;
width: 342px;
padding: 14.75px 20px 14.75px 16px;;
align-items: center;
gap: 0.625rem;
border-radius: 0.625rem;
border: none;
font-family: "Inter";
font-size: 18px;
}
.page-blog_feedback .callme__row input:not([type="checkbox"]){
width: 357.5px;
}
.callme__row input::placeholder{
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.callme__form-right{
display: flex;
max-width: 19.25rem;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.page-blog_feedback .callme__form-right{
flex: 1 1 357.5px;
max-width: 357.5px;
}
.callme__form-right .btn--ghost, .commerce-form-submit .btn{
display: flex;
padding: 0.875rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
align-self: stretch;
width: min(100%, 357.5px);
border-radius: 0.625rem;
border: 1px solid var(--Text-Text-white, #FFF);
background: #00ABD7;
color: var(--Text-Text-white, #FFF);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.375rem;
}
.commerce-form-submit .btn{
padding: 17px 40px;
}
.callme__agree{
color: var(--Borders-Border-2, #D2D6DC);
font-family: "Inter";
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
margin: 0;
display: flex;
align-items: center;
gap: 0.5rem;
align-self: stretch;
}
.callme__agree a{
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.callme .catalog__title{
color: #fff;
}
.hero .breadcrumbs_area{
position: absolute;
top: 0;
margin: 0;
}
.shop_area.shop_reverse .row{
width: auto;
}
.hero .breadcrumb_content ul li::before{
content: "-";
color: #fff;
}
@media ( max-width: 1200px ) {
.hero .breadcrumb_content ul li::before{
color: #000;
}
}
.hero .breadcrumb_content ul li{
padding-right: 16px;
}
.hero .breadcrumb_content ul li{
color: var(--Text-Text-white, #EBEDF1);
font-family: "Inter";
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
}
.hero .breadcrumb_content ul li a{
color: var(--Text-Text-white, #FFF);
font-family: "Inter";
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
}
.hero_wrapper{
height: 100%; align-content: center; border-radius: 20px;overflow-x: visible;
overflow-y: clip;
}
.show-more-mobile {
display: none;
height: 3.375rem;
padding: 1rem 4rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
align-self: stretch;
border-radius: 0.625rem;
border: 2px solid #0077EB;
background: var(--Text-Text-white, #FFF) !important;
color: var(--Text-Text-1, #111827) !important;
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.375rem;
margin-top: 2.5rem;
}
.abpages__controls{
display: none;
}
.product{
height: 37.875rem;
display: flex;
flex-direction: row-reverse;
gap: 30px;
}
.product .swiper-mini{
max-width: 6.1875rem;
}
.swiper-slide-active a{
height: 100%;
}
.swiper-slide-active a img{
height: 100% !important;
object-fit: contain;
}
.product_rating--article{
display: flex;
gap: 3.5rem;
}
.product__rating_reviews{
display: inline-flex;
align-items: center;
gap: 0.25rem;
}
.product__rating_reviews p{
margin: 0;
}
.product__rating_reviews p:nth-child(2){
color: rgb(210,214,220)
}
.product__rating{
display: flex;
align-items: center;
gap: 0.125rem;
}
.product_rating--article .muted{
display: inline-flex;
align-items: center;
gap: 0.75rem;
}
.product_rating--article .muted span{
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.product_rating--article .muted p{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.product_d_right{
display: flex;
flex-direction: column;
gap: 2rem;
}
.product_d_right--top{
display: flex;
flex-direction: column;
gap: 1rem;
}
.product_d_right--middle{
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.product_d_right--middle .qv__specs{
gap: 1rem;
}
.product_d_right--middle .qv__specs div{
gap: 1.875rem;
}
.product_d_right--middle a{
color: #00ABD7;
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 600;
line-height: 1.25rem;
border-bottom: 2px dotted #00ABD7;
}
.product_d_right--bottom{
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.product_delivery-info{
display: flex;
flex-direction: column;
gap: 1rem;
}
.product_delivery-info div{
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.product_delivery-info div p{
color: #28409D;
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 125% */
margin: 0;
}
.product_delivery-info div span{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 125% */
}
.product_buttons{
display: flex;
align-items: center;
gap: 2rem;
align-self: stretch;
flex-wrap: wrap;
}
.product_buttons .find-out{
display: inline-flex;
padding: 17px 24px;
width: 200px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: 0.625rem;
background: #00ABD7;
color: var(--Text-Text-white, #FFF);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.375rem;
}
.product_buttons .buy{
display: inline-flex;
width: 200px;
padding: 17px 24px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.625rem;
border-radius: 0.625rem;
background: #F2FBFD;
color: var(--Text-Text-1, #5A616C);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.375rem;
}
.product_mc-wrapper{
display: flex;
flex-direction: column;
margin-top: 66px;
gap: 2.5rem;
margin-bottom: 10rem;
width: 100%;
}
.buttons_select_area{
display: inline-flex;
align-items: center;
justify-content: space-between;
}
.product__rating_reviews_button{
display: flex;
align-items: center;
gap: 0.5rem;
}
.product__card{
display: none;
}
.buttons_select_area button, .buttons_select_area a, .buttons_select_area p{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
text-transform: uppercase;
border: none;
background: none;
padding: 0;
}
.buttons_select_area button.is-active{
color: #00ABD7;
}
.product_wrapper .catalog__title{
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
display: inline-flex;
align-items: center;
gap: 1rem;
text-transform: uppercase;
}
#reviews .catalog__title p{
margin: 0;
text-transform: uppercase;
}
#reviews .catalog__title span{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 1.5rem;
font-weight: 400;
line-height: 2rem;
text-transform: uppercase;
}
.product_main-content p,.product_main-content ul{
margin-bottom: 1.5rem;
align-self: stretch;
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
}
.product_main-content ul{
list-style: disc;
padding-left: 25px;
}
.product_main-content strong{
font-weight: 500;
}
.product__card span{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
}
.product__card .video__photo video, .product__card .video__photo img{
border-radius: 1.5rem!important;
width: 100%;
}
.product__card .video__photo img {
align-self: stretch;
}
.photo__wrapper{
margin-top: 3.5rem;
}
.product_photo_wrapper{
display: flex;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
gap: 1.875rem;
flex-wrap: wrap;
}
.product__card .video__photo .item{
display: flex;
max-width: 350px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
}
.product__card .catalog__title{
font-size: 1.5rem;
font-weight: 500;
line-height: 2rem;
text-transform: uppercase;
}
.video__text{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
}
.product__card.is-active, .product_wrapper{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
width: 100%;
}
.ways_to_pay-wrapper{
display: flex;
align-items: center;
gap: 1.8rem;
align-self: stretch;
flex-wrap:wrap;
}
.wtp-card{
display: flex;
align-items: center;
gap: 24px;
flex: 1 0 0;
}
.ways-to_get_wrapper .wtp-card{
display: flex;
padding: 1.5rem;
align-items: center;
gap: 1.5rem;
border-radius: 1.5rem;
background: #FFF;
box-shadow: 0 5px 32px 0 rgba(17, 17, 17, 0.05);
flex: 0 0 32%;
max-width: 32%;
}
.wtp-text{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.wtp-card img{
width: 3.25rem;
height: 3.25rem!important;
}
.wtp-text p{
color: var(--Text-Text-1, #111D27);
font-family: "Inter";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px;
margin: 0;
}
.wtp-text span{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.5rem;
}
.product_collections{
display: flex;
align-items: center;
gap: 1.25rem;
align-self: stretch;
margin-bottom: 5rem;
}
.product_collection_block{
display: flex;
padding: 0.5rem 1rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.125rem;
border-radius: 0.5rem;
background: var(--Background-BG-1, #F7F8F9);
}
.similar_product-article{
display: flex;
height: 1.0625rem;
align-items: center;
gap: 0.75rem;
}
.similar_product-article span{
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 142.857% */
}
.similar_product-article p{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
margin: 0;
}
.similar_product-content{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
}
.similar_product-title{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
margin-top: 16px;
}
.similar_product-button{
display: flex;
padding: 1rem 4rem;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.625rem;
align-self: stretch;
border-radius: 0.625rem;
background: #00ABD7;
color: var(--Text-Text-white, #FFF);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.375rem;
}
.news-related-products .similar_product-button{
margin-top: auto;
}
.similar_product-card{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2rem;
}
.similar_product-card .product_thumb .primary_img img{
background: #F8F9FC;
border-radius: 1.5rem;
}
.product_area{
margin-bottom: 160px;
}
.product_reviews_wrapper{
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
margin-bottom: 10rem;
flex-wrap: wrap;
}
.product__review-right{
display: flex;
width: 29.4375rem;
flex-direction: column;
align-items: flex-start;
gap: 2.5rem;
}
.reviews_right{
width: 100%;
}
.reviews_left{
display: flex;
flex-direction: column;
gap: 2rem;
width: 53.625rem;
}
.reviews_sort{
display: inline-flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
}
.sort_params{
display: inline-flex;
align-items: center;
gap: 1.5rem;
}
.sort_params p, .sort_grade p{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 142.857% */
margin: 0;
}
.sort_params button, .sort_grade button{
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
border: none;
background: none;
padding: 0;
}
.sort_params button.active, .sort_grade button.active{
color: #247D99;
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.sort_grade{
display: inline-flex;
align-items: center;
gap: 1.5rem;
}
.grades{
display: flex;
align-items: center;
gap: 1rem;
}
.review{
display: flex;
padding: 2rem 1.5rem;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
align-self: stretch;
border-radius: 1.5rem;
background: #FFF;
box-shadow: 0 5px 32px 0 rgba(17, 17, 17, 0.05);
position: relative;
}
.review-header{
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.review-header p{
margin: 0;
}
.review-header strong{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: 1.5rem;
}
.review-header .stars{
color: #FFCC00;
font-size: 24px;
}
.review_header_left{
display: flex;
align-items: center;
gap: 0.5rem;
}
.review_header_left span{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
}
.review_us{
display: flex;
padding: 0.25rem 0.5rem;
align-items: center;
gap: 0.5rem;
border-radius: 0.5rem;
background: #F4F8FA;
color: #247D99;
font-family: "Inter";
font-size: 0.75rem;
font-style: normal;
font-weight: 400;
line-height: 1rem;
}
.reviews-container{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.reviews_adc{
display: flex;
max-width: 37rem;
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.review_adv{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
align-self: stretch;
}
.review_adv p{
align-self: stretch;
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 1.25rem;
margin: 0;
}
.review_adv span{
align-self: stretch;
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.review_buttons{
display: flex;
align-items: center;
gap: 1.25rem;
position: absolute;
right: 1.5rem;
bottom: 2rem;
}
.review_buttons button{
display: flex;
align-items: center;
gap: 0.25rem;
border: none;
background: none;
}
.review_buttons span{
color: var(--Text-Text-3, #9299A5);
text-align: center;
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 0.875rem;
}
.reviews_stats{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
align-self: stretch;
}
.review-header{
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.review-header p{
display: flex;
align-items: center;
gap: 0.5rem;
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.review-header p strong{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 2rem;
font-style: normal;
font-weight: 400;
line-height: 2.5rem; /* 125% */
}
.reviews_grades{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
align-self: stretch;
}
.reviews_grades p{
color: var(--Text-Text-1, #111827);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
align-self: stretch;
margin: 0;
}
.reviews_grades ul{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
align-self: stretch;
}
.reviews_grades ul li{
display: flex;
align-items: center;
gap: 1.25rem;
align-self: stretch;
}
.reviews_grades ul li p{
color: var(--Text-Text-1, #111827);
text-align: center;
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem; /* 125% */
}
.reviews_grades ul li span{
color: var(--Text-Text-3, #9299A5);
text-align: right;
font-family: "Inter";
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.reviews_stats hr{
width: 100%;
margin: 0;
height: 0.0625rem;
background: #EBEDF1;
}
.product__review-right .theme-btn{
display: flex;
padding: 1rem 4rem;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.625rem;
align-self: stretch;
width: 100%;
border-radius: 0.625rem;
background: #00ABD7;
color: var(--Text-Text-white, #FFF);
font-family: "Inter";
font-size: 1rem;
font-style: normal;
font-weight: 600;
line-height: 1.375rem;
}
.grade-bar {
flex: 1;
height: 4px;
background: #F1F2F4;
border-radius: 4px;
overflow: hidden;
position: relative;
}
.grade-bar .fill {
height: 100%;
width: 0;
background: #247D99;
border-radius: 4px 0 0 4px;
transition: width 0.3s ease;
}
.catalog__title.form_product{
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 46px;
}
.adv_blocks{
display: flex;
align-items: center;
gap: 30px;
align-self: stretch;
flex-wrap: wrap;
}
.adv_block{
display: flex;
width: 486px;
height: 312px;
padding: 32px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
border-radius: 20px;
background: #F4F8FA;
}
.adv_block h3, .adv_block .h3{
color: #111D27;
font-family: "Inter";
font-size: 24px;
font-weight: 600;
line-height: 32px;
margin: 0;
max-width: 270px;
}
.adv_block ul{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
list-style: none;
color: #000;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
max-width: 382px;
margin-left: 41px;
}
.adv_block ul li{
position: relative;
}
.adv_block ul li:before{
content: url("/assets/templates/sint/img/Check.svg");
position: absolute;
left: -39px;
top: 0;
}
.category-content h2{
color: #111D27;
font-family: "Inter";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 32px;
margin-bottom: 16px;
margin-top: 16px;
}
.category-content h3{
color: #111D27;
font-family: "Inter";
font-size: 20px!important;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin-bottom: 16px;
margin-top: 16px;
}
.category-content p, .category-content ul{
color: #111D27;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin-bottom: 16px;
}
.category-content{
margin-bottom: 160px;
}
.desktop{
display: flex!important;
}
.mobile{
display: none!important;
}
#review-form {
display: flex;
align-items: flex-start;
flex-direction: column;
gap: 64px;
}
.review__modal-bg {
display: none;
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100%;
background: rgba(17, 24, 39, 0.50);
z-index: 99999999;
}
.review__modal-bg.active{
display: block;
}
.review__modal {
max-width: 1488px;
margin: 3% auto 0;
border-radius: 32px;
background: #FFF;
box-shadow: 0 4px 24px 0 rgba(36, 125, 153, 0.16);
padding: 96px;
position: relative;
}
.review__modal .review-modal_title {
color: #111D27;
font-family: "Inter";
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 46px;
margin-bottom: 56px;
}
.review__modal-top {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.rating-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.rating-container label {
color: #5A616C;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin: 0;
}
.rating-stars {
display: flex;
flex-direction: row-reverse;
gap: 0;
}
.rating-stars input {
display: none;
}
.rating-stars label {
display: inline-block;
font-size: 56px;
padding: 0 3px;
color: #ccc;
cursor: pointer;
transition: color 0.2s;
position: relative;
line-height: 56px;
}
.rating-stars label:hover,
.rating-stars label:hover ~ label,
.rating-stars input:checked ~ label {
color: #ffc107;
}
.rating-stars input:checked + label {
color: #ffc107;
animation: starPulse 0.3s ease-in-out;
}
.purchase-option {
display: flex;
align-items: center;
gap: 20px;
align-self: stretch;
}
.radio-group {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.radio-group input[type="radio"] {
display: none;
}
.radio-label {
display: flex;
padding: 8px 16px;
align-items: center;
gap: 8px;
border-radius: 8px;
background: #F7F8F9;
color: #9299A5;
font-size: 12px;
line-height: 16px;
margin: 0;
}
.radio-label:hover {
color: #247D99;
background: #F4F8FA;
}
.radio-group input[type="radio"]:checked + .radio-label {
color: #247D99;
background: #F4F8FA;
}
.radio-text {
display: flex;
}
.review__modal-bottom{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
align-self: stretch;
}
.review__form-block{
display: flex;
align-items: center;
gap: 30px;
align-self: stretch;
flex-wrap: wrap;
}
.review__form-block input, .review__form-block textarea{
display: flex;
padding: 16px 20px 16px 16px;
align-items: center;
gap: 10px;
flex: 1 0 0;
border-radius: 10px;
border: 2px solid #EBEDF1;
background: #FFF;
color: #9299A5;
font-size: 16px;
line-height: 22px;
}
.review__form-block textarea{
min-height: 115px;
}
.review__modal-submit{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
}
.review__modal-submit .btn{
display: flex;
width: 302px;
height: 52px;
padding: 17px 24px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 10px;
background: #00ABD7;
color: #FFF;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.review__modal-submit label{
margin: 0;
color: #B7BECA;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
.review__modal-submit label a{
color: #247D99;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.review__modal-submit input{
width: 16px;
height: 16px;
margin-right: 8px;
}
.review__modal-close{
position: absolute;
right: 32px;
top: 32px;
background: none;
display: flex;
flex-direction: column;
border: none;
color: #9299A5;
font-size: 12px;
line-height: 16px;
}
.show-all-reviews-btn{
background: none;
border: none;
color: #5A616C;
text-align: justify;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px;
width: 204px;
padding: 0;
margin: 0 auto;
position: relative;
}
.show-all-reviews-btn::before{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 18L15 12L9 6' stroke='%235A616C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
position: absolute;
top: 0;
right: 0;
}
.main-feedback .callme__row input:not([type="checkbox"]){
width: 342px;
}
.main-feedback .callme__form-right{
max-width: 340px;
}
.main-feedback .promo-card__media{
width: 48%;
flex: 1 0 0;
height: 648px;
}
.commerce_wrapper{
display: flex;
align-items: flex-start;
gap: 30px;
align-self: stretch;
margin-bottom: 160px;
flex-wrap: wrap;
}
.commerce_img{
width: 745px;
height: 612px;
border-radius: 20px;
overflow: hidden;
}
.commerce_img img{
width: 100%;
height: 100%!important;
object-fit: cover;
}
.commerce_block{
width: 715px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.commerce_text{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.commerce_text p{
color: #111D27;
font-family: "Inter";
font-size: 16px;
line-height: 28px;
margin: 0;
}
.commerce_block .btn{
display: flex;
width: 262px;
height: 52px;
padding: 17px 24px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 10px;
background: #00ABD7;
color: #FFF;
font-family: "Inter";
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.guaranty_wrapper{
display: flex;
align-items: center;
gap: 30px;
align-self: stretch;
margin-bottom: 126px;
margin-top: 10rem;
flex-wrap: wrap;
}
@media ( max-width: 767px ) {
.guaranty_wrapper{
margin-top: 0;
}
}
.guaranty_img{
width: 616px;
align-self: stretch;
border-radius: 20px;
overflow: hidden;
}
.guaranty_img img{
width: 100%;
object-fit: cover;
}
.guaranty_content-wrapper{
display: flex;
flex: 1 0 0;
flex-direction: column;
align-items: flex-start;
gap: 40px;
}
.guaranty_content{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
align-self: stretch;
}
.guaranty_text{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
align-self: stretch;
}
.guaranty_text p{
color: #111D27;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin: 0;
}
.commerce-form{
display: flex;
padding: 56px!important;
flex-direction: column;
align-items: flex-start;
gap: 56px;
align-self: stretch;
border-radius: 1.25rem;
background-image: url(/assets/templates/sint/img/background.jpg);
background-repeat: no-repeat;
background-color: #247D99!important;
background-size: cover;
background-blend-mode: multiply, normal;
}
.commerce-form .catalog__title{
color: #fff;
}
.commerce-form_content{
display: flex;
flex-wrap: wrap;
gap: 40px 30px;
align-items: flex-start;
align-content: flex-start;
}
.commerce-form-control{
display: flex;
padding: 15px 20px 15px 16px;
align-items: center;
gap: 10px;
border-radius: 10px;
border: 2px solid #EBEDF1;
color: #111D27;
background: #FFF;
font-family: "Inter";
font-size: 16px;
line-height: 22px;
width: 438px;
}
.commerce-form-control::placeholder{
color: #9299A5;
}
.commerce-form-submit{
display: flex;
align-items: center;
gap: 32px;
}
.commerce-block{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 56px;
}
.commerce-text_top{
color: #111D27;
font-family: "Inter";
font-size: 16px;
line-height: 28px;
}
.content_image{
margin: 0 3.5rem;
height: 510px;
align-self: stretch;
border-radius: 20px;
overflow: hidden;
}
.content_image img{
width: 100%;
height: 100% !important;
object-fit: cover;
}
.main-page_content{
margin-bottom: 56px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 56px;
}
.main-page_catalog-wrapper{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px;
margin-bottom: 160px;
}
.main-catalog_title{
display: flex;
width: 100%;
justify-content: space-between;
align-items: flex-end;
}
.main-catalog_title a{
display: flex;
align-items: flex-start;
gap: 10px;
}
.main-catalog_title a span{
color: #247D99;
font-family: "Inter";
font-size: 16px;
line-height: 22px;
}
.main-page_catalog{
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 32px 30px;
align-self: stretch;
flex-wrap: wrap;
}
.main-page_catalog-item{
display: flex;
padding: 28px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
border-radius: 20px;
background: #F9FDFF;
}
.main-page_catalog-item .product_content{
padding: 0;
}
.main-page_catalog-item .product_content div{
color: #111D27;
font-family: "Inter";
font-size: 24px;
font-weight: 700;
line-height: 32px;
margin: 0;
}
.main-page_catalog-item .product_content{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
width: 100%;
}
.main-catalog_show{
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
width: 100%;
}
.main-catalog_show span{
color: #5A616C;
font-family: "Inter";
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.main-slider{
margin: 32px 3.5rem 160px 3.5rem;
position: relative;
}
.main-slider_slide, .main-slider .owl-item{
height: 640px;
width: 100%;
}
.main-slider_slide{
background-repeat: no-repeat;
background-size: cover;
background-image: url("/assets/images/rectangle_1.png");
border-radius: 20px;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
}
.main-slider_img{
position: absolute;
top: 0;
right: 0;
height: 100%;
width: auto;
}
.main-slider_img img{
object-fit: cover;
height: 100%!important;
width: auto!important;
}
.main-slider_content{
display: flex;
max-width: 876px;
flex-direction: column;
align-items: flex-start;
gap: 56px;
}
.main-slider_title{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.main-slider_title p{
color: #FFF;
font-family: "Inter";
font-size: 46px;
font-style: normal;
font-weight: 700;
line-height: 56px;
text-transform: uppercase;
margin: 0;
}
.main-slider_btn{
display: flex;
width: 309px;
height: 52px;
padding: 17px 24px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 10px;
background: #FFF;
color: #00ABD7;
font-family: "Inter";
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.main-slider .owl-nav{
display: inline-flex;
align-items: center;
gap: 16px;
position: absolute;
left: 144px;
bottom: 40px;
}
.main-slider .owl-nav div{
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='40' y2='40' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='1' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='20' cy='20' r='19.5' fill='white' fill-opacity='0.4' stroke='url(%23g)'/%3E%3C/svg%3E");
}
.main-slider .owl-nav div.disabled svg path{
stroke: #EBEDF1;
}
.guaranty_content .theme-btn{
padding: 17px 24px;
gap: 10px;
border-radius: 10px;
background: #00ABD7;
width: 244px;
display: flex;
justify-content: center;
}
.solo_img{
position: absolute;
right: 0;
bottom: -156px;
height: 178%;
width: 50%;
}
.solo_img img{
position: unset;
width: 100%;
height: 100%;
object-fit: cover;
}
.main-feedback .row{
width: auto;
}
.main-feedback .promo-card__left .btn{
width: 217px;
}
.iti--separate-dial-code .iti__selected-flag{
background-color: #fff;
border-radius: 10px;
}
.news_page{
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
align-self: stretch;
font-family: "Inter";
margin-bottom: 160px;
width: 100%;
}
.news_page .section_title{
width: 100%;
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.news_page .section_title h1{
color: #111D27;
font-size: 40px;
font-weight: 700;
line-height: 46px;
margin: 0;
}
.news_sort{
display: flex;
align-items: center;
gap: 16px;
}
.news_sort span{
color: var(--Text-Text-3, #9299A5);
/* Desktop/Base/Base - r 24 */
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.news-page .callme{
margin: 0;
}
.news_list{
width: 100%;
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 40px 30px;
flex-wrap: wrap;
}
.sorting_block{
display: flex;
justify-content: space-between;
flex-direction: row-reverse;
width: 100%;
gap: 20px;
}
@media ( max-width: 767px ) {
.sorting_block{
flex-direction: column;
}
}
.news_card{
display: flex;
width: 486px;
height: 500px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
flex-shrink: 0;
}
.news_image{
width: 100%;
align-self: stretch;
border-radius: 20px;
justify-content: center;
display: flex;
overflow: hidden;
min-height: 320px;
}
.news_card-body{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.news_card-title{
color: #5A616C;
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.news_card-text{
color: #5A616C;
font-size: 16px;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
margin: 0;
}
.news_card-footer{
display: flex;
align-items: center;
gap: 16px;
}
.news_btn{
display: flex;
align-items: center;
gap: 16px;
color: #247D99;
font-size: 14px;
line-height: 20px;
}
.news_date{
color: #9299A5;
font-size: 14px;
line-height: 20px;
}
.news_divider{
width: 1px;
height: 20px;
background: #B7BECA;
}
.news_page .shop_toolbar{
margin: 0;
padding: 0;
border: none;
}
.news_page .shop_toolbar ul{
display: flex;
width: 720px;
gap: 10px;
align-items: center;
justify-content: center;
}
.news_page .shop_toolbar ul li{
margin: 0;
display: flex;
width: 44px;
height: 44px;
background: unset;
justify-content: center;
}
.news_page .shop_toolbar ul li a{
color: #5A616C;
text-align: center;
font-size: 14px;
line-height: 20px;
display: flex;
width: 44px;
height: 44px;
padding: 12px 17px;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 8px;
}
.news_page .shop_toolbar ul li a:hover{
color: #00ABD7;
background: unset;
}
.news_page .shop_toolbar ul li.current a{
background: #247D99;
color: #fff;
}
.news_sort select{
display: flex;
padding: 4px 0 8px 4px;
align-items: center;
gap: 2px;
border-radius: 6px;
border: none;
color: #5A616C;
font-size: 16px;
line-height: 24px;
}
.news_sort select option{
border-radius: 10px;
border: 1px solid #EBEDF1;
background: #FFF;
box-shadow: 0 8px 20px 0 rgba(4, 19, 43, 0.04);
display: flex;
width: 200px;
padding: 8px 0;
flex-direction: column;
align-items: center;
}
.news_control{
margin-top: 64px;
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
gap: 40px;
}
.news_more_btn{
width: 100%;
border-radius: 10px;
background: #F7F8F9;
border: none;
color: #111D27;
font-size: 16px;
line-height: 24px;
padding: 17px 24px;
}
.header_vk{
height: 32px;
}
.blog-page{
gap: 40px;
}
.blog_sort{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.blog-sort_year{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 8px;
}
.blog-sort_year .year-btn{
display: flex;
padding: 7px 15px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 8px;
border: 1px solid #EBEDF1;
background: #FFF;
color: #5A616C;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.04px;
}
.blog-sort_year .year-btn.active{
border: 1px solid #247D99;
}
.blog-page .news_list{
gap: 40px 20px;
}
.blog-page .news_card{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
height: 454px;
width: 365px;
}
.blog-page .news_card .news_image{
min-height: 260px;
}
.blog-page .news_card .news_card-body{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.blog-page .news_card .news_card-title{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
align-self: stretch;
font-size: 18px;
line-height: 24px;
}
.blog-page .news_card:first-child{
display: flex;
width: 100%;
align-items: flex-start;
gap: 30px;
flex-direction: row;
height: auto;
flex-wrap: wrap;
}
.blog-page .news_card:first-child .news_image{
height: 424px;
width: 750px;
}
.blog-page .news_card:first-child .news_card-body{
width: 730px;
padding: 16px 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}
.blog-page .news_card:first-child .news_date{
font-size: 16px;
line-height: 24px;
color: #5A616C;
}
.blog-page .news_card:first-child .news_card-title{
color: #111D27;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.blog-page .news_card:first-child .news_card-text{
-webkit-line-clamp: 8;
font-size: 18px;
color: #111D27;
line-height: 28px;
}
.page-sinle_blog{
font-family: "Inter";
margin-bottom: 160px;
}
.page-blog_feedback .callme{
margin-bottom: 0;
}
.page-sinle_blog .section_title,
.blog_page_section .section_title{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 56px;
align-self: stretch;
width: 100%;
margin: 0 0 48px 0;
}
.page-sinle_blog .section_title h1,
.blog_page_section .section_title h1{
color: #111D27;
font-size: 40px;
font-weight: 700;
line-height: 46px;
margin: 0;
}
.blog_info-wrapper{
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
align-self: stretch;
}
.page-block_img{
height: 500px;
align-self: stretch;
border-radius: 20px;
overflow: hidden;
}
.blog_info{
display: flex;
align-items: center;
gap: 16px;
}
.blog_info *{
display: flex;
padding: 8px 10px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 8px;
background: #F7F8F9;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.blog_info div{
color: #9299A5;
}
.blog_info span{
color: #5A616C;
}
.blog-content{
margin-bottom: 80px;
}
.blog-content ul{
list-style: disc;
}
.latest-posts{
display: flex;
padding: 80px 0;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 40px;
background: #F7F8F9;
}
.latest-posts h2{
color: #111D27;
font-size: 32px;
font-weight: 600;
line-height: 40px;
margin-bottom: 40px;
}
.latest-posts__list{
display: flex;
align-items: center;
gap: 20px;
align-self: stretch;
flex-wrap: wrap;
}
.latest-posts__list .blog-card{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
flex: 1 0 0;
}
.latest-posts_img{
height: 260px;
border-radius: 20px;
overflow: hidden;
}
.latest-posts__list .blog-info{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
padding: 0 8px;
}
.latest-posts__list .blog-info span{
color: #9299A5;
font-size: 14px;
line-height: 20px;
}
.latest-posts__list .blog-info h3{
color: #111D27;
font-size: 18px;
font-weight: 600;
line-height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
.latest-posts__list .blog-card:nth-child(5){
display: none;
}
.callme-logo, .callme-border_bottom, .callme-border_top{
display: none;
}
.page-blog_feedback .callme-logo, .page-blog_feedback .callme-border_bottom, .page-blog_feedback .callme-border_top{
display: block;
}
.page-blog_feedback .callme{
border-radius: unset;
position: relative;
}
.page-blog_feedback .callme .callme__wrap{
padding: 124px 0;
z-index: 1;
width: 100%;
}
.page-blog_feedback .callme .callme__wrap form{
width: 100%;
}
.page-blog_feedback .callme-border_bottom{
position: absolute;
bottom: -1px;
width: 100%;
border-radius: 40px 40px 0 0;
background: #111D27;
height: 40px;
}
.page-blog_feedback .callme-border_top{
position: absolute;
top: -1px;
width: 100%;
border-radius: 0 0 40px 40px;
background: #fff;
height: 40px;
}
.page-blog_feedback .callme-logo{
z-index: 0;
position: absolute;
right: 10.45vw;
top: 40px;
width: 166px;
height: 166px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='166' height='166' viewBox='0 0 166 166'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M145.596 29.1953H110.323C85.3345 29.1953 65.0441 49.5899 65.0441 74.5961C65.0441 99.5886 85.3345 119.984 110.323 119.984V113.337C88.9816 113.337 71.6167 95.9213 71.6167 74.5691C71.6167 53.2224 88.9816 35.8104 110.323 35.8104H145.596V29.1953ZM145.596 41.3376H110.323C92.0343 41.3376 77.1171 56.2631 77.1171 74.5544C77.1171 92.8507 92.0343 107.769 110.323 107.769V102.992C94.6608 102.992 81.8375 90.2132 81.8375 74.5434C81.8375 58.8751 94.6608 46.0904 110.323 46.0904H145.596V41.3376ZM145.596 50.2591H110.323C96.962 50.2591 85.978 61.1623 85.978 74.5299C85.978 87.8985 96.962 98.7943 110.323 98.7943V95.0664C99.0086 95.0664 89.6698 85.8349 89.6698 74.5187C89.6698 63.1946 99.0086 53.9677 110.323 53.9677H145.596V50.2591ZM145.596 57.3128H110.323C100.853 57.3128 92.9913 65.0368 92.9913 74.5144C92.9913 83.982 100.853 91.7026 110.323 91.7026V88.6441C102.528 88.6441 96.0162 82.2919 96.0162 74.4975C96.0162 66.7086 102.528 60.3556 110.323 60.3556H145.596V57.3128ZM110.323 127.951V132.551H55.6809V69.7414H20.3984V29.2401H82.4046C67.232 38.6596 57.0799 55.4517 57.0799 74.5961C57.0799 103.979 80.9465 127.951 110.323 127.951ZM110.323 69.7414H145.603L145.596 63.0807H110.323C103.972 63.0807 98.9505 68.263 98.9505 74.6119C98.9505 80.967 103.972 86.153 110.323 86.153V69.7414Z' fill='white' fill-opacity='0.16'/%3E%3C/svg%3E");
}
.blog-goods_wrapper{
padding: 80px 0 0 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.blog-goods_wrapper .catalog__title{
color: #111D27;
font-size: 32px;
font-weight: 600;
line-height: 40px;
}
.blog-goods_wrapper .similar_product-card{
height: 550px;
justify-content: space-between;
}
.blog-goods_wrapper .primary_img{
display: flex;
width: 357px;
height: 380px;
}
.blog-goods_wrapper .primary_img img{
object-fit: cover;
}
.blog-goods_wrapper .similar_product-content{
text-align: left;
}
.blog-goods_wrapper .product_thumb{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
align-self: stretch;
}
.blog-goods_wrapper .owl-nav{
position: absolute;
display: flex;
align-items: center;
gap: 11px;
top: -67px;
right: 0;
}
.blog-goods_wrapper .owl-nav > div{
position: unset;
transform: unset;
width: 32px;
height: 32px;
background: #F8F9FC;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
}
.categories-filter{
margin-bottom: 96px;
display: flex;
align-items: center;
gap: 40px;
width: 100%;
overflow: auto;
padding: 0 15px;
}
.categories-filter .cat-btn{
display: flex;
padding: 16px 20px 16px 8px;
align-items: center;
gap: 20px;
border-radius: 16px;
border: 1px solid #D2D6DC;
background: #FFF;
}
.categories-filter .cat-btn.active, .categories-filter .cat-btn:hover{
border: 1px solid #247D99;
}
.categories-filter .cat-btn span{
color: #111D27;
font-size: 24px;
line-height: 32px;
text-align: left;
}
.categories-filter .cat-btn img{
width: 86px;
height: 86px;
}
.header_bottom .geolocation{
display: none;
}
.custom-select {
position: relative;
user-select: none;
border: none;
padding: 0 32px 0 0;
height: auto;
background: url('data:image/svg+xml,') no-repeat right .58rem center;
}
.custom-select.active{
background: url('data:image/svg+xml,') no-repeat right .58rem center;
}
.select-selected {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: #5A616C;
}
.custom-select.active .select-selected{
color: #247D99;
}
.select-items {
position: absolute;
width: 200px;
padding: 8px 0;
flex-direction: column;
align-items: center;
z-index: 99;
top: 115%;
left: 0;
display: none;
border-radius: 10px;
border: 1px solid #EBEDF1;
background: #FFF;
box-shadow: 0 8px 20px 0 rgba(4, 19, 43, 0.04);
}
.select-items div {
display: flex;
padding: 12px 20px;
align-items: center;
align-self: stretch;
cursor: pointer;
color: #111D27;
font-size: 16px;
line-height: 24px;
}
.select-items div.selected{
color: #9299A5;
}
.mobile-feedback{
display: none;
}
.news_btn__first_value{
display: none;
}
.blog-page .news_card:first-child .news_btn__first_value{
display: inline-block;
margin-left: -11px;
}
@media screen and (max-width: 1200px) {
.desktop{
display: none!important;
}
.news_image{
min-height: 268px;
}
.blog-page .news_card .news_image{
min-height: unset ;
}
.news_more_btn{
padding: 15px 24px;
}
.mobile{
display: flex!important;
}
.hero{
margin: 3rem 0.25rem 0 0.25rem;
padding: 0;
height: 46rem;
}
.hero .breadcrumbs_area{
top: -3.8rem;
}
.hero .breadcrumb_content ul li{
font-weight: 400;
color: var(--Text-Text-2, #5A616C);
}
.hero .breadcrumb_content ul li a{
color: var(--Text-Text-1, #111827);
font-weight: 600;
}
.hero__feats{
gap: 1rem;
width: 96%;
bottom: -3rem;
left: 1rem;
}
.hero__content{
gap: 17.13rem;
margin: 4rem 0.75rem 0 0.75rem;
align-items: normal;
}
.feat{
padding: 1.25rem 1.25rem 1.5rem 1.25rem;
gap: 0.625rem;
}
.feat__icon{
width: 2rem;
height: 2rem;
}
.feat__title{
width: 13.625rem;
font-size: 1rem;
line-height: 1.375rem;
}
.hero_wrapper{
align-content: unset;
overflow: hidden;
}
.hero__aside img{
width: 34.4375rem;
height: auto;
max-width: unset;
}
.hero__aside img:nth-child(3){
top: -19rem;
left: -7.5rem;
}
.hero__aside img:nth-child(2){
top: -20rem;
left: 6rem;
filter: blur(2.5px);
width: 26.8125rem;
}
.hero__aside img:nth-child(1) {
top: -21rem;
filter: blur(5px);
left: 3rem;
width: 16.0625rem;
}
.hero__aside .logo_catalog {
top: -166px;
left: 29%;
}
.header__title_content{
gap: 1rem;
}
.hero__title{
font-size: 2rem;
font-weight: 600;
line-height: 2.5rem;
}
.hero__title:not(:has( + p)){
margin-bottom: 94px;
}
.hero__lead{
font-size: 18px;
font-weight: 600;
line-height: 26px;
}
.shop_area{
margin-top: 7rem;
}
.p-card__specs{
margin-bottom: 0.75rem;
margin-top: 0;
}
.js-products-grid .col-block { display: none; }
.js-products-grid .col-block:nth-child(-n+5),
.js-products-grid .col-block.is-visible { display: block; }
.show-more-mobile { display: flex ; }
.certs, .pour, .compare, .ltests__container, .why, .cta, .aboutblk{
margin-bottom: 4rem;
}
.callme{
margin-bottom: 0;
}
.qv__dialog{
width: 95%;
height: 96vh;
overflow-y: auto;
}
.qv__left{
width: 100%;
height: auto;
aspect-ratio: unset;
text-align: center;
}
.qv__left img{
width: 16.25rem;
}
.qv__content-top .row{
position: absolute;
flex-direction: row;
top: .25rem;
left: .25rem;
width: 100%!important;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.qv__rating{
background: #F4F6FF;
}
.qv__grid{
gap: 0.625rem;
width: 100%;
}
.qv__content-top .col-md-12{
gap: 0.875rem;
}
.qv__title{
font-size: 1.25rem;
line-height: 1.75rem;
}
.qv__content{
gap: 1.5rem;
}
.qv__content-bottom{
gap: 1rem;
flex-wrap: wrap;
}
.qv__right{
gap: 1.5rem;
width: 100%;
}
.qv__right .btn--muted{
width: 100%;
}
.qv__content-top{
width: 100%;
}
.qv__specs{
width: 100%;
}
.qv__specs div{
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.catalog__title{
font-size: 2rem;
font-weight: 500;
line-height: 2.5rem;
}
.section_catalog_title{
margin-bottom: 2rem;
}
.usecases__container, .advantages__container{
gap: 2rem;
}
.usecases__grid{
gap: 16px 13px;
}
.usecases__item{
padding: 1.25rem 1rem;
gap: 16px;
width: 47%;
height: 144px;
}
.usecases__text{
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
.promo-card{
padding: 1.5rem 1rem 2rem 1rem;
}
.promo-card__left{
width: auto;
gap: 1.25rem;
}
.promo-card__text{
gap: 1rem;
}
.promo-card__right .btn, .compare .btn{
width: 100%!important;
}
.company-promo{
margin: 0 -15px 86px -15px;
}
.why{
width: 100%;
gap: 2rem;
padding: 2rem 1rem;
margin-left: 0;
margin-right: 0;
}
.why .container,.compare .container, .cta .container{
padding: 0;
}
.why .container .row{
gap: 2rem;
}
.why__grid{
gap: 1.25rem;
}
.why__card--white{
padding: 1.5rem 1rem;
gap: 1.5rem;
}
.why__list{
gap: 1.5rem;
}
.why__list div{
width: 100%;
gap: 1rem;
}
.why__card--blue{
padding: 1.25rem 1rem;
gap: 1rem;
width: 46.5%;
}
.why__card--blue:nth-child(4){
margin-top: -20px;
}
.why__card-text{
font-size: 1rem;
line-height: 1.375rem;
width: 100%;
}
.why__card--blue img{
width: 2rem;
height: 2rem;
}
.why__card--barrels{
width: 100%;
padding: 1.5rem 1rem;
height: 11.5rem;
}
.why__card--barrels p{
font-weight: 600;
width: 100%;
}
.why__card--barrels .barrel.barrel--left{
width: 7.75rem;
right: 5.875rem;
bottom: -1.8125rem;
}
.why__card--barrels .barrel.barrel--right{
right: 0;
width: 6.75rem;
bottom: -1.0625rem;
}
.why__card--barrels .barrel.barrel--center{
width: 8.625rem;
right: 2.25rem;
bottom: -2.25rem;
}
.ltests__container{
gap: 2.5rem;
}
.ltests__cta{
width: 100%;
}
.guarantees-card__media{
width: 21.4375rem;
height: 14.75rem;
}
.promo-card__right{
width: 100%;
gap: 1.5rem;
}
.promo-card__right .promo-card__title{
gap: 1rem;
}
.guarantees-card__text{
gap: 0.75rem;
}
.compare__card{ display:none; }
.compare__card.is-active{ display:flex; }
.compare__tabs{
display: flex;
align-items: center;
gap: 2rem;
align-self: stretch;
overflow: auto;
width: 100%;
}
.compare .container .row{
width: 100%;
}
.compare__tab{
color: var(--Text-Text-3, #9299A5);
font-family: "Inter";
font-size: 1.125rem;
font-style: normal;
font-weight: 600;
line-height: 1.5rem;
border: none;
background: none;
padding: 0;
white-space: nowrap;
}
.compare__tab.is-active{
color: #00ABD7;
}
.compare__photos .compare__photo:nth-child(2){
display: none;
}
.compare__grid{
flex-wrap: wrap;
}
.compare{
gap: 2rem;
width: 100%;
padding: 4rem 1rem;
margin-left: 0;
margin-right: 0;
}
.compare .container .row{
gap:2rem;
}
.compare__card{
padding: 1.5rem 1rem;
}
.compare__media{
width: 10rem;
height: 10rem;
aspect-ratio: 1/1;
}
.compare__list{
gap: 1rem;
}
.compare__photo{
width: 100%;
height: 21.0625rem;
}
.compare__h3{
width: 100%;
}
.pour__grid{
gap: 1.5rem;
}
.pour__card--day{
width: 100%;
gap: 1rem;
padding: 1.5rem 1rem;
}
.pour__steps{
gap: 1rem;
}
.pour__card--adapter{
padding: 1.5rem 1rem;
gap: 1rem;
}
.pour__note{
width: 100%;
font-size: 1rem;
line-height: 1.5rem;
}
.pour__adapters-wrapper{
gap: 0.75rem;
}
.pour__adapters{
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 0.75rem;
}
.pour__adapter{
width: 100%;
height: 10.5rem;
}
.cta__right{
display: none;
}
.cta{
padding: 4rem 1rem 2rem 1rem;
margin-left: 0;
margin-right: 0;
width: 100%;
margin-bottom: 2rem;
}
.cta__wrap{
display: flex;
width: 100%;
}
.cta__left{
gap: 1.5rem;
width: 100%;
}
.cta__title_wrapper{
width: 100%;
}
.cta__form{
gap: 1rem;
width: 100%;
}
.cta__grid{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 1rem;
width: 100%;
}
.cta__grid input{
width: 100% !important;
}
.field--area{
width: 100%;
}
.cta__bottom{
width: 100%;
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: flex-start;
gap: 1.5rem;
margin-top: 0;
}
.aboutblk__section.desktop{
display: none;
}
.aboutblk{
gap: 2rem;
margin-bottom: 2rem;
}
.aboutblk__wrap{
gap: 2rem;
flex-direction: column-reverse;
}
.aboutblk__right{
width: 100%;
height: 239px;
}
.aboutblk__left{
width: 100%;
gap: 2rem;
}
.aboutblk__section{
gap: 1rem;
}
.cta__bottom .btn{
width: 100%;
}
.aboutblk__more{
width: 100%;
}
.abmodal__close{
right: 10px;
top: 10px;
}
.abmodal__dialog{
left: 9%;
transform: translate(-4%, -44%);
padding: 1.5rem 1rem;
gap: 1.25rem;
}
.abmodal .catalog__title{
line-height: 2rem;
font-weight: 600;
}
.abpages__controls{
display: flex;
}
.abpages__controls{
width: 100%;
}
.abpages__controls .btn{
border: none;
background: none;
display: flex;
padding: 0.25rem 4rem;
justify-content: center;
align-items: center;
gap: 0.625rem;
color: #0077EB;
font-family: "Inter";
font-size: 0.9375rem;
font-style: normal;
font-weight: 400;
line-height: 1.25rem;
}
.ab-next.is-last .icon-next{ display:none; }
.callme__wrap{
padding: 40px 1rem;
width: 100%;
}
.callme__head{
height: auto;
width: 100%;
}
.callme__form{
width: 100%;
}
.callme__row{
gap: 1.5rem;
width: 100%;
}
.callme__row input:not([type="checkbox"]){
width: 100%;
}
.callme__form-right{
flex-direction: column-reverse;
width: 100%;
gap: 1.25rem;
}
.main-feedback .callme__form-right{
width: 100%;
}
.product_card.qv--inline{
padding: 1.25rem 1rem;
}
.promo-card__media{
width: 100%!important;
height: 462px;
}
.main-feedback .promo-card__media{
flex: unset;
}
.promo-card__media img{
width: 100% !important;
object-fit: cover;
}
.buttons_select_area{
gap: 24px;
}
.product_buttons{
gap: 1rem;
}
.product_details .row{
margin-left: 0;
margin-right: 0;
}
.certs__head{
flex-wrap: wrap;
}
.adv_blocks{
gap: 24px;
}
.adv_block{
height: auto;
width: 100%;
padding: 24px;
gap: 24px;
}
.adv_block h3{
font-size: 20px!important;
line-height: 28px;
max-width: unset;
}
.adv_block ul{
margin-left: 24px;
}
.category-content h2{
font-size: 24px;
line-height: 32px;
margin-top: 64px;
}
.category-content{
margin-bottom: 64px;
}
.product_d_right--top.mobile{
gap: 16px;
}
.product_d_right--top .product-title{
margin: 0;
font-family: "Inter";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px;
}
.product_rating--article{
justify-content: space-between;
width: 100%;
}
.product_buttons a{
width: 100%;
}
.buttons_select_area{
width: 100%;
overflow: auto;
}
.product_reviews_wrapper{
gap: 64px;
flex-direction: column-reverse;
}
.reviews_left{
width: 100%;
}
.product__review-right{
width: 100%;
}
.product_mc-wrapper, .product_reviews_wrapper, .product_collections, .product_area{
margin-bottom: 64px;
}
.product_mc-wrapper{
margin-top: 34px;
}
.buttons_select_area button, .buttons_select_area a, .buttons_select_area p{
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
text-wrap-mode: nowrap;
}
.review__modal{
padding: 15px;
height: 100%;
width: 95%;
overflow: auto;
}
.review__form-block input, .review__form-block textarea{
width: 100%;
flex: unset;
}
.review__modal .review-modal_title{
font-size: 25px;
}
.review__modal-close{
right: 8px;
top: 8px;
}
.p-card__rating_wrapper{
flex-direction: row;
}
.p-card{
padding: 20px 16px;
}
.advantages{
margin: 0;
}
.ltests__figure{
width: 343px;
height: 280px;
}
.ltests__figure .ltests__img{
height: 100% !important;
width: 100%;
}
.guarantees-card{
margin-bottom: 40px;
}
.certs__track{
height: 266px;
overflow: auto;
}
.certs__item{
height: 100%;
}
.certs__item img{
height: 100% !important;
object-fit: fill;
}
.cta__lead{
width: 100%;
}
.cta__grid input{
font-size: 14px;
}
.category-content ul{
list-style: disc;
margin-left: 25px;
}
.pour__steps br{
display: none;
}
.product_buttons .find-out, .product_buttons .buy{
width: 100%;
}
.product{
flex-direction: column;
height: auto;
}
.product .swiper-mini{
max-width: 100%;
}
.qv__specs dd{
text-align: right;
}
.product-col-block_right{
padding: 0;
}
.sort_params p, .sort_grade p{
font-size: 14px;
line-height: 20px
}
.sort_params button, .sort_grade button{
font-size: 14px;
line-height: 20px;
}
.sort_params, .sort_grade{
width: 100%;
justify-content: space-between;
gap: unset;
}
.review_buttons{
position: unset;
}
.ways-to_get_wrapper .wtp-card{
flex: 1 0 0;
max-width: 100%;
}
.product_wrapper .catalog__title{
text-transform: unset;
font-size: 28px;
line-height: 36px;
}
.photo__wrapper{
margin: 0;
width: 100%;
}
.product_photo_wrapper{
flex-wrap: nowrap;
width: 100%;
overflow: auto;
justify-content: flex-start;
}
.product__card .video__photo .item{
max-width: unset;
width: 290px;
}
.product__card.is-active, .product_wrapper{
gap: 32px;
}
.product_wrapper .owl-nav{
position: absolute;
top: -65px;
right: 0;
display: flex;
align-items: center;
gap: 11px;
}
.product_wrapper .owl-nav .owl-prev, .product_wrapper .owl-nav .owl-next{
width: 32px;
height: 32px;
border-radius: 50%;
background: #F8F9FC;
position: unset;
transform:unset;
font-size: 22px;
display: flex;
align-items: center;
justify-content: center;
}
.product__card .catalog__title{
text-transform: none;
font-size: 28px;
line-height: 40px;
}
#reviews .catalog__title p{
text-transform: none;
}
.reviews_sort{
gap: 16px;
}
.main-slider{
margin: 24px 24px 86px 24px;
}
.main-slider_slide, .main-slider .owl-item{
height: 348px;
align-items: flex-start;
}
.main-slider_content{
gap: 24px;
margin-top: 40px;
}
.main-slider_title{
gap: 0;
}
.main-slider_title p{
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.main-slider_btn{
width: auto;
height: auto;
padding: 10px 64px;
font-size: 14px;
line-height: 20px
}
.main-slider_img {
top: 15px;
right: -74px;
}
.main-slider .owl-nav{
left: 32px;
bottom: 24px;
}
.main-page_catalog{
gap: 16px;
justify-content: space-between;
}
.main-page_catalog-item{
padding: 20px;
}
.main-page_catalog-item .product_content div{
font-size: 20px!important;
line-height: 28px;
}
.main-catalog_show span{
font-size: 14px;
line-height: 20px;
}
.main-catalog_title a{
gap: 4px;
}
.main-page_catalog-wrapper{
margin-bottom: 86px;
}
.content_image{
margin: 0 24px;
}
.callme__lead{
max-width: 460px;
}
.main-page_content{
margin-bottom: 32px;
}
.commerce-form{
padding: 40px 32px!important;
gap: 40px;
}
.commerce-form_content{
gap: 20px 16px;
}
.commerce-form-control{
flex: 1 0 0;
width: auto;
padding: 16px 20px 16px 16px;
font-size: 14px;
line-height: 20px;
}
.commerce-form-submit{
gap: 40px;
flex-wrap: wrap;
}
.commerce-form-submit .btn{
padding: 17px 24px;
font-size: 16px;
line-height: 24px;
}
.commerce-block{
margin-bottom: 116px;
}
.promo-card{
flex-direction: column-reverse;
gap: 30px;
padding: 24px;
}
.guaranty_wrapper{
margin-bottom: 86px;
gap: 24px;
}
.guaranty_img{
width: 100%;
}
.guaranty_content-wrapper,.guaranty_content{
gap: 24px;
}
.guaranty_text{
gap: 12px;
}
.commerce_wrapper{
flex-direction: column-reverse;
gap: 32px;
}
.commerce_img{
width: 100%;
height: 406px;
}
.commerce_block{
width: 100%;
gap: 24px;
}
.main-feedback .callme__row input:not([type="checkbox"]){
flex: 1 0 0;
width: 30%;
padding: 16px 20px 16px 16px;
}
.main-feedback .callme{
margin-bottom: 86px;
}
.commerce_wrapper{
margin-bottom: 86px;
}
.header_search{
width: 40px;
height: 40px;
padding: 10px;
margin: 0;
}
.header_social{
gap: 12px;
}
.news_page .shop_toolbar ul{
width: 100%;
gap: 5px;
}
.news_list{
gap: 32px;
}
.news_card{
width: 344px;
}
.news_page{
gap: 40px;
margin-bottom: 64px;
}
.news_page .section_title{
gap: 16px;
}
.news_page .section_title h1{
font-size: 40px;
line-height: 52px;
}
.blog-page .news_list{
gap: 32px;
}
.blog-page .news_btn{
font-size: 12px;
}
.blog-page .news_card{
gap: 20px;
width: 344px;
height: 478px;
}
.blog-page .news_card .news_card-body{
gap: 10px;
padding: 0 8px;
}
.blog-page .news_card .news_card-title{
-webkit-line-clamp: 3;
}
.blog-page .news_card:first-child{
gap: 12px;
flex: unset;
}
.blog-page .news_card:first-child .news_image{
width: 100%;
height: 332px;
}
.blog-page .news_card:first-child .news_card-body{
padding: 0;
gap: 12px;
width: 100%;
}
.blog-page .news_card:first-child .news_card-text{
-webkit-line-clamp: 2;
font-size: 13px;
line-height: 20px;
}
.blog-page .news_card:first-child .news_card-title{
font-size: 16px;
line-height: 24px;
}
.news_control .pagination{
margin: 0;
}
.page-blog_feedback .callme-logo{
display: none;
}
.page-blog_feedback .callme-border_top, .page-blog_feedback .callme-border_bottom{
height: 24px;
}
.page-sinle_blog .section_title,
.blog_page_section .section_title{
gap: 40px;
margin-bottom: 32px;
}
.blog_info-wrapper{
gap: 20px;
}
.page-block_img{
height: 332px;
}
.blog_info *{
font-size: 14px;
line-height: 20px;
}
.latest-posts{
padding: 32px 0;
}
.latest-posts h2{
margin-bottom: 32px;
}
.latest-posts__list{
gap: 32px;
}
.latest-posts__list .blog-card{
flex: unset;
width: 344px;
}
.page-sinle_blog{
margin-bottom: 96px;
}
.categories-filter{
margin-bottom: 40px;
gap: 24px;
}
.categories-filter .cat-btn{
padding: 16px 20px 16px 8px;
gap: 16px;
flex: 1 1 auto;
min-width: 230px;
}
.categories-filter .cat-btn span{
font-size: 20px;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.categories-filter .cat-btn img{
width: 64px;
height: 64px;
}
.header_top-wrapper .h3{
display: none;
}
.menu_two{
display: none;
}
.header_bottom-wrapper .h3{
color: var(--Text-Text-2, #5A616C);
font-family: "Inter";
font-size: 0.625rem;
font-style: normal;
font-weight: 400;
line-height: 0.875rem;
text-transform: uppercase;
margin: 0;
}
.header_top .geolocation{
display: none;
}
.header_bottom .geolocation{
display: block;
}
.header_two .header_top .header_top_contacts{
justify-content: space-between;
width: 100%;
gap: unset;
}
.header_two .header_top{
padding: 10px 0;
}
.header_two .header_top .header_top_contacts .contact_block{
gap: 8px;
}
.mobile-feedback{
display: none;
}
.header_logo{
display: flex;
align-items: center;
gap: 17px;
}
.header_bottom-right{
flex-direction: row-reverse;
gap: 20px;
}
.header_bottom-right .callback{
display: flex;
}
.footer-left{
gap: 32px;
}
.header_bottom-right .callback{
width: 164px;
height: 40px;
padding: 17px 24px;
font-size: 14px;
line-height: 20px;
}
.header_vk svg{
width: 40px;
height: 40px;
}
.header_two .header_bottom .header_bottom-wrapper{
padding-bottom: 23px;
padding-top: 8px;
border-bottom: 1px solid #D2D6DC;
}
.news_control{
margin-top: 16px;
}
.page-blog_feedback .callme .callme__wrap{
padding: 86px 0;
}
.page-blog_feedback .callme__head{
max-width: 560px;
}
.page-blog_feedback .callme__head br{
display: none!important;
}
.page-blog_feedback .callme__form-right .btn--ghost{
width: 248px;
}
.page-blog_feedback .callme__row{
gap: 40px 16px;
}
.page-blog_feedback .callme__form-right{
gap: 16px;
}
.page-blog_feedback .catalog__title{
font-size: 32px;
line-height: 40px;
}
.callme__wrap{
gap: 40px;
}
}
@media (min-width: 700px) and (max-width: 1200px){
.product-col-block_right{
flex: 1 0 0;
width: 100%;
max-width: unset;
}
.product{
height: 37.875rem;
display: flex;
flex-direction: row-reverse;
gap: 30px;
}
.product .swiper-mini{
max-width: 99px;
}
.product_buttons{
flex-direction: row;
}
.product_buttons .find-out, .product_buttons .buy {
width: 48%;
}
.product__card .catalog__title{
text-transform: uppercase;
}
.callme__row input:not([type="checkbox"]) {
width: 30%;
}
.callme__form-right{
flex-direction: row;
max-width: 100%;
}
}
@media ( max-width: 767px ) {
.page-blog_feedback .callme__form-right{
max-width: unset;
}
.page-blog_feedback .callme__form-right .btn--ghost{
width: 100%;
}
.page-blog_feedback .callme__row{
gap: 24px;
}
.page-blog_feedback .callme__form-right{
gap: 24px;
margin-top: 8px;
}
.callme__agree{
max-width: 70%;
}
.blog-page .news_card:first-child .news_btn__first_value{
margin-left: 0;
}
}
@media screen and (min-width: 1201px) {
.abpage[hidden]{
display: block!important;
}
.product-col-block_right{
padding-left: 159px;
}
}
@media (max-width: 767px) {
.certs__nav{
display: none;
}
.main-slider {
margin: 16px 8px 64px 8px;
}
.main-slider_slide, .main-slider .owl-item{
height: 734px;
}
.main-slider_img{
width: auto;
height: 392px;
top: unset;
bottom: 44px;
right: 0;
}
.main-slider .owl-nav {
left: 11px;
bottom: 50%;
width: 94%;
display: flex;
justify-content: space-between;
}
.main-slider_btn{
position: absolute;
bottom: 40px;
padding: 17px 24px;
font-size: 16px;
width: 91%;
}
.main-page_catalog-wrapper{
gap: 32px;
}
.main-page_catalog-item{
flex-direction: row;
padding: 16px;
align-items: center;
gap: 20px;
width: 100%;
}
.main-page_catalog-item .product_thumb{
width: 64px;
height: 64px;
}
.main-page_catalog-item .product_content{
width: 73%;
gap: 10px;
}
.main-page_content{
margin-bottom: 24px;
}
.content_image{
margin: 0 8px;
}
.main-page_catalog-wrapper{
margin-bottom: 64px;
}
.commerce-block{
margin-bottom: 94px;
}
.commerce-block{
gap: 32px;
}
.commerce-form-submit{
flex-direction: column-reverse;
gap: 16px;
}
.news_card{
width: 100%;
height: auto;
}
.commerce-form-submit .btn{
width: 100%;
padding: 17px 8px;
}
.promo-card{
flex-direction: column;
gap: 24px;
}
.promo-card__left .btn{
width: 100%;
}
.promo-card__media{
height: 320px;
}
.company-promo {
margin: 0 -15px 0 -15px;
}
.guaranty_wrapper{
flex-direction: column-reverse;
gap: 20px;
margin-bottom: 66px;
}
.guaranty_content .theme-btn{
width: 100%;
}
.guaranty_content-wrapper{
gap: 16px;
}
.main-feedback .certs{
margin-bottom: 136px;
}
.commerce_block{
gap: 32px;
}
.commerce_img{
height: 239px;
}
.commerce_block .btn{
width: 100%;
}
.commerce_wrapper{
margin-bottom: 96px;
}
.main-feedback .callme__row input:not([type="checkbox"]){
width: 100%;
flex: unset;
}
.main-feedback .promo-card__left .btn{
width: 100%;
}
.main-slider_title p{
font-size: 26px;
line-height: 34px;
}
.main-slider .owl-nav svg path{
stroke: #247D99;
}
.main-feedback .catalog__title{
font-size: 28px;
font-weight: 700;
line-height: 40px;
}
.commerce-form{
padding: 24px 16px!important;
}
.commerce-form-control{
padding: 14px 20px 14px 16px;
}
.news_image{
min-height: 234px;
}
.news_card-body{
gap: 10px;
}
.news_card-title{
font-size: 18px;
line-height: 24px;
}
.news_control{
margin-top: 16px;
gap: 24px;
}
.blog-page .news_list{
gap: 16px;
}
.blog-page .news_card{
flex-direction: row;
width: 100%;
height: auto;
gap: 16px;
}
.blog-page .news_card .news_image{
width: 100px;
height: 100px;
}
.blog-page .news_card .news_card-body{
gap: 4px;
padding: 0;
flex: 2 0 0;
}
.blog-page .news_card .news_date{
font-size: 12px;
}
.blog-page .news_card .news_card-title{
font-size: 16px;
}
.blog-page .news_card .news_card-text{
display: none;
}
.blog-page .news_btn{
display: none;
}
.blog-page .news_card:first-child .news_image{
height: 180px;
}
.blog-page .news_card:first-child .news_card-body {
gap: 12px;
}
.blog-page .news_card:first-child .news_date{
font-size: 14px;
line-height: 20px;
}
.blog-page .news_card:first-child .news_card-text{
display: -webkit-inline-box;
}
.blog-page .news_card:first-child .news_btn{
display: block;
font-size: 12px;
}
.page-sinle_blog .section_title,
.blog_page_section .section_title{
gap: 24px;
margin-bottom: 24px;
}
.page-sinle_blog .section_title h1,
.blog_page_section .section_title h1{
font-size: 24px;
line-height: 32px;
}
.blog_info-wrapper{
gap: 16px;
}
.page-block_img{
height: 230px;
}
.blog-content{
margin-bottom: 64px;
}
.latest-posts{
padding: 32px 0;
}
.latest-posts h2{
margin-bottom: 24px;
font-size: 28px;
line-height: 36px;
}
.latest-posts__list{
gap: 16px;
}
.latest-posts__list .blog-card{
width: 100%;
flex-direction: row;
}
.latest-posts_img{
width: 100px;
height: 100px;
}
.latest-posts__list .blog-info{
gap: 4px;
flex: 2 0 0;
padding: 0;
}
.latest-posts__list .blog-info span{
font-size: 12px;
}
.latest-posts__list .blog-info h3{
font-size: 16px!important;
-webkit-line-clamp: 3;
}
.blog-goods_wrapper{
padding: 64px 0 0 0;
}
.page-sinle_blog{
margin-bottom: 64px;
}
.categories-filter{
gap: 16px;
}
.categories-filter .cat-btn{
padding: 10px 16px 10px 8px;
min-width: 220px;
}
.categories-filter .cat-btn img{
width: 56px;
height: 56px;
}
.breadcrumb_content{
padding-top: 16px;
}
.breadcrumbs_area{
margin-bottom: 12px!important;
}
.blog-page .news_card:first-child{
margin-bottom: 16px;
}
.page-blog_feedback .callme .callme__wrap{
padding: 64px 0 92px 0;
}
.news_page .section_title h1{
font-size: 32px;
line-height: 40px;
}
.header_top, .header_vk{
display: none;
}
.header_bottom .geolocation{
display: none;
}
.mobile-feedback{
display: flex;
}
.header_bottom-right .callback{
display: none;
}
}
.itb-copyright {
font-family: "Inter";
font-size: 12px;
font-weight: 400;
text-decoration: none;
color: var(--Text-Text-3, #9299A5);
transition: color ease-in-out 0.2s;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
margin-right: 125px;
}
.itb-copyright__popup {
display: none;
position: absolute;
border-radius: 4px;
width: 136%;
padding: 12px;
box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.08);
background: #f5f5f5;
top: 0;
left: -8px;
transform: translate(-1%, calc(-100% - 24px));
}
.itb-copyright.opened .itb-copyright__popup {
display: block;
}
.itb-copyright__popup:after {
content: '';
border-radius: 2px;
width: 12px;
height: 12px;
background: #f5f5f5;
transform: rotate(-45deg);
position: absolute;
bottom: -6px;
left: 0;
right: 0;
margin: 0 auto;
}
.itb-copyright__popup a {
font-size: 14px;
text-decoration: none;
color: rgba(0, 0, 0, 0.6);
transition: color ease-in-out 0.2s;
}
.itb-copyright__popup a:hover {
color: rgba(0, 38, 174, 0.6);
}
.itb-copyright__popup a + a {
margin-left: 24px;
}
.itb-copyright svg {
fill: rgba(var(--copyright-color, 0, 0, 0), 0.4);
transition: fill ease-in-out 0.2s;
margin-left: 12px;
}
.itb-copyright.blacked {
color: rgba(var(--copyright-color, 255, 255, 255), 0.5);
}
.itb-copyright.blacked svg {
fill: rgba(var(--copyright-color, 255, 255, 255), 0.5);
}
.itb-copyright.blacked:hover {
color: rgba(var(--copyright-color, 255, 255, 255), 0.7);
}
.itb-copyright.blacked:hover svg {
fill: rgba(var(--copyright-color, 255, 255, 255), 0.7);
}
.itb-copyright.blacked .itb-copyright__popup {
background: #4d4d4d;
}
.itb-copyright.blacked .itb-copyright__popup:after {
background: #4d4d4d;
}
.itb-copyright.blacked .itb-copyright__popup a {
color: rgba(255, 255, 255, 0.7);
}
.itb-copyright.blacked .itb-copyright__popup a:hover {
color: rgba(255, 255, 255, 1);
}
.itb-copyright.colored {
color: rgba(var(--copyright-color, 255, 255, 255), 0.7);
}
.itb-copyright.colored svg {
fill: rgba(var(--copyright-color, 255, 255, 255), 0.7);
}
.itb-copyright.colored:hover {
color: rgba(var(--copyright-color, 255, 255, 255), 0.9);
}
.itb-copyright.colored:hover svg {
fill: rgba(var(--copyright-color, 255, 255, 255), 0.9);
}
.itb-copyright.colored .itb-copyright__popup {
background: #f5f5f5;
}
.itb-copyright.colored .itb-copyright__popup:after {
background: #f5f5f5;
}
.itb-copyright.colored .itb-copyright__popup a {
color: rgba(0, 0, 0, 0.6);
}
.itb-copyright.colored .itb-copyright__popup a:hover {
color: rgba(0, 38, 174, 0.6);
}
@media (min-width: 1200px) and (max-width: 1500px) {
.hero__aside {
width: 40%;
}
.hero__aside img:nth-child(1) {
left: 5rem;
width: 14.75rem;
}
.hero__aside img:nth-child(2) {
left: 10rem;
width: 22.4375rem;
}
.hero{
padding: 0 20px;
}
}
.callme__agree input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.callme__agree span {
position: relative;
padding-left: 24px;
cursor: pointer;
}
.callme__agree span::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
border: none;
border-radius: 4px;
background-color: #fff;
transition: all 0.2s ease;
}
.callme__agree input[type="checkbox"]:checked + span::before {
background-color: #fff;
border-color: #fff;
}
.callme__agree input[type="checkbox"]:checked + span::after {
content: "";
position: absolute;
left: 6px;
top: 3px;
width: 5px;
height: 8px;
border-right: 2px solid #0077EB;
border-bottom: 2px solid #0077EB;
transform: rotate(45deg);
}
.cta .cta__bottom input[type="checkbox"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.cta .cta__bottom span {
position: relative;
padding-left: 24px;
cursor: pointer;
}
.cta .cta__bottom span::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
border: none;
border-radius: 4px;
background-color: #fff;
transition: all 0.2s ease;
}
.cta .cta__bottom input[type="checkbox"]:checked + span::before {
background-color: #00ABD7;
border-color: #00ABD7;
}
.cta input[type="checkbox"]:checked + span::after {
content: "";
position: absolute;
left: 6px;
top: 3px;
width: 5px;
height: 8px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotate(45deg);
}
.category-content ul{
list-style-type: disc !important;
margin-left: 30px;
}
html {
scroll-behavior: smooth;
}
.news-related-products {
margin-top: 32px;
margin-bottom: 48px;
position: relative;
}
.news-related-products__head {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
.news-related-products__title {
margin: 0;
text-transform: uppercase;
font-size: 24px;
line-height: 32px;
font-weight: 700;
color: #111d27;
}
.related_productss .owl-nav,
.news-related-products .owl-nav {
position: absolute;
top: -64px;
right: 10px;
margin: 0;
display: flex;
gap: 11px;
}
.news-related-products .owl-nav .owl-prev .ion-ios-arrow-left:before,
.news-related-products .owl-nav .owl-prev:hover .ion-ios-arrow-left:before,
.related_productss .owl-nav .owl-prev .ion-ios-arrow-left:before,
.related_productss .owl-nav .owl-prev:hover .ion-ios-arrow-left:before{
content:"";
display: block;
width: 32px;
height: 32px;
flex: 0 0 32px;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23F8F9FC'/%3E%3Cpath d='M18 12L14 16L18 20' stroke='%2328409D' stroke-opacity='1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
transition: .3s;
}
.news-related-products .owl-nav .owl-prev.disabled .ion-ios-arrow-left:before,
.related_productss .owl-nav .owl-prev.disabled .ion-ios-arrow-left:before{
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23F8F9FC'/%3E%3Cpath d='M18 12L14 16L18 20' stroke='%2328409D' stroke-opacity='0.32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.related_productss .owl-nav .owl-next .ion-ios-arrow-right:before,
.related_productss .owl-nav .owl-next:hover .ion-ios-arrow-left:before,
.news-related-products .owl-nav .owl-next .ion-ios-arrow-right:before,
.news-related-products .owl-nav .owl-next:hover .ion-ios-arrow-left:before{
content:"";
display: block;
width: 32px;
height: 32px;
flex: 0 0 32px;
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23F8F9FC'/%3E%3Cpath d='M14 20L18 16L14 12' stroke='%2328409D' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
transition: .3s;
}
.news-related-products .owl-nav .owl-next.disabled .ion-ios-arrow-right:before,
.related_productss .owl-nav .owl-next.disabled .ion-ios-arrow-right:before{
background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23F8F9FC'/%3E%3Cpath d='M14 20L18 16L14 12' stroke='%2328409D' stroke-opacity='0.32' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.related_productss .owl-nav>div{
display: block;
position: static;
transform: unset;
}
.product-related-news__carousel .news_card {
height: 100%;
}
@media ( max-width: 1550px ) {
.row{
margin: 0 auto;
}
}
.product-related-news__more {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 52px;
margin-top: 32px;
padding: 17px 24px;
border-radius: 10px;
background: #00abd7;
color: #fff;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color 0.2s ease;
}
.product-related-news__more:hover {
background: #247d99;
color: #fff;
}
@media (max-width: 767px) {
.news-related-products__title {
font-size: 28px;
line-height: 36px;
text-transform: none;
}
.product-related-news__more {
width: 100%;
margin-top: 24px;
}
}
.container:has(section.company-promo) + section.why{
margin-top: 10rem;
}
.news_image .card-img-top{
max-height: 340px;
object-fit: cover;
width: auto !important;
height: auto !important;
border-radius: 20px;
}